{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/jNBsk8CI17JqVZ05S9Sk/jsJbHGTnrrqEsRUaOr5O/Custom_Function_Override.js"],
  "sourcesContent": ["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": "kFASqH,IAAMA,EAAM,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAQC,EAAK,CAAC,SAAS,EAAE,SAAS,CAAC,EAAQC,EAAc,CAAC,MAAMF,EAAM,OAAO,KAAKC,EAAK,QAAQ,EAAQE,EAASC,EAAY,CAAC,GAAGF,CAAa,CAAC,EAC6rD,SAASG,EAAqCC,EAAU,CAA2jB,OAAniBC,GAAO,CAAC,IAAIC,EAAiBC,EAAkB,GAAK,CAACC,EAAMC,CAAQ,EAAEC,EAAS,EAAQC,EAAiB,IAAI,CAACF,EAAS,CAAC,GAAGD,EAAM,KAAKI,EAAK,QAAQ,CAAC,CAAE,EAAE,MAAM,GAAAN,EAAiBD,EAAM,aAAa,MAAMC,IAAmB,SAAcA,EAAiB,SAAS,mBAAmB,IAAID,EAAM,WAAW,sBAA4B,GAAAE,EAAkBF,EAAM,aAAa,MAAME,IAAoB,SAAcA,EAAkB,SAAS,UAAU,IAAIF,EAAM,WAAW,aAAiCQ,EAAKT,EAAU,CAAC,GAAGC,EAAM,QAAQM,CAAgB,CAAC,CAAE,CAA0B,CAAQ,SAASG,EAAqCV,EAAU,CAA2jB,OAAniBC,GAAO,CAAC,IAAIC,EAAiBC,EAAkB,GAAK,CAACC,EAAMC,CAAQ,EAAEC,EAAS,EAAQC,EAAiB,IAAI,CAACF,EAAS,CAAC,GAAGD,EAAM,KAAKI,EAAK,QAAQ,CAAC,CAAE,EAAE,MAAM,GAAAN,EAAiBD,EAAM,aAAa,MAAMC,IAAmB,SAAcA,EAAiB,SAAS,mBAAmB,IAAID,EAAM,WAAW,sBAA4B,GAAAE,EAAkBF,EAAM,aAAa,MAAME,IAAoB,SAAcA,EAAkB,SAAS,UAAU,IAAIF,EAAM,WAAW,aAAiCQ,EAAKT,EAAU,CAAC,GAAGC,EAAM,QAAQM,CAAgB,CAAC,CAAE,CAA0B",
  "names": ["CYCLE", "TYPE", "defaultValues", "useStore", "createStore", "withSubscriptionProductsTypeAddClass", "Component", "props", "_props_className", "_props_className1", "store", "setStore", "useStore", "handleSelectType", "TYPE", "p", "withSubscriptionTextilesTypeAddClass"]
}