text
\",title:\"Content\",type:ControlType.RichText}});addFonts(FramersBOZV9l2g,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/GrgcKwrN6d3Uz8EwcLHZxwEfC4.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]},...IconFonts,...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts),...getFontsFromSharedStyle(sharedStyle2.fonts),...getFontsFromSharedStyle(sharedStyle3.fonts),...getFontsFromSharedStyle(sharedStyle4.fonts),...getFontsFromSharedStyle(sharedStyle5.fonts),...getFontsFromSharedStyle(sharedStyle6.fonts),...getFontsFromSharedStyle(sharedStyle7.fonts),...getFontsFromSharedStyle(sharedStyle8.fonts),...componentPresets.fonts?.[\"CB1Icq8V2\"]?getFontsFromComponentPreset(componentPresets.fonts?.[\"CB1Icq8V2\"]):[],...componentPresets.fonts?.[\"o9N5WiWRG\"]?getFontsFromComponentPreset(componentPresets.fonts?.[\"o9N5WiWRG\"]):[]],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramersBOZV9l2g\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerIntrinsicWidth\":\"402\",\"framerColorSyntax\":\"true\",\"framerContractVersion\":\"1\",\"framerComponentViewportWidth\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerVariables\":\"{\\\"RTs3NUBSv\\\":\\\"number\\\",\\\"HOSuTE1NZ\\\":\\\"title\\\",\\\"AFNS5SwIP\\\":\\\"title1\\\",\\\"CsmX9Lf9J\\\":\\\"icon\\\",\\\"Kjy3rJyBN\\\":\\\"icon2\\\",\\\"hh5WJpI2K\\\":\\\"content\\\"}\",\"framerIntrinsicHeight\":\"119\",\"framerAutoSizeImages\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"rkVdoyzKd\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"Sdt180qZw\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"oneDFUkcR\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"xoE10qQTw\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"h2pol0Qun\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}","import{useState,useEffect}from\"react\";import{Data,useObserveData}from\"framer\";export function createStore(state1){// Use Data so that a Preview reload resets the state\nconst dataStore=Data({state:Object.freeze({...state1})});// Create a set function that updates the state\nconst setDataStore=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(dataStore.state);}dataStore.state=Object.freeze({...dataStore.state,...newState});};// Store the initial state, copy the object if it's an object\nlet storeState=typeof state1===\"object\"?Object.freeze({...state1}):state1;// Keep a list of all the listeners, in the form of React hook setters\nconst storeSetters=new Set();// Create a set function that updates all the listeners / setters\nconst setStoreState=newState=>{// If the state is an object, make sure we copy it\nif(typeof newState===\"function\"){newState=newState(storeState);}storeState=typeof newState===\"object\"?Object.freeze({...storeState,...newState}):newState;// Update all the listeners / setters with the new value\nstoreSetters.forEach(setter=>setter(storeState));};// Create the actual hook based on everything above\nfunction useStore(){// Create the hook we are going to use as a listener\nconst[state,setState]=useState(storeState);// If we unmount the component using this hook, we need to remove the listener\n// @ts-ignore\nuseEffect(()=>{// But right now, we need to add the listener\nstoreSetters.add(setState);return()=>storeSetters.delete(setState);},[]);// If Data context exists, use Data, otherwise use vanilla React state\nif(useObserveData()===true){useObserveData();return[dataStore.state,setDataStore];}else{// Return the state and a function to update the central store\nreturn[state,setStoreState];}}return useStore;}\nexport const __FramerMetadata__ = {\"exports\":{\"createStore\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./createStore.map","import{jsx as _jsx}from\"react/jsx-runtime\";import{ControlType}from\"framer\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";export const useFormStore=createStore({});export const SUPABASE_KEY=\"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im1ocndkdnNpdHJ6Y3pybmV1YXhnIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MDkxNjgyNzgsImV4cCI6MjAyNDc0NDI3OH0.4Pyysu1vMhnd1k1hbOSZ2lcx7hr1iH6MgX7fyTScYmU\";export function FormIcon(props){var _icon_image;const{icon,style}=props;if(!icon){return null;}return[/*#__PURE__*/_jsx(\"div\",{className:\"form-icon\",style:{width:icon.size,height:icon.size,opacity:icon.opacity,color:icon.color||props.fontColor,backgroundImage:icon.type==\"image\"&&`url(${(_icon_image=icon.image)===null||_icon_image===void 0?void 0:_icon_image.src})`,backgroundSize:\"cover\",backgroundPosition:\"center\",pointerEvents:\"none\",...style},dangerouslySetInnerHTML:icon.type==\"svg\"?{__html:icon.svg.replace(/width=\"(\\d+)\"/,`width=\"${icon.size}\"`).replace(/height=\"(\\d+)\"/,`width=\"${icon.size}\"`)}:undefined}),(icon===null||icon===void 0?void 0:icon.type)==\"svg\"&&/*#__PURE__*/_jsx(\"style\",{children:`.form-icon svg { display: block; }`})];}export const iconPropertyControls={type:ControlType.Object,optional:true,controls:{position:{type:ControlType.Enum,defaultValue:\"left\",options:[\"left\",\"right\"],optionTitles:[\"Left\",\"Right\"],displaySegmentedControl:true},gap:{type:ControlType.Number,defaultValue:12,min:0,step:1},type:{type:ControlType.Enum,defaultValue:\"svg\",options:[\"svg\",\"image\"],optionTitles:[\"SVG\",\"Image\"],displaySegmentedControl:true},svg:{type:ControlType.String,placeholder:\"\",displayTextArea:true,title:\"SVG\",hidden:props=>props.type!=\"svg\"},image:{type:ControlType.ResponsiveImage,hidden:props=>props.type!=\"image\"},color:{type:ControlType.Color,optional:true,hidden:props=>props.type!=\"svg\"},size:{type:ControlType.Number,defaultValue:24,min:1,step:1},opacity:{type:ControlType.Number,defaultValue:1,min:0,max:1,step:.01}}};export const shadowPropertyControls={type:ControlType.Object,optional:true,controls:{color:{type:ControlType.Color,defaultValue:\"rgba(0, 0, 0, 0.25)\"},x:{type:ControlType.Number,defaultValue:0,displayStepper:true},y:{type:ControlType.Number,defaultValue:2,displayStepper:true},blur:{type:ControlType.Number,defaultValue:4,min:0,displayStepper:true},spread:{type:ControlType.Number,defaultValue:0,displayStepper:true}}};class FramerFormsSDK{fetchPresignedURL(file){var _file_name;return fetch(`https://api.framerforms.com/s3/signed-url`,{method:\"POST\",body:JSON.stringify({file_name:(_file_name=file.name)===null||_file_name===void 0?void 0:_file_name.replace(/\\s+/g,\"-\")}),headers:{\"Content-Type\":\"application/json\"}}).then(async response=>{const responseBody=await response.json();if(response.status>200){throw new Error(responseBody.errorMessage);}return responseBody;});}postToPresignedURL(file,presignedUrl){return new Promise((resolve,reject)=>{fetch(presignedUrl,{method:\"PUT\",body:file}).then(()=>resolve({fileLocation:removeURLParameters(presignedUrl)})).catch(reject);});}uploadFile(file){return new Promise((resolve,reject)=>{this.fetchPresignedURL(file).then(({presignedUrl})=>this.postToPresignedURL(file,presignedUrl)).then(resolve).catch(reject);});}}const framerFormsSDK=new FramerFormsSDK;export{framerFormsSDK};function removeURLParameters(urlString){const url=new URL(urlString);url.search=\"\";return url.toString();}\nexport const __FramerMetadata__ = {\"exports\":{\"iconPropertyControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"shadowPropertyControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useFormStore\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"SUPABASE_KEY\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"FormIcon\":{\"type\":\"reactComponent\",\"name\":\"FormIcon\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"framerFormsSDK\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SharedFormCode.map","import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,Link}from\"framer\";import{useEffect,useState,useRef}from\"react\";import{motion}from\"framer-motion\";import{FormIcon,iconPropertyControls,useFormStore,SUPABASE_KEY}from\"https://framerusercontent.com/modules/MVzz2HKOSVPXKxZqPZdW/YpgjMrjs07OJc6jTFbm7/SharedFormCode.js\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicWidth 500\n */export default function SubmitButton(props){var _props_hoverCustomization,_props_hoverCustomization1,_props_hoverCustomization2,_props_pressCustomization,_props_pressCustomization1,_props_pressCustomization2,_props_font;const{formId,clickAction,submitPlatform,submitUrl,responseInfo,redirectOnSuccess,scrollOptions,icon,border,success,failure,apiConfig}=props;const borderRadius=props.radiusIsMixed?`${props.radiusTopLeft}px ${props.radiusTopRight}px ${props.radiusBottomRight}px ${props.radiusBottomLeft}px`:`${props.radius}px`;const[formState,setFormState]=useFormStore();const[submitted,setSubmitted]=useState(false);const redirectLinkRef=useRef(null);// Reset/clear form\nfunction resetFormState(){setFormState(prev=>{const newForm={};for(const fieldName in prev[formId]){newForm[fieldName]={...prev[formId][fieldName],value:prev[formId][fieldName].defaultValue};}return{[formId]:newForm};});}useEffect(()=>{setFormState({});return()=>{setFormState(prev=>{const{[formId]:_,...newState}=prev;return newState;});};},[]);async function onSubmitClick(){const invalidFields=[];if(submitted){return;}// Find invalid fields\nconst form=formState[formId];for(const fieldName in form){const field=form[fieldName];if(field.visible&&!field.isValid(field.value)){invalidFields.push(fieldName);}}if(invalidFields.length==0){if(clickAction==\"submitForm\"){// Process final field values\nconst formData={};for(const fieldName in form){const field=form[fieldName];const name=processFieldName(fieldName,submitPlatform);if(field.processValue){formData[name]=await field.processValue(field.value);}else{formData[name]=field.value;}}let url=\"\";let fetchMode=\"no-cors\";let contentType=\"application/json\";let headers={};switch(submitPlatform){case\"url\":var _apiConfig_apiKey;url=submitUrl.replace(\"submit-form.com\",\"api.formspark.io\");if(url.includes(\"loops.so/api\")){contentType=\"application/x-www-form-urlencoded\";}// Fix CORS issues with Formspark and Make.com\nif(url.includes(\"submit-form.com\")||url.includes(\"api.formspark.io\")||url.includes(\".make.com\")){fetchMode=\"cors\";}if(apiConfig===null||apiConfig===void 0?void 0:(_apiConfig_apiKey=apiConfig.apiKey)===null||_apiConfig_apiKey===void 0?void 0:_apiConfig_apiKey.length){headers.Authorization=`Bearer ${apiConfig.apiKey}`;}break;case\"zapier\":url=props.zapierWebhookUrl;break;case\"make\":url=props.makeWebhookUrl;fetchMode=\"cors\";break;case\"formspark\":url=`https://api.formspark.io/${props.formsparkFormId}`;fetchMode=\"cors\";break;case\"formspree\":url=props.formspreeEndpoint;break;case\"loops\":var _props_loopsUserGroup;url=props.loopsUrl;contentType=\"application/x-www-form-urlencoded\";fetchMode=\"cors\";if((_props_loopsUserGroup=props.loopsUserGroup)===null||_props_loopsUserGroup===void 0?void 0:_props_loopsUserGroup.length){formData.userGroup=props.loopsUserGroup;}// Email address\nfor(const fieldName in form){const field=form[fieldName];if(field.type==\"email\"){delete formData[field.name];formData.email=field.value;break;}}break;case\"mailchimp\":const[domain,parameters]=parseMailchimpUrl(props.mailchimpUrl);url=`https://${domain}/subscribe/post`;contentType=\"application/x-www-form-urlencoded;charset=UTF-8\";if(parameters){for(const key in parameters){formData[key]=parameters[key];}}// Find email, phone, and birthday fields\nlet emailFound=false;let phoneFound=false;let birthdayFound=false;for(const fieldName in form){const field=form[fieldName];if(!emailFound&&field.type==\"email\"){delete formData[field.name];formData.EMAIL=field.value;emailFound=true;}if(!phoneFound&&field.type==\"phone\"){delete formData[field.name];formData.PHONE=field.value;phoneFound=true;}if(!birthdayFound&&field.type==\"date\"&&field.name==\"birthday\"){formData[\"BIRTHDAY[month]\"]=field.value.getMonth()+1;formData[\"BIRTHDAY[day]\"]=field.value.getDate();delete formData[field.name];birthdayFound=true;}}break;case\"mailerLite\":url=props.mailerLiteUrl;contentType=\"application/x-www-form-urlencoded\";// Email address\nfor(const fieldName in form){const field=form[fieldName];if(field.type==\"email\"){delete formData[field.name];formData[\"fields[email]\"]=field.value;break;}}break;case\"hubSpot\":url=`https://api.hsforms.com/submissions/v3/integration/submit/${props.hubSpotPortalId}/${props.hubSpotFormId}`;fetchMode=\"cors\";break;case\"klaviyo\":url=\"https://manage.kmail-lists.com/subscriptions/external/subscribe\";contentType=\"application/x-www-form-urlencoded\";formData.g=props.klaviyoListId// g is the list ID field\n;// Email address\nfor(const fieldName in form){const field=form[fieldName];if(field.type==\"email\"){delete formData[field.name];formData[\"$email\"]=field.value;break;}}break;}// Add URL to form response\nif(responseInfo.url){formData[responseInfo.urlName]=window.location.href;}// Add UTM parameters\nif(responseInfo.utmParams){const queryParams=new URLSearchParams(window.location.search);queryParams.forEach((value,key)=>{// Check if the key starts with 'utm_' (indicating it's a UTM parameter)\nif(key.startsWith(\"utm_\")){formData[key]=value;}});}let body=\"\";// if (submitPlatform == \"hubSpot\") {\n// const hsBody = {\n// context: {\n// pageUri: window.location.href,\n// pageName: document.title,\n// },\n// fields: Object.keys(form).map((fieldName) => {\n// const field = form[fieldName]\n// return {\n// objectTypeId: \"0-1\",\n// name: fieldName,\n// value: field.value,\n// }\n// }),\n// }\n// // Add HutSpot tracking cookie.\n// // Requires the HubSpot tracking script to be installed on the page.\n// const hutk = getCookieValue(\"hubspotutk\")\n// if (hutk?.length) {\n// hsBody.context.hutk = hutk\n// }\n// let communicationsText = \"\"\n// let processingText = \"\"\n// for (const fieldName in form) {\n// if (fieldName == \"communications\") {\n// communicationsText =\n// form[fieldName].ref.current?.textContent\n// } else if (fieldName == \"processing\") {\n// processingText =\n// form[fieldName].ref.current?.textContent\n// }\n// }\n// switch (props.hubSpotConsentType) {\n// case \"communications\":\n// case \"communicationsAndProcessing\":\n// hsBody.legalConsentOptions = {\n// consent: {\n// consentToProcess: true,\n// text: processingText,\n// communications: [\n// {\n// value: false,\n// subscriptionTypeId:\n// props.hubSpotSubscriptionTypeId,\n// text: communicationsText,\n// },\n// ],\n// },\n// }\n// break\n// case \"legitimateInterest\":\n// hsBody.legalConsentOptions = {\n// legitimateInterest: {\n// value: true, // Finish this //\n// subscriptionTypeId:\n// props.hubSpotSubscriptionTypeId,\n// legalBasis: props.hubSpotLegalBasis,\n// text: \"\",\n// },\n// }\n// break\n// }\n// for (const fieldName in form) {\n// const field = form[fieldName]\n// if (\n// field.type == \"consent\" ||\n// field.type == \"checkbox\"\n// ) {\n// hsBody.legalConsentOptions = {\n// consent: {\n// consentToProcess: true,\n// text: field.ref.current?.textContent,\n// communications: [\n// {\n// value: true,\n// subscriptionTypeId:\n// props.hubSpotSubscriptionTypeId,\n// },\n// ],\n// },\n// }\n// delete formData[field.name]\n// break\n// }\n// }\n// body = JSON.stringify(hsBody)\n// } else {\nif(contentType==\"application/json\"){body=JSON.stringify(formData);}else if(contentType.startsWith(\"application/x-www-form-urlencoded\")){body=new URLSearchParams(formData).toString();}// }\nsetSubmitted(true);try{const response=await fetch(url,{method:\"POST\",mode:fetchMode,body,headers:{\"Content-Type\":contentType,Accept:\"application/json\",...headers}});if(response.ok||response.type==\"opaque\"){if((redirectOnSuccess===null||redirectOnSuccess===void 0?void 0:redirectOnSuccess.length)&&redirectLinkRef.current){redirectLinkRef.current.click();}try{fetch(\"https://mhrwdvsitrzczrneuaxg.supabase.co/rest/v1/framerforms_websites\",{method:\"POST\",headers:{apikey:SUPABASE_KEY,Authorization:`Bearer ${SUPABASE_KEY}`,\"Content-Type\":\"application/json\",Prefer:\"return=minimal\"},body:JSON.stringify({url:window.location.href})});}catch(error){console.error(\"Error:\",error);}resetFormState();setSubmitted(false);success===null||success===void 0?void 0:success();}else{setSubmitted(false);failure===null||failure===void 0?void 0:failure();}}catch(error){console.error(\"Error submitting form: \",error);setSubmitted(false);failure===null||failure===void 0?void 0:failure();}}else{// Validate form without submitting to URL\nsetSubmitted(false);success===null||success===void 0?void 0:success();}}else{console.log(\"Not all required form fields are filled:\",invalidFields.join(\", \"));if(scrollOptions){// Scroll to first invalid field\nlet closestRef=null;let closestDistance=Number.POSITIVE_INFINITY;for(const fieldName in form){const ref=form[fieldName].ref;if(invalidFields.includes(fieldName)&&ref.current){const rect=ref.current.getBoundingClientRect();const distance=rect.top+window.pageYOffset;if(distance>=0&&distance