{"version":3,"file":"Custom_Function_Override.CVdFrDCh.mjs","names":["React.useContext","React.useMemo","React.Fragment","React.useRef","React.useId","RichText"],"sources":["https:/framerusercontent.com/modules/d5biMuWbJwqhyS7OI18X/FNp8bNaHMnAzUThwjVD7/K2zbtqiJ1.js","https:/framerusercontent.com/modules/jNBsk8CI17JqVZ05S9Sk/jsJbHGTnrrqEsRUaOr5O/Custom_Function_Override.js"],"sourcesContent":["// Generated by Framer (d95cfb1)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const cycleOrder=[\"hZu6xkFHg\",\"qvfPdBL3v\"];const serializationHash=\"framer-askh2\";const variantClassNames={hZu6xkFHg:\"framer-v-1aqfj2c\",qvfPdBL3v:\"framer-v-i6757m\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={\"Variant 1\":\"hZu6xkFHg\",\"Variant 2\":\"qvfPdBL3v\"};const getProps=({background,height,id,tap,title,width,...props})=>{var _ref,_ref1,_humanReadableVariantMap_props_variant,_ref2;return{...props,Md4hkbsTO:(_ref=title!==null&&title!==void 0?title:props.Md4hkbsTO)!==null&&_ref!==void 0?_ref:\"For Products\",pHJACfXEX:(_ref1=background!==null&&background!==void 0?background:props.pHJACfXEX)!==null&&_ref1!==void 0?_ref1:\"rgb(235, 78, 10)\",Qtb79gVwE:tap!==null&&tap!==void 0?tap:props.Qtb79gVwE,variant:(_ref2=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref2!==void 0?_ref2:\"hZu6xkFHg\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,Qtb79gVwE,Md4hkbsTO,pHJACfXEX,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"hZu6xkFHg\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap1t6vx1h=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});if(Qtb79gVwE){const res=await Qtb79gVwE(...args);if(res===false)return false;}});const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(serializationHash,...sharedStyleClassNames,\"framer-1aqfj2c\",className,classNames),\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"hZu6xkFHg\",onTap:onTap1t6vx1h,ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},...addPropertyOverrides({qvfPdBL3v:{\"data-framer-name\":\"Variant 2\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-3t7xy4\",\"data-framer-name\":\"COPY\",layoutDependency:layoutDependency,layoutId:\"JcLABDwxI\",children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO1BQIE5ldWUgTW9udHJlYWwgTWVkaXVt\",\"--framer-font-family\":'\"PP Neue Montreal Medium\", \"PP Neue Montreal Medium Placeholder\", sans-serif',\"--framer-letter-spacing\":\"0.01em\",\"--framer-line-height\":\"120%\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-02427687-12e6-4ba0-9dcd-6a9ca54a387f, rgb(16, 16, 16)))\"},children:\"For Products\"})}),className:\"framer-1wj3zqi\",\"data-framer-name\":\"Textiles\",fonts:[\"CUSTOM;PP Neue Montreal Medium\"],layoutDependency:layoutDependency,layoutId:\"IQRiHhhNh\",style:{\"--extracted-r6o4lv\":\"var(--token-02427687-12e6-4ba0-9dcd-6a9ca54a387f, rgb(16, 16, 16))\"},text:Md4hkbsTO,verticalAlignment:\"top\",withExternalLayout:true})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-ccu1ux\",\"data-framer-name\":\"Underline\",layoutDependency:layoutDependency,layoutId:\"nsIY41UeG\",style:{backgroundColor:pHJACfXEX},variants:{qvfPdBL3v:{backgroundColor:\"var(--token-3c8a01de-94fc-452c-ab90-43ddac961ed5, rgb(236, 236, 234))\"}}})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-askh2.framer-18mngco, .framer-askh2 .framer-18mngco { display: block; }\",\".framer-askh2.framer-1aqfj2c { align-content: center; align-items: center; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: min-content; }\",\".framer-askh2 .framer-3t7xy4 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; overflow: visible; padding: 12px 24px 12px 24px; position: relative; width: min-content; }\",\".framer-askh2 .framer-1wj3zqi { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-askh2 .framer-ccu1ux { align-self: stretch; flex: none; height: 2px; overflow: visible; position: relative; width: auto; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-askh2.framer-1aqfj2c, .framer-askh2 .framer-3t7xy4 { gap: 0px; } .framer-askh2.framer-1aqfj2c > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-askh2.framer-1aqfj2c > :first-child, .framer-askh2 .framer-3t7xy4 > :first-child { margin-top: 0px; } .framer-askh2.framer-1aqfj2c > :last-child, .framer-askh2 .framer-3t7xy4 > :last-child { margin-bottom: 0px; } .framer-askh2 .framer-3t7xy4 > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 45\n * @framerIntrinsicWidth 139.5\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"qvfPdBL3v\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"Qtb79gVwE\":\"tap\",\"Md4hkbsTO\":\"title\",\"pHJACfXEX\":\"background\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerK2zbtqiJ1=withCSS(Component,css,\"framer-askh2\");export default FramerK2zbtqiJ1;FramerK2zbtqiJ1.displayName=\"PlanBuilder / Tab Copy\";FramerK2zbtqiJ1.defaultProps={height:45,width:139.5};addPropertyControls(FramerK2zbtqiJ1,{variant:{options:[\"hZu6xkFHg\",\"qvfPdBL3v\"],optionTitles:[\"Variant 1\",\"Variant 2\"],title:\"Variant\",type:ControlType.Enum},Qtb79gVwE:{title:\"Tap\",type:ControlType.EventHandler},Md4hkbsTO:{defaultValue:\"For Products\",displayTextArea:false,title:\"Title\",type:ControlType.String},pHJACfXEX:{defaultValue:\"rgb(235, 78, 10)\",title:\"Background\",type:ControlType.Color}});addFonts(FramerK2zbtqiJ1,[{explicitInter:true,fonts:[{family:\"PP Neue Montreal Medium\",source:\"custom\",url:\"https://framerusercontent.com/assets/X3dpjR58Ye6dvtoHdLcifA4vzo.woff2\"}]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerK2zbtqiJ1\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"Qtb79gVwE\\\":\\\"tap\\\",\\\"Md4hkbsTO\\\":\\\"title\\\",\\\"pHJACfXEX\\\":\\\"background\\\"}\",\"framerIntrinsicHeight\":\"45\",\"framerContractVersion\":\"1\",\"framerDisplayContentsDiv\":\"false\",\"framerImmutableVariables\":\"true\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"qvfPdBL3v\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicWidth\":\"139.5\",\"framerComponentViewportWidth\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./K2zbtqiJ1.map","import{jsx as _jsx,Fragment as _Fragment}from\"react/jsx-runtime\";import{createElement as _createElement}from\"react\";import{useState,useEffect,useMemo}from\"react\";import{createStore}from\"https://framer.com/m/framer/store.js@^1.0.0\";import{HUBSPOT_TRACK_EVENTS}from\"https://framerusercontent.com/modules/bht4YxYvS1EtDNlVwP8y/9Xge08xuARZ7W2FOaJtm/Hubspot_Events.js\";// Learn more: https://www.framer.com/docs/guides/overrides/\n// helper functions\nfunction updateLoginButton(user=null){const logInBtn=document.querySelectorAll(\".login_btn\");if((logInBtn===null||logInBtn===void 0?void 0:logInBtn.length)>0){for(let i=0;i<(logInBtn===null||logInBtn===void 0?void 0:logInBtn.length);i++){var _btn_querySelectorAll_,_btn_querySelectorAll,// btn.toggleClass(\"user_name\", !!user)\n// btn.toggleClass(\"js-event_btn_Mixpanel\", !user)\n_btn_querySelectorAll_1,_btn_querySelectorAll1,_btn_querySelectorAll_2,_btn_querySelectorAll2,_btn_querySelectorAll_3,_btn_querySelectorAll3;const btn=logInBtn[i];btn.querySelector(\".framer-text\").innerHTML=user?\"Hi, \"+(user===null||user===void 0?void 0:user.first_name):\"Log in\";(_btn_querySelectorAll1=btn.querySelectorAll(\"a\"))===null||_btn_querySelectorAll1===void 0?void 0:(_btn_querySelectorAll_1=_btn_querySelectorAll1[0])===null||_btn_querySelectorAll_1===void 0?void 0:_btn_querySelectorAll_1.setAttribute(\"data-href\",(_btn_querySelectorAll=btn.querySelectorAll(\"a\"))===null||_btn_querySelectorAll===void 0?void 0:(_btn_querySelectorAll_=_btn_querySelectorAll[0])===null||_btn_querySelectorAll_===void 0?void 0:_btn_querySelectorAll_.getAttribute(\"href\"));(_btn_querySelectorAll2=btn.querySelectorAll(\"a\"))===null||_btn_querySelectorAll2===void 0?void 0:(_btn_querySelectorAll_2=_btn_querySelectorAll2[0])===null||_btn_querySelectorAll_2===void 0?void 0:_btn_querySelectorAll_2.setAttribute(\"href\",user?\"javascript:void(0)\":\"https://app.imagine.io/sign-in\");(_btn_querySelectorAll3=btn.querySelectorAll(\"a\"))===null||_btn_querySelectorAll3===void 0?void 0:(_btn_querySelectorAll_3=_btn_querySelectorAll3[0])===null||_btn_querySelectorAll_3===void 0?void 0:_btn_querySelectorAll_3.setAttribute(\"target\",user?\"\":\"_blank\");}}}function updateGetStartedButton(user=null){const getStartedBtn=document.querySelectorAll(\".getStarted_btn\");if((getStartedBtn===null||getStartedBtn===void 0?void 0:getStartedBtn.length)>0){for(let i=0;i<(getStartedBtn===null||getStartedBtn===void 0?void 0:getStartedBtn.length);i++){var //     btn.toggleClass(\"header_dashboard\", !!user)\n//     btn.toggleClass(\"js-event_btn_Mixpanel\", !user)\n_btn_querySelectorAll_,_btn_querySelectorAll,_btn_querySelectorAll_1,_btn_querySelectorAll1;const btn=getStartedBtn[i];btn.style.display=user?\"block\":\"none\";btn.querySelector(\".framer-text\").innerHTML=user?\"Dashboard\":\"Get started\";(_btn_querySelectorAll=btn.querySelectorAll(\"a\"))===null||_btn_querySelectorAll===void 0?void 0:(_btn_querySelectorAll_=_btn_querySelectorAll[0])===null||_btn_querySelectorAll_===void 0?void 0:_btn_querySelectorAll_.setAttribute(\"href\",user?\"https://app.imagine.io/dashboard\":\"https://app.imagine.io/register\");(_btn_querySelectorAll1=btn.querySelectorAll(\"a\"))===null||_btn_querySelectorAll1===void 0?void 0:(_btn_querySelectorAll_1=_btn_querySelectorAll1[0])===null||_btn_querySelectorAll_1===void 0?void 0:_btn_querySelectorAll_1.setAttribute(\"target\",\"_blank\");}}}function getDataFromLocalStorage(callback=null){const currentUser=localStorage.getItem(\"current_user\")||null;const USER_DATA=currentUser?JSON.parse(currentUser):null;const user=USER_DATA===null||USER_DATA===void 0?void 0:USER_DATA.user;callback===null||callback===void 0?void 0:callback(user);}// function overrides\nexport function withLoginButton(Component){const WrappedComponent=props=>{const handleLogin=()=>getDataFromLocalStorage(updateLoginButton);useEffect(()=>{handleLogin();window.addEventListener(\"storage\",handleLogin);return()=>{window.removeEventListener(\"storage\",handleLogin);};},[]);props.className+=\" login_btn\";return /*#__PURE__*/_jsx(Component,{...props});};return WrappedComponent;}export function withGetStartedButton(Component){const WrappedComponent=props=>{const handleGetStarted=()=>getDataFromLocalStorage(updateGetStartedButton);useEffect(()=>{handleGetStarted();window.addEventListener(\"storage\",handleGetStarted);// window.addEventListener(\"click\", handleGetStarted)\nreturn()=>{window.removeEventListener(\"storage\",handleGetStarted);// window.removeEventListener(\"click\", handleGetStarted)\n};},[]);props.className+=\" getStarted_btn\";return /*#__PURE__*/_jsx(Component,{...props});};return WrappedComponent;}const CYCLE={MONTHLY:1,YEARLY:2};const TYPE={PRODUCTS:1,TEXTILES:2};const defaultValues={cycle:CYCLE.YEARLY,type:TYPE.PRODUCTS};const useStore=createStore({...defaultValues});// new subscription working & flow\nfunction getSubscriptionInfoFromBrowserStorage(callback=null){const currentUser=localStorage.getItem(\"current_user\")||null;const planOrderId=localStorage.getItem(\"planOrderId\");const planPriceId=localStorage.getItem(\"planPriceId\");const planPriceAmount=localStorage.getItem(\"planPriceAmount\");const isTexturePlan=localStorage.getItem(\"isTexturePlan\");const USER_DATA=currentUser?JSON.parse(currentUser):null;const user=USER_DATA===null||USER_DATA===void 0?void 0:USER_DATA.user;const organizationDetail=USER_DATA===null||USER_DATA===void 0?void 0:USER_DATA.organization_detail;const obj={user:user,organizationDetail:organizationDetail,planOrderId:+planOrderId,planPriceId:planPriceId===\"null\"?null:+planPriceId,planPriceAmount:+planPriceAmount,isTexturePlan:isTexturePlan===\"true\"?true:false};callback===null||callback===void 0?void 0:callback(obj);return obj;}export function withSubscriptionWrapperProductsAddClass(Component){const WrappedComponent=props=>{var _props_className,_props_className1;const[store,setStore]=useStore();if(!((_props_className=props.className)===null||_props_className===void 0?void 0:_props_className.includes(\"subscription-wrapper\"))){props.className+=\" subscription-wrapper\";}if(!((_props_className1=props.className)===null||_props_className1===void 0?void 0:_props_className1.includes(\"products\"))){props.className+=\" products\";}return /*#__PURE__*/_jsx(Component,{...props});};return WrappedComponent;}export function withSubscriptionWrapperTextilesAddClass(Component){const WrappedComponent=props=>{var _props_className,_props_className1;const[store,setStore]=useStore();if(!((_props_className=props.className)===null||_props_className===void 0?void 0:_props_className.includes(\"subscription-wrapper\"))){props.className+=\" subscription-wrapper\";}if(!((_props_className1=props.className)===null||_props_className1===void 0?void 0:_props_className1.includes(\"textiles\"))){props.className+=\" textiles\";}return /*#__PURE__*/_jsx(Component,{...props});};return WrappedComponent;}export function withSubscriptionProductsTypeAddClass(Component){const WrappedComponent=props=>{var _props_className,_props_className1;const[store,setStore]=useStore();const handleSelectType=()=>{setStore({...store,type:TYPE.PRODUCTS});};if(!((_props_className=props.className)===null||_props_className===void 0?void 0:_props_className.includes(\"subscription-type\"))){props.className+=\" subscription-type\";}if(!((_props_className1=props.className)===null||_props_className1===void 0?void 0:_props_className1.includes(\"products\"))){props.className+=\" products\";}return /*#__PURE__*/_jsx(Component,{...props,onClick:handleSelectType});};return WrappedComponent;}export function withSubscriptionTextilesTypeAddClass(Component){const WrappedComponent=props=>{var _props_className,_props_className1;const[store,setStore]=useStore();const handleSelectType=()=>{setStore({...store,type:TYPE.TEXTILES});};if(!((_props_className=props.className)===null||_props_className===void 0?void 0:_props_className.includes(\"subscription-type\"))){props.className+=\" subscription-type\";}if(!((_props_className1=props.className)===null||_props_className1===void 0?void 0:_props_className1.includes(\"textiles\"))){props.className+=\" textiles\";}return /*#__PURE__*/_jsx(Component,{...props,onClick:handleSelectType});};return WrappedComponent;}export function withSubscriptionCycleAddClass(Component){const WrappedComponent=props=>{var _props_className;const[store,setStore]=useStore();const handleSelectCycle=e=>{var _e_target_innerText;const isMonthly=(_e_target_innerText=e.target.innerText)===null||_e_target_innerText===void 0?void 0:_e_target_innerText.includes(\"monthly\");setStore({...store,cycle:isMonthly?CYCLE.MONTHLY:CYCLE.YEARLY});};if(!((_props_className=props.className)===null||_props_className===void 0?void 0:_props_className.includes(\"subscription-cycle\"))){props.className+=\" subscription-cycle\";}return /*#__PURE__*/_jsx(Component,{...props,onClick:handleSelectCycle});};return WrappedComponent;}export function withSubscriptionContainerAddClass(Component){const WrappedComponent=props=>{var _getSubscriptionInfoFromBrowserStorage,_getSubscriptionInfoFromBrowserStorage1,_getSubscriptionInfoFromBrowserStorage2,_props_className;const[store,setStore]=useStore();const[isLoggedin,setIsLoggedin]=useState();const getAndUpdateAllButtons=(containers=[])=>{var _userInfo_organizationDetail;if(containers.length===0)return;const userInfo=getSubscriptionInfoFromBrowserStorage();const isTexturePlan=userInfo===null||userInfo===void 0?void 0:userInfo.isTexturePlan;const planOrderId=userInfo===null||userInfo===void 0?void 0:userInfo.planOrderId;const planPriceId=userInfo===null||userInfo===void 0?void 0:userInfo.planPriceId;const planPriceAmount=userInfo===null||userInfo===void 0?void 0:userInfo.planPriceAmount;const orgSubscriptionType=userInfo===null||userInfo===void 0?void 0:(_userInfo_organizationDetail=userInfo.organizationDetail)===null||_userInfo_organizationDetail===void 0?void 0:_userInfo_organizationDetail.subscription_type;const isFreemiumOrg=orgSubscriptionType===\"FREEMIUM\";const isPremiumOrg=orgSubscriptionType===\"PREMIUM\"&&planPriceId// planOrderId > 0\n;const isOldPremiumOrg=orgSubscriptionType===\"PREMIUM\"&&(!planPriceId||planPriceId===null)// planOrderId === 0\n;const isOldSubscription=orgSubscriptionType===\"OLD_SUBSCRIPTION\";const subscriptionTypes=document.querySelectorAll(\".subscription-type\");if((userInfo===null||userInfo===void 0?void 0:userInfo.user)&&isPremiumOrg){if((subscriptionTypes===null||subscriptionTypes===void 0?void 0:subscriptionTypes.length)>0){for(let i=0;i<subscriptionTypes.length;i++){subscriptionTypes[i].parentElement.parentElement.style.display=\"none\";}}}else{if((subscriptionTypes===null||subscriptionTypes===void 0?void 0:subscriptionTypes.length)>0){for(let i=0;i<subscriptionTypes.length;i++){subscriptionTypes[i].parentElement.parentElement.style.display=\"flex\";}}}for(let i=0;i<containers.length;i++){var _containers_i_querySelector,_containers_i_querySelector_querySelectorAll,_containers_i_querySelector1,_containers_i,_containers_i_querySelector_querySelector,_containers_i_querySelector2,_containers_i1,_containers_i_querySelector_querySelector1,_containers_i_querySelector3,_containers_i2,_containers_i_querySelector_querySelector2,_containers_i_querySelector4,_containers_i3;const name1=(_containers_i_querySelector=containers[i].querySelector(\".subscription-name .framer-text\"))===null||_containers_i_querySelector===void 0?void 0:_containers_i_querySelector.innerText;const button=containers===null||containers===void 0?void 0:(_containers_i=containers[i])===null||_containers_i===void 0?void 0:(_containers_i_querySelector1=_containers_i.querySelector(\".subscription-button\"))===null||_containers_i_querySelector1===void 0?void 0:(_containers_i_querySelector_querySelectorAll=_containers_i_querySelector1.querySelectorAll(\"a\"))===null||_containers_i_querySelector_querySelectorAll===void 0?void 0:_containers_i_querySelector_querySelectorAll[0];let cardPlanOrderId=containers===null||containers===void 0?void 0:(_containers_i1=containers[i])===null||_containers_i1===void 0?void 0:(_containers_i_querySelector2=_containers_i1.querySelector(\".subscription-plan-order-id\"))===null||_containers_i_querySelector2===void 0?void 0:(_containers_i_querySelector_querySelector=_containers_i_querySelector2.querySelector(\".framer-text\"))===null||_containers_i_querySelector_querySelector===void 0?void 0:_containers_i_querySelector_querySelector.innerText;cardPlanOrderId=Number(cardPlanOrderId);let cardPlanPriceId=containers===null||containers===void 0?void 0:(_containers_i2=containers[i])===null||_containers_i2===void 0?void 0:(_containers_i_querySelector3=_containers_i2.querySelector(\".subscription-plan-price-id\"))===null||_containers_i_querySelector3===void 0?void 0:(_containers_i_querySelector_querySelector1=_containers_i_querySelector3.querySelector(\".framer-text\"))===null||_containers_i_querySelector_querySelector1===void 0?void 0:_containers_i_querySelector_querySelector1.innerText;cardPlanPriceId=Number(cardPlanPriceId);let cardPlanPriceAmount=containers===null||containers===void 0?void 0:(_containers_i3=containers[i])===null||_containers_i3===void 0?void 0:(_containers_i_querySelector4=_containers_i3.querySelector(\".subscription-plan-price-amount\"))===null||_containers_i_querySelector4===void 0?void 0:(_containers_i_querySelector_querySelector2=_containers_i_querySelector4.querySelector(\".framer-text\"))===null||_containers_i_querySelector_querySelector2===void 0?void 0:_containers_i_querySelector_querySelector2.innerText;cardPlanPriceAmount=parseInt(cardPlanPriceAmount.replace(/[$,]/g,\"\"),10);const href=button.getAttribute(\"href\");if(userInfo===null||userInfo===void 0?void 0:userInfo.user){const isCurrentPlan=planPriceId?cardPlanPriceId===planPriceId:cardPlanOrderId===planOrderId;if(i===0){button.setAttribute(\"href\",href===null||href===void 0?void 0:href.replaceAll(\"register\",\"dashboard\"));button.querySelectorAll(\".framer-text\")[0].innerHTML=isCurrentPlan&&isFreemiumOrg?\"Current Plan\":\"Try it free\";}else{if(!isOldPremiumOrg){button.querySelectorAll(\".framer-text\")[0].innerHTML=isCurrentPlan?\"Current Plan\":cardPlanPriceAmount>planPriceAmount// cardPlanOrderId > planOrderId\n?`Upgrade to ${name1}`:`Downgrade to ${name1}`;}else{button.querySelectorAll(\".framer-text\")[0].innerHTML=isCurrentPlan?\"Current Plan\":`Go ${name1}`;}button.setAttribute(\"href\",href===null||href===void 0?void 0:href.replaceAll(\"register?\",\"settings?activeTab=plans&\"));button.style.pointerEvents=isCurrentPlan?\"none\":\"auto\";const subButton=button.querySelectorAll(\"a\")[0];if(isCurrentPlan){subButton.classList.add(\"current-plan-button\");}else{subButton.classList.remove(\"current-plan-button\");}}}else{if(i===0){button.setAttribute(\"href\",href===null||href===void 0?void 0:href.replaceAll(\"dashboard\",\"register\"));button.querySelectorAll(\".framer-text\")[0].innerHTML=\"Try it free\";}else{button.setAttribute(\"href\",href===null||href===void 0?void 0:href.replaceAll(\"settings?activeTab=plans&\",\"register?\"));button.style.pointerEvents=\"auto\";button.querySelectorAll(\"a\")[0].style.backgroundColor=\"rgb(235, 78, 10)\";button.querySelectorAll(\"a\")[0].querySelectorAll(\".framer-text\")[0].style.color=\"rgb(255,255,255)\";button.querySelectorAll(\".framer-text\")[0].innerHTML=`Go ${name1}`;}}}};const getMonthlyContainers=(wrapper=null)=>{const containers=wrapper.querySelectorAll(\".subscription-container.monthly\");getAndUpdateAllButtons(containers);};const getYearlyContainers=(wrapper=null)=>{const containers=wrapper===null||wrapper===void 0?void 0:wrapper.querySelectorAll(\".subscription-container.yearly\");getAndUpdateAllButtons(containers);};const getProductsWrapperContainers=()=>{const wrapper=document.querySelector(\".subscription-wrapper.products\");const wrapperTextiles=document.querySelector(\".subscription-wrapper.textiles\");if(wrapperTextiles)wrapperTextiles.parentElement.style.display=\"none\";if(wrapper)wrapper.parentElement.style.display=\"block\";if(store.cycle===CYCLE.MONTHLY)getMonthlyContainers(wrapper);if(store.cycle===CYCLE.YEARLY)getYearlyContainers(wrapper);};const getTextilesWrapperContainers=()=>{var _userInfo_organizationDetail;const userInfo=getSubscriptionInfoFromBrowserStorage();const planOrderId=userInfo===null||userInfo===void 0?void 0:userInfo.planOrderId;const planPriceId=userInfo===null||userInfo===void 0?void 0:userInfo.planPriceId;const orgSubscriptionType=userInfo===null||userInfo===void 0?void 0:(_userInfo_organizationDetail=userInfo.organizationDetail)===null||_userInfo_organizationDetail===void 0?void 0:_userInfo_organizationDetail.subscription_type;const isPremiumOrg=orgSubscriptionType===\"PREMIUM\"&&planPriceId// planOrderId > 0\n;if((userInfo===null||userInfo===void 0?void 0:userInfo.user)&&isPremiumOrg){const wrapper=document.querySelector(\".subscription-wrapper.textiles\");const wrapperProducts=document.querySelector(\".subscription-wrapper.products\");wrapperProducts.parentElement.style.display=\"none\";wrapper.parentElement.style.display=\"block\";if(store.cycle===CYCLE.MONTHLY)getMonthlyContainers(wrapper);if(store.cycle===CYCLE.YEARLY)getYearlyContainers(wrapper);}};const checkIfUserIsLoggedInorNot=()=>{const userInfo=getSubscriptionInfoFromBrowserStorage();setIsLoggedin(Boolean(userInfo===null||userInfo===void 0?void 0:userInfo.user));setTimeout(()=>{if(userInfo===null||userInfo===void 0?void 0:userInfo.isTexturePlan)getTextilesWrapperContainers();else getProductsWrapperContainers();},5e3);};useEffect(()=>{var _getSubscriptionInfoFromBrowserStorage;setStore({...store,...((_getSubscriptionInfoFromBrowserStorage=getSubscriptionInfoFromBrowserStorage())===null||_getSubscriptionInfoFromBrowserStorage===void 0?void 0:_getSubscriptionInfoFromBrowserStorage.isTexturePlan)===true?{type:TYPE.TEXTILES}:{type:TYPE.PRODUCTS}});},[(_getSubscriptionInfoFromBrowserStorage=getSubscriptionInfoFromBrowserStorage())===null||_getSubscriptionInfoFromBrowserStorage===void 0?void 0:_getSubscriptionInfoFromBrowserStorage.isTexturePlan,(_getSubscriptionInfoFromBrowserStorage1=getSubscriptionInfoFromBrowserStorage())===null||_getSubscriptionInfoFromBrowserStorage1===void 0?void 0:_getSubscriptionInfoFromBrowserStorage1.planPriceId,(_getSubscriptionInfoFromBrowserStorage2=getSubscriptionInfoFromBrowserStorage())===null||_getSubscriptionInfoFromBrowserStorage2===void 0?void 0:_getSubscriptionInfoFromBrowserStorage2.planPriceAmount,isLoggedin]);useEffect(()=>{checkIfUserIsLoggedInorNot();window.addEventListener(\"storage\",checkIfUserIsLoggedInorNot);return()=>{window.removeEventListener(\"storage\",checkIfUserIsLoggedInorNot);};},[]);useEffect(()=>{const timerId=setTimeout(()=>{if(store.type===TYPE.PRODUCTS)getProductsWrapperContainers();if(store.type===TYPE.TEXTILES)getTextilesWrapperContainers();},500);return()=>{if(timerId)clearInterval(timerId);};},[store,isLoggedin]);if(!((_props_className=props.className)===null||_props_className===void 0?void 0:_props_className.includes(\"subscription-container\"))){props.className+=\" subscription-container\";}props.className+=(store===null||store===void 0?void 0:store.type)===TYPE.PRODUCTS?\" products\":\" textiles\";props.className+=(store===null||store===void 0?void 0:store.cycle)===CYCLE.MONTHLY?\" monthly\":\" yearly\";return /*#__PURE__*/_jsx(Component,{...props});};return WrappedComponent;}export function withSubscriptionNameAddClass(Component){const WrappedComponent=props=>{var _props_className;if(!((_props_className=props.className)===null||_props_className===void 0?void 0:_props_className.includes(\"subscription-name\"))){props.className+=\" subscription-name\";}return /*#__PURE__*/_jsx(Component,{...props});};return WrappedComponent;}export function withSubscriptionPlanOrderIdAddClass(Component){const WrappedComponent=props=>{var _props_className;if(!((_props_className=props.className)===null||_props_className===void 0?void 0:_props_className.includes(\"subscription-plan-order-id\"))){props.className+=\" subscription-plan-order-id\";}return /*#__PURE__*/_jsx(Component,{...props});};return WrappedComponent;}export function withSubscriptionPlanPriceIdAddClass(Component){const WrappedComponent=props=>{var _props_className;if(!((_props_className=props.className)===null||_props_className===void 0?void 0:_props_className.includes(\"subscription-plan-price-id\"))){props.className+=\" subscription-plan-price-id\";}return /*#__PURE__*/_jsx(Component,{...props});};return WrappedComponent;}export function withSubscriptionPlanPriceAmountAddClass(Component){const WrappedComponent=props=>{var _props_className;if(!((_props_className=props.className)===null||_props_className===void 0?void 0:_props_className.includes(\"subscription-plan-price-amount\"))){props.className+=\" subscription-plan-price-amount\";}return /*#__PURE__*/_jsx(Component,{...props});};return WrappedComponent;}const getHubspotEvents=(type=null)=>{const{trackBuyFreemiumSubscription,trackBuyProductsBasicMonthlySubscription,trackBuyProductsBasicYearlySubscription,trackBuyTextilesBasicMonthlySubscription,trackBuyTextilesBasicYearlySubscription,trackBuyProductsPlusMonthlySubscription,trackBuyProductsPlusYearlySubscription,trackBuyTextilesPlusMonthlySubscription,trackBuyTextilesPlusYearlySubscription,trackBuyProductsProMonthlySubscription,trackBuyProductsProYearlySubscription,trackBuyTextilesProMonthlySubscription,trackBuyTextilesProYearlySubscription}=HUBSPOT_TRACK_EVENTS||{};const subscriptionEventsMapping={[\"freemium_1_1\"]:trackBuyFreemiumSubscription,[\"freemium_1_2\"]:trackBuyFreemiumSubscription,[\"freemium_2_1\"]:trackBuyFreemiumSubscription,[\"freemium_2_2\"]:trackBuyFreemiumSubscription,[\"basic_1_1\"]:trackBuyProductsBasicMonthlySubscription,[\"basic_1_2\"]:trackBuyProductsBasicYearlySubscription,[\"basic_2_1\"]:trackBuyTextilesBasicMonthlySubscription,[\"basic_2_2\"]:trackBuyTextilesBasicYearlySubscription,[\"plus_1_1\"]:trackBuyProductsPlusMonthlySubscription,[\"plus_1_2\"]:trackBuyProductsPlusYearlySubscription,[\"plus_2_1\"]:trackBuyTextilesPlusMonthlySubscription,[\"plus_2_2\"]:trackBuyTextilesPlusYearlySubscription,[\"pro_1_1\"]:trackBuyProductsProMonthlySubscription,[\"pro_1_2\"]:trackBuyProductsProYearlySubscription,[\"pro_2_1\"]:trackBuyTextilesProMonthlySubscription,[\"pro_2_2\"]:trackBuyTextilesProYearlySubscription};const eventFunction=subscriptionEventsMapping[type];if(typeof eventFunction===\"function\"){eventFunction()// Call the function directly\n;console.log(`Event function for ${type} called successfully.`);}else{console.log(`No event function found for type ${type}.`);}};export function withSubscriptionButtonAddClass(Component){const WrappedComponent=props=>{var _props_className;const[store]=useStore();const handleClick=e=>{var _e_target,_container_querySelector;const container=e===null||e===void 0?void 0:(_e_target=e.target)===null||_e_target===void 0?void 0:_e_target.closest(\".subscription-container\");let name1=container===null||container===void 0?void 0:(_container_querySelector=container.querySelector(\".subscription-name .framer-text\"))===null||_container_querySelector===void 0?void 0:_container_querySelector.innerText;if(name1){var _name_trim;name1=name1===null||name1===void 0?void 0:(_name_trim=name1.trim())===null||_name_trim===void 0?void 0:_name_trim.toLowerCase();}getHubspotEvents===null||getHubspotEvents===void 0?void 0:getHubspotEvents(`${name1}_${store.type}_${store.cycle}`);};if(!((_props_className=props.className)===null||_props_className===void 0?void 0:_props_className.includes(\"subscription-button\"))){props.className+=\" subscription-button\";}return /*#__PURE__*/_jsx(Component,{...props,as:\"Button\",onClick:handleClick});};return WrappedComponent;}export function withOverlayCloseButtonAddClass(Component){const WrappedComponent=props=>{var _props_className;if(!((_props_className=props.className)===null||_props_className===void 0?void 0:_props_className.includes(\"overlay-close-button\"))){props.className+=\" overlay-close-button\";}return /*#__PURE__*/_jsx(Component,{...props,as:\"Button\"});};return WrappedComponent;}// DYNAMIC PLAN CARD - BEGINS\nexport function withSubscriptionPlanCard(Component){return props=>{var _props_className;const[plans,setPlans]=useState([]);const fetchDetails=async()=>{var _response_results;const token=\"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ0b2tlbl90eXBlIjoiYWNjZXNzIiwiZXhwIjoxNzIyNDkzNzIzLCJpYXQiOjE3MjE4ODg5MjMsImp0aSI6IjIxM2MyMmM0ZjNlZDQ4YWFiMzdlODNlN2FlMTQ1MTRjIiwidXNlcl9pZCI6NTI2MSwibWVtYmVyIjoxMTgwLCJvcmdhbml6YXRpb24iOjEwNDAsImlzX2VtYWlsX3ZlcmlmaWVkIjp0cnVlfQ.im7TLxkN3h6qjJNS7uh0uWvuJm2bNe4cb00KsOVDSQk\";const url=\"https://dev-v3.imagine.io/subscription/api/main_subscription_plans/?is_add_on=false&per_page=100\";const response=await fetch(url,{headers:{[\"Authorization\"]:`Bearer ${token}`,[\"Content-Type\"]:\"application/json\"}}).then(r=>r.json());const results=response===null||response===void 0?void 0:(_response_results=response.results)===null||_response_results===void 0?void 0:_response_results.filter(a=>(a===null||a===void 0?void 0:a.pricing_details.length)>0);setPlans(results);console.log(\"DEBUG__response\",results);};useEffect(()=>{fetchDetails();},[]);useEffect(()=>{if(plans.length===0)return;const planCard=document.querySelectorAll(\".subscription-plan-card\");if((planCard===null||planCard===void 0?void 0:planCard.length)>0){for(let i=0;i<(planCard===null||planCard===void 0?void 0:planCard.length);i++){if(i===0){planCard[i].parentElement.style.display=\"flex\";planCard[i].parentElement.style.flexWrap=\"wrap\";planCard[i].parentElement.style.gap=\"1.5em\";planCard[i].parentElement.style.width=\"100%\";planCard[i].parentElement.style.height=\"auto\";}planCard[i].style.width=\"100%\";planCard[i].style.maxWidth=\"400px\";}}},[plans]);const linkTitle=useMemo(()=>{return`Go ${name}`;},[name]);if(!((_props_className=props.className)===null||_props_className===void 0?void 0:_props_className.includes(\"subscription-plan-card\"))){props.className+=\" subscription-plan-card\";}if((plans===null||plans===void 0?void 0:plans.length)===0)return null;return /*#__PURE__*/_jsx(_Fragment,{children:plans===null||plans===void 0?void 0:plans.map(({id,name:name1})=>/*#__PURE__*/_createElement(Component,{...props,key:id,planTitle:name1,linkTitle:linkTitle}))});};}// DYNAMIC PLAN CARD - ENDS\n// subscription\n// let freemimum = [],\n//     basic = [],\n//     plus = [],\n//     pro = [],\n//     monthlyTabElement = [],\n//     YealyTabElement = [],\n//     activeTab = \"yearly\"\n// function handleGetTab() {\n//     let tab = localStorage.getItem(\"currentTab\")\n//     if (!tab) {\n//         localStorage.setItem(\"currentTab\", \"yearly\")\n//     }\n//     return activeTab || \"yearly\"\n// }\n// function updateSubscriptionButton(data) {\n//     const { user, planOrderId, isTexturePlan } = data || {}\n//     const currentUser = JSON.parse(localStorage.getItem(\"current_user\"))\n//     const isFreemimum =\n//         currentUser?.organization_detail?.subscription_type === \"FREEMIUM\" &&\n//         (!planOrderId || planOrderId === 0 || planOrderId === \"0\")\n//     const oldPlan =\n//         user &&\n//         (!planOrderId || planOrderId === 0 || planOrderId === \"0\") &&\n//         currentUser?.organization_detail?.subscription_type !== \"FREEMIUM\" &&\n//         currentUser?.organization_detail?.subscription_type\n//     const AllDataList = document.querySelectorAll(\n//         \".pricing-section .framer-text\"\n//     )\n//     if (AllDataList?.length > 0) {\n//         for (let i = 0; i < AllDataList?.length; i++) {\n//             const btn = AllDataList[i]\n//             const getStarted = \"Get started\"\n//             const TryIt = \"Try it Free\"\n//             const currentPlan = \"Current Plan\"\n//             const goPro = \"Go Pro\"\n//             const upgradePro = \"Upgrade to Pro\"\n//             const downgradePro = \"Downgrade to Pro\"\n//             const goBasic = \"Go Basic\"\n//             const upgradeBasic = \"Upgrade to Basic\"\n//             const downgradeBasic = \"Downgrade to Basic\"\n//             const goPlus = \"Go Plus\"\n//             const upgradePlus = \"Upgrade to Plus\"\n//             const downgradePlus = \"Downgrade to Plus\"\n//             const monthlyTab = \"Pay monthly\"\n//             const yearlyTab = \"Pay yearly (Save 16%)\"\n//             switch (btn.innerHTML) {\n//                 case getStarted:\n//                 case TryIt:\n//                     freemimum = [btn]\n//                     break\n//                 case goBasic:\n//                 case upgradeBasic:\n//                 case downgradeBasic:\n//                     basic = [btn]\n//                     break\n//                 case goPlus:\n//                 case upgradePlus:\n//                 case downgradePlus:\n//                     plus = [btn]\n//                     break\n//                 case goPro:\n//                 case upgradePro:\n//                 case downgradePro:\n//                     pro = [btn]\n//                     break\n//                 case monthlyTab:\n//                     monthlyTabElement = [btn]\n//                     break\n//                 case yearlyTab:\n//                     YealyTabElement = [btn]\n//                     break\n//             }\n//         }\n//     }\n//     const handleSetActiveTab = (value) => {\n//         activeTab = value\n//         localStorage.setItem(\"currentTab\", value)\n//     }\n//     if (YealyTabElement?.length > 0) {\n//         const btn = YealyTabElement[0]\n//         btn.addEventListener(\"click\", () => handleSetActiveTab(\"yearly\"))\n//     }\n//     if (monthlyTabElement?.length > 0) {\n//         const btn = monthlyTabElement[0]\n//         btn.addEventListener(\"click\", () => handleSetActiveTab(\"monthly\"))\n//     }\n//     if (activeTab === \"monthly\") {\n//         // monthly plan logic\n//         if (freemimum?.length > 0) {\n//             const btn = freemimum[0]\n//             btn.innerHTML = user && isFreemimum ? \"Current Plan\" : \"Try it Free\"\n//         }\n//         if (basic?.length > 0) {\n//             const btn = basic[0]\n//             btn.innerHTML =\n//                 user && !oldPlan\n//                     ? +planOrderId === 1\n//                         ? \"Current Plan\"\n//                         : +planOrderId >= 1\n//                           ? \"Downgrade to Basic\"\n//                           : \"Upgrade to Basic\"\n//                     : \"Go Basic\"\n//             const shouldDisable = user && !oldPlan && +planOrderId === 1\n//             btn.style.color = shouldDisable\n//                 ? \"rgb(16, 16, 16)\"\n//                 : \"rgb(255, 255, 255)\"\n//             btn.closest(\".pricing-section\").style.background = shouldDisable\n//                 ? \"rgb(236, 236, 234)\"\n//                 : \"rgb(235, 78, 10)\"\n//             btn.closest(\".pricing-section\").style.pointerEvents = shouldDisable\n//                 ? \"none\"\n//                 : \"auto\"\n//         }\n//         if (plus?.length > 0) {\n//             const btn = plus[0]\n//             btn.innerHTML =\n//                 user && !oldPlan\n//                     ? +planOrderId === 2\n//                         ? \"Current Plan\"\n//                         : +planOrderId >= 2\n//                           ? \"Downgrade to Plus\"\n//                           : \"Upgrade to Plus\"\n//                     : \"Go Plus\"\n//             const shouldDisable = user && !oldPlan && +planOrderId === 2\n//             btn.style.color = shouldDisable\n//                 ? \"rgb(16, 16, 16)\"\n//                 : \"rgb(255, 255, 255)\"\n//             btn.closest(\".pricing-section\").style.background = shouldDisable\n//                 ? \"rgb(236, 236, 234)\"\n//                 : \"rgb(235, 78, 10)\"\n//             btn.closest(\".pricing-section\").style.pointerEvents = shouldDisable\n//                 ? \"none\"\n//                 : \"auto\"\n//         }\n//         if (pro?.length > 0) {\n//             const btn = pro[0]\n//             btn.innerHTML =\n//                 user && !oldPlan\n//                     ? +planOrderId === 3\n//                         ? \"Current Plan\"\n//                         : +planOrderId >= 3\n//                           ? \"Downgrade to Pro\"\n//                           : \"Upgrade to Pro\"\n//                     : \"Go Pro\"\n//             const shouldDisable = user && !oldPlan && +planOrderId === 3\n//             btn.style.color = shouldDisable\n//                 ? \"rgb(16, 16, 16)\"\n//                 : \"rgb(255, 255, 255)\"\n//             btn.closest(\".pricing-section\").style.background = shouldDisable\n//                 ? \"rgb(236, 236, 234)\"\n//                 : \"rgb(235, 78, 10)\"\n//             btn.closest(\".pricing-section\").style.pointerEvents = shouldDisable\n//                 ? \"none\"\n//                 : \"auto\"\n//         }\n//     } else {\n//         // yearly plan logic\n//         if (freemimum?.length > 0) {\n//             const btn = freemimum[0]\n//             btn.innerHTML = user && isFreemimum ? \"Current Plan\" : \"Try it Free\"\n//         }\n//         if (basic?.length > 0) {\n//             const btn = basic[0]\n//             btn.innerHTML =\n//                 user && !oldPlan\n//                     ? +planOrderId === 4\n//                         ? \"Current Plan\"\n//                         : +planOrderId >= 5\n//                           ? \"Downgrade to Basic\"\n//                           : \"Upgrade to Basic\"\n//                     : \"Go Basic\"\n//             const shouldDisable = user && !oldPlan && +planOrderId === 4\n//             btn.style.color = shouldDisable\n//                 ? \"rgb(16, 16, 16)\"\n//                 : \"rgb(255, 255, 255)\"\n//             btn.closest(\".pricing-section\").style.background = shouldDisable\n//                 ? \"rgb(236, 236, 234)\"\n//                 : \"rgb(235, 78, 10)\"\n//             btn.closest(\".pricing-section\").style.pointerEvents = shouldDisable\n//                 ? \"none\"\n//                 : \"auto\"\n//         }\n//         if (plus?.length > 0) {\n//             const btn = plus[0]\n//             btn.innerHTML =\n//                 user && !oldPlan\n//                     ? +planOrderId === 5\n//                         ? \"Current Plan\"\n//                         : +planOrderId >= 6\n//                           ? \"Downgrade to Plus\"\n//                           : \"Upgrade to Plus\"\n//                     : \"Go Plus\"\n//             const shouldDisable = user && !oldPlan && +planOrderId === 5\n//             btn.style.color = shouldDisable\n//                 ? \"rgb(16, 16, 16)\"\n//                 : \"rgb(255, 255, 255)\"\n//             btn.closest(\".pricing-section\").style.background = shouldDisable\n//                 ? \"rgb(236, 236, 234)\"\n//                 : \"rgb(235, 78, 10)\"\n//             btn.closest(\".pricing-section\").style.pointerEvents = shouldDisable\n//                 ? \"none\"\n//                 : \"auto\"\n//         }\n//         if (pro?.length > 0) {\n//             const btn = pro[0]\n//             btn.innerHTML =\n//                 user && !oldPlan\n//                     ? +planOrderId === 6\n//                         ? \"Current Plan\"\n//                         : +planOrderId >= 7\n//                           ? \"Downgrade to Pro\"\n//                           : \"Upgrade to Pro\"\n//                     : \"Go Pro\"\n//             const shouldDisable = user && !oldPlan && +planOrderId === 6\n//             btn.style.color = shouldDisable\n//                 ? \"rgb(16, 16, 16)\"\n//                 : \"rgb(255, 255, 255)\"\n//             btn.closest(\".pricing-section\").style.background = shouldDisable\n//                 ? \"rgb(236, 236, 234)\"\n//                 : \"rgb(235, 78, 10)\"\n//             btn.closest(\".pricing-section\").style.pointerEvents = shouldDisable\n//                 ? \"none\"\n//                 : \"auto\"\n//         }\n//     }\n// }\n// function getDataFromLocalStorageSubscriptionInfo(callback = null) {\n//     const currentUser = localStorage.getItem(\"current_user\") || null\n//     const planOrderId = localStorage.getItem(\"planOrderId\")\n//     const isTexturePlan = localStorage.getItem(\"isTexturePlan\")\n//     const USER_DATA = currentUser ? JSON.parse(currentUser) : null\n//     const user = USER_DATA?.user\n//     callback?.({\n//         user: user,\n//         planOrderId: +planOrderId,\n//         isTexturePlan: isTexturePlan,\n//     })\n// }\n// export const withSubscription = (Component): ComponentType => {\n//     const WrappedComponent = (props) => {\n//         const handleUpdateBtnTitle = () =>\n//             getDataFromLocalStorageSubscriptionInfo(updateSubscriptionButton)\n//         useEffect(() => {\n//             const timerId = setTimeout(() => {\n//                 handleUpdateBtnTitle()\n//                 localStorage.setItem(\"currentTab\", \"yearly\")\n//                 window.addEventListener(\"storage\", handleUpdateBtnTitle)\n//                 // window.addEventListener(\"click\", handleUpdateBtnTitle)\n//             }, 1000)\n//             return () => {\n//                 if (timerId) clearInterval(timerId)\n//                 window.removeEventListener(\"storage\", handleUpdateBtnTitle)\n//                 // window.removeEventListener(\"click\", handleUpdateBtnTitle)\n//             }\n//         }, [])\n//         props.className += \" pricing-section\"\n//         return <Component {...props} />\n//     }\n//     return WrappedComponent\n// }\n// export function withUpdateFreeMiumButton(Component): ComponentType {\n//     const WrappedComponent = (props) => {\n//         return <Component {...props} />\n//     }\n//     return WrappedComponent\n// }\n\nexport const __FramerMetadata__ = {\"exports\":{\"withSubscriptionWrapperTextilesAddClass\":{\"type\":\"reactHoc\",\"name\":\"withSubscriptionWrapperTextilesAddClass\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withSubscriptionNameAddClass\":{\"type\":\"reactHoc\",\"name\":\"withSubscriptionNameAddClass\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withSubscriptionButtonAddClass\":{\"type\":\"reactHoc\",\"name\":\"withSubscriptionButtonAddClass\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withOverlayCloseButtonAddClass\":{\"type\":\"reactHoc\",\"name\":\"withOverlayCloseButtonAddClass\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withSubscriptionCycleAddClass\":{\"type\":\"reactHoc\",\"name\":\"withSubscriptionCycleAddClass\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withSubscriptionProductsTypeAddClass\":{\"type\":\"reactHoc\",\"name\":\"withSubscriptionProductsTypeAddClass\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withGetStartedButton\":{\"type\":\"reactHoc\",\"name\":\"withGetStartedButton\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withSubscriptionTextilesTypeAddClass\":{\"type\":\"reactHoc\",\"name\":\"withSubscriptionTextilesTypeAddClass\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withSubscriptionPlanOrderIdAddClass\":{\"type\":\"reactHoc\",\"name\":\"withSubscriptionPlanOrderIdAddClass\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withSubscriptionPlanPriceAmountAddClass\":{\"type\":\"reactHoc\",\"name\":\"withSubscriptionPlanPriceAmountAddClass\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withSubscriptionContainerAddClass\":{\"type\":\"reactHoc\",\"name\":\"withSubscriptionContainerAddClass\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withLoginButton\":{\"type\":\"reactHoc\",\"name\":\"withLoginButton\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withSubscriptionPlanCard\":{\"type\":\"reactHoc\",\"name\":\"withSubscriptionPlanCard\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withSubscriptionPlanPriceIdAddClass\":{\"type\":\"reactHoc\",\"name\":\"withSubscriptionPlanPriceIdAddClass\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withSubscriptionWrapperProductsAddClass\":{\"type\":\"reactHoc\",\"name\":\"withSubscriptionWrapperProductsAddClass\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Custom_Function_Override.map"],"mappings":"ofACyd,SAAS,EAAqB,EAAU,GAAG,EAAS,CAAC,IAAM,EAAc,EAAE,CAA+H,OAA9H,GAAmD,QAAQ,GAAS,GAAS,OAAO,OAAO,EAAc,EAAU,GAAS,CAAC,CAAQ,2CAAjnB,IAA6J,IAAkE,IAA4B,CAAM,EAAW,CAAC,YAAY,YAAY,CAAO,EAAkB,eAAqB,EAAkB,CAAC,UAAU,mBAAmB,UAAU,kBAAkB,CAAuO,EAAY,CAAC,QAAQ,GAAG,MAAM,EAAE,KAAK,EAAE,UAAU,IAAI,KAAK,SAAS,CAAO,GAAY,CAAC,QAAM,cAAY,CAAC,IAAM,EAAOA,EAAiB,EAAoB,CAAO,EAAW,GAAmC,EAAO,WAAiB,EAAaC,OAAmB,CAAC,GAAG,EAAO,aAAW,EAAE,CAAC,KAAK,UAAU,EAAW,CAAC,CAAC,CAAC,OAAoB,EAAK,EAAoB,SAAS,CAAC,MAAM,EAAsB,WAAS,CAAC,EAAS,EAAS,EAAOC,EAAe,CAAO,EAAwB,CAAC,YAAY,YAAY,YAAY,YAAY,CAAO,GAAU,CAAC,aAAW,SAAO,KAAG,MAAI,QAAM,QAAM,GAAG,MAA4E,CAAC,GAAG,EAAM,UAAgB,GAAmC,EAAM,WAAsC,eAAe,UAAiB,GAAkD,EAAM,WAAwC,mBAAmB,UAAU,GAA6B,EAAM,UAAU,QAAuD,EAAwB,EAAM,UAAyG,EAAM,SAAsC,YAAY,EAAS,GAAwB,EAAM,IAAe,EAAM,iBAAwB,EAAS,KAAK,IAAI,CAAC,EAAM,iBAAwB,EAAS,KAAK,IAAI,CAShhE,EAAgB,EATgiE,EAAiB,SAAS,EAAM,EAAI,CAAC,GAAK,CAAC,eAAa,aAAW,GAAe,CAAM,CAAC,QAAM,YAAU,WAAS,UAAQ,YAAU,YAAU,YAAU,GAAG,GAAW,EAAS,EAAM,CAAM,CAAC,cAAY,aAAW,sBAAoB,kBAAgB,iBAAe,YAAU,kBAAgB,aAAW,YAAU,EAAgB,CAAC,aAAW,eAAe,YAAY,UAAQ,oBAAkB,CAAC,CAAO,EAAiB,EAAuB,EAAM,EAAS,CAAM,CAAC,wBAAsB,SAAO,EAAyB,EAAY,CAAO,EAAa,EAAsB,MAAM,GAAG,IAAO,CAAoC,GAAnC,EAAgB,CAAC,UAAU,GAAM,CAAC,CAAI,GAAqB,MAAM,EAAU,GAAG,EAAK,GAAU,GAAM,MAAO,IAAS,CAAO,EAAKC,EAAa,KAAK,CAAO,EAAgBC,GAAa,CAAO,EAAsB,EAAE,CAAgD,OAAvB,GAAsB,CAAqB,EAAK,EAAY,CAAC,GAAG,GAA4C,EAAgB,SAAsB,EAAK,EAAS,CAAC,QAAQ,EAAS,QAAQ,GAAM,SAAsB,EAAK,EAAW,CAAC,MAAM,EAAY,SAAsB,EAAM,EAAO,IAAI,CAAC,GAAG,EAAU,GAAG,EAAgB,UAAU,EAAG,EAAkB,GAAG,EAAsB,iBAAiB,EAAU,EAAW,CAAC,mBAAmB,YAAY,iBAAiB,GAAsB,mBAAiB,SAAS,YAAY,MAAM,EAAa,IAAI,GAA6B,EAAK,MAAM,CAAC,GAAG,EAAM,CAAC,GAAG,EAAqB,CAAC,UAAU,CAAC,mBAAmB,YAAY,CAAC,CAAC,EAAY,EAAe,CAAC,SAAS,CAAc,EAAK,EAAO,IAAI,CAAC,UAAU,gBAAgB,mBAAmB,OAAwB,mBAAiB,SAAS,YAAY,SAAsB,EAAKC,EAAS,CAAC,sBAAsB,GAAK,SAAsB,EAAKH,EAAe,CAAC,SAAsB,EAAK,EAAO,EAAE,CAAC,MAAM,CAAC,kBAAkB,2CAA2C,uBAAuB,+EAA+E,0BAA0B,SAAS,uBAAuB,OAAO,0BAA0B,SAAS,sBAAsB,8FAA8F,CAAC,SAAS,eAAe,CAAC,CAAC,CAAC,CAAC,UAAU,iBAAiB,mBAAmB,WAAW,MAAM,CAAC,iCAAiC,CAAkB,mBAAiB,SAAS,YAAY,MAAM,CAAC,qBAAqB,qEAAqE,CAAC,KAAK,EAAU,kBAAkB,MAAM,mBAAmB,GAAK,CAAC,CAAC,CAAC,CAAc,EAAK,EAAO,IAAI,CAAC,UAAU,gBAAgB,mBAAmB,YAA6B,mBAAiB,SAAS,YAAY,MAAM,CAAC,gBAAgB,EAAU,CAAC,SAAS,CAAC,UAAU,CAAC,gBAAgB,wEAAwE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAG,CAAW,CAAC,kFAAkF,kFAAkF,+RAA+R,2SAA2S,iHAAiH,qIAAqI,ilBAAilB,CASp2M,eAAe,GAAgB,EAAgB,EAAgB,YAAY,yBAAyB,EAAgB,aAAa,CAAC,OAAO,GAAG,MAAM,MAAM,CAAC,EAAoB,EAAgB,CAAC,QAAQ,CAAC,QAAQ,CAAC,YAAY,YAAY,CAAC,aAAa,CAAC,YAAY,YAAY,CAAC,MAAM,UAAU,KAAK,EAAY,KAAK,CAAC,UAAU,CAAC,MAAM,MAAM,KAAK,EAAY,aAAa,CAAC,UAAU,CAAC,aAAa,eAAe,gBAAgB,GAAM,MAAM,QAAQ,KAAK,EAAY,OAAO,CAAC,UAAU,CAAC,aAAa,mBAAmB,MAAM,aAAa,KAAK,EAAY,MAAM,CAAC,CAAC,CAAC,EAAS,EAAgB,CAAC,CAAC,cAAc,GAAK,MAAM,CAAC,CAAC,OAAO,0BAA0B,OAAO,SAAS,IAAI,wEAAwE,CAAC,CAAC,CAAC,CAAC,CAAC,6BAA6B,GAAK,CAAC,CACtyB,EAAqB,CAAC,QAAU,CAAC,MAAQ,CAAC,KAAO,SAAS,YAAc,CAAC,sBAAwB,IAAI,CAAC,CAAC,QAAU,CAAC,KAAO,iBAAiB,KAAO,kBAAkB,MAAQ,EAAE,CAAC,YAAc,CAAC,gBAAkB,mEAA+E,sBAAwB,KAAK,sBAAwB,IAAI,yBAA2B,QAAQ,yBAA2B,OAAO,oCAAsC,kHAAwI,qBAAuB,QAAQ,6BAA+B,OAAO,CAAC,CAAC,mBAAqB,CAAC,KAAO,WAAW,CAAC,CAAC,ICDgxC,SAAgB,EAAqC,EAAU,CAA2jB,MAAniB,IAAO,CAAwC,GAAK,CAAC,EAAM,GAAU,GAAU,CAAO,MAAqB,CAAC,EAAS,CAAC,GAAG,EAAM,KAAK,EAAK,SAAS,CAAC,EAAsU,OAA5S,EAAM,WAAqE,SAAS,oBAAoB,GAAG,EAAM,WAAW,sBAA8C,EAAM,WAAuE,SAAS,WAAW,GAAG,EAAM,WAAW,aAAiC,EAAK,EAAU,CAAC,GAAG,EAAM,QAAQ,EAAiB,CAAC,EAA4B,SAAgB,EAAqC,EAAU,CAA2jB,MAAniB,IAAO,CAAwC,GAAK,CAAC,EAAM,GAAU,GAAU,CAAO,MAAqB,CAAC,EAAS,CAAC,GAAG,EAAM,KAAK,EAAK,SAAS,CAAC,EAAsU,OAA5S,EAAM,WAAqE,SAAS,oBAAoB,GAAG,EAAM,WAAW,sBAA8C,EAAM,WAAuE,SAAS,WAAW,GAAG,EAAM,WAAW,aAAiC,EAAK,EAAU,CAAC,GAAG,EAAM,QAAQ,EAAiB,CAAC,6BAVjqG,IAAmD,IAAmH,IAAoI,CAShP,EAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAO,EAAK,CAAC,SAAS,EAAE,SAAS,EAAE,CAAmE,EAAS,EAAY,CAAlE,MAAM,EAAM,OAAO,KAAK,EAAK,SAAuD,CAAC"}