https://app.simplified.com/static/js/8335.650c346b.chunk.js

1"use strict";(self.webpackChunksimplified_web=self.webpackChunksimplified_web||[]).push([[8335],{273037:(e,n,l)=>{l.d(n,{Z:()=>u});var i=l(524943),o=l(807523),t=l(53004),r=l(177612),s=l(921902),a=l(677360),c=l(357023),d=l(228993);const u=e=>{let{onClose:n,modalHeader:l,modalFooter:u,children:p}=e;return(0,d.jsxs)(i.u_,{isCentered:!0,isOpen:!0,onClose:n,size:"full",scrollBehavior:"inside",closeOnOverlayClick:!1,closeOnEsc:!1,autoFocus:!1,children:[(0,d.jsx)(o.Z,{}),(0,d.jsxs)(t.h,{height:"full",backgroundColor:"base_level_1",overflowX:"hidden",children:[l&&(0,d.jsx)(r.x,{children:l}),(0,d.jsx)(s.o,{mt:2,size:"md"}),(0,d.jsx)(a.f,{pt:0,overflowX:"hidden",children:p}),u&&(0,d.jsx)(c.m,{justifyContent:"center",children:u})]})]})}},778625:(e,n,l)=>{l.d(n,{Z:()=>u});var i=l(129944),o=l(351839),t=l(298249),r=l(741065),s=l(104399),a=l(295903),c=(l(683017),l(228993));const d=()=>(0,c.jsxs)(i.M,{flexDirection:"column",children:[(0,c.jsx)(o.k,{p:2,align:"center",justify:"center",mb:4,children:(0,c.jsx)(a.O,{h:"48px",w:"48px",borderRadius:"lg"})}),(0,c.jsx)(a.O,{h:"36px",w:"full",maxW:"175px",mb:2}),(0,c.jsx)(a.O,{h:"24px",w:"full",maxW:"450px",mb:6})]}),u=e=>{let{t:n,isLoading:l=!1,isCheckoutPage:a}=e;const u=s.PRODUCTS.SUITE;return a?null:l?(0,c.jsx)(d,{}):(()=>{var e,l,a;return(0,c.jsxs)(i.M,{flexDirection:"column",children:[(0,c.jsx)(o.k,{p:2,align:"center",justify:"center",borderRadius:"lg",mb:2,children:(0,c.jsx)(t.J,{as:null===s.SUBSCRIPTION_PRODUCT_ICONS||void 0===s.SUBSCRIPTION_PRODUCT_ICONS||null===(e=s.SUBSCRIPTION_PRODUCT_ICONS[u])||void 0===e?void 0:e.icon,color:"content_active",fontSize:56})}),(0,c.jsx)(r.x,{fontSize:["lg","lg","lg","xl"],color:"content_active",fontWeight:"medium",mb:1,children:n(null===(l=s.SUBSCRIPTION_PRODUCTS[u])||void 0===l?void 0:l.name,{ns:"common"})}),(0,c.jsx)(r.x,{fontSize:"sm",color:"content_details",textAlign:"center",mb:6,children:n(null===s.SUBSCRIPTION_PRODUCTS||void 0===s.SUBSCRIPTION_PRODUCTS||null===(a=s.SUBSCRIPTION_PRODUCTS[u])||void 0===a?void 0:a.subtitle,{ns:"common"})||n("payment_workflow_common_subtitle")})]})})()}},774770:(e,n,l)=>{l.d(n,{Z:()=>c});var i=l(351839),o=l(741065),t=l(957711),r=l(408499),s=l(104399),a=l(228993);const c=()=>{const{t:e}=(0,r.$)(["auth","common"]);return(0,a.jsxs)(i.k,{direction:"column",justify:"center",align:"center",color:"content_details",fontSize:"xs",gap:1,children:[(0,a.jsx)(o.x,{children:e("auto_renew",{ns:"common"})}),(0,a.jsxs)(i.k,{gap:1,textAlign:"center",children:[(0,a.jsx)(t.r,{color:"content_details",onClick:()=>(0,s.openUrl)(s.SIMPLIFIED_TERMS_OF_SERVICE_LINK,"_blank"),textDecor:"underline",children:e("register.tnc",{ns:"auth"})})," ","|",(0,a.jsx)(t.r,{color:"content_details",onClick:()=>(0,s.openUrl)(s.SIMPLIFIED_PRIVACY_POLICY_LINK,"_blank"),textDecor:"underline",children:e("privacy_policy",{ns:"common"})})]})]})}},774181:(e,n,l)=>{l.d(n,{Z:()=>f});var i=l(308974),o=l(462134),t=l(351839),r=l(741065),s=l(349798),a=l(683017),c=l(408499),d=l(104399),u=l(491686),p=l(692877),m=l(295903),v=l(129944),h=l(228993);const x=()=>{const e=(0,p.S)({base:!0,md:!1});return(0,h.jsxs)(t.k,{direction:"column",align:"center",w:"inherit",children:[(0,h.jsx)(t.k,{w:"full",justify:"center",children:(0,h.jsx)(m.O,{borderRadius:"full",w:"270px",h:"36px"})}),(0,h.jsx)(t.k,{sx:{flexWrap:"wrap","@media(min-width: 900px)":{flexWrap:"wrap"},"@media(min-width: 1245px)":{flexWrap:"nowrap"}},justify:"center",gap:"4",my:"4",mx:4,children:[1,2,3].map(n=>(0,h.jsx)(m.O,{h:e?"220px":"600px",w:"350px",borderRadius:"lg"},n))}),(0,h.jsx)(v.M,{children:(0,h.jsx)(m.O,{w:"200px",h:"40px",borderRadius:"lg"})})]})},g="simplified-pricing-table",f=e=>{let{language:n,pageType:l,theme:p,currentPlanId:m,accessToken:v,appUrl:f,apiUrl:S,isFreePlan:_,subscriptionStatus:C,trialEligible:b,onTrialPlanSwitch:j}=e;const{t:w}=(0,c.$)(["billing","common"]),{isLoaded:k,error:P,reload:I}=(0,u.F)(d.SIMPLIFIED_PRICING_TABLE_SCRIPT_URL),y=(0,a.useRef)(null),[T,R]=(0,a.useState)(!1),[E,O]=(0,a.useState)(0),[U,L]=(0,a.useState)(!1),[N,D]=(0,a.useState)(!1);(0,a.useEffect)(()=>{if(!k)return L(!1),void D(!1);if(customElements.get(g))return void L(!0);let e=!1;const n=setTimeout(()=>{e||D(!0)},5e3);return customElements.whenDefined(g).then(()=>{e||(L(!0),clearTimeout(n))}),()=>{e=!0,clearTimeout(n)}},[k,E]),(0,a.useEffect)(()=>

1{if(!U||T)return;const e=setTimeout(()=>{const e=y.current;e&&0===e.childElementCount&&R(!0)},8e3),n=y.current,l=()=>R(!0);return null===n||void 0===n||n.addEventListener("simplified-pricing-error",l),()=>{clearTimeout(e),null===n||void 0===n||n.removeEventListener("simplified-pricing-error",l)}},[U,E,T]);const F=(0,a.useCallback)(e=>{const n=e.detail;null===j||void 0===j||j(n)},[j]);(0,a.useEffect)(()=>{const e=y.current;if(e&&U&&j)return e.addEventListener("simplified-pricing-plan-switch",F),()=>{e.removeEventListener("simplified-pricing-plan-switch",F)}},[U,E,F,j]);const M=()=>{R(!1),D(!1),L(!1),customElements.get(g)||I(),O(e=>e+1)};return P||N||T?(0,h.jsxs)(i.b,{status:"error",borderRadius:"lg",maxW:"md",children:[(0,h.jsx)(o.z,{}),(0,h.jsxs)(t.k,{flex:"1",ml:2,justify:"space-between",align:"center",children:[(0,h.jsx)(r.x,{children:w("pricing_table_error",{ns:"billing"})}),(0,h.jsx)(s.z,{size:"sm",onClick:M,children:w("refresh",{ns:"common"})})]})]}):k&&U?(0,h.jsx)("simplified-pricing-table",{ref:y,style:{display:"block",width:"100%",overflowX:"hidden"},language:n,page_type:l,theme:p,current_plan_id:m,access_token:v,app_url:f,api_url:S,is_free_plan:void 0!==_?String(_):void 0,subscription_status:C,trial_eligible:void 0!==b?String(b):void 0},E):(0,h.jsx)(x,{})}},738335:(e,n,l)=>{l.r(n),l.d(n,{default:()=>T});var i=l(692877),o=l(691275),t=l(351839),r=l(553218),s=l(828865),a=l(741065),c=l(349798),d=l(568072),u=l(129944),p=l(270858),m=l(764293),v=l(193691),h=l(408499),x=l(683017),g=l(379274),f=l(104399),S=l(273037),_=l(778625),C=l(774770),b=l(774181),j=l(313773),w=l(903337),k=l(116118),P=l(688158),I=l(659840),y=l(228993);const T=()=>{var e;const{t:n,i18n:l}=(0,h.$)(["billing","auth","common"]),T=(0,I.k6)(),R=(0,g.TH)(),E=(0,i.S)({base:!0,md:!1}),O=(0,m.v9)(e=>{var n;return null===(n=e.apps.common)||void 0===n?void 0:n.currentPlanId}),U=(0,m.v9)(e=>{var n;return null===(n=e.apps.common)||void 0===n?void 0:n.currentPlanStatus}),L=(0,P.Z)(),N=(0,x.useCallback)(()=>{T.replace(f.ROOT)},[T]),{handlePlanSelected:D,showModal:F,modalProps:M}=(0,k.Z)({onSuccess:N}),B=new URLSearchParams(null===R||void 0===R?void 0:R.search),{colorMode:A}=(0,o.If)(),z=window.location.origin,Z=(0,x.useMemo)(()=>(0,f.isMobileApp)(),[]),$=R.pathname===f.PRICING_PAGE_PATH,W=(0,x.useCallback)(()=>{var e,n,l,i;if(null!==R&&void 0!==R&&R.search&&B.get("from")){const e=new URL(`${z}${B.get("from")}`);if(f.SSR_ROUTES.includes(e.pathname)||e.pathname.includes(`${f.GRAPHIC_TEMPLATES_SCREEN}/`)){let n=e.pathname;const l=B.get("addonProductCategory");return l&&(n=n+"?addonCategory="+l),window.location.href=n}window.location.href=e.pathname}else if(null!==R&&void 0!==R&&null!==(e=R.state)&&void 0!==e&&e.from&&null!==(n=R.state)&&void 0!==n&&n.addonProductCategory){var o,t;const e=null===(o=R.state)||void 0===o?void 0:o.addonProductCategory;T.replace({pathname:null===(t=R.state)||void 0===t?void 0:t.from,state:{addonCategory:e}})}else if(null!==(l=R.state)&&void 0!==l&&l.from&&T.length>1)T.goBack();else if(null!==(i=R.state)&&void 0!==i&&i.from){var r;T.replace(null===(r=R.state)||void 0===r?void 0:r.from)}else T.length>1?T.goBack():T.replace(f.ROOT)},[]),G=(0,y.jsxs)(t.k,{align:"center",justify:"space-between",gap:2,children:[(0,y.jsxs)(r.U,{align:"center",children:[(0,y.jsx)(s.h,{"aria-label":"Go back",onClick:W,variant:"ghost",icon:(0,y.jsx)(v.sfB,{})}),(0,y.jsx)(a.x,{children:n("pricing",{ns:"billing"})})]}),(0,y.jsxs)(r.U,{align:"center",w:"max-content",mr:$?0:12,children:[!E&&(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(a.x,{flex:1,fontSize:["xs","xs","xs","sm"],fontWeight:"normal",children:n("have_billing_questions",{ns:"billing"})}),(0,y.jsx)(t.k,{children:(0,y.jsx)(c.z,{flex:1,size:"sm",onClick:()=>{(0,f.openIntercom)()},children:n("chat_with_us",{ns:"common"})})})]}),$&&(0,y.jsx)(d.P,{"aria-label":n("close",{ns:"common"}),size:"md",onClick:W})]})]}),H=(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(_.Z,{t:n}),(0,y.jsx)(u.M,{w:"full",children:(0,y.jsx)(b.Z,{language:l.language,pageType:"private",theme:A,currentPlanId:null!==O&&void 0!==O?O:void 0,accessToken:null!==(e=(0,f.getAuthToken)())&&void 0!==e?e:void 0,appUrl:window.location.origin,apiUrl:j.uyl,isFreePlan:!O,subscriptionStatus:null!==U&&void 0!==U?U:void 0,trialEligible:(0,f.canStartTrial)(L),onTrialPlanSwitch:D})}),F&&(0,y.jsx)(w.L8,{...M})]});return $?(0,y.jsxs)(p.x,{w:"full",overflowX:"hidden",children:[(0,y.jsx)(p.x,{py:3,px:4,children:G}),H]}):(0,y.jsx)(S.Z,{onClose:W,modalFooter:Z?(0,y.jsx)(C.Z,{}):null,modalHeader:G,children:H})}},491686:(e,n,l)=>{l.d(n,{F:()=>o});var i=l(683017);const o=e=>{const[n,l]=(0,i.useState)(!1),[o,t]=(0,i.useState)(!1),[r,s]=(0,i.useState)(0),[a,c]=(0,i.useState)(0),d=(0,i.useRef)(),u=(0,i.useCallback)(()=>{const n=document.querySelector(`script[src="${e}"]`);n&&n.remove(),l(!1),t(!1),s(0),c(e=>e+1)},[e]);return(0,i.useEffect)(()=>

1{if(document.querySelector(`script[src="${e}"]`))return void l(!0);l(!1),t(!1),s(0);const n=i=>{const o=document.createElement("script");o.src=e,o.async=!0;const r=()=>{l(!0),t(!1),o.removeEventListener("load",r),o.removeEventListener("error",a)},a=()=>{if(console.error(`Failed to load script: ${e} (attempt ${i+1}/4)`),o.remove(),o.removeEventListener("load",r),o.removeEventListener("error",a),i<3){s(i+1);const e=1e3*Math.pow(2,i);console.log(`Retrying script load in ${e}ms...`),d.current=setTimeout(()=>{n(i+1)},e)}else t(!0),console.error(`Failed to load script after 4 attempts: ${e}`)};o.addEventListener("load",r),o.addEventListener("error",a),document.body.appendChild(o)};return n(0),()=>{d.current&&clearTimeout(d.current)}},[e,a]),{isLoaded:n,error:o,retryCount:r,reload:u}}},116118:(e,n,l)=>{l.d(n,{Z:()=>p});var i=l(683017),o=l(764293),t=l(408499),r=l(313773),s=l(104399),a=l(90583),c=l(747676),d=l(783786),u=l(688158);const p=function(){var e,n,l,p,m,v,h;let{onSuccess:x}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const[g,f]=(0,i.useState)(null),[S,_]=(0,i.useState)(null),[C,b]=(0,i.useState)(!1),[j,w]=(0,i.useState)(!1),[k,P]=(0,i.useState)(""),[I,y]=(0,i.useState)(!1),T=(0,o.I0)(),{t:R}=(0,t.$)(["billing","common","addons"]),E=(0,u.Z)(),O=(0,o.v9)(e=>{var n,l,i;return null===(n=e.auth)||void 0===n||null===(l=n.payload)||void 0===l||null===(i=l.user)||void 0===i?void 0:i.pk}),{canChangeSubscription:U}=(0,o.v9)(e=>e.permissions.workspacePermissionChecks),L=(null===E||void 0===E?void 0:E.status)===s.BILLING_SUBSCRIBED_PLAN_STATUS_TRIAL,N=Number((null===E||void 0===E||null===(e=E.extra)||void 0===e||null===(n=e.current_plan)||void 0===n?void 0:n.price)||(null===E||void 0===E||null===(l=E.plan)||void 0===l?void 0:l.amount)),D=(0,i.useCallback)(async e=>{b(!0);try{const[n,l]=await Promise.all([(0,r.bkq)(e.planSlug,"",{expand:"promoted_addons"}),(0,r.tK6)({tplan:e.planId,seats:0})]);f(n.data),_(l.data)}catch(i){var n,l;(0,a.CFj)({status:"error",description:(null===i||void 0===i||null===(n=i.response)||void 0===n||null===(l=n.data)||void 0===l?void 0:l.detail)||R("errors.contact_support",{ns:"common"}),title:R("failed",{ns:"common"})})}finally{b(!1)}},[R]),F=(0,i.useCallback)(async()=>{if(null!==E&&void 0!==E&&E.id&&null!==g&&void 0!==g&&g.id){w(!0);try{var e,n,l,i,o,t;await(0,r.MgE)({plan:g.id,subscription:E.id});const u=Number(null===g||void 0===g||null===(e=g.stripe_price)||void 0===e||null===(n=e.currency)||void 0===n?void 0:n.unit_amount)||Number(null===g||void 0===g?void 0:g.price),p=(null===g||void 0===g||null===(l=g.stripe_price)||void 0===l||null===(i=l.currency)||void 0===i?void 0:i.currency)||(null===E||void 0===E||null===(o=E.extra)||void 0===o||null===(t=o.current_plan)||void 0===t?void 0:t.currency),m=L?"trial.planSwitched":N>u?"downgrade.checkoutComplete":"upgrade.checkoutComplete";(0,s.analyticsTrackEvent)(m,{plan:g.display_name,price:u,unit:null===p||void 0===p?void 0:p.toUpperCase(),product:g.product_env}),(0,a.CFj)({status:"success",description:R("subscription_updated",{ns:"billing"}),title:R("braintree_modal.success.title",{ns:"billing"})}),await T((0,c.k)(O)),T((0,d.Tp)()),f(null),_(null),P(""),y(!1),null===x||void 0===x||x()}catch(C){var u,p,m,v,h,S;(0,a.CFj)({status:"error",description:(null===C||void 0===C||null===(u=C.response)||void 0===u||null===(p=u.data)||void 0===p?void 0:p.detail)||(null===C||void 0===C||null===(m=C.response)||void 0===m||null===(v=m.data)||void 0===v||null===(h=v.plan)||void 0===h||null===(S=h[0])||void 0===S?void 0:S.message)||R("errors.contact_support",{ns:"common"}),title:R("failed",{ns:"common"})})}finally{w(!1)}}},[null===E||void 0===E?void 0:E.id,null===E||void 0===E||null===(p=E.extra)||void 0===p||null===(m=p.current_plan)||void 0===m?void 0:m.currency,g,N,L,O,T,R,x]),M=(0,i.useCallback)(()=>{f(null),_(null),P(""),y(!1)},[]),B=g?Number(null===g||void 0===g||null===(v=g.stripe_price)||void 0===v||null===(h=v.currency)||void 0===h?void 0:h.unit_amount)||Number(null===g||void 0===g?void 0:g.price):0;return{handlePlanSelected:D,showModal:!!g&&!!S,isLoadingCart:C,modalProps:{show:!!g&&!!S,onHide:M,onYes:F,loading:j,grade:N>B?"downgrade":"upgrade",newSubscription:g,cartData:S,isPromoCodeCheckout:I,onPromoCodeCheckout:y,promoCode:k,onSetPromoCode:P,t:R,selectedAppSubscription:E,canChangeSubscription:U,updateCart:_}}}}}]);
2//# sourceMappingURL=8335.650c346b.chunk.js.map