{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/mmACBAkfyP6dJm5ibFT2/Ro9mOj2NngxqRBOY6PJM/siteMetadata.js"],
  "sourcesContent": ["// Generated by Framer (3969033)\nconst valuesByLocaleId={H_G8Jhhex:{v0:\"Smartflare\",v1:\"Smartflare is the first French integrator fully dedicated and specialized in Cloudflare's SaaS technologies.\"}};function getLocalizedValue(key,locale){while(locale){const values=valuesByLocaleId[locale.id];if(values){const value=values[key];if(value)return value;}locale=locale.fallback;}}export default function metadata(params,activeLocale){var _getLocalizedValue,_getLocalizedValue1;return{customHTMLBodyEnd:\"<script>\\n  var observer;\\nfunction handleDOMChanges(mutationsList, observer) {\\n    for (let mutation of mutationsList) {\\n        if (mutation.type === 'childList' || mutation.type === 'subtree') {\\n         \\n            runYourCode();\\n       \\n        }\\n    }\\n}\\n\\nfunction runYourCode() {\\n\\nvar pricingPlanItem2 = document.querySelector('#Plans_Section #pricing-plan-item-2');\\nvar pricingPlanItem1 = document.querySelector('#Plans_Section #pricing-plan-item-1');\\n if (pricingPlanItem2 && !pricingPlanItem1.classList.contains('active-pricing-plan')) \\n      {\\n   \\n       pricingPlanItem2.classList.add('active-pricing-plan');\\n      \\n      }\\n       var pricingPlanItems = document.querySelectorAll('[id^=\\\"pricing-plan-item\\\"]');\\n        pricingPlanItems.forEach(function(item) {\\n          item.addEventListener('click', function() {\\n            var selector = this.id.replace('-plan-item', '');\\n            var pricingSelect = document.getElementById(selector);\\n            var pricingElements = document.querySelectorAll('[id^=\\\"pricing-\\\"]:not([id*=\\\"pricing-plan\\\"])');\\n            pricingElements.forEach(function(element) {\\n              element.style.display = 'none';\\n            });\\n      \\n            pricingSelect.style.display = 'flex';\\n            var toggleSection = document.getElementById('toggle-section');\\n             if (toggleSection) {\\n                    toggleSection.style.display = 'block';\\n                  }\\n            var pricingPlanItems = document.querySelectorAll('[id^=\\\"pricing-plan\\\"]');\\n            pricingPlanItems.forEach(function(planItem) {\\n             \\n              planItem.classList.remove('active-pricing-plan');\\n            });\\n            this.classList.add('active-pricing-plan');\\n       var saveAmount = document.getElementById(\\\"saveAmount\\\");\\n    \\n    if (this.id == \\\"pricing-plan-item-2\\\") {\\n      saveAmount.style.display = \\\"flex\\\";\\n    } else {\\n      saveAmount.style.display = \\\"none\\\";\\n    }\\n          });\\n        });\\n        // Click event listeners for yearlyPackages\\nconst yearlyPackages = document.querySelectorAll(\\\"#pricing-1 button, #pricing-2 button\\\");\\n\\nyearlyPackages.forEach(function(button) {\\n    button.addEventListener(\\\"click\\\", function(event) {\\n      \\n        event.preventDefault();\\n\\n        const buttonId = button.id;\\n        var overlay = document.getElementById('overlay');\\n      \\n  // Disconnect the previous observer before creating a new one\\n            if (observer) {\\n                observer.disconnect();\\n            }\\n\\n        // Create a MutationObserver with a callback function\\n        observer = new MutationObserver(function(mutations) {\\n            // Check if the overlay now has child elements\\n            \\n            if (overlay.children.length > 0) {\\n\\n                // Disconnect the observer once the condition is met\\n                observer.disconnect();\\n\\n                PackageValuesFunction(buttonId);\\n            }\\n        });\\n\\n        // Configure the observer to watch for childList changes\\n        var observerConfig = { childList: true };\\n\\n        // Start observing the overlay\\n        observer.observe(overlay, observerConfig);\\n    });\\n});\\n}\\n\\n    //function to set value of plan type based on trial value\\n    function handleTrialValue(trialValue) {\\n     \\n\\n var planTypeDiv = document.getElementById(\\\"selected_plan_type\\\");\\n  var planTypeRadios = document.querySelectorAll('input[name=\\\"selected_plan_type\\\"]');\\n   var selected_plan = document.getElementById(\\\"selected_plan\\\");\\n               \\n\\n  if (trialValue && trialValue==\\\"true\\\") {\\n    planTypeDiv.style.display = \\\"none\\\";\\n    selected_plan.style.display=\\\"none\\\";\\n    planTypeRadios.forEach(function(radio) {\\n      radio.disabled = true;\\n    });\\n   \\n  } else {\\n selected_plan.style.display=\\\"block\\\";\\n    planTypeDiv.style.display = \\\"block\\\";\\n    planTypeRadios.forEach(function(radio) {\\n      radio.disabled = false;\\n    });\\n  }\\n}  \\n\\n    function PackageValuesFunction(btnId) {\\n                   \\n                  var RegModal = document.getElementById(\\\"overlay\\\");\\n           \\n                \\n              \\n                  var Trial = document.querySelector(\\\"#RegistrationForm #trial\\\");\\n               \\n                  \\n           \\n                  if (Trial) {\\n                  \\n                    var SplitValues = btnId.split(\\\"_\\\");\\n            \\n                    // Plan.value = SplitValues[0];\\n                   \\n                    // PlanType.value = SplitValues[1];\\n                     \\n                    Trial.value = SplitValues[1];\\n                    console.log(\\\"Trial.value \\\",Trial.value )\\n      \\n                    var registrationH2 = document.getElementById(\\\"registration-heading\\\");\\n      \\n                    if (registrationH2) {\\n                      if (Trial.value == \\\"false\\\") {\\n                        \\n                        // selected_region.style.display = \\\"block\\\";\\n                        registrationH2.innerHTML = \\\"Plan Registration\\\";\\n                  \\n\\n                       \\n                      } else {\\n                        // selected_region.style.display = \\\"none\\\";\\n                        registrationH2.innerHTML = \\\"Trial Registration\\\";\\n                        handleTrialValue(Trial.value);\\n                     \\n                         \\n                      }\\n                    }\\n                  }\\n                }\\n\\n\\n\\nvar DOMChangedObserver = new MutationObserver(handleDOMChanges);\\nvar targetNode = document.body;// You can change this to the appropriate target node\\nvar config = { childList: true, subtree: true };\\n\\nDOMChangedObserver.observe(targetNode, config);\\n\\n// Initial run of the code to handle the existing DOM content\\nrunYourCode();\\n\\n\\n</script>\\n\\n<script>\\n    (function(){\\n        var s    = document.createElement('script');\\n        var h    = document.querySelector('head') || document.body;\\n        s.src    = 'https://acsbapp.com/apps/app/dist/js/app.js';\\n        s.async  = true;\\n        s.onload = function(){\\n            acsbJS.init({\\n                statementLink    : '',\\n                footerHtml       : '',\\n                hideMobile       : false,\\n                hideTrigger      : false,\\n                disableBgProcess : false,\\n                language         : 'en',\\n                position         : 'right',\\n                leadColor        : '#146FF8',\\n                triggerColor     : '#146FF8',\\n                triggerRadius    : '50%',\\n                triggerPositionX : 'right',\\n                triggerPositionY : 'bottom',\\n                triggerIcon      : 'people',\\n                triggerSize      : 'bottom',\\n                triggerOffsetX   : 20,\\n                triggerOffsetY   : 20,\\n                mobile           : {\\n                    triggerSize      : 'small',\\n                    triggerPositionX : 'right',\\n                    triggerPositionY : 'bottom',\\n                    triggerOffsetX   : 10,\\n                    triggerOffsetY   : 10,\\n                    triggerRadius    : '20'\\n                }\\n            });\\n        };\\n        h.appendChild(s);\\n    })();\\n</script>\\n\",customHTMLHeadEnd:'<script>function initApollo(){var n=Math.random().toString(36).substring(7),o=document.createElement(\"script\");\\no.src=\"https://assets.apollo.io/micro/website-tracker/tracker.iife.js?nocache=\"+n,o.async=!0,o.defer=!0,\\no.onload=function(){window.trackingFunctions.onLoad({appId:\"66e9a47bf43cb20ad9dbe625\"})},\\ndocument.head.appendChild(o)}initApollo();</script>',customHTMLHeadStart:\"<style>\\n.pricing-item-cursor {\\ncursor: pointer;\\n}\\n \\n#pricing-1 { \\ndisplay: none;\\n}\\n\\n.active-pricing-plan {\\ncolor: #fff !important;\\nbackground-color: #002061 !important;\\n  \\n \\n}\\n.active-pricing-plan p {\\ncolor: #fff !important;\\n  \\n \\n}\\n#saveAmount{\\ndisplay:flex;\\n}\\n.inputContainerStyle\\n{\\n    width:48%;\\n      min-height: 72px;\\n    position:relative;\\n}\\n#RegistrationForm .error {\\n    position: absolute;\\n    bottom: -22px;\\n    //position: relative;\\n    //bottom: -4px;\\n    background: #fff;\\n    width: 100%;\\n    color: #2f2f2f !important;\\n    border: 1px solid #808080;\\n    border-radius: 5px;\\n    padding: 10px;\\n    z-index: 100;\\n    box-shadow: 2px 2px 5px #808080;\\n}\\n#RegistrationForm .error::before {\\n    content: '\\\\25B2';\\n    position: absolute;\\n    top: -14px;\\n    font-size: 14px;\\n    /* letter-spacing: 40px; */\\n    color: #fff;\\n    font-stretch: expanded;\\n    font-family: fantasy;\\n    -webkit-text-stroke-width: 1px;\\n    -webkit-text-stroke-color: #4d4c4c;\\n}\\n\\n#RegistrationForm .warning-icon\\n{\\n        width: 10px;\\n    margin-right: 5px;\\n}\\n#RegistrationFormContainer\\n{\\n   scrollbar-color:  darkgrey #e0e0e0;\\n  scrollbar-width: thin;\\n   height: 510px;\\n}\\n.regionRow\\n{\\n  width:100%;\\n\\n  padding-block:5px;\\n  position:relative;\\n}\\n#RegistrationForm .regionRow .error\\n{\\n    bottom: -35px;\\n    width:96%;\\n}\\n#RegistrationForm input:focus, #RegistrationForm input:focus-visible\\n{\\n  border: 2px solid #bcbdbd !important;\\n  outline:none !important;\\n}\\n#pricing-plan-item-1, #pricing-plan-item-2{\\n  cursor:pointer;\\n}\\n#RegistrationForm .regIcon {\\n    position: absolute;\\n    right: 10px;\\n    top: 10px;\\n}\\n#RegistrationForm .eye\\n{\\n      display: inline-block;\\n    font-size: 14px;\\n    font-weight: normal;\\n    text-rendering: auto;\\n}\\n#RegistrationForm .eye-slash::before {\\n    content: '';\\n    width: 20px;\\n    height: 20px;\\n    background-color: black;\\n    border-radius: 50%;\\n    position: relative;\\n}\\n\\n#RegistrationForm .eye-slash::after {\\n    content: '';\\n    width: 12px;\\n    height: 2px;\\n    background-color: black;\\n    position: absolute;\\n    top: 9px;\\n    left: 4px;\\n    transform: rotate(45deg);\\n}\\n#RegistrationForm .eye::before {\\n    content: '';\\n    width: 20px;\\n    height: 20px;\\n    background-color: black;\\n    border-radius: 50%;\\n}\\n@media screen and (max-width:834px)\\n{\\n  .inputContainerStyle,.regionRow\\n{\\n    width:100%;\\n}  \\n.regionRow\\n{\\n  margin-top:10px;\\n}\\n}\\n@media screen and (min-height:640px) and (min-width:1440px)\\n{\\n  /* #formContainer\\n{\\n   height:580px;\\n}   */\\n #RegistrationForm\\n{\\n   height:auto;\\n} \\n}\\n\\n@media screen and (max-height:639px) and (min-width:1400px)\\n{\\n  /* #formContainer\\n{\\n   height:380px;\\n}   */\\n #RegistrationForm\\n{\\n   height:76vh;\\n} \\n}\\n@media screen and (min-height:600px) and (max-width:500px)\\n{\\n\\n #RegistrationForm\\n{\\n   height:75vh;\\n} \\n}\\n</style>\\n\\n\",description:(_getLocalizedValue=getLocalizedValue(\"v1\",activeLocale))!==null&&_getLocalizedValue!==void 0?_getLocalizedValue:\"Smartflare est le premier int\\xe9grateur fran\\xe7ais enti\\xe8rement d\\xe9di\\xe9 et sp\\xe9cialis\\xe9 dans les technologies SaaS de Cloudflare.\",favicon:\"https://framerusercontent.com/assets/V98UmOe9oHUexdGZRkKNKPoQeU.png\",robots:\"max-image-preview:large\",socialImage:\"https://framerusercontent.com/assets/sqtyOTL5aZUHKm3Xn14DnikdWRI.png\",title:(_getLocalizedValue1=getLocalizedValue(\"v0\",activeLocale))!==null&&_getLocalizedValue1!==void 0?_getLocalizedValue1:\"Smartflare\"};}export const metadataVersion=1;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"metadataVersion\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],
  "mappings": "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",
  "names": ["valuesByLocaleId", "getLocalizedValue", "key", "locale", "values", "value", "metadata", "params", "activeLocale", "_getLocalizedValue", "_getLocalizedValue1"]
}