@stigg/react-sdk 8.2.0 → 8.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{CreditUsageChart-NM74VKGO.esm.js → CreditUsageChart-QGYRXYRQ.esm.js} +1 -1
- package/dist/{CreditUsageChart-ZDCO3DT5.cjs.js → CreditUsageChart-SKVV3DIE.cjs.js} +19 -19
- package/dist/{chunk-3GTG2TOT.cjs.js → chunk-APR3NU4V.cjs.js} +1 -1
- package/dist/{chunk-URUVS54M.esm.js → chunk-GRIUPZED.esm.js} +1 -1
- package/dist/index.d.mts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/stigg-sdk.cjs.js +180 -180
- package/dist/stigg-sdk.esm.js +170 -170
- package/package.json +2 -2
package/dist/stigg-sdk.esm.js
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}from'./chunk-
|
|
1
|
+
import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}from'./chunk-GRIUPZED.esm.js';export{s as StiggContext,t as StiggProvider,D as useActiveSubscriptions,x as useBooleanEntitlement,A as useCreditEntitlement,L as useCreditUsage,F as useCustomerPortal,B as useEnumEntitlement,z as useMeteredEntitlement,y as useNumericEntitlement,E as usePaywall,u as useStiggContext}from'./chunk-GRIUPZED.esm.js';import {BillingModel,PaymentCollection,SubscriptionStatus,PricingType,BillingPeriod,SubscriptionScheduleType,ThresholdType,DiscountType,DiscountDurationType,Currency,BillingVendorIdentifier,CreditGrantType,WidgetType,BillingCadence,FontWeight,MeterType,EntitlementResetPeriod,TiersMode,Alignment,CreditCadence,SubscriptionProrationBehavior,SubscriptionBillingCycleAnchor}from'@stigg/js-client-sdk';export*from'@stigg/js-client-sdk';import yi,{forwardRef,lazy,useContext,useMemo,useState,useEffect,Suspense,useCallback,useRef,createElement}from'react';import zu from'classnames';import Re from'@mui/material/Grid/index.js';import Cc from'lodash/compact.js';import {NumericFormat,numericFormatter}from'react-number-format';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import Wa from'lodash/isFunction.js';import tu from'react-spinners/ClipLoader.js';import {css,useTheme}from'@emotion/react';import Bo from'dayjs';import Zm from'dayjs/plugin/utc.js';import Ym from'dayjs/plugin/relativeTime.js';import Qm from'dayjs/plugin/advancedFormat.js';import Fo from'lodash/isNil.js';import jm from'lodash/sum.js';import mu from'currency-symbol-map';import bu from'@mui/material/InputAdornment/index.js';import fu,{buttonClasses}from'@mui/material/Button/index.js';import Cu from'@mui/material/TextField/index.js';import El from'@mui/material/Divider/index.js';import Su from'@mui/material/OutlinedInput/index.js';import Tu from'@mui/material/Select/index.js';import ku from'@mui/material/MenuItem/index.js';import wu from'lodash/map.js';import ke from'@mui/material/Box/index.js';import ug from'react-switch';import Bg from'lodash/countBy.js';import Ag from'lodash/uniq.js';import ac from'lodash/sortBy.js';import Lg from'lodash/merge.js';import Je from'react-loading-skeleton';import Yg from'lodash/flatMap.js';import Qs from'@mui/material/Tab/index.js';import Qg from'lodash/isEmpty.js';import ef from'@mui/material/Tabs/index.js';import nf from'@mui/material/useMediaQuery/index.js';import {ExternalLink,ChevronRight,Info,Minus,Plus,ArrowDown}from'react-feather';import zf from'@mui/material/Link/index.js';import Rf,{tooltipClasses}from'@mui/material/Tooltip/index.js';import Dl from'lodash/keyBy.js';import Li from'color';import Zf,{linearProgressClasses}from'@mui/material/LinearProgress/index.js';import py from'lodash/padStart.js';import Yl from'lodash/isUndefined.js';import {BillingModel as BillingModel$1,BillingPeriod as BillingPeriod$1}from'@stigg/api-client-js/src/generated/sdk.js';import Xn from'lodash/lowerCase.js';import Ty from'lodash/range.js';import {produce}from'immer';import Ly from'lodash/cloneDeep.js';import Ny from'lodash/remove.js';import {Elements,useStripe,useElements,AddressElement,PaymentElement}from'@stripe/react-stripe-js';import Rh from'@mui/material/StepIcon/index.js';import Ox from'lodash/partition.js';import Yh from'@mui/material/CircularProgress/index.js';import Yx from'@mui/material/Paper/index.js';import Qx from'@mui/material/Alert/index.js';import jh from'@mui/material/Checkbox/index.js';import eC from'@mui/material/FormControlLabel/index.js';import tC from'lodash/isString.js';import OP from'@mui/material/Autocomplete/index.js';import HP from'@mui/material/Collapse/index.js';import {AL,AD,AO,AR,AM,AW,AU,AT,AZ,BS as BS$1,BH,BD,BB,BY,BE,BJ,BO,BA,BR,BG,BF,KH,CM,CA,CV,CL,CN,CO,CD,CR,HR,CY,CZ,DK,DO,EC,EG,SV,EE,ET,EU,FI,FR,GE,DE,GR,GN,HK,HU,IS as IS$1,IN,ID,IE,IL,IT,JP,KZ,KE,KG,LA,LV,LI,LT,LU,MY,MT,MR,MX,MD,ME,MA,NP,NL,NZ,NG,MK,NO,OM,PE,PH,PL,PT,RO,RU,SA,SN,RS,SG,SK,SI,ZA,KR,ES as ES$1,SR,SE,CH,TW,TJ,TZ,TH,TR,UG,UA,AE,GB,US,UY,UZ,VE,VN,ZM,ZW}from'country-flag-icons/react/3x2';import gd from'lodash/startCase.js';import fd from'lodash/upperCase.js';import lx from'react-lottie';import Dx from'@mui/material/IconButton/index.js';import {styled}from'@mui/material/styles/index.js';import Pb from'@mui/material/Radio/index.js';import Ab from'@mui/material/Chip/index.js';import rT from'lodash/capitalize.js';import {TableContainer,Table,Divider,TableCell,TableRow,TablePagination,TableBody,TableHead}from'@mui/material';import MS from'@mui/material/TableRow/index.js';function So(e,t,o){let r=o?` ${o}`:"";return (!e||e===1)&&t?`Up to ${t}${r}`:e&&e>1&&t?`${e}-${t}${r}`:e&&e>1?`Minimum ${e}${r}`:""}function se(e,t="en-US"){if(e==null)return;let o={thousandSeparator:t==="en-US"?",":" ",decimalSeparator:".",decimalScale:0,fixedDecimalScale:true};return numericFormatter(String(Math.round(e)),o)}function dn(e,t="en-US"){let o={thousandSeparator:t==="en-US"?",":" ",decimalSeparator:".",decimalScale:2,fixedDecimalScale:true};return numericFormatter(String(e),o)}function Gt(e,t=1){if(e<1e6)return se(e)||"0";let o=[{value:1e12,suffix:"T"},{value:1e9,suffix:"B"},{value:1e6,suffix:"M"}];for(let{value:r,suffix:n}of o)if(e>=r){let a=(e/r).toFixed(t);return a.includes(".")&&(a=a.replace(/\.0+$/,"").replace(/(\.\d*[1-9])0+$/,"$1")),`${a}${n}`}return se(e)||"0"}var km=e(f)`
|
|
2
2
|
margin: 0;
|
|
3
|
-
`,
|
|
3
|
+
`,wm=e.div`
|
|
4
4
|
display: flex;
|
|
5
5
|
align-items: center;
|
|
6
6
|
gap: 16px;
|
|
7
|
-
`,
|
|
7
|
+
`,Bm=e.div`
|
|
8
8
|
display: flex;
|
|
9
9
|
align-items: center;
|
|
10
10
|
flex-shrink: 0;
|
|
11
|
-
`,
|
|
11
|
+
`,Am=e(i)`
|
|
12
12
|
width: 24px;
|
|
13
13
|
height: 24px;
|
|
14
14
|
color: ${({theme:e})=>e.stigg.palette.primary};
|
|
15
|
-
`;function To({displayName:e,className:t}){return jsxs(
|
|
15
|
+
`;function To({displayName:e,className:t}){return jsxs(wm,{className:`stigg-entitlement-row-container ${t}`,children:[jsx(Bm,{children:jsx(Am,{icon:"EntitlementCheck",className:"stigg-entitlement-row-icon"})}),jsx(km,{className:"stigg-entitlement-name",variant:"h6",color:"secondary",children:e})]})}function Fm(e){if(!e)return "";switch(e){case EntitlementResetPeriod.Day:return "per day";case EntitlementResetPeriod.Hour:return "per hour";case EntitlementResetPeriod.Week:return "per week";case EntitlementResetPeriod.Month:return "per month";case EntitlementResetPeriod.Year:return "per year";default:return ""}}function vm({hasUnlimitedUsage:e,feature:t,resetPeriod:o,usageLimit:r,minUnitQuantity:n,maxUnitQuantity:i,isCustom:a,enumValues:l}){let s=n||i,c=`${o&&r?`${Fm(o)}`:""}`;if(l){let u=l.length===1?t==null?void 0:t.featureUnits:t==null?void 0:t.featureUnitsPlural;return `${l.length} ${u}`}if(e)return `Unlimited ${t==null?void 0:t.featureUnitsPlural}`;if(a)return `Custom ${t==null?void 0:t.featureUnitsPlural}`;if(r){let u=r===1?t==null?void 0:t.featureUnits:t==null?void 0:t.featureUnitsPlural;return `${se(r)} ${u} ${c}`}return s?So(n,i,t==null?void 0:t.featureUnitsPlural):t==null?void 0:t.displayName}function mn(e){let i=e,{displayNameOverride:t,feature:o}=i,r=c(i,["displayNameOverride","feature"]),n=t||vm(a({feature:o},r))||"";return jsx(To,{displayName:n,className:`stigg-entitlement-${o==null?void 0:o.refId}`})}function Lm(e){switch(e){case BillingPeriod.Monthly:return "per month";case BillingPeriod.Annually:return "per year";default:return ""}}function Nm(e){var s,c;let{amount:t,customCurrency:o,displayNameOverride:r,billingPeriod:n}=e,i=t!=null?t:0;if(r)return r;let a=i===1?(s=o.units)==null?void 0:s.singular:(c=o.units)==null?void 0:c.plural,l=Lm(n);return `${se(i)} ${a||o.displayName}${l?` ${l}`:""}`}function un({entitlement:e}){let t=Nm(e);return jsx(To,{displayName:t,className:`stigg-credit-entitlement-${e.id}`})}function Vt(e){return e.pricingModel===BillingModel.PerUnit&&!!e.topUpCustomCurrencyId}function Um(e){return Vt(e)&&e.billingCadence===BillingCadence.OneOff}function Ot(e){return Vt(e)&&e.isTieredPrice}function ko(e,t){return e.pricePoints.find(o=>o.billingPeriod===t&&Ot(o))}function wo(e){var t,o;return ((o=(t=e.tiers)==null?void 0:t.length)!=null?o:0)>1}function _m(e){return e.pricingModel===BillingModel.CreditBased}function Ct(e){return !_m(e)&&!Um(e)}function Na(e){var t,o,r;return (t=e.customCurrency)!=null&&t.units?e.customCurrency.units.plural||e.customCurrency.units.singular||e.customCurrency.displayName:((o=e.feature)==null?void 0:o.unitsPlural)||((r=e.feature)==null?void 0:r.units)||""}function zm(e){return e.__typename==="PackageCreditEntitlement"}function Vm(e){switch(e){case CreditCadence.Month:return BillingPeriod.Monthly;case CreditCadence.Year:return BillingPeriod.Annually}}var Om=e.div`
|
|
16
16
|
display: flex;
|
|
17
17
|
flex-direction: column;
|
|
18
18
|
gap: 16px;
|
|
19
|
-
`;function
|
|
19
|
+
`;function Hm(e,t,o){if(t.entitlementsTitle)return t.entitlementsTitle(e);let r=o?"Includes:":"";return e.basePlan&&(r=`Everything in ${e.basePlan.displayName}${o?", plus:":""}`),r}function _a({plan:e,billingPeriod:t,paywallLocale:o,singleTierCreditCharge:r}){var c,u,f$1,y;let i=(((c=e.pricePoints)==null?void 0:c.filter(p=>p.billingPeriod===t))||[]).filter(p=>Ct(p)).filter(p=>(p==null?void 0:p.minUnitQuantity)&&(p==null?void 0:p.minUnitQuantity)>1||(p==null?void 0:p.maxUnitQuantity)).map(p=>{var g;return jsx(mn,{feature:p!=null&&p.feature?{refId:p.feature.featureId,featureUnits:p.feature.units,featureUnitsPlural:p.feature.unitsPlural,unitQuantity:p.feature.unitQuantity,displayName:p.feature.displayName}:null,minUnitQuantity:p==null?void 0:p.minUnitQuantity,maxUnitQuantity:p==null?void 0:p.maxUnitQuantity},`priceUnitEntitlement-${(g=p==null?void 0:p.feature)==null?void 0:g.displayName}`)}),a$1=Cc(e.packageEntitlements).filter(p=>p.isGranted).filter(p=>{var g;return !((g=p.hiddenFromWidgets)!=null&&g.includes(WidgetType.Paywall))}),l=!!r,s=i.length>0||a$1.length>0||l;return jsxs(Om,{className:"stigg-plan-entitlements-container",children:[jsx(f,{className:"stigg-plan-entitlements-title",color:"secondary",variant:"h6",bold:true,children:Hm(e,o,s)}),i,r&&jsx(un,{entitlement:{id:r.topUpCustomCurrencyId,amount:(y=(f$1=(u=r.tiers)==null?void 0:u[0])==null?void 0:f$1.upTo)!=null?y:0,customCurrency:r.customCurrency,billingPeriod:r.billingCadence===BillingCadence.Recurring?t:void 0}},`credit-charge-${r.topUpCustomCurrencyId}`),a$1.map(p=>zm(p)?jsx(un,{entitlement:b(a({},p),{billingPeriod:Vm(p.cadence)})},Ua(p)):jsx(mn,{displayNameOverride:p.displayNameOverride,feature:p.feature,resetPeriod:p.resetPeriod,hasUnlimitedUsage:p.hasUnlimitedUsage,usageLimit:p.usageLimit,enumValues:p.enumValues,isCustom:p.isCustom},Ua(p)))]})}function Ua(e){return `${e.__typename}:${e.id}`}var gn=(s=>(s.START_TRIAL="START_TRIAL",s.UPGRADE_TRIAL_TO_PAID="UPGRADE_TRIAL_TO_PAID",s.REQUEST_CUSTOM_PLAN_ACCESS="REQUEST_CUSTOM_PLAN_ACCESS",s.CHANGE_BILLING_PERIOD="CHANGE_BILLING_PERIOD",s.CHANGE_UNIT_QUANTITY="CHANGE_UNIT_QUANTITY",s.UPGRADE_PLAN="UPGRADE_PLAN",s.DOWNGRADE_PLAN="DOWNGRADE_PLAN",s.CANCEL_SCHEDULED_UPDATES="CANCEL_SCHEDULED_UPDATES",s))(gn||{});Bo.extend(Zm);Bo.extend(Ym);Bo.extend(Qm);var Z=Bo;var yn=e=>Z.utc(e).format("MMMM Do, YYYY");function Ao(e){return String(e.scheduledExecutionTime)}function Jm(e){return e!=null&&e.end?String(e.end):void 0}function Io({scheduledUpdate:e,subscriptionPrices:t,billingPeriodRange:o,options:r={}}){var a,l;if(!e)return {};let{withDate:n,postfix:i=""}=r;switch(e.subscriptionScheduleType){case SubscriptionScheduleType.Downgrade:{let s=n,c=Jm(o);return Fo(s)&&c&&(s=!Z(Ao(e)).isSame(Z(c),"day")),{line1:jsxs(Fragment,{children:["Your subscription will be downgraded to the ",jsxs("b",{children:[(a=e.targetPackage)==null?void 0:a.displayName," plan"]})," ",s?jsxs(Fragment,{children:["on ",yn(Ao(e))]}):i,"."]}),line2:"Until then you still have access to your current plan."}}case SubscriptionScheduleType.BillingPeriod:{let s=e.scheduleVariables;return {line1:jsxs(Fragment,{children:["Your billing cycle will change to ",jsx("b",{children:(l=s.billingPeriod)==null?void 0:l.toLocaleLowerCase()})," ",n?jsxs(Fragment,{children:["on ",yn(Ao(e))]}):i,"."]})}}case SubscriptionScheduleType.UnitAmount:{let s=e.scheduleVariables,u=Cc(t==null?void 0:t.map(({feature:P})=>P)).find(({id:P})=>P===s.featureId),{featureUnits:f,featureUnitsPlural:y}=u||{},p=s.newUnitAmount===1?f:y,g=jsxs(Fragment,{children:["Your subscription will be updated to ",jsx("b",{children:s.newUnitAmount})," ",p," ",n?jsxs(Fragment,{children:["on ",yn(Ao(e))]}):i,"."]}),h=`Until then you still have access to your current ${f} count.`;return {line1:g,line2:h}}default:return {}}}function za(e){return e.feature&&(e.feature.unitQuantity!==1?e.feature.unitsPlural:e.feature.units)||""}function Pn(e,t){let o=[...e];o.sort((r,n)=>r.upTo?n.upTo?r.upTo-n.upTo:-1:1);for(let r of o)if(r.upTo&&t<=r.upTo)return r;return o[o.length-1]}function Ga(e,t,o){return t===BillingPeriod.Annually&&o?e/12:e}function Cn(e,t,o,r){let n=0;if(e.unitPrice){let i=Ga(e.unitPrice.amount,o,r);n+=i*t;}return e.flatPrice&&(n+=Ga(e.flatPrice.amount,o,r)),n}function xn(e,t,o,r){let n=t,i=0,a=0,l=[];for(;n>0&&a<e.length;){let c=e[a],{upTo:u}=c;if(Fo(u))l.push({unitQuantity:n,amount:Cn(c,n,o,r)}),n=0;else {let f=u-i,y=Math.min(n,f);l.push({unitQuantity:y,amount:Cn(c,y,o,r)}),n-=y,i=u;}a+=1;}let s=jm(l.map(({amount:c})=>c));return {breakdown:l,total:s}}function xt(e,t,o,r){if(!e.tiers)return 0;switch(e.tiersMode){case TiersMode.Volume:{let n=Pn(e.tiers,t);return Cn(n,t,o,r)}case TiersMode.Graduated:return xn(e.tiers,t,o,r).total;default:return 0}}function Wt(e){return e==null?void 0:e.some(({unitPrice:t,upTo:o})=>t&&!Fo(o))}function Va(e){return e==null?void 0:e.every(({unitPrice:t,upTo:o})=>!t||Fo(o))}function Oa(e,t){return (e==null?void 0:e[0].upTo)&&t<=e[0].upTo}function vo({plan:e,billingPeriod:t,currentSubscription:o,currentSubscriptionOverride:r,selectDefaultTierIndex:n}){let i=e.pricePoints.filter(a=>a.billingPeriod===t&&a.isTieredPrice&&!Ot(a));if(i.length===1){let[a]=i,{featureId:l}=a.feature,s=n?n({plan:e}):0,c=a.tiers[s],u=Wt(a.tiers)?1:c.upTo||1;if(o&&o.plan.id===e.id){let y=o.prices.find(p=>{var g;return p.pricingModel===BillingModel.PerUnit&&p.tiersMode&&((g=p.feature)==null?void 0:g.featureId)===l});y&&(u=y.feature.unitQuantity||1);}if((r==null?void 0:r.planId)===e.id){let y=r.billableFeatures.find(p=>p.featureId===l);y&&(u=y.quantity);}let f={};return f[l]=u,f}return {}}function Ha({perUnitQuantityByFeature:e,plan:t,currentSubscription:o,currentSubscriptionOverride:r}){var u,f;if(!o)return 0;let n=o.prices.find(y=>y.pricingModel===BillingModel.PerUnit&&y.tiersMode),i=t.id===(r==null?void 0:r.planId);if(i&&(n=(u=t.pricePoints.find(y=>y.pricingModel===BillingModel.PerUnit&&y.tiersMode))!=null?u:n),!n)return 0;let{featureId:a,unitQuantity:l}=n.feature,s=l;if(i){let y=(f=r==null?void 0:r.billableFeatures)==null?void 0:f.find(p=>p.featureId===a);y&&(s=y.quantity);}if(Fo(s))return 0;let c=e[a];return c<s?-1:c>s?1:0}var nu=e(tu)`
|
|
20
20
|
margin-left: 10px;
|
|
21
|
-
`,
|
|
21
|
+
`,iu=e.button`
|
|
22
22
|
cursor: ${({$disabled:e})=>e?"default":"pointer"};
|
|
23
23
|
padding: 8px 12px;
|
|
24
24
|
background-color: ${({theme:e})=>e.stigg.palette.backgroundButton};
|
|
@@ -37,12 +37,12 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
37
37
|
&:hover {
|
|
38
38
|
background-color: ${({theme:e,$disabled:t})=>t?e.stigg.palette.backgroundButton:e.stigg.palette.outlinedHoverBackground};
|
|
39
39
|
}
|
|
40
|
-
`,
|
|
40
|
+
`,au=e(f)`
|
|
41
41
|
margin: 0;
|
|
42
42
|
font-size: 15px;
|
|
43
|
-
`,
|
|
43
|
+
`,su=e(f)`
|
|
44
44
|
min-height: 87px;
|
|
45
|
-
`,
|
|
45
|
+
`,lu=e.button`
|
|
46
46
|
background: none;
|
|
47
47
|
border: none;
|
|
48
48
|
padding: 0;
|
|
@@ -50,17 +50,17 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
50
50
|
|
|
51
51
|
text-decoration: underline;
|
|
52
52
|
cursor: pointer;
|
|
53
|
-
`,
|
|
53
|
+
`,cu=e(f)`
|
|
54
54
|
margin-top: 8px;
|
|
55
55
|
margin-bottom: 17px;
|
|
56
56
|
min-height: 20px;
|
|
57
|
-
`,
|
|
57
|
+
`,du=e.div`
|
|
58
58
|
display: flex;
|
|
59
59
|
flex-direction: column;
|
|
60
60
|
margin-top: 4px;
|
|
61
61
|
align-self: ${({theme:e})=>j(e.stigg.layout.ctaAlignment)};
|
|
62
62
|
width: 100%;
|
|
63
|
-
`;function
|
|
63
|
+
`;function Za({isNextPlan:e,customer:t,plan:o,billingPeriod:r,isCustomerOnTrial:n,onPlanSelected:i,paywallLocale:a,withTrialLeftRow:l,currentSubscription:s,currentSubscriptionOverride:c,perUnitQuantityByFeature:u}){let f=useTheme(),[y,p]=useState(false),{currentPlan:g,custom:h,downgrade:P,startTrial:b,upgrade:x,startNew:A,switchToBillingPeriod:S,cancelScheduledUpdate:F}=a.planCTAButton,T=Wa(P)?P(o):P,k=Wa(x)?x(o):x,w={title:t?o.isLowerThanCurrentPlan?T:k:A,disabled:false,intentionType:o.isLowerThanCurrentPlan?"DOWNGRADE_PLAN":n?"UPGRADE_TRIAL_TO_PAID":"UPGRADE_PLAN"},I=o.pricingType===PricingType.Custom,{line1:v}=Io({scheduledUpdate:o.scheduledUpdate,options:{withDate:true}});if(o.isTriable&&!o.isCurrentCustomerPlan&&!n)w.title=b(o),w.intentionType="START_TRIAL";else if(o.isCurrentCustomerPlan&&!n)if(r===o.currentCustomerPlanBillingPeriod||o.pricingType&&[PricingType.Free,PricingType.Custom].includes(o.pricingType))switch(Ha({perUnitQuantityByFeature:u,plan:o,currentSubscription:s,currentSubscriptionOverride:c})){case -1:w.intentionType="CHANGE_UNIT_QUANTITY",w.title=T;break;case 1:w.intentionType="CHANGE_UNIT_QUANTITY",w.title=k;break;default:w.title=g,w.disabled=true;break}else w.title=S(r),w.intentionType="CHANGE_BILLING_PERIOD";else I&&(w.title=typeof h=="function"?h({plan:o,selectedBillingPeriod:r}):h,w.intentionType="REQUEST_CUSTOM_PLAN_ACCESS");e&&o.scheduledUpdate&&(w.disabled=false,w.title=F,w.intentionType="CANCEL_SCHEDULED_UPDATES");let L=y||w.disabled;return jsx(Fragment,{children:jsx(du,{className:"stigg-paywall-plan-button-layout",children:e&&v?jsxs(su,{color:"secondary",variant:"body1",className:"stigg-paywall-schedule-update-text",children:[v," ",jsx(lu,{color:"secondary",onClick:()=>{p(true),Promise.resolve(i(w.intentionType)).finally(()=>p(false));},children:w.title})]}):jsxs(Fragment,{children:[jsxs(iu,{className:"stigg-paywall-plan-button","data-testid":`paywall-card-cta-${o.displayName}`,disabled:L,$disabled:L,onClick:()=>{p(true),Promise.resolve(i(w.intentionType)).finally(()=>p(false));},children:[jsx(au,{className:"stigg-paywall-plan-button-text",variant:"h6",color:"primary.main",children:w.title}),y&&jsx(nu,{color:f.stigg.palette.text.disabled,loading:true,size:16})]}),l?jsx(cu,{className:"stigg-trial-days-left-text",variant:"h6",color:"secondary",children:o.isCurrentCustomerPlan&&o.trialDaysLeft&&jsxs(Fragment,{children:[jsxs("b",{children:[o.trialDaysLeft," days"]})," left on your free trial"]})}):jsx("div",{style:{height:"20px"}})]})})})}var H=({amount:e,currency:t=Currency.Usd,locale:o,maximumFractionDigits:r=5,minimumFractionDigits:n=0,removeTrailingZero:i})=>{let a$1=t.toString(),l=mu(a$1),s=new Intl.NumberFormat(o,a({maximumFractionDigits:r,minimumFractionDigits:n,style:"currency",currency:a$1,trailingZeroDisplay:i?"stripIfInteger":"auto"},l?{currencyDisplay:"code"}:{})).format(e||0);return l&&(s=s.replace(a$1,l)),s=s.replace(/\s/g,""),s};function uu(e,t){var o,r;return e.blockSize&&e.blockSize>1?`for ${k(e.blockSize)} ${(r=(o=t.plural)!=null?o:t.units)!=null?r:""}`:`per ${t.units||""}`}function gu(e,t,o){return Vt(e)?o||1:(t==null?void 0:t[e.feature.featureId])||1}function Qa({planPrices:e,paywallCalculatedPrice:t,selectedBillingPeriod:o,locale:r,shouldShowMonthlyPriceAmount:n,paywallLocale:i,perUnitQuantityByFeature:a,creditChargeQuantity:l}){var A,S,F,T,k,w;let s=e.filter(I=>Ct(I)),c=t||s[0];if(!c)return {price:"",unit:"",tiers:void 0,tierUnits:void 0};let{amount:u,currency:f}=c,y=u||0,p=s.length===1,g=o===BillingPeriod.Annually&&n?y/12:y,h,P,b=i.price.pricePeriod(n?BillingPeriod.Monthly:BillingPeriod.Annually),x=b;for(let I of s)if(I.isTieredPrice&&I.tiers){let v=gu(I,a,l);h=I.tiers,P=za(I),g+=xt(I,v,o,n);}if(p&&s[0]){let I=s[0],v=Vt(I)?{units:(S=(A=I.customCurrency)==null?void 0:A.units)==null?void 0:S.singular,plural:(T=(F=I.customCurrency)==null?void 0:F.units)==null?void 0:T.plural}:{units:(k=I.feature)==null?void 0:k.units,plural:(w=I.feature)==null?void 0:w.unitsPlural},L=uu(I,v);I.pricingModel===BillingModel.PerUnit&&!I.isTieredPrice?x=`${L} ${b}`:I.pricingModel===BillingModel.UsageBased&&(x=L);}return {price:H({amount:g,currency:f,locale:r,minimumFractionDigits:2,removeTrailingZero:true}),unit:x,tiers:h,tierUnits:P}}function Eo(e,t,o,r,n,i,a$1){var l;switch(e.pricingType){case PricingType.Free:return typeof o.price.free=="function"?o.price.free(e.paywallCurrency):o.price.free;case PricingType.Custom:return {price:typeof o.price.custom=="function"?o.price.custom({plan:e,selectedBillingPeriod:t}):o.price.custom};case PricingType.Paid:{let s=e.pricePoints.filter(f=>f.billingPeriod===t),c=(l=e.paywallCalculatedPricePoints)==null?void 0:l.find(f=>f.billingPeriod===t);if(!(s!=null&&s.length)&&!c)return {price:o.price.priceNotSet};let u={planPrices:s,paywallCalculatedPrice:c,selectedBillingPeriod:t,perUnitQuantityByFeature:i||{},creditChargeQuantity:a$1};return o.price.paid?o.price.paid(b(a({},u),{plan:e})):Qa(b(a({},u),{locale:r,shouldShowMonthlyPriceAmount:n,paywallLocale:o}))}default:return {price:""}}}var yu=e(fu,{shouldForwardProp:e=>!e.startsWith("$")})`
|
|
64
64
|
border-radius: 10px;
|
|
65
65
|
text-transform: none;
|
|
66
66
|
font-weight: 300;
|
|
@@ -71,10 +71,10 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
71
71
|
&:hover {
|
|
72
72
|
background-color: ${({theme:e,$success:t,$error:o})=>t?e.stigg.palette.successDark:o?e.stigg.palette.errorDark:""};
|
|
73
73
|
}
|
|
74
|
-
`,te=o=>{var r=o,{variant:e="outlined"}=r,t=c(r,["variant"]);return jsx(
|
|
74
|
+
`,te=o=>{var r=o,{variant:e="outlined"}=r,t=c(r,["variant"]);return jsx(yu,a({variant:e},t))};var pe=e(Cu)(({theme:e})=>({"& .MuiOutlinedInput-root":{height:"42px",borderRadius:e.stigg.border.radius,fieldset:{borderColor:e.stigg.palette.outlinedBorder},"&:not(.Mui-focused):hover fieldset":{borderColor:e.stigg.palette.outlinedRestingBorder}},"& .MuiInputBase-input":a({padding:"8px 12px",borderRadius:e.stigg.border.radius,fontFamily:e.stigg.typography.fontFamily,color:e.stigg.palette.text.primary},e.stigg.typography.body),"& .Mui-error":{fontFamily:e.stigg.typography.fontFamily},"& .MuiFormHelperText-root":{whiteSpace:"nowrap"}}));var Ka=e(Re)`
|
|
75
75
|
display: flex;
|
|
76
76
|
flex-direction: column;
|
|
77
|
-
`;function
|
|
77
|
+
`;function qa(){return jsxs(Ka,{container:true,children:[jsxs(l,{item:true,$gap:48,children:[jsx(o,{width:120,height:20}),jsx(o,{width:120,height:20})]}),jsx(El,{className:"stigg-checkout-plan-header-divider",sx:{marginY:2}}),jsxs(Ka,{item:true,children:[jsx(o,{width:120,height:20}),jsxs(m,{$gap:16,marginTop:3,children:[jsx(o,{height:20}),jsx(o,{height:20})]}),jsxs(l,{$gap:130,marginTop:3,children:[jsx(n,{flex:1,children:jsx(o,{height:20})}),jsx(n,{flex:3,children:jsx(o,{height:20})})]})]})]})}var bt=e=>e.target.blur();function Ja({width:e,tierUnits:t,value:o,handleChange:r,errorMessage:n}){return jsx(pe,{type:"number",onWheel:bt,fullWidth:true,error:!!n,sx:{minHeight:"46px",width:e},InputProps:{endAdornment:jsx(bu,{position:"end",children:jsx(f,{variant:"body1",color:"primary",children:t})})},value:o,onChange:i=>{var l,s;let a=(l=i==null?void 0:i.target)!=null&&l.value?Number((s=i==null?void 0:i.target)==null?void 0:s.value):null;a&&r(a);}})}var Bu=e(Tu)`
|
|
78
78
|
border-radius: 10px;
|
|
79
79
|
min-height: 42px;
|
|
80
80
|
min-width: 120px;
|
|
@@ -82,7 +82,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
82
82
|
&:hover .MuiOutlinedInput-notchedOutline {
|
|
83
83
|
border-color: ${({theme:e})=>e.stigg.palette.outlinedBorder};
|
|
84
84
|
}
|
|
85
|
-
`,
|
|
85
|
+
`,Au=e(Su)`
|
|
86
86
|
& .MuiInputBase-input {
|
|
87
87
|
padding: 10px 12px;
|
|
88
88
|
}
|
|
@@ -90,34 +90,34 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
90
90
|
&.Mui-focused .MuiOutlinedInput-notchedOutline {
|
|
91
91
|
border-color: ${({theme:e})=>e.stigg.palette.primary} !important;
|
|
92
92
|
}
|
|
93
|
-
`;function
|
|
93
|
+
`;function Xa({value:e,componentId:t,tierUnits:o,tiers:r,handleChange:n,errorMessage:i}){return r?jsx(Bu,{value:e.toString(),fullWidth:true,error:!!i,onChange:a=>{var s,c;let l=(s=a==null?void 0:a.target)!=null&&s.value?Number((c=a==null?void 0:a.target)==null?void 0:c.value):null;l&&n(l);},id:t,input:jsx(Au,{}),MenuProps:{MenuListProps:{disablePadding:true},PaperProps:{sx:{marginTop:"4px",borderRadius:"10px"}}},children:wu(r,a=>{var l;return jsx(ku,{className:"stigg-price-tier-menu-item-text",value:(l=a.upTo)==null?void 0:l.toString(),children:jsxs(f,{variant:"body1",color:"primary",style:{lineHeight:"unset"},children:[se(a.upTo)," ",o]})},a.upTo)})}):null}var vu=e(f)`
|
|
94
94
|
min-height: 46px;
|
|
95
|
-
`;function Kt(e){let{tiers:t,errorMessage:o}=e;return jsx(Fragment,{children:jsxs(ke,{display:"flex",flexDirection:"column",justifyContent:"center",style:{width:"100%"},children:[jsx(
|
|
95
|
+
`;function Kt(e){let{tiers:t,errorMessage:o}=e;return jsx(Fragment,{children:jsxs(ke,{display:"flex",flexDirection:"column",justifyContent:"center",style:{width:"100%"},children:[jsx(vu,{as:"div",className:"stigg-price-tier-select",children:Wt(t)?jsx(Ja,a({},e)):jsx(Xa,a({},e))}),jsx(f,{style:{margin:"4px"},variant:"caption",color:"error",children:o})]})})}var es="\u200E",Nu=e(f)`
|
|
96
96
|
word-break: break-word;
|
|
97
97
|
width: 100%;
|
|
98
|
-
`,
|
|
98
|
+
`,Mu=e(f)`
|
|
99
99
|
white-space: nowrap;
|
|
100
|
-
`,
|
|
100
|
+
`,Ru=e(f)`
|
|
101
101
|
white-space: normal;
|
|
102
102
|
min-height: 39px;
|
|
103
|
-
`;function
|
|
103
|
+
`;function Uu({plan:e,billingPeriod:t,hasMonthlyPrice:o,hasAnnuallyPrice:r,paywallLocale:n}){var l,s;let i=e.pricePoints.find(c=>c.billingPeriod===t),a=es;return i&&o&&r&&(a=((s=(l=n.price).billingPeriod)==null?void 0:s.call(l,t))||`, billed ${t.toLowerCase()}`),jsx(f,{as:"span",className:"stigg-price-billing-period-text",variant:"h6",color:"secondary",children:a})}var ts=({showStartingAt:e,withUnitPriceRow:t,withStartingAtRow:o,withTiersRow:r,withCreditChargeRow:n,creditChargePrice:i,selectedCreditQuantity:a$1,setSelectedCreditQuantity:l,plan:s,billingPeriod:c,paywallLocale:u,locale:f$1,hasMonthlyPrice:y,hasAnnuallyPrice:p,perUnitQuantityByFeature:g,setPerUnitQuantityByFeature:h})=>{var w;let{price:P,unit:b$1,tiers:x,tierUnits:A}=Eo(s,c,u,f$1,y,g,a$1),S=s.pricePoints.find(I=>I.billingPeriod===c&&I.isTieredPrice&&!Ot(I)),F=S?S.feature.featureId:void 0,T=(w=g[F||""])!=null?w:1,k=I=>{F&&h(v=>b(a({},v),{[F]:I}));};return jsx(Nu,{as:"div",className:"stigg-price-text",children:jsxs(Fragment,{children:[o&&jsx(f,{style:{minHeight:"20px"},className:"stigg-starting-at-text",variant:"body1",color:"secondary",children:e?u.price.startingAtCaption:es}),jsx(Ru,{className:"stigg-price-point",variant:"h1",children:P}),t&&jsxs(f,{as:"div",className:"stigg-price-unit-and-billing-period-text",style:{minHeight:"48px"},children:[jsx(Mu,{className:"stigg-price-unit-text",as:"span",variant:"h6",color:"secondary",children:b$1}),jsx(Uu,{plan:s,billingPeriod:c,hasAnnuallyPrice:p,hasMonthlyPrice:y,paywallLocale:u})]}),r?jsx(Kt,{componentId:`${s.id}_${F}_tier`,tiers:x,tierUnits:A,tiersMode:S==null?void 0:S.tiersMode,handleChange:k,value:T}):null,n?i?jsx(Kt,{componentId:`${s.id}_${i.topUpCustomCurrencyId}_credit_tier`,tiers:i.tiers,tierUnits:Na(i),tiersMode:i.tiersMode,handleChange:l,value:a$1}):jsx("div",{style:{minHeight:"46px",opacity:0}}):null]})})};var Vu=e(fu)`
|
|
104
104
|
padding: 0px;
|
|
105
105
|
text-transform: none;
|
|
106
106
|
margin-left: 0px;
|
|
107
|
-
`,
|
|
107
|
+
`,Ou=e(f)`
|
|
108
108
|
font-size: 14px;
|
|
109
109
|
font-weight: 500;
|
|
110
|
-
`,
|
|
110
|
+
`,Hu=e.div`
|
|
111
111
|
width: 100%;
|
|
112
112
|
gap: 10px;
|
|
113
|
-
`,
|
|
113
|
+
`,Wu=e.div`
|
|
114
114
|
margin-top: 10px;
|
|
115
115
|
overflow: hidden;
|
|
116
116
|
display: flex;
|
|
117
117
|
flex-direction: column;
|
|
118
118
|
gap: 4px;
|
|
119
119
|
width: 100%;
|
|
120
|
-
`,
|
|
120
|
+
`,Zu=e.div`
|
|
121
121
|
display: flex;
|
|
122
122
|
flex-direction: row;
|
|
123
123
|
flex-wrap: nowrap;
|
|
@@ -126,7 +126,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
126
126
|
padding: 8px 0px;
|
|
127
127
|
max-height: 44px;
|
|
128
128
|
gap: 16px;
|
|
129
|
-
`,
|
|
129
|
+
`,Yu=e(f)`
|
|
130
130
|
overflow: hidden;
|
|
131
131
|
font-feature-settings: 'liga' off, 'clig' off;
|
|
132
132
|
text-overflow: ellipsis;
|
|
@@ -135,17 +135,17 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
135
135
|
white-space: nowrap;
|
|
136
136
|
min-width: 0;
|
|
137
137
|
flex-shrink: 1;
|
|
138
|
-
`,
|
|
138
|
+
`,Qu=e(i)`
|
|
139
139
|
width: 24px;
|
|
140
140
|
height: 24px;
|
|
141
141
|
color: ${({theme:e})=>e.stigg.palette.primary};
|
|
142
|
-
`,
|
|
142
|
+
`,Ku=e.div`
|
|
143
143
|
flex: 1;
|
|
144
144
|
min-width: 0;
|
|
145
|
-
`,
|
|
145
|
+
`,qu=e.div`
|
|
146
146
|
margin-top: 16px;
|
|
147
147
|
display: flex;
|
|
148
|
-
`,
|
|
148
|
+
`,An=4;function In({addons:e,paywallLocale:t}){let[o,r]=useState(false);if(!e||e.length===0)return null;let n=e.filter(l=>{var s;return !((s=l.hiddenFromWidgets)!=null&&s.includes(WidgetType.Paywall))}),i=()=>{r(!o);},a=o?n:n.slice(0,An);return a.length===0?null:jsxs(Hu,{className:"stigg-compatible-addons-container",children:[jsx(f,{className:"stigg-compatible-addons-header",color:"secondary",variant:"body1",bold:true,children:t.addonsTitle}),jsx(Wu,{className:"stigg-compatible-addons-list",children:a.map(l=>jsxs(Zu,{className:zu(`stigg-compatible-addon--${l.id}`,"stigg-compatible-addon-item"),children:[jsx(Qu,{icon:"Add",className:"stigg-compatible-addon-icon"}),jsx(Ku,{className:"stigg-compatible-addon-content",children:jsx(Yu,{variant:"body1",color:"primary",className:"stigg-compatible-addon-name",children:l.displayName})})]},l.id))}),n.length>An&&jsx(qu,{children:jsx(Vu,{variant:"text",onClick:i,children:jsx(Ou,{color:"primary.main",children:o?"Show less":`Show ${n.length-An} more`})})})]})}var tg="66px",og=e.div`
|
|
149
149
|
position: relative;
|
|
150
150
|
background-color: ${({theme:e,$isCurrentPlan:t})=>t?e.stigg.palette.backgroundHighlight:e.stigg.palette.backgroundPaper};
|
|
151
151
|
border: ${({theme:e,$isHighlighted:t})=>t?`3px solid ${e.stigg.palette.primary}`:`1px solid ${e.stigg.palette.outlinedBorder}`};
|
|
@@ -158,38 +158,38 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
158
158
|
align-items: flex-start;
|
|
159
159
|
justify-content: flex-start;
|
|
160
160
|
position: relative;
|
|
161
|
-
`,
|
|
161
|
+
`,rg=e.div`
|
|
162
162
|
margin-top: ${({$planHasEntitlements:e})=>e?"32px":"0px"};
|
|
163
|
-
`,
|
|
163
|
+
`,ng=e(f)`
|
|
164
164
|
padding-bottom: 8px;
|
|
165
|
-
`,
|
|
165
|
+
`,ig=e.div`
|
|
166
166
|
height: 2px;
|
|
167
167
|
width: 100%;
|
|
168
168
|
background-color: ${({theme:e})=>e.stigg.palette.outlinedBorder};
|
|
169
169
|
margin-bottom: 40px;
|
|
170
|
-
`,
|
|
170
|
+
`,ag=e(f)`
|
|
171
171
|
text-align: ${({theme:e})=>e.stigg.layout.descriptionAlignment};
|
|
172
172
|
min-height: ${({theme:e})=>e.stigg.layout.descriptionMinHeight};
|
|
173
|
-
`,
|
|
173
|
+
`,sg=e.div`
|
|
174
174
|
background-color: ${({theme:e})=>e.stigg.palette.primary};
|
|
175
175
|
border-radius: 40px;
|
|
176
176
|
position: absolute;
|
|
177
177
|
top: -12px;
|
|
178
|
-
`,
|
|
178
|
+
`,lg=e(f)`
|
|
179
179
|
margin: 0;
|
|
180
180
|
padding: 2px 8px;
|
|
181
|
-
`,
|
|
181
|
+
`,cg=e.div`
|
|
182
182
|
width: 100%;
|
|
183
183
|
display: flex;
|
|
184
184
|
flex-direction: column;
|
|
185
185
|
align-items: ${({theme:e})=>j(e.stigg.layout.headerAlignment)};
|
|
186
|
-
`,
|
|
186
|
+
`,dg=e.div`
|
|
187
187
|
position: absolute;
|
|
188
188
|
top: 0;
|
|
189
189
|
background-color: ${({theme:e})=>e.stigg.palette.outlinedBorder};
|
|
190
190
|
border-radius: 0px 0px 10px 10px;
|
|
191
191
|
padding: 3px 12px;
|
|
192
|
-
`,
|
|
192
|
+
`,pg=e(g)`
|
|
193
193
|
display: flex;
|
|
194
194
|
height: 100%;
|
|
195
195
|
margin-right: 4px;
|
|
@@ -197,7 +197,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
197
197
|
path {
|
|
198
198
|
fill: ${({theme:e})=>e.stigg.palette.text.primary};
|
|
199
199
|
}
|
|
200
|
-
`;function
|
|
200
|
+
`;function mg({text:e="Next",iconsColor:t}){return jsx(dg,{children:jsxs(Re,{display:"flex",alignItems:"center",gap:1,children:[jsx(pg,{$iconsColor:t}),jsx(f,{color:"primary",variant:"body1",children:e})]})})}function ns({withUnitPriceRow:e,withTiersRow:t,withTrialLeftRow:o,withCreditChargeRow:r,customer:n,plan:i,billingPeriod:a,isHighlighted:l,currentSubscription:s,currentSubscriptionOverride:c,shouldShowDescriptionSection:u,hasMonthlyPrice:f,hasAnnuallyPrice:y,isCustomerOnTrial:p,onPlanSelected:g,paywallLocale:h,locale:P,withStartingAtRow:b,isCustomerInCustomPlan:x,selectDefaultTierIndex:A,hideCompatibleAddons:S}){var ut,V,ie;let F=i.isNextPlan&&i.isNextPlan(a),T=i.pricePoints.filter(ae=>ae.billingPeriod===a&&Ct(ae)),k=(ut=i.paywallCalculatedPricePoints)==null?void 0:ut.find(ae=>ae.billingPeriod===a),w=T.length>1&&!!(k!=null&&k.additionalChargesMayApply),I=!x||i.pricingType===PricingType.Custom,v=ko(i,a),L=v?wo(v):false,N=null;F?N=jsx(mg,{text:"Next plan"}):l&&h.highlightChip&&(N=jsx(sg,{className:"stigg-highlight-badge",children:jsx(lg,{className:"stigg-highlight-badge-text",color:"white",bold:true,children:h.highlightChip})}));let[$,R]=useState(vo({plan:i,billingPeriod:a,currentSubscription:s,currentSubscriptionOverride:c,selectDefaultTierIndex:A})),[z,K]=useState(()=>{var ae,ve;return ((ve=(ae=v==null?void 0:v.tiers)==null?void 0:ae[0])==null?void 0:ve.upTo)||1});useEffect(()=>{var ae,ve;K(((ve=(ae=v==null?void 0:v.tiers)==null?void 0:ae[0])==null?void 0:ve.upTo)||1);},[a,v==null?void 0:v.tiers]);let Ve=ae=>{let ve=Object.keys($).map(gt=>({featureId:gt,quantity:$[gt]})),ho=v!=null&&v.topUpCustomCurrencyId?[{topUpCustomCurrencyId:v.topUpCustomCurrencyId,quantity:z}]:void 0;return g(ae,ve,ho)};return jsxs(og,{className:zu(`stigg-${i.id}`,"stigg-plan-offering-container",{"stigg-current-plan":i.isCurrentCustomerPlan}),$isHighlighted:l,$isCurrentPlan:i.isCurrentCustomerPlan,children:[N,jsxs(cg,{className:"stigg-header-wrapper",children:[jsx(ng,{className:"stigg-plan-header",variant:"h3",children:i.displayName}),u&&jsx(ag,{className:"stigg-plan-description",variant:"h6",color:"secondary",children:i.description}),jsx(ts,{showStartingAt:w,withUnitPriceRow:e,withStartingAtRow:b,withTiersRow:t,withCreditChargeRow:r,creditChargePrice:L?v:void 0,selectedCreditQuantity:z,setSelectedCreditQuantity:K,plan:i,billingPeriod:a,paywallLocale:h,locale:P,hasAnnuallyPrice:y,hasMonthlyPrice:f,setPerUnitQuantityByFeature:R,perUnitQuantityByFeature:$}),I?jsx(Za,{isNextPlan:F,customer:n,plan:i,currentSubscription:s,currentSubscriptionOverride:c,billingPeriod:a,isCustomerOnTrial:p,onPlanSelected:Ve,paywallLocale:h,withTrialLeftRow:o,perUnitQuantityByFeature:$}):jsx("div",{style:{height:tg}}),jsx(ig,{className:"stigg-plan-header-divider"})]}),jsx(_a,{plan:i,billingPeriod:a,paywallLocale:h,singleTierCreditCharge:L?void 0:v}),jsx(rg,{$planHasEntitlements:((ie=(V=i.packageEntitlements)==null?void 0:V.length)!=null?ie:0)>0,className:"stigg-addons-container",children:!S&&i.compatibleAddons&&i.compatibleAddons.length>0&&jsx(In,{addons:i.compatibleAddons,paywallLocale:h})})]})}var gg=e.div`
|
|
201
201
|
height: 40px;
|
|
202
202
|
padding: 0 20px;
|
|
203
203
|
margin-bottom: ${({theme:e})=>e.stigg.layout.switchBottomSpacing};
|
|
@@ -207,9 +207,9 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
207
207
|
display: flex;
|
|
208
208
|
align-items: center;
|
|
209
209
|
justify-content: center;
|
|
210
|
-
`,
|
|
210
|
+
`,is=e(f)`
|
|
211
211
|
margin: 0 8px;
|
|
212
|
-
`,
|
|
212
|
+
`,fg=e(ug)`
|
|
213
213
|
& .react-switch-bg {
|
|
214
214
|
border: ${({theme:e})=>`1px solid ${e.stigg.palette.switchBorder}`};
|
|
215
215
|
background: ${({theme:e})=>e.stigg.palette.switchFill} !important;
|
|
@@ -220,7 +220,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
220
220
|
background: ${({theme:e})=>e.stigg.palette.switchHandle} !important;
|
|
221
221
|
top: 0.5px !important;
|
|
222
222
|
}
|
|
223
|
-
`;function
|
|
223
|
+
`;function yg({discount:e,disabled:t}){return jsxs(f,{variant:"h6",color:t?"disabled":"primary",className:"stigg-discount-rate-text",children:[e,"% off"]})}function as({discountRate:e,selectedBillingPeriod:t,onBillingPeriodChanged:o,availableBillingPeriods:r}){if(r.length<=1)return null;let n=t===BillingPeriod.Monthly;return jsxs(gg,{className:"stigg-period-picker-container",children:[jsx(is,{variant:"h6",className:"stigg-monthly-period-text",color:n?"primary":"disabled",children:"Monthly"}),jsx(fg,{className:"stigg-period-switch",uncheckedIcon:false,checkedIcon:false,height:16,width:33,onChange:i=>o(i?BillingPeriod.Annually:BillingPeriod.Monthly),checked:!n,borderRadius:10,handleDiameter:19}),jsx(is,{variant:"h6",className:"stigg-annual-period-text",color:n?"disabled":"primary",children:"Annual"}),e!==0&&jsx(yg,{discount:e,disabled:n})]})}function hg(e,t){if(!Fo(e)&&!Fo(t)){let o=t/12;return Math.round((e-o)/e*100)}return null}function ds(e,t){var r;let o;if(o=(r=e.paywallCalculatedPricePoints)==null?void 0:r.find(n=>n.billingPeriod===t),o||(o=e.pricePoints.find(n=>n.billingPeriod===t)),!(o!=null&&o.amount)){let n=e.pricePoints.find(i=>i.isTieredPrice&&i.billingPeriod===t);if(n)return xt(n,1)}return o==null?void 0:o.amount}function ps(e){return e.reduce((t,o)=>{let r=ds(o,BillingPeriod.Monthly),n=ds(o,BillingPeriod.Annually),i=hg(r,n);return i&&(t=Math.max(t,i)),t},0)}function En(e,t){return e.pricePoints.some(o=>o.billingPeriod===t)}function Ln(e,t){return e.some(o=>En(o,t))}function ms(e,t,o){return e.filter(r=>r.pricingType!==PricingType.Paid||En(r,t)).filter(r=>!o||!o({plan:r}))}var bg=e.div`
|
|
224
224
|
color: ${({theme:e})=>e.stigg.palette.text.primary};
|
|
225
225
|
display: flex;
|
|
226
226
|
align-items: stretch;
|
|
@@ -228,7 +228,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
228
228
|
flex-wrap: wrap;
|
|
229
229
|
padding: 10px 0;
|
|
230
230
|
gap: ${({theme:e})=>e.stigg.layout.planMargin};
|
|
231
|
-
`,
|
|
231
|
+
`,Sg=e.div`
|
|
232
232
|
display: flex;
|
|
233
233
|
flex-direction: column;
|
|
234
234
|
align-items: center;
|
|
@@ -236,17 +236,17 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
236
236
|
& * {
|
|
237
237
|
box-sizing: border-box;
|
|
238
238
|
}
|
|
239
|
-
`,
|
|
239
|
+
`,Tg=e.div`
|
|
240
240
|
display: flex;
|
|
241
241
|
flex-direction: column;
|
|
242
242
|
align-items: center;
|
|
243
|
-
`,
|
|
243
|
+
`,gs=({plans:e,customer:t,currentSubscription:o,highlightedPlanId:r,selectedBillingPeriod:n,onBillingPeriodChanged:i,availableBillingPeriods:a,isCustomerOnTrial:l,onPlanSelected:s,paywallLocale:c,locale:u,shouldHidePlan:f,selectDefaultTierIndex:y,currentSubscriptionOverride:p,hideCompatibleAddons:g,showWatermark:h})=>{let P=ps(e),b=e.some(N=>!!N.description),x=Ln(e,BillingPeriod.Monthly),A=Ln(e,BillingPeriod.Annually),S=ms(e,n,f),F=useCallback((N,$,R,z)=>s({plan:N,customer:t,subscription:o,intentionType:$,selectedBillingPeriod:n,billableFeatures:R,billableCredits:z}),[t,n,o,s]),T=!!o&&o.plan.pricingType===PricingType.Custom,k=useMemo(()=>S.some(N=>{var z;let $=N.pricePoints.filter(K=>K.billingPeriod===n),R=(z=N.paywallCalculatedPricePoints)==null?void 0:z.find(K=>K.billingPeriod===n);return $.length>1&&!!(R!=null&&R.additionalChargesMayApply)}),[n,S]),w=useMemo(()=>S.some(N=>!!Eo(N,n,c,u,x).unit),[n,x,u,c,S]),I=useMemo(()=>!T&&S.some(N=>{let $=vo({plan:N,billingPeriod:n,currentSubscription:o,currentSubscriptionOverride:p});return Object.values($).length>0}),[n,o,p,T,S]),v=S.some(N=>N.isCurrentCustomerPlan&&N.trialDaysLeft),L=useMemo(()=>S.some(N=>{let $=ko(N,n);return !!$&&wo($)}),[n,S]);return jsx(Sg,{className:"stigg-paywall-container",children:jsxs(Tg,{className:"stigg-paywall-layout",children:[jsx(as,{onBillingPeriodChanged:i,selectedBillingPeriod:n,availableBillingPeriods:a,discountRate:P}),jsx(bg,{className:"stigg-paywall-plans-layout",children:S.map(N=>jsx(ns,{withUnitPriceRow:w,withTiersRow:I,withTrialLeftRow:v,withCreditChargeRow:L,shouldShowDescriptionSection:b,hasMonthlyPrice:x,hasAnnuallyPrice:A,plan:N,withStartingAtRow:k,currentSubscription:o,currentSubscriptionOverride:p,billingPeriod:n,isHighlighted:N.id===r,isCustomerOnTrial:l,onPlanSelected:($,R,z)=>F(N,$,R,z),paywallLocale:c,locale:u,customer:t,isCustomerInCustomPlan:T,selectDefaultTierIndex:y,hideCompatibleAddons:g},N.id))}),jsx(q,{source:"paywall",align:"end",style:{marginTop:16},showWatermark:h})]})})};function fs(e,t,o){let r=e.flatMap(l=>l.pricePoints).map(l=>l.billingPeriod),n=Bg(r),i=Ag(r),a;if(o&&i.includes(o))a=o;else if(t){let l=t.find(s=>s.status===SubscriptionStatus.Active);l&&l.prices.length>0&&(a=l==null?void 0:l.prices[0].billingPeriod);}return a||(a=(n[BillingPeriod.Monthly]||0)>(n[BillingPeriod.Annually]||0)?BillingPeriod.Monthly:BillingPeriod.Annually),{defaultBillingPeriod:a,availableBillingPeriods:i}}function ys(e){return Z.utc(e).diff(Z.utc(),"days",false)+1}var Ro={h1:{fontSize:"24px",fontWeight:"bold",semanticElement:"h1"},h2:{fontSize:"16px",fontWeight:"normal",semanticElement:"h2"},h3:{fontSize:"16px",fontWeight:"normal",semanticElement:"h3"},body:{fontSize:"14px",fontWeight:"normal",semanticElement:"p"}};function qe(e,t="px"){if(e)return `${e}${t}`}function Uo(e){if(!e)return "normal";switch(e){case FontWeight.Normal:return "normal";case FontWeight.Bold:return "bold";default:return "normal"}}function Jt(e,t){var r,n,i,a,l,s,c,u;let o=t||{h1:{fontSize:"32px",fontWeight:"bold",semanticElement:"h1"},h2:{fontSize:"24px",fontWeight:"normal",semanticElement:"h2"},h3:{fontSize:"16px",fontWeight:"normal",semanticElement:"h3"},body:{fontSize:"14px",fontWeight:"normal",semanticElement:"p"}};return {fontFamilyUrl:(e==null?void 0:e.fontFamily)||void 0,h1:{fontSize:qe((r=e==null?void 0:e.h1)==null?void 0:r.fontSize)||o.h1.fontSize,fontWeight:Uo((n=e==null?void 0:e.h1)==null?void 0:n.fontWeight)||o.h1.fontWeight,semanticElement:o.h1.semanticElement},h2:{fontSize:qe((i=e==null?void 0:e.h2)==null?void 0:i.fontSize)||o.h2.fontSize,fontWeight:Uo((a=e==null?void 0:e.h2)==null?void 0:a.fontWeight)||o.h2.fontWeight,semanticElement:o.h2.semanticElement},h3:{fontSize:qe((l=e==null?void 0:e.h3)==null?void 0:l.fontSize)||o.h3.fontSize,fontWeight:Uo((s=e==null?void 0:e.h3)==null?void 0:s.fontWeight)||o.h3.fontWeight,semanticElement:o.h3.semanticElement},body:{fontSize:qe((c=e==null?void 0:e.body)==null?void 0:c.fontSize)||o.body.fontSize,fontWeight:Uo((u=e==null?void 0:e.body)==null?void 0:u.fontWeight)||o.body.fontWeight,semanticElement:o.body.semanticElement}}}function Mn(e){if(e)switch(e){case Alignment.Left:return "left";case Alignment.Center:return "center";case Alignment.Right:return "right";default:return}}function Cs(e){let{palette:t,customCss:o,typography:r}=e;return {palette:{primary:(t==null?void 0:t.primary)||void 0,backgroundPaper:(t==null?void 0:t.paywallBackgroundColor)||void 0,outlinedBorder:(t==null?void 0:t.borderColor)||void 0,backgroundHighlight:(t==null?void 0:t.currentPlanBackground)||void 0,text:{primary:(t==null?void 0:t.textColor)||void 0}},typography:Jt(r),customCss:o||void 0}}function Ps(e){let{palette:t,layout:o,customCss:r,typography:n}=e;return {customCss:r||void 0,palette:{primary:(t==null?void 0:t.primary)||void 0,backgroundPaper:(t==null?void 0:t.backgroundColor)||void 0,outlinedBorder:(t==null?void 0:t.borderColor)||void 0,backgroundHighlight:(t==null?void 0:t.currentPlanBackground)||void 0,text:{primary:(t==null?void 0:t.textColor)||void 0}},typography:Jt(n),layout:{ctaAlignment:Mn(o==null?void 0:o.alignment),headerAlignment:Mn(o==null?void 0:o.alignment),descriptionAlignment:Mn(o==null?void 0:o.alignment),planMaxWidth:qe(o==null?void 0:o.planWidth),planMinWidth:qe(o==null?void 0:o.planWidth),planMargin:qe(o==null?void 0:o.planMargin),planPadding:qe(o==null?void 0:o.planPadding)}}}function xs(e){let{palette:t,typography:o,customCss:r}=e;return {palette:{primary:(t==null?void 0:t.primary)||void 0,backgroundPaper:(t==null?void 0:t.backgroundColor)||void 0,outlinedBorder:(t==null?void 0:t.borderColor)||void 0,text:{primary:(t==null?void 0:t.textColor)||void 0},backgroundHighlight:(t==null?void 0:t.summaryBackgroundColor)||void 0},typography:Jt(o,Ro),customCss:r||void 0}}function Fg(e){let t=true,o=(e==null?void 0:e.find(i=>i.status===SubscriptionStatus.InTrial))||null,r=o==null?void 0:o.plan,n=o!=null&&o.trialEndDate?ys(o.trialEndDate):void 0;return r||(t=false,o=(e==null?void 0:e.find(i=>i.status===SubscriptionStatus.Active))||null,r=o==null?void 0:o.plan),{currentSubscription:o,currentPlan:r,isCustomerOnTrial:t,trialDaysLeft:n}}function ks(e,t,o){var S,F;let{plans:r,currency:n,configuration:i,customer:a$1,activeSubscriptions:l,paywallCalculatedPricePoints:s}=e||{},{currentSubscription:c,currentPlan:u,isCustomerOnTrial:f,trialDaysLeft:y}=Fg(l),p=o==null?void 0:o({currentSubscription:c}),g=(c==null?void 0:c.scheduledUpdates)||[],h=(S=c==null?void 0:c.price)==null?void 0:S.billingPeriod,P=g.find(({subscriptionScheduleType:T})=>T===SubscriptionScheduleType.Downgrade),b$1=g.find(({subscriptionScheduleType:T})=>T===SubscriptionScheduleType.BillingPeriod),x=ac(r,T=>T.order).map(T=>{var v;let k=(v=a$1==null?void 0:a$1.eligibleForTrial)==null?void 0:v.find(L=>L.productId===T.product.id),w=p!=null&&p.planId?(p==null?void 0:p.planId)===T.id:T.id===(u==null?void 0:u.id),I=L=>{var z;let N=P==null?void 0:P.scheduleVariables,$=b$1==null?void 0:b$1.scheduleVariables,R=T.pricePoints.some(K=>K.billingPeriod===L);return P?((z=P.targetPackage)==null?void 0:z.refId)===T.id&&(!R||N.billingPeriod===L):b$1&&w?$.billingPeriod===L:false};return b(a({},T),{paywallCalculatedPricePoints:s==null?void 0:s.filter(L=>L.planId===T.id),isTriable:!Fo(T.defaultTrialConfig)&&(!k||k.eligible),isCurrentCustomerPlan:w,currentCustomerPlanBillingPeriod:h,isUpcomingPlan:false,trialDaysLeft:y,isNextPlan:I,paywallCurrency:n,scheduledUpdate:P||b$1})});if(r&&u){let T=u&&((F=r==null?void 0:r.find(k=>k.id===(u==null?void 0:u.id)))==null?void 0:F.order);Fo(T)||(x=x.map(k=>b(a({},k),{isLowerThanCurrentPlan:T>k.order})),t&&(x=x.filter(k=>k.order>=T)));}let A=i?Ps(i):void 0;return {currentPlan:u,currentSubscription:c,currentSubscriptionOverride:p,isCustomerOnTrial:f,plans:x,paywallConfiguration:A}}function ws({productId:e,resourceId:t,showOnlyEligiblePlans:o,billingCountryCode:r$1,preferredBillingPeriod:n,currentSubscriptionOverrideFn:i}){let{stigg:a$1,locale:l}=u(),[s,c]=useState(BillingPeriod.Annually),[u$1,f]=useState([]),[y,p]=useState(null),[g,h]=useState(true);useEffect(()=>{d(null,null,function*(){try{h(!0),yield a$1.waitForInitialization();let x=yield a$1.getPaywall({productId:e,resourceId:t,billingCountryCode:r$1}),{availableBillingPeriods:A,defaultBillingPeriod:S}=fs(x.plans,x.activeSubscriptions,n);p(x),f(A),c(S);}catch(x){r.error(`Failed to load paywall ${x==null?void 0:x.message}`,x);}finally{h(false);}});},[a$1,e,a$1.isCustomerLoaded,r$1,t,n]);let P=ks(y,o,i);return a({customer:(y==null?void 0:y.customer)||null,isLoading:g,selectedBillingPeriod:s,setSelectedBillingPeriod:c,availableBillingPeriods:u$1,locale:l,configuration:P.paywallConfiguration,showWatermark:a$1.getShowWatermark()},P)}function As(e){return Lg({highlightChip:"Recommended",addonsTitle:"Available add-ons:",planCTAButton:{upgrade:"Upgrade",downgrade:"Downgrade",startTrial:o=>{var r;return `Start ${(r=o.defaultTrialConfig)==null?void 0:r.duration} day trial`},custom:"Contact us",currentPlan:"Current plan",startNew:"Get started",switchToBillingPeriod:o=>o===BillingPeriod.Monthly?"Switch to monthly billing":"Switch to annual billing",cancelScheduledUpdate:"Cancel"},price:{startingAtCaption:"Starts at",pricePeriod:o=>o===BillingPeriod.Monthly?"/ month":"/ year",free:o=>({price:`${o==null?void 0:o.symbol}0`}),custom:"Custom",priceNotSet:"Price not set"}},e)}var Ng=e=>jsx("svg",b(a({width:15,height:11,viewBox:"0 0 15 11",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:jsx("path",{d:"M5.59 7.9899L2.125 4.5249C1.73524 4.13514 1.10365 4.13402 0.712509 4.52241V4.52241C0.319409 4.91274 0.318286 5.54819 0.710005 5.9399L5.59 10.8199L14.2948 2.11513C14.6843 1.72565 14.6843 1.09417 14.2948 0.704691V0.704691C13.9055 0.315381 13.2743 0.315184 12.8848 0.70425L5.59 7.9899Z",fill:"#B2BBD3"})})),Fs=Ng;var Mg=e.div`
|
|
244
244
|
display: flex;
|
|
245
245
|
flex-direction: column;
|
|
246
246
|
align-items: center;
|
|
247
|
-
`,
|
|
247
|
+
`,Rn=e(Fs)`
|
|
248
248
|
margin-right: 16px;
|
|
249
|
-
`,
|
|
249
|
+
`,Rg=e.div`
|
|
250
250
|
display: flex;
|
|
251
251
|
flex-direction: column;
|
|
252
252
|
align-items: flex-start;
|
|
@@ -258,25 +258,25 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
258
258
|
max-width: ${({theme:e})=>e.stigg.layout.planMaxWidth};
|
|
259
259
|
min-height: 450px;
|
|
260
260
|
border: ${({theme:e})=>`1px solid ${e.stigg.palette.outlinedBorder}`};
|
|
261
|
-
`,
|
|
261
|
+
`,Ug=e.div`
|
|
262
262
|
display: flex;
|
|
263
263
|
gap: ${({theme:e})=>e.stigg.layout.planMargin};
|
|
264
264
|
flex-wrap: wrap;
|
|
265
265
|
justify-content: center;
|
|
266
|
-
`,
|
|
266
|
+
`,Un=e.div`
|
|
267
267
|
display: flex;
|
|
268
268
|
align-items: center;
|
|
269
269
|
margin-bottom: 12px;
|
|
270
|
-
`,
|
|
270
|
+
`,_g=e.div`
|
|
271
271
|
margin-top: auto;
|
|
272
|
-
`,
|
|
272
|
+
`,Dg=e.div`
|
|
273
273
|
width: 150px;
|
|
274
274
|
margin-bottom: ${({theme:e})=>e.stigg.layout.switchBottomSpacing};
|
|
275
275
|
padding: 12px 12px;
|
|
276
276
|
border-radius: 10px;
|
|
277
277
|
background-color: white;
|
|
278
278
|
border: ${({theme:e})=>`1px solid ${e.stigg.palette.outlinedBorder}`};
|
|
279
|
-
`;function
|
|
279
|
+
`;function $g(){return jsxs(Rg,{children:[jsx(Je,{width:120,borderRadius:4}),jsx(Je,{circle:true,width:40,height:40}),jsx(Je,{style:{marginBottom:33},width:120,borderRadius:4}),jsxs(Un,{children:[jsx(Rn,{}),jsx(Je,{width:120,borderRadius:4})]}),jsxs(Un,{children:[jsx(Rn,{}),jsx(Je,{width:120,borderRadius:4})]}),jsxs(Un,{children:[jsx(Rn,{}),jsx(Je,{width:120,borderRadius:4})]}),jsx(_g,{children:jsx(Je,{height:50,borderRadius:4})})]})}function vs({skeletonPlanCount:e=3}){return jsxs(Mg,{className:"stigg-skeleton-loader-container",children:[jsx(Dg,{className:"stigg-skeleton-loader-billing-period",children:jsx(Je,{borderRadius:4})}),jsx(Ug,{className:"stigg-skeleton-loader-plans-container",children:Array.from({length:e}).map((t,o)=>jsx($g,{},o))})]})}var ee=yi.createContext(null);ee.displayName="CustomerPortalContext";var Y=()=>{let e=useContext(ee);if(!e)throw new Error("Could not find Customer portal context; You need to wrap your customer portal components in an <CustomerPortalProvider> component.");return e};function he(e){return !!useContext(e)}var Ls=({productId:e,resourceId:t,highlightedPlanId:o,showOnlyEligiblePlans:r,textOverrides:n,onPlanSelected:i,preferredBillingPeriod:a,onBillingPeriodChange:l,billingCountryCode:s,shouldHidePlan:c,selectDefaultTierIndex:u,currentSubscriptionOverride:f,hideCompatibleAddons:y,skeletonPlanCount:p=3})=>{let g=he(ee),h=false;if(g){let{isLoading:z,resourceId:K}=Y();h=z,t=K;}let{plans:P,customer:b,currentSubscription:x,currentSubscriptionOverride:A,isCustomerOnTrial:S,isLoading:F,selectedBillingPeriod:T,setSelectedBillingPeriod:k,availableBillingPeriods:w$1,locale:I,configuration:v,showWatermark:L}=ws({productId:e,resourceId:t,showOnlyEligiblePlans:r,billingCountryCode:s,preferredBillingPeriod:a,currentSubscriptionOverrideFn:f}),N=As(n),R=!P||F||h?jsx(vs,{skeletonPlanCount:p}):jsx(gs,{plans:P,customer:b,currentSubscription:x,currentSubscriptionOverride:A,selectedBillingPeriod:T,onBillingPeriodChanged:z=>{k(z),l&&l(z);},availableBillingPeriods:w$1,highlightedPlanId:o,isCustomerOnTrial:S,onPlanSelected:i,paywallLocale:N,locale:I,shouldHidePlan:c,selectDefaultTierIndex:u,hideCompatibleAddons:y,showWatermark:L});return g?R:jsx(w,{componentTheme:v,children:R})};function Ms({resourceId:e,productId:t}){let{stigg:o,customerPortalUpdatedAt:r$1}=u(),[n,i]=useState(false),[a,l]=useState();return useEffect(()=>{d(null,null,function*(){if(o.isCustomerLoaded)try{i(!0);let c=yield o.getCustomerPortal({resourceId:e,productId:t});l(c);}catch(c){r.error(`Failed to load customer portal ${c==null?void 0:c.message}`,c);}finally{i(false);}});},[o,o.isCustomerLoaded,r$1,e,t]),{customerPortal:a,showWatermark:o.getShowWatermark(),isLoading:n}}function Rs(e){return Lg({manageSubscription:"Manage",usageTabTitle:"Usage",addonsTabTitle:"Add-ons",promotionsTabTitle:"Promotions",promotionsSubtitle:"You were granted access to additional functionality at no additional cost.",contactSupportTitle:"Have questions about your subscription?",contactSupportLink:"Contact support",editBilling:"Edit billing details",invoicesTitle:"Invoices",viewInvoiceHistory:"View invoice history",editPaymentDetails:"Edit",paywallSectionTitle:"Plans",cancelScheduledUpdatesButtonTitle:"Cancel"},e)}function Us(e,t,o){var n,i,a,l;return {sectionTitleColor:(t==null?void 0:t.sectionTitleColor)||e.palette.text.secondary,planNameColor:(t==null?void 0:t.planNameColor)||e.palette.text.primary,backgroundColor:(t==null?void 0:t.backgroundColor)||((n=o==null?void 0:o.palette)==null?void 0:n.backgroundColor)||"white",borderColor:(t==null?void 0:t.borderColor)||((i=o==null?void 0:o.palette)==null?void 0:i.borderColor)||"rgba(0, 30, 108, 0.15)",listItemBackgroundColor:(t==null?void 0:t.backgroundColor)||((a=o==null?void 0:o.palette)==null?void 0:a.backgroundColor)||"white",tabMaxHeight:(t==null?void 0:t.tabMaxHeight)||"380px",iconsColor:(t==null?void 0:t.iconsColor)||((l=o==null?void 0:o.palette)==null?void 0:l.iconsColor)||void 0,iconsBackgroundColor:t==null?void 0:t.iconsBackgroundColor}}function Do({children:e,textOverrides:t,theme:o,resourceId:r,productId:n}){let{customerPortalUpdatedAt:i}=u(),{customerPortal:a,isLoading:l,showWatermark:s}=Ms({resourceId:r,productId:n}),c=a!=null&&a.configuration?Cs(a.configuration):void 0,u$1=v(c),f=Us(u$1,o,a==null?void 0:a.configuration),y=Rs(t);return jsx(w,{componentTheme:c,children:jsx(ee.Provider,{value:{customerPortal:a,isLoading:l,showWatermark:s,textOverrides:y,theme:f,resourceId:r},children:e},i==null?void 0:i.toString())})}var Xe=e(fu)`
|
|
280
280
|
border-radius: 10px;
|
|
281
281
|
padding: 8px 16px;
|
|
282
282
|
text-transform: none;
|
|
@@ -285,7 +285,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
285
285
|
&:hover {
|
|
286
286
|
border-color: ${({theme:e})=>e.stigg.palette.outlinedRestingBorder};
|
|
287
287
|
}
|
|
288
|
-
`;var
|
|
288
|
+
`;var Hg=e=>jsx("svg",b(a({width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.3333 2.5L17.5 6.66667L6.66667 17.5H2.5V13.3333L13.3333 2.5V2.5Z",stroke:"#327EEE",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})})),$s=Hg;var Ne=e.div`
|
|
289
289
|
display: flex;
|
|
290
290
|
align-items: center;
|
|
291
291
|
justify-content: space-between;
|
|
@@ -295,11 +295,11 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
295
295
|
margin-bottom: 32px;
|
|
296
296
|
}
|
|
297
297
|
`};
|
|
298
|
-
`;function Me({title:e,className:t,isLoading:o}){let{theme:r}=Y();return o?jsx(Je,{width:120}):jsx(f,{className:t,overrideColor:r.sectionTitleColor,variant:"h3",bold:true,children:e})}var
|
|
298
|
+
`;function Me({title:e,className:t,isLoading:o}){let{theme:r}=Y();return o?jsx(Je,{width:120}):jsx(f,{className:t,overrideColor:r.sectionTitleColor,variant:"h3",bold:true,children:e})}var Zg=e($s)`
|
|
299
299
|
path {
|
|
300
300
|
stroke: ${({theme:e})=>e.stigg.palette.primary};
|
|
301
301
|
}
|
|
302
|
-
`;function
|
|
302
|
+
`;function Os({onManageSubscription:e,hideManageButton:t,textOverrides:o}){return jsxs(Ne,{className:"stigg-customer-portal-overview-header",$disableMargin:true,children:[jsx(Me,{title:"Subscription",className:"stigg-overview-title"}),!t&&jsxs(Xe,{className:"stigg-manage-subscription-button",variant:"outlined",onClick:()=>e({intentionType:"MANAGE_SUBSCRIPTION"}),children:[jsx(Zg,{className:"stigg-manage-subscription-button-image"}),jsx(f,{className:"stigg-manage-subscription-button-text",color:"primary.main",style:{marginLeft:"8px"},variant:"body1",children:o==null?void 0:o.manageSubscription})]})]})}function $o(){let{customerPortal:e}=Y(),t=Yg(e==null?void 0:e.subscriptions,o=>o.addons);return Qg(t)?null:jsx("div",{className:"stigg-addons-list-layout",children:t.map((o,r)=>jsxs(f,{as:"span",className:"stigg-addon-list-item-text",variant:"body1",children:[o.quantity>1&&`${o.quantity} X `,o.displayName,r===t.length-1?"":", "]},o.addonId))})}function Jg(e){return String(e.endDate)}var Hs=e.div`
|
|
303
303
|
display: flex;
|
|
304
304
|
justify-content: space-between;
|
|
305
305
|
align-items: center;
|
|
@@ -310,15 +310,15 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
310
310
|
& > *:first-of-type {
|
|
311
311
|
max-width: 60%;
|
|
312
312
|
}
|
|
313
|
-
`;function
|
|
313
|
+
`;function Xg(e){var n;let{displayName:t,usageLimit:o,hasUnlimitedUsage:r}=e;return r?`Unlimited ${t}`:o?`${t} x ${(n=e.usageLimit)==null?void 0:n.toLocaleString()}`:t}function zo(){let{customerPortal:e,textOverrides:t,theme:o}=Y(),r=e==null?void 0:e.promotionalEntitlements;return jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[jsx(f,{color:"secondary",children:t.promotionsSubtitle}),jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[jsxs(Hs,{$borderColor:o.borderColor,children:[jsx(f,{variant:"body1",bold:true,children:"Feature"}),jsx(f,{variant:"body1",bold:true,children:"Expiration date"})]}),r==null?void 0:r.map((n,i)=>jsxs(Hs,{$borderColor:o.borderColor,children:[jsx(f,{variant:"body1",children:Xg(n)}),jsx(f,{variant:"body1",color:"disabled",children:n.endDate?Z.utc(Jg(n)).format("MMM Do, YYYY"):"None"})]},`${n.displayName}-${i}`))]})]})}var Ws=e(ef)`
|
|
314
314
|
.MuiTabs-indicator {
|
|
315
315
|
background-color: #001e6c;
|
|
316
316
|
}
|
|
317
|
-
`,
|
|
317
|
+
`,Zs=e.div`
|
|
318
318
|
width: 100%;
|
|
319
319
|
flex: 1;
|
|
320
320
|
margin-top: 16px;
|
|
321
|
-
`,
|
|
321
|
+
`,Ys=e(ke,{shouldForwardProp:e=>!e.startsWith("$")})`
|
|
322
322
|
margin-top: 16px;
|
|
323
323
|
max-height: ${({$maxHeight:e})=>e};
|
|
324
324
|
overflow-y: auto;
|
|
@@ -331,28 +331,28 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
331
331
|
margin-bottom: 16px;
|
|
332
332
|
row-gap: 16px;
|
|
333
333
|
background-color: ${({$backgroundColor:e})=>e};
|
|
334
|
-
`;function
|
|
334
|
+
`;function Ks(e){let a$1=e,{children:t,value:o,index:r,maxHeight:n}=a$1,i=c(a$1,["children","value","index","maxHeight"]);return jsx("div",b(a({role:"tabpanel",hidden:o!==r},i),{children:o===r&&jsx(Ys,{$maxHeight:n,children:t})}))}function qs({isSelected:e,label:t,icon:o}){let r=e?"primary":"secondary";return jsxs("div",{style:{display:"flex",gap:8,alignItems:"center"},children:[jsx(i,{icon:o,svgStrokeColor:r}),jsx(f,{variant:"h6",bold:e,color:r,children:t})]})}function Js({customerPortal:e,hiddenSections:t,textOverrides:o,theme:r}){let n=Yg(e.subscriptions,y=>y.addons),i=y=>t==null?void 0:t.some(p=>p===y),a=n.length>0&&!i("addons"),l=e.promotionalEntitlements.length>0&&!i("promotionalEntitlements"),[s,c]=useState(a?1:2),u=(y,p)=>{c(p);};return a||l?jsxs(Zs,{children:[jsx(ke,{sx:{borderBottom:1,borderColor:"divider"},children:jsxs(Ws,{value:s,onChange:u,children:[a?jsx(Qs,{sx:{textTransform:"none"},value:1,label:jsx(qs,{isSelected:s===1,label:o.addonsTabTitle,icon:"Addons"})}):null,l?jsx(Qs,{sx:{textTransform:"none"},value:2,label:jsx(qs,{isSelected:s===2,label:o.promotionsTabTitle,icon:"Promotions"})}):null]})}),jsx(Ks,{value:s,index:1,maxHeight:r.tabMaxHeight,children:jsx($o,{})}),jsx(Ks,{value:s,index:2,maxHeight:r.tabMaxHeight,children:jsx(zo,{})})]}):null}var Xs={xs:320,sm:640,md:768,lg:1024,xl:1280,xxl:1536},Gn=e=>`(min-width: ${Xs[e]}px)`,oe=Object.keys(Xs).reduce((e,t)=>b(a({},e),{[t]:`@media ${Gn(t)}`}),{});function me(e){return nf(Gn(e))}var af=e.div`
|
|
335
335
|
display: flex;
|
|
336
336
|
justify-content: space-between;
|
|
337
337
|
flex-wrap: wrap;
|
|
338
|
-
`,
|
|
338
|
+
`,sf=e.div`
|
|
339
339
|
display: flex;
|
|
340
340
|
flex-direction: column;
|
|
341
341
|
gap: 32px;
|
|
342
|
-
`;function
|
|
342
|
+
`;function el(){let e=me("md");return jsxs(af,{className:"stigg-subscription-overview-skeleton-layout",children:[jsxs(sf,{children:[jsx(Je,{width:120}),jsx(Je,{width:120})]}),jsx(Je,{width:e?295:260,height:193})]})}function cf({scheduleUpdate:e}){let{targetPackage:t}=e;return jsxs(Re,{container:true,alignItems:"center",children:[jsx(Re,{children:jsx(ArrowDown,{color:"#D94052",height:20,className:"stigg-scheduled-updates-arrow-down"})}),jsx(Re,{item:true,children:jsxs(f,{className:"stigg-scheduled-updates-description",variant:"body1",children:["Downgrade to the ",jsx("b",{children:t==null?void 0:t.displayName})," plan"]})})]})}function df({scheduleUpdate:e}){let{scheduleVariables:t}=e,{billingPeriod:o}=t,r=o===BillingPeriod.Monthly?"annually":"monthly",n=o===BillingPeriod.Monthly?"monthly":"annually";return jsxs(Re,{container:true,alignItems:"center",children:[jsx(Re,{children:jsx(ArrowDown,{color:"#D94052",height:20,className:"stigg-scheduled-updates-arrow-down"})}),jsx(Re,{item:true,children:jsxs(f,{className:"stigg-scheduled-updates-description",variant:"body1",children:["Change from an ",r," to a ",jsx("b",{children:n})," billing cycle"]})})]})}function pf({subscription:e,scheduleUpdate:t}){let{scheduleVariables:o}=t,{newUnitAmount:r,featureId:n}=o,a=Cc(e.prices.map(({feature:u})=>u)).find(u=>u.id===n);if(!a)return null;let{featureUnits:l,featureUnitsPlural:s}=a;return jsxs(Re,{container:true,alignItems:"flex-start",flexWrap:"nowrap",children:[jsx(Re,{children:jsx(ArrowDown,{color:"#D94052",height:20,className:"stigg-scheduled-updates-arrow-down"})}),jsx(Re,{item:true,children:jsxs(f,{className:"stigg-scheduled-updates-description",variant:"body1",children:["Reduce the ",jsx("b",{children:l})," quantity to ",r," ",r===1?l:s]})})]})}function ol({scheduleUpdate:e,subscription:t}){switch(e.subscriptionScheduleType){case SubscriptionScheduleType.Downgrade:return jsx(cf,{scheduleUpdate:e});case SubscriptionScheduleType.BillingPeriod:return jsx(df,{scheduleUpdate:e});case SubscriptionScheduleType.UnitAmount:return jsx(pf,{scheduleUpdate:e,subscription:t});default:return null}}var yf=e(ke)`
|
|
343
343
|
border-bottom: ${({$borderColor:e})=>`1px solid ${e}`};
|
|
344
344
|
border-top-left-radius: 10px;
|
|
345
345
|
border-top-right-radius: 10px;
|
|
346
346
|
margin: -64px -64px 64px -64px;
|
|
347
347
|
padding: 24px 32px;
|
|
348
|
-
`,
|
|
348
|
+
`,hf=e(tu)`
|
|
349
349
|
margin-left: 4px;
|
|
350
|
-
`,
|
|
350
|
+
`,Cf=e(h)`
|
|
351
351
|
color: ${({theme:e})=>e.stigg.palette.primary};
|
|
352
352
|
path {
|
|
353
353
|
fill: ${({theme:e})=>e.stigg.palette.primary};
|
|
354
354
|
}
|
|
355
|
-
`;function
|
|
355
|
+
`;function Pf({subscription:e}){let{scheduledUpdates:t}=e;return jsxs(Fragment,{children:[jsx(Re,{container:true,alignItems:"center",justifyContent:"space-between",gap:1,children:jsx(Re,{children:jsx(f,{className:"stigg-scheduled-updates-description",variant:"body1",children:"The following updates will take effect in the next billing cycle:"})})}),jsx(Re,{children:(t||[]).map(o=>jsx(ol,{scheduleUpdate:o,subscription:e},o.subscriptionScheduleType))})]})}function xf({subscription:e}){let{scheduledUpdates:t}=e,[o]=t||[],{line1:r,line2:n}=Io({scheduledUpdate:o,subscriptionPrices:e.prices,billingPeriodRange:e.billingPeriodRange,options:{postfix:"at the end of the current billing period"}});return jsxs(Fragment,{children:[jsx(Re,{container:true,alignItems:"center",justifyContent:"space-between",gap:1,children:jsx(Re,{children:jsx(f,{className:"stigg-scheduled-updates-title",variant:"body1",color:"primary",children:r})})}),n&&jsx(Re,{children:jsx(f,{className:"stigg-scheduled-updates-subtitle",variant:"body1",color:"secondary",children:n})})]})}function rl({subscription:e,onCancelScheduledUpdates:t,theme:o,cancelScheduledUpdatesButtonTitle:r}){let n=useTheme(),[i$1,a]=useState(false),{scheduledUpdates:l}=e;if(!l||l.length===0)return null;let s=l.length===1;return jsx(yf,{$borderColor:o.borderColor,className:"stigg-scheduled-updates-alert-container",children:jsxs(Re,{container:true,alignItems:s?"center":"flex-start",gap:2,children:[jsx(Re,{item:true,display:"flex",children:jsx(i,{icon:"ScheduleBox",svgPathColor:o.iconsColor,svgRectColor:o.iconsBackgroundColor})}),jsx(Re,{item:true,flex:1,children:s?jsx(xf,{subscription:e}):jsx(Pf,{subscription:e})}),!!t&&jsx(Re,{item:true,children:jsxs(Xe,{variant:"outlined",onClick:()=>{a(true),Promise.resolve(t(e)).finally(()=>a(false));},children:[i$1?jsx(hf,{loading:true,size:16,color:n.stigg.palette.text.disabled}):jsx(Cf,{style:{display:"flex",marginRight:4},className:"stigg-scheduled-updates-cancel-update-button-icon"}),jsx(f,{variant:"body1",color:"primary.main",className:"stigg-scheduled-updates-cancel-update-button",children:r})]})})]})})}var Ue=e.div`
|
|
356
356
|
width: 100%;
|
|
357
357
|
display: flex;
|
|
358
358
|
flex-direction: column;
|
|
@@ -370,12 +370,12 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
370
370
|
${oe.lg} {
|
|
371
371
|
padding: 64px;
|
|
372
372
|
}
|
|
373
|
-
`;function
|
|
373
|
+
`;function al({billingPeriod:e,rangeEnd:t,amount:o,currency:r}){return jsxs(Fragment,{children:[jsx(f,{variant:"h6",children:"Next estimated bill"}),jsx(f,{variant:"h1",children:H({amount:o,currency:r,maximumFractionDigits:2})}),jsxs(f,{as:"div",variant:"body1",color:"secondary",children:["Billed ",e===BillingPeriod.Monthly?"monthly":"annually"," on"," ",jsx(f,{variant:"body1",as:"span",color:"primary",children:Z.utc(t).format("MMM Do, YYYY")})]}),jsx(f,{variant:"body1",color:"secondary",children:"* Additional tax rates may apply"})]})}function Ho({description:e}){return jsxs(Fragment,{children:[jsx(f,{variant:"h6",color:"secondary",children:"No upcoming bill"}),jsx(f,{variant:"body1",color:"secondary",children:e})]})}var Bf=e.div`
|
|
374
374
|
display: flex;
|
|
375
375
|
flex-direction: column;
|
|
376
376
|
align-items: left;
|
|
377
377
|
gap: 8px;
|
|
378
|
-
`,
|
|
378
|
+
`,Af=e(fu)`
|
|
379
379
|
width: fit-content;
|
|
380
380
|
&.MuiButton-root {
|
|
381
381
|
padding: 0;
|
|
@@ -383,7 +383,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
383
383
|
background: none;
|
|
384
384
|
}
|
|
385
385
|
}
|
|
386
|
-
`;function
|
|
386
|
+
`;function ll({onContactSupport:e,label:t,linkLabel:o}){let r=jsx(f,{color:e?"primary.main":"secondary",children:o});return jsxs(Bf,{className:"stigg-contact-support-layout",children:[jsx(f,{className:"stigg-contact-support-label",color:"secondary",children:t}),e?jsx(Af,{className:"stigg-contact-support-button",style:{textTransform:"none"},variant:"text",onClick:e,children:r}):r]})}var Lf=e.div`
|
|
387
387
|
max-height: 278px;
|
|
388
388
|
display: flex;
|
|
389
389
|
flex-direction: column;
|
|
@@ -392,7 +392,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
392
392
|
border: ${({$borderColor:e})=>`1px solid ${e}`};
|
|
393
393
|
padding: 32px;
|
|
394
394
|
gap: 16px;
|
|
395
|
-
`;function
|
|
395
|
+
`;function cl({subscription:e,theme:t,textOverrides:o,onContactSupport:r}){var s,c,u,f,y,p,g;let{pricingType:n}=e,i,a=(c=(s=e.prices)==null?void 0:s.every(h=>h.billingModel!==BillingModel.UsageBased))!=null?c:true,l=(u=e.scheduledUpdates)==null?void 0:u.find(({subscriptionScheduleType:h,targetPackage:P})=>h===SubscriptionScheduleType.Downgrade&&(P==null?void 0:P.pricingType)===PricingType.Free);if(n===PricingType.Free)i=jsx(Ho,{description:"You're on a free plan, so you don\u2019t have any upcoming charges"});else if(n===PricingType.Paid)if(l&&a)i=jsx(Ho,{description:"Your plan will be downgraded to a free plan, so you don\u2019t have any upcoming charges"});else if(e.status===SubscriptionStatus.InTrial)i=jsx(Ho,{description:`You\u2019re on a free trial of the ${e.planName} plan, so you don\u2019t have any upcoming charges`});else {let h=(y=(f=e.prices)==null?void 0:f[0])==null?void 0:y.billingPeriod,P=(p=e.billingPeriodRange)==null?void 0:p.end,b=(g=e.totalPrice)==null?void 0:g.total;h&&P&&b&&(i=jsx(al,{billingPeriod:h,rangeEnd:P,amount:b.amount,currency:b.currency}));}else n===PricingType.Custom&&(i=jsx(ll,{onContactSupport:r,label:o.contactSupportTitle,linkLabel:o.contactSupportLink}));return jsx(Lf,{className:"stigg-subscription-total-price-layout",$borderColor:t.borderColor,children:i})}var Nf=e=>jsxs("svg",b(a({width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:[jsx("path",{d:"M12.9469 13.5999H11.9344L11.935 10.7756C11.935 10.6288 11.87 10.4819 11.7557 10.3838L8.62061 7.91816L11.755 5.4532C11.8694 5.35507 11.9344 5.22444 11.9344 5.06132L11.935 2.40004H12.9475C13.225 2.40004 13.4375 2.18755 13.4375 1.91004C13.4375 1.63254 13.225 1.42004 12.9475 1.42004L3.05311 1.42067C2.77561 1.42067 2.56311 1.63316 2.56311 1.91067C2.56311 2.18817 2.77561 2.40067 3.05311 2.40067H4.06561L4.06498 5.06131C4.06498 5.20818 4.12998 5.35505 4.24436 5.45318L7.36244 7.91814L4.245 10.3837C4.13062 10.4819 4.06562 10.6125 4.06562 10.7756V13.5999H3.05313C2.77562 13.5999 2.56313 13.8124 2.56313 14.0899C2.56313 14.3674 2.77562 14.5799 3.05313 14.5799H12.9469C13.2244 14.5799 13.4369 14.3674 13.4369 14.0899C13.4369 13.8124 13.2244 13.5999 12.9469 13.5999ZM5.04498 2.39995H10.9551V4.81627L8.00002 7.16747L5.04498 4.81627V2.39995ZM5.04498 11.0206L8.00002 8.66939L10.9551 11.0044V13.5838H5.04498V11.0206Z",fill:"white"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.05303 1.25404L12.9474 1.25342C13.317 1.25342 13.6041 1.54053 13.6041 1.91008C13.6041 2.27964 13.317 2.56675 12.9474 2.56675H12.1016L12.101 5.06136V5.06136C12.101 5.2747 12.0135 5.45101 11.8635 5.57973L11.8581 5.58436L8.89014 7.9182L11.8642 10.2572C12.0164 10.3878 12.1016 10.5814 12.1016 10.7757L12.101 13.4333H12.9468C13.3164 13.4333 13.6035 13.7204 13.6035 14.09C13.6035 14.4595 13.3164 14.7466 12.9468 14.7466H3.05304C2.68349 14.7466 2.39638 14.4595 2.39638 14.09C2.39638 13.7204 2.68349 13.4333 3.05304 13.4333H3.89887V10.7757C3.89887 10.5623 3.98635 10.386 4.13639 10.2573L4.14144 10.253L7.09365 7.91821L4.13566 5.57982C3.98346 5.44923 3.89823 5.25562 3.89823 5.06135L3.89882 2.56738H3.05303C2.68348 2.56738 2.39636 2.28026 2.39636 1.91071C2.39636 1.54116 2.68348 1.25405 3.05303 1.25404V1.25404ZM12.9474 1.58675L3.05304 1.58738C2.86758 1.58738 2.7297 1.72525 2.7297 1.91071C2.7297 2.09617 2.86757 2.23404 3.05303 2.23404H4.23223L4.23157 5.06135V5.06135C4.23158 5.15983 4.27538 5.25908 4.35053 5.32476L7.63107 7.91815L4.35113 10.5123C4.2739 10.5795 4.23221 10.6639 4.23221 10.7757V13.7666H3.05304C2.86759 13.7666 2.72971 13.9045 2.72971 14.09C2.72971 14.2754 2.86759 14.4133 3.05304 14.4133H12.9468C13.1323 14.4133 13.2701 14.2754 13.2701 14.09C13.2701 13.9045 13.1323 13.7667 12.9468 13.7667H11.7676L11.7683 10.7757V10.7757C11.7683 10.6772 11.7245 10.5781 11.6495 10.5124L8.35092 7.91819L11.6489 5.32461C11.726 5.25743 11.7676 5.17306 11.7676 5.06136L11.7683 2.23342H12.9474C13.1329 2.23342 13.2708 2.09554 13.2708 1.91008C13.2708 1.72463 13.1329 1.58676 12.9474 1.58675V1.58675ZM4.87823 2.23332H11.1216V4.89669L7.99994 7.3805L4.87823 4.89669V2.23332ZM5.21157 2.56666V4.73593L7.99994 6.95452L10.7883 4.73593V2.56666H5.21157ZM7.99958 8.45673L11.1216 10.9237V13.7505H4.87823V10.9403L7.99958 8.45673ZM8.0003 8.88213L5.21157 11.101V13.4172H10.7883V11.0852L8.0003 8.88213Z",fill:"white"})]})),pl=Nf;var We=e(n=>{var i=n,{children:e,className:t,placement:o="top"}=i,r=c(i,["children","className","placement"]);return jsx(Rf,b(a({arrow:true,placement:o},r),{classes:{popper:t,tooltip:"stigg-tooltip",arrow:"stigg-tooltip-arrow"},children:jsx("div",{children:e})}))})(({theme:e,$padding:t=8,$maxWidth:o=300})=>({[`& .${tooltipClasses.tooltip}`]:{backgroundColor:e.stigg.palette.white,maxWidth:o,boxShadow:e.stigg.shadows.popover,padding:t,borderRadius:e.stigg.border.radius,color:e.stigg.palette.text.primary},[`& .${tooltipClasses.arrow}`]:{color:e.stigg.palette.white}}));var $f=e(f)`
|
|
396
396
|
display: ${({$display:e})=>e};
|
|
397
397
|
-webkit-line-clamp: ${({$maxLines:e})=>e};
|
|
398
398
|
-webkit-box-orient: vertical;
|
|
@@ -406,7 +406,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
406
406
|
${({$bold:e})=>e&&css`
|
|
407
407
|
font-weight: bold;
|
|
408
408
|
`}
|
|
409
|
-
`;function
|
|
409
|
+
`;function fl(e){return e&&(e.clientHeight<e.scrollHeight||e.offsetWidth<e.scrollWidth)}var Ae=({leaveDelay:e,children:t,variant:o,color:r,maxLines:n=1,wordBreak:i,bold:a,tooltipPlacement:l="top",className:s,display:c="-webkit-box",style:u,"data-testid":f$1})=>{let[y,p]=useState(false),g=useRef(null),h=jsx($f,{ref:g,variant:o,color:r,$maxLines:n,$wordBreak:i,$bold:a,className:s,$display:c,style:u,"data-testid":f$1,children:t});useEffect(()=>{if(g!=null&&g.current){let b=fl(g.current);p(b);}},[g]);let P=(g==null?void 0:g.current)&&fl(g.current);return jsx("span",{children:y||P?jsx(We,{placement:l,leaveDelay:e,title:jsx(f,{variant:"body1",children:t}),children:h}):h})};var Vf=e.div`
|
|
410
410
|
width: 100%;
|
|
411
411
|
display: flex;
|
|
412
412
|
align-items: center;
|
|
@@ -415,48 +415,48 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
415
415
|
border-radius: 10px;
|
|
416
416
|
padding: 8px 16px;
|
|
417
417
|
margin-top: 16px;
|
|
418
|
-
`,
|
|
418
|
+
`,Of=e(zf)`
|
|
419
419
|
text-decoration-color: white;
|
|
420
420
|
color: white;
|
|
421
421
|
cursor: pointer;
|
|
422
|
-
`;function
|
|
422
|
+
`;function hl({subscription:e,includePlanName:t,onManageSubscription:o}){return (e==null?void 0:e.status)!==SubscriptionStatus.InTrial?null:jsxs(Vf,{className:"stigg-subscription-trial-badge",children:[jsx(pl,{className:"stigg-subscription-trial-badge-image"}),jsx("div",{style:{flex:1,marginRight:4},children:jsxs(Ae,{variant:"body1",className:"stigg-subscription-trial-badge-text",color:"white",children:[`${e.trialRemainingDays} days remaining in trial`,t&&` of the ${e.planName} plan`]})}),jsx(Of,{className:"stigg-subscription-trial-upgrade-button",onClick:()=>o({intentionType:"UPGRADE_TRIAL_PLAN"}),children:jsx(f,{color:"white",children:"Upgrade plan"})})]})}function Pl({mainSubscription:e,trialSubscription:t,onManageSubscription:o,theme:r}){return jsxs("div",{className:"stigg-subscription-view-layout",children:[jsxs(f,{className:"stigg-subscription-plan-name",variant:"h1",overrideColor:r.planNameColor,style:{marginTop:8},children:[e.planName," plan"]}),jsx(hl,{subscription:t,includePlanName:(t==null?void 0:t.planName)!==e.planName,onManageSubscription:o})]})}var Zn=70;function je(e,t){return t===0?0:Math.min(Math.floor(e/t*100),100)}function xl(e){let t;return e<Zn?t="standard":e<100?t="warning":t="error",t}function Wf(e){return String(e.usagePeriodEnd)}function bl(e){if(!e.resetPeriod||!e.usagePeriodEnd)return null;let t=Wf(e),o=r=>Z.utc(t).diff(Z.utc(),r);switch(e.resetPeriod){case EntitlementResetPeriod.Month:return `Resets monthly - in ${o("days")} days`;case EntitlementResetPeriod.Week:return `Resets weekly - in ${o("days")} days`;case EntitlementResetPeriod.Day:return `Resets daily - in ${o("hours")} hours`;case EntitlementResetPeriod.Hour:return `Resets hourly - in ${o("minutes")} minutes`;default:return null}}var Qf=e(Zf,{shouldForwardProp:e=>!e.startsWith("$")})`
|
|
423
423
|
height: 4px;
|
|
424
|
-
background-color: ${({theme:e})=>
|
|
424
|
+
background-color: ${({theme:e})=>Li(e.stigg.palette.primary).alpha(.4).string()};
|
|
425
425
|
|
|
426
426
|
span {
|
|
427
427
|
background-color: ${({$progressStatus:e,theme:t})=>{switch(e){case "standard":return t.stigg.palette.primary;case "warning":return t.stigg.palette.warning;case "error":return t.stigg.palette.error;default:return t.stigg.palette.primary}}};
|
|
428
428
|
}
|
|
429
|
-
`;function Ko({currentUsage:e,usageLimit:t,classNamePrefix:o="stigg-usage-progress-bar"}){let r=je(e,t),n=
|
|
429
|
+
`;function Ko({currentUsage:e,usageLimit:t,classNamePrefix:o="stigg-usage-progress-bar"}){let r=je(e,t),n=xl(r);return jsx(Qf,{$progressStatus:n,className:`${o} ${o}-${n}`,variant:"determinate",value:r})}var Xf=e(El)`
|
|
430
430
|
border-style: dotted;
|
|
431
431
|
border-bottom-width: 2px;
|
|
432
|
-
border-color: ${({theme:e})=>
|
|
433
|
-
`;function qo({entitlement:e}){return e.hasUnlimitedUsage?jsx(
|
|
432
|
+
border-color: ${({theme:e})=>Li(e.stigg.palette.outlinedRestingBorder).alpha(.4).string()};
|
|
433
|
+
`;function qo({entitlement:e}){return e.hasUnlimitedUsage?jsx(Xf,{}):jsx(Ko,{currentUsage:e.currentUsage||0,usageLimit:e.usageLimit,classNamePrefix:"stigg-feature-usage-progress-bar"})}var Tl=e(fu)`
|
|
434
434
|
text-transform: none;
|
|
435
435
|
padding: 0;
|
|
436
436
|
white-space: nowrap;
|
|
437
|
-
`;function Xo({featureEntitlement:e,feature:t,onManageSubscription:o,onBuyMore:r,canBuyMore:n,canUpgradeSubscription:i,hasCustomSubscription:a}){return a||e.hasUnlimitedUsage||je(e.currentUsage||0,e.usageLimit)<
|
|
437
|
+
`;function Xo({featureEntitlement:e,feature:t,onManageSubscription:o,onBuyMore:r,canBuyMore:n,canUpgradeSubscription:i,hasCustomSubscription:a}){return a||e.hasUnlimitedUsage||je(e.currentUsage||0,e.usageLimit)<Zn?null:n?r?jsx(Tl,{variant:"text",onClick:()=>r(t,e),children:jsx(f,{color:"primary.main",children:"Buy more"})}):null:i&&o?jsx(Tl,{variant:"text",onClick:()=>o({intentionType:"UPGRADE_PLAN"}),children:jsx(f,{color:"primary.main",children:"Upgrade"})}):null}function kl({amount:e,currency:t,blockSize:o,featureEntitlement:r,feature:n,hideChargePrice:i,onBuyMore:a,onManageSubscription:l,canUpgradeSubscription:s,hasCustomSubscription:c}){var u,f$1,y;return jsxs("div",{className:`stigg-charge-list-item stigg-charge-list-item-${r.feature.refId}`,style:{display:"flex",flexDirection:"column",gap:12},children:[jsxs("div",{style:{display:"flex",justifyContent:"space-between",gap:12},children:[jsxs("div",{style:{display:"flex",gap:12},children:[jsx(Ae,{variant:"body1",color:"primary",children:n.displayName}),!i&&jsxs(Ae,{variant:"body1",color:"secondary",children:[H({amount:e,currency:t})," per ",o?`${o} `:"",o?n.featureUnitsPlural:n.featureUnits]})]}),jsxs("div",{style:{display:"flex",gap:12},children:[jsx(Xo,{featureEntitlement:r,feature:n,canBuyMore:true,onBuyMore:a,onManageSubscription:l,canUpgradeSubscription:s,hasCustomSubscription:c}),jsx(f,{variant:"body1",color:"primary",style:{whiteSpace:"nowrap"},children:r.hasUnlimitedUsage?(u=r.currentUsage)==null?void 0:u.toLocaleString():`${(f$1=r.currentUsage)==null?void 0:f$1.toLocaleString()} of ${(y=r.usageLimit)==null?void 0:y.toLocaleString()}`})]})]}),jsx(qo,{entitlement:r})]})}function Bl({subscription:e,entitlements:t,onBuyMore:o,onManageSubscription:r,hasCustomSubscription:n,canUpgradeSubscription:i}){let a=Dl(t,"feature.refId"),l=e.prices.filter(({feature:s,price:c})=>!!s&&a[s.refId]&&!!c);return l.length?jsx("div",{className:"stigg-charge-list",style:{display:"flex",flexDirection:"column",gap:16,marginTop:32},children:l.map(({feature:s,price:c,blockSize:u,billingModel:f})=>{if(!s||!c)return null;let y=a[s.refId];return !y||!y.feature?null:jsx(kl,{featureEntitlement:y,feature:y.feature,amount:c.amount,blockSize:u,currency:c.currency,hideChargePrice:f===BillingModel.PerUnit,onBuyMore:o,onManageSubscription:r,canUpgradeSubscription:i,hasCustomSubscription:n},s.refId)})}):null}function kt(e){return e.__typename==="FeatureEntitlement"}function er(e){return e.__typename==="CreditEntitlement"}function tr({onManageSubscription:e,onBuyMore:t,onCancelScheduledUpdates:o,onContactSupport:r,hiddenSections:n,cancelScheduledUpdatesButtonTitle:i}){let{customerPortal:a,isLoading:l,textOverrides:s,theme:c}=Y(),u=l||!a,{subscriptions:f,entitlementsV2:y,canUpgradeSubscription:p}=a||{},g=useMemo(()=>y?y.filter(kt):[],[y]),h=f==null?void 0:f.find(({status:A})=>A===SubscriptionStatus.Active),P=f==null?void 0:f.find(({status:A})=>A===SubscriptionStatus.InTrial),b=(h==null?void 0:h.pricingType)===PricingType.Custom,x=h||P;return jsxs(Ue,{className:"stigg-customer-portal-subscriptions-overview",$backgroundColor:c.backgroundColor,$borderColor:c.borderColor,children:[!u&&h&&h.scheduledUpdates&&jsx(rl,{theme:c,subscription:h,onCancelScheduledUpdates:o,cancelScheduledUpdatesButtonTitle:i}),u||!x?jsx(el,{}):jsxs("div",{className:"stigg-overview-layout",style:{display:"flex",alignItems:"flex-start",gap:64,flexWrap:"wrap"},children:[jsxs("div",{style:{display:"flex",flexDirection:"column",flex:1},children:[jsx(Os,{onManageSubscription:e,hideManageButton:b,textOverrides:s}),jsx(Pl,{mainSubscription:x,trialSubscription:P,theme:c,onManageSubscription:e}),h&&g.length>0&&jsx(Bl,{subscription:h,entitlements:g,onBuyMore:t,onManageSubscription:e,canUpgradeSubscription:!!p,hasCustomSubscription:b}),jsx(Js,{customerPortal:a,hiddenSections:n,textOverrides:s,theme:c})]}),jsx("div",{style:{display:"flex",flexDirection:"column",width:319,gap:24},children:jsx(cl,{subscription:x,theme:c,onContactSupport:r,textOverrides:s})})]})]})}var ny=e.div`
|
|
438
438
|
display: flex;
|
|
439
439
|
width: 100%;
|
|
440
440
|
align-items: flex-end;
|
|
441
441
|
justify-content: flex-end;
|
|
442
442
|
margin-bottom: 24px;
|
|
443
|
-
`;function
|
|
443
|
+
`;function Fl({showWatermark:e}){return jsx(ny,{className:"stigg-customer-portal-header-layout",children:jsx(q,{source:"customer_portal",showWatermark:e})})}var ay=e(f)`
|
|
444
444
|
text-transform: none;
|
|
445
|
-
`,
|
|
445
|
+
`,sy=e(ExternalLink)`
|
|
446
446
|
color: ${({theme:e})=>e.stigg.palette.primary};
|
|
447
|
-
`;function or({text:e,url:t,className:o}){return jsx(Xe,{className:o,variant:"outlined",startIcon:jsx(
|
|
447
|
+
`;function or({text:e,url:t,className:o}){return jsx(Xe,{className:o,variant:"outlined",startIcon:jsx(sy,{size:20,strokeWidth:2.5}),onClick:()=>{window.open(t,"_blank");},children:jsx(ay,{color:"primary.main",children:e})})}var rr=e.div`
|
|
448
448
|
display: flex;
|
|
449
449
|
flex-direction: column;
|
|
450
450
|
align-items: flex-start;
|
|
451
451
|
gap: 16px;
|
|
452
452
|
flex: 1 0 0;
|
|
453
|
-
`,
|
|
453
|
+
`,ly=e.div`
|
|
454
454
|
display: flex;
|
|
455
455
|
align-items: flex-start;
|
|
456
456
|
gap: 16px;
|
|
457
457
|
align-self: stretch;
|
|
458
458
|
flex-wrap: wrap;
|
|
459
|
-
`;function
|
|
459
|
+
`;function qn({title:e,rows:t}){return jsxs(rr,{children:[jsx(f,{variant:"h6",color:"secondary",bold:true,children:e}),t.map(({classNamePrefix:o,label:r,value:n,labelTypographyProps:i,valueTypographyProps:a$1})=>jsxs(ly,{children:[jsx(f,b(a({className:`${o}-label`,variant:"body1",color:"secondary",style:{width:80}},i),{children:r})),jsx(f,b(a({className:`${o}-text`,variant:"body1",color:"secondary"},a$1),{children:n}))]},r))]})}function nr(){return jsx(Je,{width:220,height:42})}var Ll="-";function ar(){let{customerPortal:e,isLoading:t,textOverrides:o,theme:r}=Y(),n=me("md"),{billingInformation:i}=e||{},a=!i||t,l=[];if(a?l.push(jsxs(rr,{children:[jsx(Je,{width:220,height:12}),jsx(Je,{width:220,height:12}),jsx(Je,{width:220,height:12})]},"information-loading-data-top"),jsx(El,{orientation:"vertical",style:{minHeight:93,display:n?"block":"none"}},"information-loading-data-divider"),jsxs(rr,{children:[jsx(Je,{width:220,height:12}),jsx(Je,{width:220,height:12}),jsx(Je,{width:220,height:12})]},"information-loading-data-bottom")):(l.push(jsx(qn,{title:"Billed to",rows:[{classNamePrefix:"stigg-customer-name",label:"Name",value:(i==null?void 0:i.name)||Ll,valueTypographyProps:i!=null&&i.name?{}:{color:"disabled"}},{classNamePrefix:"stigg-customer-email",label:"Email",value:(i==null?void 0:i.email)||Ll,valueTypographyProps:i!=null&&i.email?{}:{color:"disabled"}}]},"information-billing-data-billed-to")),i!=null&&i.defaultPaymentMethodId&&i.defaultPaymentMethodLast4Digits&&i.defaultPaymentExpirationMonth&&i.defaultPaymentExpirationYear&&(l.unshift(jsx(El,{orientation:"vertical",style:{minHeight:93,display:n?"block":"none"}},"information-billing-data-divider")),l.unshift(jsx(qn,{title:"Payment method",rows:[{classNamePrefix:"stigg-credit-card",label:"Card",value:`Ending in ${i.defaultPaymentMethodLast4Digits}`},{classNamePrefix:"stigg-credit-card-expiration",label:"Expires",value:`${py(i.defaultPaymentExpirationMonth.toString(),2,"0")}/${i.defaultPaymentExpirationYear}`}]},"information-billing-data-payment-method")))),!a&&!(i!=null&&i.name)&&!(i!=null&&i.email)&&!(i!=null&&i.defaultPaymentMethodId))return null;let s=a?jsx(nr,{}):e!=null&&e.billingPortalUrl?jsx(or,{url:e.billingPortalUrl,text:o.editPaymentDetails,className:"stigg-edit-payment-details-button"}):null;return jsxs(Ue,{className:"stigg-payment-details-section-layout",$backgroundColor:r.backgroundColor,$borderColor:r.borderColor,children:[jsxs(Ne,{className:"stigg-payment-details-section-header",children:[jsx(Me,{isLoading:a,className:"stigg-payment-details-section-title",title:"Payment details"}),s]}),jsx("div",{style:{display:"flex",alignItems:"stretch",gap:n?64:32,flexWrap:"wrap"},children:l})]})}var Nl=e(Ue)`
|
|
460
460
|
position: relative;
|
|
461
461
|
|
|
462
462
|
.stigg-paywall-layout {
|
|
@@ -481,7 +481,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
481
481
|
.${p} {
|
|
482
482
|
display: none;
|
|
483
483
|
}
|
|
484
|
-
`;var
|
|
484
|
+
`;var Jn=forwardRef(({paywallComponent:e,theme:t,title:o,isLoading:r},n)=>e?jsxs(Nl,{className:"stigg-customer-portal-paywall-section",ref:n,$backgroundColor:t.backgroundColor,$borderColor:t.borderColor,children:[jsx(Ne,{className:"stigg-customer-portal-paywall-header",children:jsx(Me,{isLoading:r,className:"stigg-customer-portal-paywall-section-title",title:o})}),e]}):null);Jn.displayName="CustomerPortalPaywall";var Rl=e.div`
|
|
485
485
|
width: 100%;
|
|
486
486
|
display: flex;
|
|
487
487
|
flex-direction: column;
|
|
@@ -490,13 +490,13 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
490
490
|
& * {
|
|
491
491
|
box-sizing: border-box;
|
|
492
492
|
}
|
|
493
|
-
`,
|
|
493
|
+
`,Ul=e.div`
|
|
494
494
|
width: 100%;
|
|
495
495
|
display: flex;
|
|
496
496
|
flex-direction: column;
|
|
497
497
|
align-items: center;
|
|
498
498
|
row-gap: 24px;
|
|
499
|
-
`;var
|
|
499
|
+
`;var $l=6;function zl({featureEntitlements:e,creditEntitlements:t,showAll:o}){let r=e.length+t.length,n=o?r:Math.min(r,$l),i=e.slice(0,n),a=n-i.length,l=t.slice(0,Math.max(0,a)),s=r>$l;return {entitlementsToShow:i,creditsToShow:l,totalItemsCount:r,showMoreVisible:s}}function fy(e){var t,o;return ((t=e.feature)==null?void 0:t.meterType)===MeterType.Fluctuating||((o=e.feature)==null?void 0:o.meterType)===MeterType.Incremental}function Vl(e,t){return t?e>2?4:6:12}function Gl(e){let t=[],o=[];for(let r of e)kt(r)?t.push(r):er(r)&&o.push(r);return {feature:t,credit:o}}function Ol({packageEntitlements:e,activeSubscription:t,filterEntitlements:o,filterPackageEntitlements:r}){var x,A;let{feature:n,credit:i}=Gl(e!=null?e:[]),a=n.filter(fy),l=Dl((x=t==null?void 0:t.prices)!=null?x:[],"feature.refId"),s=Dl(a,"feature.refId"),c=((A=t==null?void 0:t.prices)!=null?A:[]).map(S=>S.feature?s[S.feature.refId]:void 0).filter(S=>!!S),u=a.filter(S=>S.feature&&!l[S.feature.refId]),f=[...c,...u].filter(S=>S.usageLimit!==0),y=i.filter(S=>{var F;return ((F=S.usageLimit)!=null?F:0)>0}),p=[...f,...y],g=r?r({entitlements:p}).entitlements:[...o?o(f):f,...y],{feature:h,credit:P}=Gl(g),b=(t==null?void 0:t.pricingType)===PricingType.Custom;return {subscriptionPriceByFeature:l,filteredFeatureEntitlements:h,filteredCreditEntitlements:P,hasCustomSubscription:b}}function Hl({filterEntitlements:e,filterPackageEntitlements:t}){let[o,r]=useState(false),n=me("md"),{customerPortal:i,isLoading:a}=Y(),l=useMemo(()=>{var k;let F=i==null?void 0:i.entitlementsV2,T=(k=i==null?void 0:i.subscriptions)==null?void 0:k.find(w=>w.status===SubscriptionStatus.Active);return Ol({packageEntitlements:F,activeSubscription:T,filterEntitlements:e,filterPackageEntitlements:t})},[i==null?void 0:i.entitlementsV2,i==null?void 0:i.subscriptions,e,t]),{subscriptionPriceByFeature:s,filteredFeatureEntitlements:c,filteredCreditEntitlements:u,hasCustomSubscription:f}=l,y=a||!i,p=!!(i!=null&&i.canUpgradeSubscription),{entitlementsToShow:g,creditsToShow:h,totalItemsCount:P,showMoreVisible:b}=zl({featureEntitlements:c,creditEntitlements:u,showAll:o}),x=Vl(P,n),A=()=>r(F=>!F),S=!y&&c.length===0&&u.length===0;return {isLoadingData:y,entitlementsToShow:g,creditsToShow:h,subscriptionPriceByFeature:s,totalItemsCount:P,gridSizeXs:x,hasCustomSubscription:f,canUpgradeSubscription:p,showAll:o,toggleShowAll:A,hasNoItems:S,showMoreVisible:b}}function Bt(e,t,o){if(!t&&!o)return e;let r=Xn(e);return r===Xn(t||"")||r===Xn(o||"")?e:`${e} (${o})`}function Wl(e){return Bt(e.displayName,e.featureUnits,e.featureUnitsPlural)}function Zl(e){var t,o,r;return Bt((t=e.currency)==null?void 0:t.displayName,(o=e.currency)==null?void 0:o.unitSingular,(r=e.currency)==null?void 0:r.unitPlural)}var sr=e.div`
|
|
500
500
|
display: flex;
|
|
501
501
|
flex-direction: column;
|
|
502
502
|
padding: 24px;
|
|
@@ -506,12 +506,12 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
506
506
|
height: 100%;
|
|
507
507
|
|
|
508
508
|
${({theme:e,$highlight:t})=>t&&`background-color: ${e.stigg.palette.backgroundSection}`};
|
|
509
|
-
`;function
|
|
509
|
+
`;function Ql({entitlement:e,subscriptionPrice:t,onManageSubscription:o,onBuyMore:r,hasCustomSubscription:n,canUpgradeSubscription:i$1}){var s,c,u;let{theme:a}=Y(),l=!e.hasUnlimitedUsage&&e.currentUsage>e.usageLimit;return e.feature?jsxs(sr,{$highlight:!!t,$borderColor:a.borderColor,children:[jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:16},children:[jsx(Ae,{variant:"body1",children:e.feature&&Wl(e.feature)}),t&&jsx(We,{title:jsx(f,{variant:"body1",children:t.billingModel===BillingModel$1.PerUnit?"Billed for committed usage":"Billed for actual usage"}),children:jsx(i,{icon:"DollarCoin",svgStrokeColor:a.iconsColor})})]}),jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:8},children:[jsxs(Ae,{variant:"body1",color:l?"error":"primary","data-testid":`usage-data-${(s=e.feature)==null?void 0:s.refId}`,children:[(c=e.currentUsage)==null?void 0:c.toLocaleString(),!e.hasUnlimitedUsage&&` / ${(u=e.usageLimit)==null?void 0:u.toLocaleString()} (${je(e.currentUsage||0,e.usageLimit)}%)`]}),jsx(Xo,{featureEntitlement:e,feature:e.feature,onBuyMore:r,canBuyMore:!!t,onManageSubscription:o,canUpgradeSubscription:i$1,hasCustomSubscription:n})]}),jsx(qo,{entitlement:e}),!e.hasUnlimitedUsage&&!Yl(e.usageLimit)&&!Yl(e.currentUsage)&&e.resetPeriod&&e.usagePeriodEnd?jsx(f,{color:"secondary",children:bl(e)}):null,e.hasUnlimitedUsage&&jsx(f,{color:"secondary",children:"In current billing period"})]}):null}function jn({currentUsage:e,usageLimit:t}){return jsx(Ko,{currentUsage:e,usageLimit:t,classNamePrefix:"stigg-credit-usage-progress-bar"})}function ei(e){return Z(e).format("MMM D, YYYY h:mmA")}function ti(e){return Z(e).format("MMM D, YYYY")}function by(e){let t=i=>Math.ceil(Z.utc(e).diff(Z.utc(),i,true)),o=t("days");if(o>1)return `in ${o} days`;let r=t("hours");return r>1?`in ${r} hours`:`in ${t("minutes")} minutes`}function cr(e){let{usagePeriodEnd:t,formatter:o}=e;return !t||t.getTime()<=Date.now()?null:`Refreshes ${o?o(t):by(t)}`}function dr({creditEntitlement:e}){let{theme:t,textOverrides:o}=Y(),{currency:r,currentUsage:n,usageLimit:i}=e,a=(n!=null?n:0)>(i!=null?i:0),l=je(n!=null?n:0,i!=null?i:0),s=Zl(e),c=cr({usagePeriodEnd:e.usagePeriodEnd?new Date(e.usagePeriodEnd):void 0,formatter:o.formatResetPeriod});return jsxs(sr,{$highlight:false,$borderColor:t.borderColor,className:"stigg-credit-usage-container",children:[jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:16},children:jsx(Ae,{variant:"body1",className:"stigg-credit-usage-title",children:s})}),jsx("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:8},children:jsxs(Ae,{variant:"body1",color:a?"error":"primary",className:"stigg-credit-usage-value","data-testid":`credit-usage-data-${r.currencyId}`,children:[(n!=null?n:0).toLocaleString()," / ",(i!=null?i:0).toLocaleString()," (",l,"%)"]})}),jsx(jn,{currentUsage:n!=null?n:0,usageLimit:i!=null?i:0}),c&&jsx(f,{color:"secondary",children:c})]})}function ql({featureEntitlements:e,creditEntitlements:t,subscriptionPriceByFeature:o,gridSizeXs:r,onManageSubscription:n,onBuyMore:i,hasCustomSubscription:a,canUpgradeSubscription:l}){return jsxs(Re,{container:true,spacing:4,children:[e.filter(s=>!!s.feature).map(s=>{let c=s.feature;return jsx(Re,{className:`stigg-entitlement-usage-${c.refId}`,item:true,xs:r,children:jsx(Ql,{entitlement:s,subscriptionPrice:o[c.refId],onManageSubscription:n,onBuyMore:i,hasCustomSubscription:a,canUpgradeSubscription:l})},c.refId)}),t.map(s=>jsx(Re,{className:`stigg-credit-usage-${s.currency.currencyId}`,item:true,xs:r,children:jsx(dr,{creditEntitlement:s})},s.currency.currencyId))]})}var Xl=e.div`
|
|
510
510
|
margin-top: 32px;
|
|
511
|
-
`;function Jl(){let e=me("md");return jsx(Re,{container:true,spacing:4,className:"stigg-subscription-usage-skeleton-layout",sx:{flexWrap:"wrap"},children:xy(6).map(t=>jsx(Re,{item:true,xs:e?4:12,children:jsx(Je,{width:280,height:120})},t))})}function Xl({showAll:e,onToggle:t}){return jsx(ql,{children:jsx(Xe,{className:"stigg-usage-toggle-many-button",variant:"text",startIcon:e?jsx(Minus,{}):jsx(Plus,{}),onClick:t,children:e?"Show less":"Show more"})})}function ur({onManageSubscription:e,onBuyMore:t,filterEntitlements:o,filterPackageEntitlements:r}){let{textOverrides:n,theme:i}=Y(),{isLoadingData:a,entitlementsToShow:l,creditsToShow:s,subscriptionPriceByFeature:c,gridSizeXs:u,hasCustomSubscription:y,canUpgradeSubscription:p,showAll:g,toggleShowAll:f,hasNoItems:h,showMoreVisible:C}=Vl({filterEntitlements:o,filterPackageEntitlements:r});return h?null:jsxs(Ue,{className:"stigg-subscription-usage-layout",$backgroundColor:i.backgroundColor,$borderColor:i.borderColor,children:[jsx(Ne,{children:jsx(Me,{title:n.usageTabTitle,className:"stigg-customer-portal-usage-section-title",isLoading:a})}),a?jsx(Jl,{}):jsxs(Fragment,{children:[jsx(Ql,{featureEntitlements:l,creditEntitlements:s,subscriptionPriceByFeature:c,gridSizeXs:u,onManageSubscription:e,onBuyMore:t,hasCustomSubscription:y,canUpgradeSubscription:p}),C&&jsx(Xl,{showAll:g,onToggle:f})]})]})}function tc({onManageSubscription:e,onBuyMore:t,filterEntitlements:o,filterPackageEntitlements:r,onCancelScheduledUpdates:n,onContactSupport:i,paywallComponent:a,hiddenSections:l}){let{customerPortal:s,textOverrides:c,theme:u,isLoading:y,showWatermark:p}=Y(),g=useRef(null),f=({intentionType:x})=>{var A,S;e?e({intentionType:x,customerSubscriptions:(A=s==null?void 0:s.subscriptions)!=null?A:[]}):(S=g==null?void 0:g.current)==null||S.scrollIntoView({behavior:"smooth"});},h=!(l!=null&&l.some(x=>x==="usage")),C=!(l!=null&&l.some(x=>x==="paymentDetails"||x==="billingInformation")),b=!(l!=null&&l.some(x=>x==="invoices"||x==="billingInformation"));return jsxs(Nl,{className:"stigg-customer-portal-layout",children:[jsx(Al,{showWatermark:p}),jsxs(Ml,{className:"stigg-customer-portal-sections",children:[jsx(tr,{onCancelScheduledUpdates:n,onBuyMore:t,onManageSubscription:f,onContactSupport:i,hiddenSections:l,cancelScheduledUpdatesButtonTitle:c.cancelScheduledUpdatesButtonTitle}),h&&jsx(ur,{onManageSubscription:f,onBuyMore:t,filterEntitlements:o,filterPackageEntitlements:r}),jsx(qn,{ref:g,paywallComponent:a,theme:u,title:c.paywallSectionTitle,isLoading:!s||y}),C&&jsx(ar,{}),b&&jsx(gr,{})]})]})}function rc(i){var a$1=i,{textOverrides:e,theme:t,resourceId:o,productId:r}=a$1,n=c(a$1,["textOverrides","theme","resourceId","productId"]);return jsx(Do,{textOverrides:e,theme:t,resourceId:o,productId:r,children:jsx(tc,a({},n))})}function gr(){let{customerPortal:e,isLoading:t,textOverrides:o,theme:r}=Y(),n=!e||t,i=n?jsx(nr,{}):e!=null&&e.billingPortalUrl?jsx(or,{url:e.billingPortalUrl,text:o.viewInvoiceHistory,className:"stigg-view-invoice-history-button"}):null;return !n&&!(e!=null&&e.billingPortalUrl)?null:jsx(Ue,{className:"stigg-invoices-section-layout",$backgroundColor:r.backgroundColor,$borderColor:r.borderColor,children:jsxs(Ne,{className:"stigg-invoices-section-header",children:[jsx(Me,{isLoading:n,className:"stigg-invoices-section-title",title:o.invoicesTitle}),i]})})}var ic=e=>nc(e,"displayName"),ri=e=>nc(e,"addon.displayName");function lt(e){var r,n;let t=(r=e.pricePoints)==null?void 0:r.some(i=>i.amount&&i.amount>0);return !!((n=e.hiddenFromWidgets)!=null&&n.includes(WidgetType.Checkout))&&!t}function Iy(e,t){return e.pricePoints.some(o=>o.billingPeriod===t)}function ac({addon:e,currency:t,billingCountryCode:o}){return b(a({},e),{pricePoints:e.pricePoints.filter(r=>r.currency===t&&(o?r.billingCountryCode===o:true))})}function sc({addons:e,billingCountryCode:t,currency:o}){return (e==null?void 0:e.map(r=>ac({addon:r,currency:o,billingCountryCode:t})))||[]}function lc({addons:e,billingPeriod:t,billingCountryCode:o,currency:r}){var n;return ((n=e==null?void 0:e.filter(i=>Iy(i.addon,t)))==null?void 0:n.map(i=>b(a({},i),{addon:ac({addon:i.addon,currency:r,billingCountryCode:o})})))||[]}function cc({activeSubscription:e,plan:t,billingCountryCode:o,billingPeriod:r}){var c,u;let n=[],i=((u=(c=t==null?void 0:t.pricePoints)==null?void 0:c[0])==null?void 0:u.currency)||Currency.Usd,a=sc({addons:t==null?void 0:t.compatibleAddons,billingCountryCode:o,currency:i}),l=ic(a.filter(y=>!lt(y))),s=lc({addons:e==null?void 0:e.addons,billingPeriod:r,billingCountryCode:o,currency:i});return s!=null&&s.length&&(a!=null&&a.length)&&(n=ri(s.filter(y=>a.some(p=>p.id===y.addon.id)))),{addons:n,initialAddons:Fy(n),availableAddons:l}}function Ly(){let[,e]=_();return (t,o)=>e(r=>{if(lt(t))return;let n=r.addonsStep.addons.find(i=>i.addon.id===t.id);if(n){if(lt(n.addon))return;n.quantity=o;}else r.addonsStep.addons.push({addon:t,quantity:o}),r.addonsStep.addons=ri(r.addonsStep.addons);})}function Ny(){let[,e]=_();return t=>e(o=>{let r=o.addonsStep.addons.find(n=>n.addon.id===t);r&<(r.addon)||Ey(o.addonsStep.addons,n=>n.addon.id===t);})}function My(){let[{addonsStep:e}]=_();return e}function dc(){let e=My();return b(a({},e),{setAddon:Ly(),removeAddon:Ny()})}function Ry(){let[{checkout:e,widgetState:t,checkoutLocalization:o,checkoutSuccess:r}]=_();return {checkoutState:e,widgetState:t,checkoutLocalization:o,checkoutSuccess:r}}function Uy(){let[,e]=_();return t=>e(o=>{o.widgetState.readOnly=t;})}function _y(){let[,e]=_();return t=>e(o=>{o.widgetState.isValid=t;})}function Dy(){let[,e]=_();return t=>e(o=>{o.checkoutSuccess=t;})}function D(){let{checkoutState:e,widgetState:t,checkoutLocalization:o,checkoutSuccess:r}=Ry();return {checkoutState:e,widgetState:t,checkoutLocalization:o,checkoutSuccess:r,setWidgetReadOnly:Uy(),setIsValid:_y(),setCheckoutSuccess:Dy()}}function zy(e){var t;return (t=e==null?void 0:e.plan)!=null&&t.pricePoints?b(a({},e),{plan:b(a({},e.plan),{pricePoints:e.plan.pricePoints.filter(o=>o.pricingModel!==BillingModel.CreditBased)})}):e}function mc({planId:e,resourceId:t,billingCountryCode:o,onMockCheckoutState:r$1}){let{stigg:n}=u(),[i,a]=useState(true),[l,s]=useState();return useEffect(()=>{let c=()=>d(null,null,function*(){try{let u=yield n.getCheckoutState({planId:e,resourceId:t,billingCountryCode:o});s(zy(u));}catch(u){r.error(`Failed to load checkout ${u==null?void 0:u.message}`,u);}finally{a(false);}});if(r$1){a(false);let u=r$1({planId:e,resourceId:t,billingCountryCode:o});s(u);return}n.isCustomerLoaded&&(a(true),c());},[n,n.isCustomerLoaded,t,e,o,r$1]),{checkout:l,isLoading:i,showWatermark:n.getShowWatermark()}}var yr=(e,t)=>e.minUnitQuantity&&t<e.minUnitQuantity?e.minUnitQuantity:e.maxUnitQuantity&&t>e.maxUnitQuantity?e.maxUnitQuantity:t;var ni=e=>!!(e!=null&&e.pricePoints.some(t=>t.billingPeriod===BillingPeriod$1.Monthly)),ii=e=>!!(e!=null&&e.pricePoints.some(t=>t.billingPeriod===BillingPeriod$1.Annually)),gc=e=>ni(e)&&ii(e);var hc=(e,t,o)=>e===BillingPeriod$1.Monthly&&t||e===BillingPeriod$1.Annually&&o?e:null,Cc=({pricingModel:e})=>e===BillingModel.PerUnit;function Oy(e,t,o){var i;if(!t)return [];let r=Ul(e,"featureId"),n=Ul(yc((i=o==null?void 0:o.prices)==null?void 0:i.map(a=>{let{feature:l}=a;return !l||!Cc(a)?null:{featureId:l.featureId,quantity:l.unitQuantity||null}})),"featureId");return yc(t==null?void 0:t.map(a=>{var u,y,p;let l=(u=a.feature)==null?void 0:u.featureId;if(!l||!Cc(a))return null;let s,c=((y=r[l])==null?void 0:y.quantity)||((p=n[l])==null?void 0:p.quantity);return s=yr(a,c||1),a.isTieredPrice&&!Wt(a.tiers)&&(s=Cn(a.tiers,s).upTo),{featureId:l,quantity:s}}))}function Hy({plan:e,activeSubscription:t,preferredBillingPeriod:o}){var a,l;let r=ni(e),n=ii(e);if(o){let s=hc(o,r,n);if(s)return s}if(((a=t==null?void 0:t.plan)==null?void 0:a.id)===(e==null?void 0:e.id))return ((l=t==null?void 0:t.price)==null?void 0:l.billingPeriod)||BillingPeriod$1.Monthly;if(t!=null&&t.prices&&(t==null?void 0:t.prices.length)>0){let s=hc(t==null?void 0:t.prices[0].billingPeriod,r,n);if(s)return s}return n?BillingPeriod$1.Annually:BillingPeriod$1.Monthly}function Pc({preferredBillingPeriod:e,plan:t,activeSubscription:o,billingCountryCode:r,preconfiguredBillableFeatures:n}){let i=Hy({plan:t,activeSubscription:o,preferredBillingPeriod:e}),a=t==null?void 0:t.pricePoints.filter(s=>s.billingPeriod===i),l=Oy(n,a,o);return {billingPeriod:i,billableFeatures:l,billingCountryCode:r}}function Wy(){let[{planStep:e}]=_();return e}function Zy(){let[,e]=_();return (t,o)=>e(r=>{let n=r.planStep.billableFeatures.find(i=>i.featureId===t);n?n.quantity=o:r.planStep.billableFeatures.push({featureId:t,quantity:o});})}function Yy(){let[,e]=_();return t=>e(o=>{o.planStep.billingPeriod=t,o.addonsStep.addons=o.addonsStep.addons.filter(r=>r.addon.pricePoints.some(n=>n.billingPeriod===t));})}function be(){let e=Wy();return b(a({},e),{setBillingPeriod:Yy(),setBillableFeature:Zy()})}var bc=[{key:"PLAN",label:"Plan"},{key:"ADDONS",label:"Add-ons"},{key:"PAYMENT",label:"Payment details"}],xc={activeStep:0,completedSteps:[],steps:bc,isDisabled:false},Ky=(e,t,o,r)=>{if(gc(e)&&!r)return false;let n=t.map(a=>a.featureId),i=o.map(a=>a.featureId);return !(n.length!==i.length||!n.every(a=>i.includes(a)))};function Sc({isLoading:e,skipCheckoutSteps:t,plan:o,availableAddons:r,availableCharges:n,preferredBillingPeriod:i,preconfiguredBillableFeatures:a$1}){if(e||!o)return xc;let l=[];return t.includes("PLAN")&&Ky(o,n,a$1,i)&&l.push("PLAN"),((r==null?void 0:r.length)===0||t.includes("ADDONS"))&&l.push("ADDONS"),b(a({},xc),{steps:bc.filter(s=>!l.includes(s.key))})}function qy(){let[{progressBar:e}]=_();return e}function Jy(){let[e,t]=_();return o=>d(null,null,function*(){let{progressBar:r,planStep:n,addonsStep:i,paymentStep:a,onBeforeStepChange:l}=e;if(o!==r.activeStep&&l){let s=r.steps[r.activeStep],c=r.steps[o];if(s&&c){let u={planStep:n,addonsStep:i,paymentStep:a};if(!(yield l({from:s.key,to:c.key,state:u})))return}}t(({progressBar:s})=>{s.activeStep=o;});})}function Xy(){let[,e]=_();return t=>e(({progressBar:o})=>{o.completedSteps.push(t);})}function jy(e){return e.completedSteps.length>=e.steps.length-1}function eh(){let[e,t]=_();return ()=>d(null,null,function*(){let{progressBar:o,planStep:r,addonsStep:n,paymentStep:i,onBeforeStepChange:a}=e;if(o.isDisabled)return;let l=o.steps[o.activeStep],s=o.steps[o.activeStep+1];if(s&&a){let c={planStep:r,addonsStep:n,paymentStep:i};if(!(yield a({from:l.key,to:s.key,state:c})))return}t(({progressBar:c})=>{c.completedSteps.includes(c.activeStep)||c.completedSteps.push(c.activeStep),c.activeStep<c.steps.length-1&&(c.activeStep+=1);});})}function th(){let[,e]=_();return t=>e(({progressBar:o})=>{o.isDisabled=!!t;})}function _e(){let e=qy();return {currentStep:e.steps[e.activeStep],progressBarState:e,isLastStep:e.activeStep===e.steps.length-1,isCheckoutComplete:jy(e),setActiveStep:Jy(),markStepAsCompleted:Xy(),goNext:eh(),setIsDisabled:th()}}function It(){let[{planStep:e,addonsStep:t,promotionCode:o,paymentStep:r}]=_();return b(a({},e),{addons:t.addons,promotionCode:o,billingAddress:r.billingAddress,taxPercentage:r.taxPercentage,taxId:r.taxId})}function hr({billingAddress:e,taxPercentage:t,taxIds:o}){if(!e&&!t&&!(o!=null&&o.length))return {};let r=o!=null&&o.length?o==null?void 0:o.filter(n=>n.value&&n.type):void 0;return {billingInformation:b(a(a({},e?{billingAddress:e}:{}),t?{taxPercentage:t}:{}),{taxIds:r})}}var ih=g=>d(null,[g],function*({stigg:e,customerId:t,planId:o,resourceId:r,promotionCode:n,addons:i,billableFeatures:a$1,billingCountryCode:l,billingPeriod:s,billingAddress:c,taxPercentage:u,taxIds:y,onMockCheckoutPreview:p}){var b;let f=i.map(({addon:x,quantity:A})=>({addonId:x.id,quantity:A})),h=null,C=null;try{if(t&&o){let x=a({customerId:t,planId:o,resourceId:r,billingCountryCode:l,addons:f,billingPeriod:s,promotionCode:n,billableFeatures:Wg(a$1)?void 0:a$1},hr({billingAddress:c,taxPercentage:u,taxIds:y}));h=p?p(x):yield e.previewSubscription(x);}}catch(x){let[,A]=((b=x==null?void 0:x.message)==null?void 0:b.split("Error:"))||[];C=A==null?void 0:A.trim();}return {subscriptionPreview:h,errorMessage:C}}),si=({onMockCheckoutPreview:e}={})=>{let{stigg:t}=u(),o=It(),[{resourceId:r}]=_(),{checkoutState:n,widgetState:i}=D(),{plan:a,customer:l}=n||{};return {previewSubscriptionAction:useCallback((...u)=>d(null,[...u],function*({promotionCode:c}={}){return i.isValid?ih({stigg:t,customerId:l==null?void 0:l.id,planId:a==null?void 0:a.id,resourceId:r,addons:o.addons,billableFeatures:o.billableFeatures,billingCountryCode:o.billingCountryCode,billingPeriod:o.billingPeriod,billingAddress:o.billingAddress,taxPercentage:o.taxPercentage,promotionCode:c!=null?c:o.promotionCode,taxIds:o.taxId?[o.taxId]:void 0,onMockCheckoutPreview:e}):{subscriptionPreview:null,errorMessage:null}}),[t,l==null?void 0:l.id,a==null?void 0:a.id,r,o.addons,o.billableFeatures,o.billingCountryCode,o.billingPeriod,o.billingAddress,o.taxPercentage,o.taxId,o.promotionCode,i.isValid,e])}},ah=500,Tc=({onMockCheckoutPreview:e}={})=>{let[t,o]=useState(null),[r,n]=useState(null),[i,a]=useState(false),{previewSubscriptionAction:l}=si({onMockCheckoutPreview:e});return useEffect(()=>{let s=()=>d(null,null,function*(){let{subscriptionPreview:u,errorMessage:y}=yield l();u&&(o(u),n(null)),y&&(n(y),o(null)),a(false);});a(true);let c=setTimeout(()=>{a(true),s();},ah);return ()=>{clearTimeout(c);}},[l]),{subscriptionPreview:t,isFetchingSubscriptionPreview:i,errorMessage:r}};function kc({customer:e,taxPercentage:t,taxId:o}){return {useNewPaymentMethod:!(e!=null&&e.paymentMethodDetails),taxPercentage:t,taxId:o}}function sh(){let[,e]=_();return useCallback(t=>e(o=>{o.paymentStep.useNewPaymentMethod=t;}),[e])}function lh(){let[,e]=_();return useCallback(t=>e(o=>{o.paymentStep.errorMessage=t;}),[e])}function ch(){let[,e]=_();return useCallback(t=>e(o=>{o.paymentStep.billingAddress=t;}),[e])}function dh(){let[{paymentStep:e}]=_();return e}function ph(){let[,e]=_();return useCallback(t=>e(o=>{o.paymentStep.taxId=t;}),[e])}function re(){let e=dh();return b(a({},e),{setUseNewPaymentMethod:sh(),setErrorMessage:lh(),setBillingAddress:ch(),setTaxId:ph()})}function Bc(e){return Fg({changePlan:"Change",billingPeriodsTitle:"Billing cycle",addAddonText:"Add",addonBillingPeriodNotAvailableText:({planBillingPeriod:o})=>o===BillingPeriod.Monthly?"Exclusively available on annual plans":"Exclusively available on monthly plans",newPaymentMethodText:"New payment method",newPaymentMethodBillingAddressTitle:"Billing address",newPaymentMethodCardTitle:"Payment method",summary:{title:"Order summary",planName:({plan:o})=>`${o.displayName} plan`,addCouponCodeText:"Add promotion code",couponCodeTitle:"Promotion code",addonsSectionTitle:"Add-ons",discountsSectionTitle:"Discounts",onlyPayAsYouGoText:"Varies by usage",startsAtText:"Starts at ",proratedTotalDueText:"Prorated charge today",baseChargeText:()=>"Base charge",totalText:"Total",totalDueText:"Total due today",totalBillingPeriodText:({billingPeriod:o})=>`Billed ${o.toLowerCase()}`,appliedCreditsTitle:"Applied credits",creditsForUnusedTimeText:({credits:o})=>`Your account will be granted credits worth ${o} for unused time, which will be automatically applied to future payments.`,discountText:({discountDetails:o,currency:r})=>{let n="";o.type===DiscountType.Percentage?n=`${o.value}% off`:n=`${H({amount:o.value,currency:r})}`;let i="";switch(o.durationType){case DiscountDurationType.Once:{i=" once";break}case DiscountDurationType.Repeating:{i=`${o.type===DiscountType.Fixed?" per month":""} for ${o.durationInMonths} months`;break}case DiscountDurationType.Forever:default:i="";}return `${n}${i}`},taxTitle:({taxDetails:o})=>`Tax (${o==null?void 0:o.percentage}%)`,changesWillApplyAtEndOfBillingPeriod:({billingPeriodEnd:o})=>`Your changes will take effect at the end of your current billing cycle on ${Z(o).format("MMMM D, YYYY")}.`,checkoutSuccessText:"Changes applied",payAsYouGoTooltipText:"Billed according to actual usage"},checkoutButton:{nextText:"Next",noChangesText:"No changes",updateText:"Update subscription",downgradeToFreeText:"Cancel subscription",upgradeText:"Subscribe"},downgradeToFree:{alertText:()=>"We\u2019re sorry to see you cancel your paid subscription \u{1F62D}",freePlanHeader:()=>"New plan",freePlanName:({plan:o})=>`${o.displayName}`,freePlanPriceText:()=>"Free",paidPlanHeader:()=>"Current plan",paidPlanName:({plan:o})=>`${o.displayName}`,paidPlanPriceText:({billingPeriod:o})=>`Paid plan${o?`, billed ${o.toLowerCase()}`:""}`},nextBillingCaption:()=>""},e)}var no={primary:"rgb(50, 126, 238)",textColor:"rgb(0, 30, 108)",backgroundColor:"rgb(255, 255, 255)",borderColor:"rgb(235, 237, 243)",summaryBackgroundColor:"rgb(109, 121, 144)"};function Ac(e,t,o){let{palette:r}=e||{};return {primary:(t==null?void 0:t.primary)||(r==null?void 0:r.primary)||no.primary,textColor:(t==null?void 0:t.textColor)||(r==null?void 0:r.text.primary)||no.textColor,backgroundColor:(t==null?void 0:t.backgroundColor)||(r==null?void 0:r.backgroundPaper)||no.backgroundColor,borderColor:(t==null?void 0:t.borderColor)||(r==null?void 0:r.outlinedBorder)||no.borderColor,summaryBackgroundColor:(t==null?void 0:t.summaryBackgroundColor)||(r==null?void 0:r.backgroundHighlight)||no.summaryBackgroundColor,paymentInputBackgroundColor:t==null?void 0:t.paymentInputBackgroundColor,paymentInputBorderColor:t==null?void 0:t.paymentInputBorderColor,paymentInputBorderRadius:t==null?void 0:t.paymentInputBorderRadius}}var di=gi.createContext(null);di.displayName="CheckoutContext";var _=()=>{let e=useContext(di);if(!e)throw new Error("Could not find Checkout context; You need to wrap your checkout components in an <CheckoutProvider> component.");return e},xh=({children:e,initialState:t})=>{let[o,r]=useState(t);useEffect(()=>{r(t);},[t]);let n=useCallback(l=>r(s=>produce(s,c=>l(c))),[r]),[i,a]=useMemo(()=>[o,n],[n,o]);return jsx(di.Provider,{value:[i,a],children:e})};function Fc({children:e,textOverrides:t,theme:o,preferredBillingPeriod:r,billableFeatures:n,resourceId:i,planId:a,billingCountryCode:l,billingInformation:s,onMockCheckoutState:c,skipCheckoutSteps:u,onBeforeStepChange:y}){var x;let{checkout:p,isLoading:g,showWatermark:f}=mc({resourceId:i,planId:a,billingCountryCode:l,onMockCheckoutState:c}),h=p!=null&&p.configuration?Cs(p.configuration):{typography:Jt(null,Ro)},C=v(h),b=useMemo(()=>{var E,L;let A=Ac(C,o,p==null?void 0:p.configuration),S=Bc(t),F=Pc({preferredBillingPeriod:r,plan:p==null?void 0:p.plan,activeSubscription:p==null?void 0:p.activeSubscription,billingCountryCode:l,preconfiguredBillableFeatures:n!=null?n:[]}),B=cc({plan:p==null?void 0:p.plan,activeSubscription:p==null?void 0:p.activeSubscription,billingPeriod:F.billingPeriod}),k=kc({customer:p==null?void 0:p.customer,taxPercentage:(E=s==null?void 0:s.taxDetails)==null?void 0:E.taxPercentage}),T=Sc({isLoading:g,skipCheckoutSteps:u!=null?u:[],plan:p==null?void 0:p.plan,availableAddons:B.availableAddons,availableCharges:F.billableFeatures,preferredBillingPeriod:r,preconfiguredBillableFeatures:n!=null?n:[]});return {checkout:p,checkoutLocalization:S,stiggTheme:C,theme:A,progressBar:T,planStep:F,addonsStep:B,paymentStep:k,resourceId:(L=p==null?void 0:p.resource)==null?void 0:L.id,widgetState:{readOnly:false,isValid:true,isLoadingCheckoutData:g},showWatermark:f,checkoutSuccess:false,onBeforeStepChange:y}},[r,l,p,g,u,(x=s==null?void 0:s.taxDetails)==null?void 0:x.taxPercentage,y]);return jsx(w,{componentTheme:h,children:jsx(xh,{initialState:b,children:e})},p==null?void 0:p.plan.id)}var Ec="920px",Lc=e.div`
|
|
511
|
+
`;function jl(){let e=me("md");return jsx(Re,{container:true,spacing:4,className:"stigg-subscription-usage-skeleton-layout",sx:{flexWrap:"wrap"},children:Ty(6).map(t=>jsx(Re,{item:true,xs:e?4:12,children:jsx(Je,{width:280,height:120})},t))})}function ec({showAll:e,onToggle:t}){return jsx(Xl,{children:jsx(Xe,{className:"stigg-usage-toggle-many-button",variant:"text",startIcon:e?jsx(Minus,{}):jsx(Plus,{}),onClick:t,children:e?"Show less":"Show more"})})}function ur({onManageSubscription:e,onBuyMore:t,filterEntitlements:o,filterPackageEntitlements:r}){let{textOverrides:n,theme:i}=Y(),{isLoadingData:a,entitlementsToShow:l,creditsToShow:s,subscriptionPriceByFeature:c,gridSizeXs:u,hasCustomSubscription:f,canUpgradeSubscription:y,showAll:p,toggleShowAll:g,hasNoItems:h,showMoreVisible:P}=Hl({filterEntitlements:o,filterPackageEntitlements:r});return h?null:jsxs(Ue,{className:"stigg-subscription-usage-layout",$backgroundColor:i.backgroundColor,$borderColor:i.borderColor,children:[jsx(Ne,{children:jsx(Me,{title:n.usageTabTitle,className:"stigg-customer-portal-usage-section-title",isLoading:a})}),a?jsx(jl,{}):jsxs(Fragment,{children:[jsx(ql,{featureEntitlements:l,creditEntitlements:s,subscriptionPriceByFeature:c,gridSizeXs:u,onManageSubscription:e,onBuyMore:t,hasCustomSubscription:f,canUpgradeSubscription:y}),P&&jsx(ec,{showAll:p,onToggle:g})]})]})}function rc({onManageSubscription:e,onBuyMore:t,filterEntitlements:o,filterPackageEntitlements:r,onCancelScheduledUpdates:n,onContactSupport:i,paywallComponent:a,hiddenSections:l}){let{customerPortal:s,textOverrides:c,theme:u,isLoading:f,showWatermark:y}=Y(),p=useRef(null),g=({intentionType:x})=>{var A,S;e?e({intentionType:x,customerSubscriptions:(A=s==null?void 0:s.subscriptions)!=null?A:[]}):(S=p==null?void 0:p.current)==null||S.scrollIntoView({behavior:"smooth"});},h=!(l!=null&&l.some(x=>x==="usage")),P=!(l!=null&&l.some(x=>x==="paymentDetails"||x==="billingInformation")),b=!(l!=null&&l.some(x=>x==="invoices"||x==="billingInformation"));return jsxs(Rl,{className:"stigg-customer-portal-layout",children:[jsx(Fl,{showWatermark:y}),jsxs(Ul,{className:"stigg-customer-portal-sections",children:[jsx(tr,{onCancelScheduledUpdates:n,onBuyMore:t,onManageSubscription:g,onContactSupport:i,hiddenSections:l,cancelScheduledUpdatesButtonTitle:c.cancelScheduledUpdatesButtonTitle}),h&&jsx(ur,{onManageSubscription:g,onBuyMore:t,filterEntitlements:o,filterPackageEntitlements:r}),jsx(Jn,{ref:p,paywallComponent:a,theme:u,title:c.paywallSectionTitle,isLoading:!s||f}),P&&jsx(ar,{}),b&&jsx(gr,{})]})]})}function ic(i){var a$1=i,{textOverrides:e,theme:t,resourceId:o,productId:r}=a$1,n=c(a$1,["textOverrides","theme","resourceId","productId"]);return jsx(Do,{textOverrides:e,theme:t,resourceId:o,productId:r,children:jsx(rc,a({},n))})}function gr(){let{customerPortal:e,isLoading:t,textOverrides:o,theme:r}=Y(),n=!e||t,i=n?jsx(nr,{}):e!=null&&e.billingPortalUrl?jsx(or,{url:e.billingPortalUrl,text:o.viewInvoiceHistory,className:"stigg-view-invoice-history-button"}):null;return !n&&!(e!=null&&e.billingPortalUrl)?null:jsx(Ue,{className:"stigg-invoices-section-layout",$backgroundColor:r.backgroundColor,$borderColor:r.borderColor,children:jsxs(Ne,{className:"stigg-invoices-section-header",children:[jsx(Me,{isLoading:n,className:"stigg-invoices-section-title",title:o.invoicesTitle}),i]})})}var sc=e=>ac(e,"displayName"),ni=e=>ac(e,"addon.displayName");function lt(e){var r,n;let t=(r=e.pricePoints)==null?void 0:r.some(i=>i.amount&&i.amount>0);return !!((n=e.hiddenFromWidgets)!=null&&n.includes(WidgetType.Checkout))&&!t}function Ey(e,t){return e.pricePoints.some(o=>o.billingPeriod===t)}function lc({addon:e,currency:t,billingCountryCode:o}){return b(a({},e),{pricePoints:e.pricePoints.filter(r=>r.currency===t&&(o?r.billingCountryCode===o:true))})}function cc({addons:e,billingCountryCode:t,currency:o}){return (e==null?void 0:e.map(r=>lc({addon:r,currency:o,billingCountryCode:t})))||[]}function dc({addons:e,billingPeriod:t,billingCountryCode:o,currency:r}){var n;return ((n=e==null?void 0:e.filter(i=>Ey(i.addon,t)))==null?void 0:n.map(i=>b(a({},i),{addon:lc({addon:i.addon,currency:r,billingCountryCode:o})})))||[]}function pc({activeSubscription:e,plan:t,billingCountryCode:o,billingPeriod:r}){var c,u;let n=[],i=((u=(c=t==null?void 0:t.pricePoints)==null?void 0:c[0])==null?void 0:u.currency)||Currency.Usd,a=cc({addons:t==null?void 0:t.compatibleAddons,billingCountryCode:o,currency:i}),l=sc(a.filter(f=>!lt(f))),s=dc({addons:e==null?void 0:e.addons,billingPeriod:r,billingCountryCode:o,currency:i});return s!=null&&s.length&&(a!=null&&a.length)&&(n=ni(s.filter(f=>a.some(y=>y.id===f.addon.id)))),{addons:n,initialAddons:Ly(n),availableAddons:l}}function Ry(){let[,e]=_();return (t,o)=>e(r=>{if(lt(t))return;let n=r.addonsStep.addons.find(i=>i.addon.id===t.id);if(n){if(lt(n.addon))return;n.quantity=o;}else r.addonsStep.addons.push({addon:t,quantity:o}),r.addonsStep.addons=ni(r.addonsStep.addons);})}function Uy(){let[,e]=_();return t=>e(o=>{let r=o.addonsStep.addons.find(n=>n.addon.id===t);r&<(r.addon)||Ny(o.addonsStep.addons,n=>n.addon.id===t);})}function _y(){let[{addonsStep:e}]=_();return e}function mc(){let e=_y();return b(a({},e),{setAddon:Ry(),removeAddon:Uy()})}function Dy(){let[{checkout:e,widgetState:t,checkoutLocalization:o,checkoutSuccess:r}]=_();return {checkoutState:e,widgetState:t,checkoutLocalization:o,checkoutSuccess:r}}function $y(){let[,e]=_();return t=>e(o=>{o.widgetState.readOnly=t;})}function Gy(){let[,e]=_();return t=>e(o=>{o.widgetState.isValid=t;})}function zy(){let[,e]=_();return t=>e(o=>{o.checkoutSuccess=t;})}function D(){let{checkoutState:e,widgetState:t,checkoutLocalization:o,checkoutSuccess:r}=Dy();return {checkoutState:e,widgetState:t,checkoutLocalization:o,checkoutSuccess:r,setWidgetReadOnly:$y(),setIsValid:Gy(),setCheckoutSuccess:zy()}}function Hy(e){var t;return (t=e==null?void 0:e.plan)!=null&&t.pricePoints?b(a({},e),{plan:b(a({},e.plan),{pricePoints:e.plan.pricePoints.filter(o=>o.pricingModel!==BillingModel.CreditBased)})}):e}function gc({planId:e,resourceId:t,billingCountryCode:o,onMockCheckoutState:r$1}){let{stigg:n}=u(),[i,a]=useState(true),[l,s]=useState();return useEffect(()=>{let c=()=>d(null,null,function*(){try{let u=yield n.getCheckoutState({planId:e,resourceId:t,billingCountryCode:o});s(Hy(u));}catch(u){r.error(`Failed to load checkout ${u==null?void 0:u.message}`,u);}finally{a(false);}});if(r$1){a(false);let u=r$1({planId:e,resourceId:t,billingCountryCode:o});s(u);return}n.isCustomerLoaded&&(a(true),c());},[n,n.isCustomerLoaded,t,e,o,r$1]),{checkout:l,isLoading:i,showWatermark:n.getShowWatermark()}}var yr=(e,t)=>e.minUnitQuantity&&t<e.minUnitQuantity?e.minUnitQuantity:e.maxUnitQuantity&&t>e.maxUnitQuantity?e.maxUnitQuantity:t;var ii=e=>!!(e!=null&&e.pricePoints.some(t=>t.billingPeriod===BillingPeriod$1.Monthly)),ai=e=>!!(e!=null&&e.pricePoints.some(t=>t.billingPeriod===BillingPeriod$1.Annually)),yc=e=>ii(e)&&ai(e);var Pc=(e,t,o)=>e===BillingPeriod$1.Monthly&&t||e===BillingPeriod$1.Annually&&o?e:null,xc=({pricingModel:e})=>e===BillingModel.PerUnit;function Zy(e,t,o){var i;if(!t)return [];let r=Dl(e,"featureId"),n=Dl(Cc((i=o==null?void 0:o.prices)==null?void 0:i.map(a=>{let{feature:l}=a;return !l||!xc(a)?null:{featureId:l.featureId,quantity:l.unitQuantity||null}})),"featureId");return Cc(t==null?void 0:t.map(a=>{var u,f,y;let l=(u=a.feature)==null?void 0:u.featureId;if(!l||!xc(a))return null;let s,c=((f=r[l])==null?void 0:f.quantity)||((y=n[l])==null?void 0:y.quantity);return s=yr(a,c||1),a.isTieredPrice&&!Wt(a.tiers)&&(s=Pn(a.tiers,s).upTo),{featureId:l,quantity:s}}))}function Yy({plan:e,activeSubscription:t,preferredBillingPeriod:o}){var a,l;let r=ii(e),n=ai(e);if(o){let s=Pc(o,r,n);if(s)return s}if(((a=t==null?void 0:t.plan)==null?void 0:a.id)===(e==null?void 0:e.id))return ((l=t==null?void 0:t.price)==null?void 0:l.billingPeriod)||BillingPeriod$1.Monthly;if(t!=null&&t.prices&&(t==null?void 0:t.prices.length)>0){let s=Pc(t==null?void 0:t.prices[0].billingPeriod,r,n);if(s)return s}return n?BillingPeriod$1.Annually:BillingPeriod$1.Monthly}function bc({preferredBillingPeriod:e,plan:t,activeSubscription:o,billingCountryCode:r,preconfiguredBillableFeatures:n}){let i=Yy({plan:t,activeSubscription:o,preferredBillingPeriod:e}),a=t==null?void 0:t.pricePoints.filter(s=>s.billingPeriod===i),l=Zy(n,a,o);return {billingPeriod:i,billableFeatures:l,billingCountryCode:r}}function Qy(){let[{planStep:e}]=_();return e}function Ky(){let[,e]=_();return (t,o)=>e(r=>{let n=r.planStep.billableFeatures.find(i=>i.featureId===t);n?n.quantity=o:r.planStep.billableFeatures.push({featureId:t,quantity:o});})}function qy(){let[,e]=_();return t=>e(o=>{o.planStep.billingPeriod=t,o.addonsStep.addons=o.addonsStep.addons.filter(r=>r.addon.pricePoints.some(n=>n.billingPeriod===t));})}function be(){let e=Qy();return b(a({},e),{setBillingPeriod:qy(),setBillableFeature:Ky()})}var Tc=[{key:"PLAN",label:"Plan"},{key:"ADDONS",label:"Add-ons"},{key:"PAYMENT",label:"Payment details"}],Sc={activeStep:0,completedSteps:[],steps:Tc,isDisabled:false},Xy=(e,t,o,r)=>{if(yc(e)&&!r)return false;let n=t.map(a=>a.featureId),i=o.map(a=>a.featureId);return !(n.length!==i.length||!n.every(a=>i.includes(a)))};function kc({isLoading:e,skipCheckoutSteps:t,plan:o,availableAddons:r,availableCharges:n,preferredBillingPeriod:i,preconfiguredBillableFeatures:a$1}){if(e||!o)return Sc;let l=[];return t.includes("PLAN")&&Xy(o,n,a$1,i)&&l.push("PLAN"),((r==null?void 0:r.length)===0||t.includes("ADDONS"))&&l.push("ADDONS"),b(a({},Sc),{steps:Tc.filter(s=>!l.includes(s.key))})}function jy(){let[{progressBar:e}]=_();return e}function eh(){let[e,t]=_();return o=>d(null,null,function*(){let{progressBar:r,planStep:n,addonsStep:i,paymentStep:a,onBeforeStepChange:l}=e;if(o!==r.activeStep&&l){let s=r.steps[r.activeStep],c=r.steps[o];if(s&&c){let u={planStep:n,addonsStep:i,paymentStep:a};if(!(yield l({from:s.key,to:c.key,state:u})))return}}t(({progressBar:s})=>{s.activeStep=o;});})}function th(){let[,e]=_();return t=>e(({progressBar:o})=>{o.completedSteps.push(t);})}function oh(e){return e.completedSteps.length>=e.steps.length-1}function rh(){let[e,t]=_();return ()=>d(null,null,function*(){let{progressBar:o,planStep:r,addonsStep:n,paymentStep:i,onBeforeStepChange:a}=e;if(o.isDisabled)return;let l=o.steps[o.activeStep],s=o.steps[o.activeStep+1];if(s&&a){let c={planStep:r,addonsStep:n,paymentStep:i};if(!(yield a({from:l.key,to:s.key,state:c})))return}t(({progressBar:c})=>{c.completedSteps.includes(c.activeStep)||c.completedSteps.push(c.activeStep),c.activeStep<c.steps.length-1&&(c.activeStep+=1);});})}function nh(){let[,e]=_();return t=>e(({progressBar:o})=>{o.isDisabled=!!t;})}function _e(){let e=jy();return {currentStep:e.steps[e.activeStep],progressBarState:e,isLastStep:e.activeStep===e.steps.length-1,isCheckoutComplete:oh(e),setActiveStep:eh(),markStepAsCompleted:th(),goNext:rh(),setIsDisabled:nh()}}function It(){let[{planStep:e,addonsStep:t,promotionCode:o,paymentStep:r}]=_();return b(a({},e),{addons:t.addons,promotionCode:o,billingAddress:r.billingAddress,taxPercentage:r.taxPercentage,taxId:r.taxId})}function hr({billingAddress:e,taxPercentage:t,taxIds:o,prorationBehavior:r}){if(!e&&!t&&!(o!=null&&o.length)&&!r)return {};let n=o!=null&&o.length?o==null?void 0:o.filter(i=>i.value&&i.type):void 0;return {billingInformation:a(b(a(a({},e?{billingAddress:e}:{}),t?{taxPercentage:t}:{}),{taxIds:n}),r?{prorationBehavior:r}:{})}}function sh(e){return e.pricingModel===BillingModel.PerUnit&&e.billingCadence===BillingCadence.Recurring&&!!e.topUpCustomCurrencyId}function lh(e){return e!=null&&e.pricePoints?e.pricePoints.some(sh):false}function Cr({resetBillingPeriod:e,activeSubscription:t}){if(!t)return {};let o=lh(t.plan);return e!==void 0?{billingCycleAnchor:e?SubscriptionBillingCycleAnchor.Now:SubscriptionBillingCycleAnchor.Unchanged,prorationBehavior:o?SubscriptionProrationBehavior.None:void 0}:o?{billingCycleAnchor:SubscriptionBillingCycleAnchor.Now,prorationBehavior:SubscriptionProrationBehavior.None}:{}}var mh=h=>d(null,[h],function*({stigg:e,customerId:t,resourceId:o,promotionCode:r,addons:n,billableFeatures:i,billingCountryCode:a$1,billingPeriod:l,billingAddress:s,taxPercentage:c,taxIds:u,plan:f,activeSubscription:y,resetBillingPeriod:p,onMockCheckoutPreview:g}){var F;let P=n.map(({addon:T,quantity:k})=>({addonId:T.id,quantity:k})),b=null,x=null,{prorationBehavior:A,billingCycleAnchor:S}=Cr({activeSubscription:y,resetBillingPeriod:p});try{if(t&&(f!=null&&f.id)){let T=a(a({customerId:t,planId:f.id,resourceId:o,billingCountryCode:a$1,addons:P,billingPeriod:l,promotionCode:r,billableFeatures:Qg(i)?void 0:i},hr({billingAddress:s,taxPercentage:c,taxIds:u,prorationBehavior:A})),S?{billingCycleAnchor:S}:{});b=g?g(T):yield e.previewSubscription(T);}}catch(T){let[,k]=((F=T==null?void 0:T.message)==null?void 0:F.split("Error:"))||[];x=k==null?void 0:k.trim();}return {subscriptionPreview:b,errorMessage:x}}),ci=({onMockCheckoutPreview:e}={})=>{let{stigg:t}=u(),o=It(),[{resourceId:r,resetBillingPeriod:n}]=_(),{checkoutState:i,widgetState:a}=D(),{plan:l,customer:s,activeSubscription:c}=i||{};return {previewSubscriptionAction:useCallback((...y)=>d(null,[...y],function*({promotionCode:f}={}){return a.isValid?mh({stigg:t,customerId:s==null?void 0:s.id,resourceId:r,addons:o.addons,billableFeatures:o.billableFeatures,billingCountryCode:o.billingCountryCode,billingPeriod:o.billingPeriod,billingAddress:o.billingAddress,taxPercentage:o.taxPercentage,promotionCode:f!=null?f:o.promotionCode,taxIds:o.taxId?[o.taxId]:void 0,plan:l,activeSubscription:c,resetBillingPeriod:n,onMockCheckoutPreview:e}):{subscriptionPreview:null,errorMessage:null}}),[t,s==null?void 0:s.id,l,r,n,o.addons,o.billableFeatures,o.billingCountryCode,o.billingPeriod,o.billingAddress,o.taxPercentage,o.taxId,o.promotionCode,a.isValid,c,e])}},uh=500,Bc=({onMockCheckoutPreview:e}={})=>{let[t,o]=useState(null),[r,n]=useState(null),[i,a]=useState(false),{previewSubscriptionAction:l}=ci({onMockCheckoutPreview:e});return useEffect(()=>{let s=()=>d(null,null,function*(){let{subscriptionPreview:u,errorMessage:f}=yield l();u&&(o(u),n(null)),f&&(n(f),o(null)),a(false);});a(true);let c=setTimeout(()=>{a(true),s();},uh);return ()=>{clearTimeout(c);}},[l]),{subscriptionPreview:t,isFetchingSubscriptionPreview:i,errorMessage:r}};function Ac({customer:e,taxPercentage:t,taxId:o}){return {useNewPaymentMethod:!(e!=null&&e.paymentMethodDetails),taxPercentage:t,taxId:o}}function gh(){let[,e]=_();return useCallback(t=>e(o=>{o.paymentStep.useNewPaymentMethod=t;}),[e])}function fh(){let[,e]=_();return useCallback(t=>e(o=>{o.paymentStep.errorMessage=t;}),[e])}function yh(){let[,e]=_();return useCallback(t=>e(o=>{o.paymentStep.billingAddress=t;}),[e])}function hh(){let[{paymentStep:e}]=_();return e}function Ch(){let[,e]=_();return useCallback(t=>e(o=>{o.paymentStep.taxId=t;}),[e])}function re(){let e=hh();return b(a({},e),{setUseNewPaymentMethod:gh(),setErrorMessage:fh(),setBillingAddress:yh(),setTaxId:Ch()})}function Fc(e){return Lg({changePlan:"Change",billingPeriodsTitle:"Billing cycle",addAddonText:"Add",addonBillingPeriodNotAvailableText:({planBillingPeriod:o})=>o===BillingPeriod.Monthly?"Exclusively available on annual plans":"Exclusively available on monthly plans",newPaymentMethodText:"New payment method",newPaymentMethodBillingAddressTitle:"Billing address",newPaymentMethodCardTitle:"Payment method",summary:{title:"Order summary",planName:({plan:o})=>`${o.displayName} plan`,addCouponCodeText:"Add promotion code",couponCodeTitle:"Promotion code",addonsSectionTitle:"Add-ons",discountsSectionTitle:"Discounts",onlyPayAsYouGoText:"Varies by usage",startsAtText:"Starts at ",proratedTotalDueText:"Prorated charge today",baseChargeText:()=>"Base charge",totalText:"Total",totalDueText:"Total due today",totalBillingPeriodText:({billingPeriod:o})=>`Billed ${o.toLowerCase()}`,appliedCreditsTitle:"Applied credits",creditsForUnusedTimeText:({credits:o})=>`Your account will be granted credits worth ${o} for unused time, which will be automatically applied to future payments.`,discountText:({discountDetails:o,currency:r})=>{let n="";o.type===DiscountType.Percentage?n=`${o.value}% off`:n=`${H({amount:o.value,currency:r})}`;let i="";switch(o.durationType){case DiscountDurationType.Once:{i=" once";break}case DiscountDurationType.Repeating:{i=`${o.type===DiscountType.Fixed?" per month":""} for ${o.durationInMonths} months`;break}case DiscountDurationType.Forever:default:i="";}return `${n}${i}`},taxTitle:({taxDetails:o})=>`Tax (${o==null?void 0:o.percentage}%)`,changesWillApplyAtEndOfBillingPeriod:({billingPeriodEnd:o})=>`Your changes will take effect at the end of your current billing cycle on ${Z(o).format("MMMM D, YYYY")}.`,checkoutSuccessText:"Changes applied",payAsYouGoTooltipText:"Billed according to actual usage"},checkoutButton:{nextText:"Next",noChangesText:"No changes",updateText:"Update subscription",downgradeToFreeText:"Cancel subscription",upgradeText:"Subscribe"},downgradeToFree:{alertText:()=>"We\u2019re sorry to see you cancel your paid subscription \u{1F62D}",freePlanHeader:()=>"New plan",freePlanName:({plan:o})=>`${o.displayName}`,freePlanPriceText:()=>"Free",paidPlanHeader:()=>"Current plan",paidPlanName:({plan:o})=>`${o.displayName}`,paidPlanPriceText:({billingPeriod:o})=>`Paid plan${o?`, billed ${o.toLowerCase()}`:""}`},nextBillingCaption:()=>""},e)}var no={primary:"rgb(50, 126, 238)",textColor:"rgb(0, 30, 108)",backgroundColor:"rgb(255, 255, 255)",borderColor:"rgb(235, 237, 243)",summaryBackgroundColor:"rgb(109, 121, 144)"};function vc(e,t,o){let{palette:r}=e||{};return {primary:(t==null?void 0:t.primary)||(r==null?void 0:r.primary)||no.primary,textColor:(t==null?void 0:t.textColor)||(r==null?void 0:r.text.primary)||no.textColor,backgroundColor:(t==null?void 0:t.backgroundColor)||(r==null?void 0:r.backgroundPaper)||no.backgroundColor,borderColor:(t==null?void 0:t.borderColor)||(r==null?void 0:r.outlinedBorder)||no.borderColor,summaryBackgroundColor:(t==null?void 0:t.summaryBackgroundColor)||(r==null?void 0:r.backgroundHighlight)||no.summaryBackgroundColor,paymentInputBackgroundColor:t==null?void 0:t.paymentInputBackgroundColor,paymentInputBorderColor:t==null?void 0:t.paymentInputBorderColor,paymentInputBorderRadius:t==null?void 0:t.paymentInputBorderRadius}}var mi=yi.createContext(null);mi.displayName="CheckoutContext";var _=()=>{let e=useContext(mi);if(!e)throw new Error("Could not find Checkout context; You need to wrap your checkout components in an <CheckoutProvider> component.");return e},Ah=({children:e,initialState:t})=>{let[o,r]=useState(t);useEffect(()=>{r(t);},[t]);let n=useCallback(l=>r(s=>produce(s,c=>l(c))),[r]),[i,a]=useMemo(()=>[o,n],[n,o]);return jsx(mi.Provider,{value:[i,a],children:e})};function Lc({children:e,textOverrides:t,theme:o,preferredBillingPeriod:r,billableFeatures:n,resourceId:i,planId:a,billingCountryCode:l,billingInformation:s,onMockCheckoutState:c,skipCheckoutSteps:u,onBeforeStepChange:f,resetBillingPeriod:y}){var A;let{checkout:p,isLoading:g,showWatermark:h}=gc({resourceId:i,planId:a,billingCountryCode:l,onMockCheckoutState:c}),P=p!=null&&p.configuration?xs(p.configuration):{typography:Jt(null,Ro)},b=v(P),x=useMemo(()=>{var L,N;let S=vc(b,o,p==null?void 0:p.configuration),F=Fc(t),T=bc({preferredBillingPeriod:r,plan:p==null?void 0:p.plan,activeSubscription:p==null?void 0:p.activeSubscription,billingCountryCode:l,preconfiguredBillableFeatures:n!=null?n:[]}),k=pc({plan:p==null?void 0:p.plan,activeSubscription:p==null?void 0:p.activeSubscription,billingPeriod:T.billingPeriod}),w=Ac({customer:p==null?void 0:p.customer,taxPercentage:(L=s==null?void 0:s.taxDetails)==null?void 0:L.taxPercentage}),I=kc({isLoading:g,skipCheckoutSteps:u!=null?u:[],plan:p==null?void 0:p.plan,availableAddons:k.availableAddons,availableCharges:T.billableFeatures,preferredBillingPeriod:r,preconfiguredBillableFeatures:n!=null?n:[]});return {checkout:p,checkoutLocalization:F,stiggTheme:b,theme:S,progressBar:I,planStep:T,addonsStep:k,paymentStep:w,resourceId:(N=p==null?void 0:p.resource)==null?void 0:N.id,widgetState:{readOnly:false,isValid:true,isLoadingCheckoutData:g},showWatermark:h,checkoutSuccess:false,onBeforeStepChange:f,resetBillingPeriod:y}},[r,l,p,g,u,(A=s==null?void 0:s.taxDetails)==null?void 0:A.taxPercentage,f,y]);return jsx(w,{componentTheme:P,children:jsx(Ah,{initialState:x,children:e})},p==null?void 0:p.plan.id)}var Nc="920px",Rc=e.div`
|
|
512
512
|
margin: auto;
|
|
513
513
|
min-height: 760px;
|
|
514
|
-
max-width: ${
|
|
514
|
+
max-width: ${Nc};
|
|
515
515
|
display: flex;
|
|
516
516
|
position: relative;
|
|
517
517
|
flex-direction: column;
|
|
@@ -528,9 +528,9 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
528
528
|
${oe.md} {
|
|
529
529
|
padding: 32px;
|
|
530
530
|
border-radius: 10px;
|
|
531
|
-
width: ${
|
|
531
|
+
width: ${Nc};
|
|
532
532
|
}
|
|
533
|
-
`,
|
|
533
|
+
`,Uc=e(ke)`
|
|
534
534
|
display: flex;
|
|
535
535
|
align-items: flex-start;
|
|
536
536
|
gap: 32px;
|
|
@@ -541,7 +541,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
541
541
|
${oe.md} {
|
|
542
542
|
flex-direction: row;
|
|
543
543
|
}
|
|
544
|
-
`,
|
|
544
|
+
`,_c=e(ke)`
|
|
545
545
|
display: flex;
|
|
546
546
|
flex-direction: column;
|
|
547
547
|
gap: 0;
|
|
@@ -551,18 +551,18 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
551
551
|
${oe.md} {
|
|
552
552
|
width: auto;
|
|
553
553
|
}
|
|
554
|
-
`;var
|
|
554
|
+
`;var $c=e(Zf,{shouldForwardProp:e=>!e.startsWith("$")})(({theme:e,$disabled:t})=>({[`&.${linearProgressClasses.root}`]:{borderRadius:e.stigg.border.radius,backgroundColor:e.stigg.palette.outlinedBorder},[`& .${linearProgressClasses.bar}`]:{backgroundColor:t?e.stigg.palette.primaryLight:e.stigg.palette.primary}})),Gc=e(fu)({[`&.${buttonClasses.root}`]:{textTransform:"none",lineHeight:"inherit",justifyContent:"flex-start",padding:"8px 4px"}}),zc=e(i,{shouldForwardProp:e=>!e.startsWith("$")})(({theme:e,$disabled:t,$shouldFill:o})=>({circle:{stroke:t?e.stigg.palette.primaryLight:e.stigg.palette.primary,fill:o?t?e.stigg.palette.primaryLight:e.stigg.palette.primary:void 0}}));var Oc=()=>{let{progressBarState:e,setActiveStep:t,currentStep:o$1}=_e(),{widgetState:r}=D(),n=me("md"),i=useRef(),{readOnly:a,isLoadingCheckoutData:l}=r,{activeStep:s,completedSteps:c,steps:u}=e||{},f$1=(s+1)*100/u.length,[y,p]=yi.useState(o$1);return useEffect(()=>{n||i.current&&o$1!==y&&i.current.scrollIntoView({behavior:"smooth"}),p(o$1);},[o$1,n,y,p]),e.steps.length===1?null:jsxs(ke,{className:"stigg-checkout-progress-container",sx:{width:"100%",mb:3},ref:i,children:[jsx($c,{variant:"determinate",value:f$1,$disabled:a}),jsx(Re,{container:true,display:"flex",children:u.map(({key:g,label:h},P)=>{let b=c.includes(P),x=a||P>s&&!b&&!c.includes(P-1)||s!==P&&e.isDisabled;return jsx(Re,{item:true,display:"flex",flexDirection:"row",flex:n?1:"auto",justifyContent:"flex-start",children:l?jsx(o,{width:120,height:20,style:{marginTop:8}}):jsx(Gc,{onClick:()=>t(P),fullWidth:true,disabled:x,children:jsxs(Re,{item:true,display:"flex",flexDirection:"row",alignItems:"center",gap:1,children:[jsx(Rh,{icon:jsx(zc,{icon:b?x?"OutlinedCheckedCircleDisabled":"OutlinedCheckedCircle":"OutlinedCircle",$disabled:x,$shouldFill:b})}),jsx(f,{variant:"h6",color:x?"primary.main.light":"primary.main",children:h})]})})},g)})})]})};var Dh=[BillingModel.FlatFee,BillingModel.PerUnit,BillingModel.UsageBased],$h=e=>ac(e,[t=>Dh.indexOf(t.pricingModel),t=>{var o;return (o=t.feature)==null?void 0:o.displayName}]),xr=e=>useMemo(()=>$h(e),[e]);function Gh(){let[{promotionCode:e}]=_();return e}function zh(){let[,e]=_();return t=>e(o=>{o.promotionCode=t;})}function Ft(){return {promotionCode:Gh(),setPromotionCode:zh()}}var Vh=e=>jsx("svg",b(a({width:20,height:20,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:jsxs("g",{id:"plus",children:[jsx("path",{id:"Shape",d:"M10 4.16666V15.8333",stroke:"#327EEE",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"}),jsx("path",{id:"Shape_2",d:"M4.16699 10H15.8337",stroke:"#327EEE",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})]})})),br=Vh;var Hh=e(br,{shouldForwardProp:e=>!e.startsWith("$")})`
|
|
555
555
|
margin-right: 8px;
|
|
556
556
|
path {
|
|
557
557
|
stroke: ${({theme:e,$disabled:t})=>t?e.stigg.palette.text.disabled:e.stigg.palette.primary};
|
|
558
558
|
}
|
|
559
|
-
`,
|
|
559
|
+
`,Wc=({onAddClick:e,checkoutLocalization:t,disabled:o})=>jsxs(te,{disabled:o,fullWidth:true,className:"stigg-checkout-summary-add-coupon-code-button",sx:{textTransform:"none",justifyContent:"flex-start",color:o?"text.disabled":"primary.main"},variant:"text",size:"medium",onClick:e,children:[jsx(Hh,{$disabled:o,className:"stigg-checkout-summary-add-coupon-code-button-icon"}),jsx(f,{className:"stigg-checkout-change-plan-button-text",color:o?"disabled":"primary.main",style:{lineHeight:"24px"},variant:"h3",children:t.summary.addCouponCodeText})]});var Kh=e(te)`
|
|
560
560
|
padding: 4px 10px;
|
|
561
561
|
min-width: unset;
|
|
562
562
|
border-radius: ${({theme:e})=>e.stigg.border.radius};
|
|
563
563
|
display: flex;
|
|
564
564
|
align-items: center;
|
|
565
|
-
`,
|
|
565
|
+
`,Zc=({disabled:e,checkoutLocalization:t,onMockCheckoutPreview:o})=>{let{setPromotionCode:r}=Ft(),[n,i$1]=useState(false),[a,l]=yi.useState(""),[s,c]=yi.useState(false),[u,f$1]=yi.useState(""),{previewSubscriptionAction:y}=ci({onMockCheckoutPreview:o}),p=()=>d(null,null,function*(){var P;c(true),f$1("");let{subscriptionPreview:g,errorMessage:h}=yield y({promotionCode:a});!h&&((P=g==null?void 0:g.immediateInvoice)!=null&&P.discountDetails)?(r(a.toUpperCase()),i$1(false)):h&&f$1(h),c(false);});return n?jsxs(Re,{children:[jsx(f,{variant:"body1",color:u?"error":e?"disabled":"primary.main",children:t.summary.couponCodeTitle}),jsx(pe,{disabled:e,autoFocus:true,variant:"outlined",fullWidth:true,error:!!u,value:a,onChange:g=>{l(g.target.value);},inputProps:{maxLength:20},onKeyDown:g=>{g.key==="Enter"&&(p(),g.preventDefault());},InputProps:{endAdornment:jsx(Kh,{variant:"contained",disabled:e,onClick:()=>{p();},children:s?jsx(Yh,{size:18,sx:{color:"white"}}):jsx(i,{style:{display:"flex"},icon:"ArrowForward"})})}}),!!u&&jsx(f,{variant:"body1",color:"error",children:u})]}):jsx(Wc,{disabled:e,onAddClick:()=>i$1(true),checkoutLocalization:t})};var Jh=e(Re)`
|
|
566
566
|
width: auto;
|
|
567
567
|
display: inline-flex;
|
|
568
568
|
align-items: center;
|
|
@@ -571,7 +571,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
571
571
|
padding: 6px 8px;
|
|
572
572
|
border-radius: ${({theme:e})=>e.stigg.border.radius};
|
|
573
573
|
border: 1px solid ${({theme:e})=>e.stigg.palette.primary};
|
|
574
|
-
`,
|
|
574
|
+
`,Yc=e(i,{shouldForwardProp:e=>e!=="style"})`
|
|
575
575
|
display: flex;
|
|
576
576
|
|
|
577
577
|
g {
|
|
@@ -581,16 +581,16 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
581
581
|
path {
|
|
582
582
|
fill: ${({theme:e,$shouldFill:t})=>t?e.stigg.palette.primary:void 0};
|
|
583
583
|
}
|
|
584
|
-
`,
|
|
584
|
+
`,Kc=({promotionCode:e,onClearPromotionCode:t})=>jsxs(Jh,{container:true,children:[jsxs(Re,{item:true,display:"flex",gap:1,alignItems:"center",children:[jsx(Yc,{icon:"Coupon"}),jsx(f,{variant:"body1",color:"primary.main",lineHeight:"auto",children:e})]}),jsx(Re,{item:true,children:jsx(te,{variant:"text",sx:{minWidth:"unset",padding:0},onClick:t,children:jsx(Yc,{icon:"Close",$shouldFill:true})})})]});var Xh=e.div`
|
|
585
585
|
margin: 16px 0;
|
|
586
|
-
`,Yc=({disabled:e,checkoutLocalization:t,onMockCheckoutPreview:o})=>{let{promotionCode:r,setPromotionCode:n}=Ft();return jsx(Wh,{children:r?jsx(Zc,{promotionCode:r,onClearPromotionCode:()=>{n("");}}):jsx(Oc,{disabled:e,checkoutLocalization:t,onMockCheckoutPreview:o})})};var Qc=({label:e,checked:t,onChange:o,onClick:r,value:n,disabled:i,dataTestId:a})=>jsx(Yh,{onClick:r,value:n,control:jsx(Zh,{checked:t,onChange:o,disabled:i,"data-testid":a}),label:Qh(e)?jsx(f,{variant:"body1",lineHeight:"20px",color:"secondary",children:e}):e});var xi=[{country:"Albania",countryCode:"AL",taxIdType:"al_tin",FlagComponent:AL,example:"J12345678N"},{country:"Andorra",countryCode:"AD",taxIdType:"ad_nrt",FlagComponent:AD,example:"A-123456-Z"},{country:"Angola",countryCode:"AO",taxIdType:"ao_tin",FlagComponent:AO,example:"5123456789"},{country:"Argentina",countryCode:"AR",taxIdType:"ar_cuit",FlagComponent:AR,example:"12-3456789-01"},{country:"Armenia",countryCode:"AM",taxIdType:"am_tin",FlagComponent:AM,example:"02538904"},{country:"Aruba",countryCode:"AW",taxIdType:"aw_tin",FlagComponent:AW,example:"12345678"},{country:"Australia",countryCode:"AU",taxIdType:"au_abn",FlagComponent:AU,example:"12345678912"},{country:"Australia",countryCode:"AU",taxIdType:"au_arn",FlagComponent:AU,example:"123456789123"},{country:"Austria",countryCode:"AT",taxIdType:"eu_vat",FlagComponent:AT,example:"ATU12345678"},{country:"Azerbaijan",countryCode:"AZ",taxIdType:"az_tin",FlagComponent:AZ,example:"0123456789"},{country:"Bahamas",countryCode:"BS",taxIdType:"bs_tin",FlagComponent:BS,example:"123.456.789"},{country:"Bahrain",countryCode:"BH",taxIdType:"bh_vat",FlagComponent:BH,example:"123456789012345"},{country:"Bangladesh",countryCode:"BD",taxIdType:"bd_bin",FlagComponent:BD,example:"123456789-0123"},{country:"Barbados",countryCode:"BB",taxIdType:"bb_tin",FlagComponent:BB,example:"1123456789012"},{country:"Belarus",countryCode:"BY",taxIdType:"by_tin",FlagComponent:BY,example:"123456789"},{country:"Belgium",countryCode:"BE",taxIdType:"eu_vat",FlagComponent:BE,example:"BE0123456789"},{country:"Benin",countryCode:"BJ",taxIdType:"bj_ifu",FlagComponent:BJ,example:"1234567890123"},{country:"Bolivia",countryCode:"BO",taxIdType:"bo_tin",FlagComponent:BO,example:"123456789"},{country:"Bosnia & Herzegovina",countryCode:"BA",taxIdType:"ba_tin",FlagComponent:BA,example:"123456789012"},{country:"Brazil",countryCode:"BR",taxIdType:"br_cnpj",FlagComponent:BR,example:"01.234.456/5432-10"},{country:"Brazil",countryCode:"BR",taxIdType:"br_cpf",FlagComponent:BR,example:"123.456.789-87"},{country:"Bulgaria",countryCode:"BG",taxIdType:"bg_uic",FlagComponent:BG,example:"123456789"},{country:"Bulgaria",countryCode:"BG",taxIdType:"eu_vat",FlagComponent:BG,example:"BG0123456789"},{country:"Burkina Faso",countryCode:"BF",taxIdType:"bf_ifu",FlagComponent:BF,example:"12345678A"},{country:"Cambodia",countryCode:"KH",taxIdType:"kh_tin",FlagComponent:KH,example:"1001-123456789"},{country:"Cameroon",countryCode:"CM",taxIdType:"cm_niu",FlagComponent:CM,example:"M123456789000L"},{country:"Canada",countryCode:"CA",taxIdType:"ca_bn",FlagComponent:CA,example:"123456789"},{country:"Canada",countryCode:"CA",taxIdType:"ca_gst_hst",FlagComponent:CA,example:"123456789RT0002"},{country:"Canada",countryCode:"CA",taxIdType:"ca_pst_bc",FlagComponent:CA,example:"PST-1234-5678"},{country:"Canada",countryCode:"CA",taxIdType:"ca_pst_mb",FlagComponent:CA,example:"123456-7"},{country:"Canada",countryCode:"CA",taxIdType:"ca_pst_sk",FlagComponent:CA,example:"1234567"},{country:"Canada",countryCode:"CA",taxIdType:"ca_qst",FlagComponent:CA,example:"1234567890TQ1234"},{country:"Cape Verde",countryCode:"CV",taxIdType:"cv_nif",FlagComponent:CV,example:"213456789"},{country:"Chile",countryCode:"CL",taxIdType:"cl_tin",FlagComponent:CL,example:"12.345.678-K"},{country:"China",countryCode:"CN",taxIdType:"cn_tin",FlagComponent:CN,example:"123456789012345678"},{country:"Colombia",countryCode:"CO",taxIdType:"co_nit",FlagComponent:CO,example:"123.456.789-0"},{country:"Congo - Kinshasa",countryCode:"CD",taxIdType:"cd_nif",FlagComponent:CD,example:"A0123456M"},{country:"Costa Rica",countryCode:"CR",taxIdType:"cr_tin",FlagComponent:CR,example:"1-234-567890"},{country:"Croatia",countryCode:"HR",taxIdType:"eu_vat",FlagComponent:HR,example:"HR12345678912"},{country:"Croatia",countryCode:"HR",taxIdType:"hr_oib",FlagComponent:HR,example:"12345678901"},{country:"Cyprus",countryCode:"CY",taxIdType:"eu_vat",FlagComponent:CY,example:"CY12345678Z"},{country:"Czech Republic",countryCode:"CZ",taxIdType:"eu_vat",FlagComponent:CZ,example:"CZ1234567890"},{country:"Denmark",countryCode:"DK",taxIdType:"eu_vat",FlagComponent:DK,example:"DK12345678"},{country:"Dominican Republic",countryCode:"DO",taxIdType:"do_rcn",FlagComponent:DO,example:"123-4567890-1"},{country:"Ecuador",countryCode:"EC",taxIdType:"ec_ruc",FlagComponent:EC,example:"1234567890001"},{country:"Egypt",countryCode:"EG",taxIdType:"eg_tin",FlagComponent:EG,example:"123456789"},{country:"El Salvador",countryCode:"SV",taxIdType:"sv_nit",FlagComponent:SV,example:"1234-567890-123-4"},{country:"Estonia",countryCode:"EE",taxIdType:"eu_vat",FlagComponent:EE,example:"EE123456789"},{country:"Ethiopia",countryCode:"ET",taxIdType:"et_tin",FlagComponent:ET,example:"1234567890"},{country:"EU",countryCode:"EU",taxIdType:"eu_oss_vat",FlagComponent:EU,example:"EU123456789"},{country:"Finland",countryCode:"FI",taxIdType:"eu_vat",FlagComponent:FI,example:"FI12345678"},{country:"France",countryCode:"FR",taxIdType:"eu_vat",FlagComponent:FR,example:"FRAB123456789"},{country:"Georgia",countryCode:"GE",taxIdType:"ge_vat",FlagComponent:GE,example:"123456789"},{country:"Germany",countryCode:"DE",taxIdType:"de_stn",FlagComponent:DE,example:"1234567890"},{country:"Germany",countryCode:"DE",taxIdType:"eu_vat",FlagComponent:DE,example:"DE123456789"},{country:"Greece",countryCode:"GR",taxIdType:"eu_vat",FlagComponent:GR,example:"EL123456789"},{country:"Guinea",countryCode:"GN",taxIdType:"gn_nif",FlagComponent:GN,example:"123456789"},{country:"Hong Kong",countryCode:"HK",taxIdType:"hk_br",FlagComponent:HK,example:"12345678"},{country:"Hungary",countryCode:"HU",taxIdType:"eu_vat",FlagComponent:HU,example:"HU12345678"},{country:"Hungary",countryCode:"HU",taxIdType:"hu_tin",FlagComponent:HU,example:"12345678-1-23"},{country:"Iceland",countryCode:"IS",taxIdType:"is_vat",FlagComponent:IS,example:"123456"},{country:"India",countryCode:"IN",taxIdType:"in_gst",FlagComponent:IN,example:"12ABCDE3456FGZH"},{country:"Indonesia",countryCode:"ID",taxIdType:"id_npwp",FlagComponent:ID,example:"012.345.678.9-012.345"},{country:"Ireland",countryCode:"IE",taxIdType:"eu_vat",FlagComponent:IE,example:"IE1234567AB"},{country:"Israel",countryCode:"IL",taxIdType:"il_vat",FlagComponent:IL,example:"000012345"},{country:"Italy",countryCode:"IT",taxIdType:"eu_vat",FlagComponent:IT,example:"IT12345678912"},{country:"Japan",countryCode:"JP",taxIdType:"jp_cn",FlagComponent:JP,example:"1234567891234"},{country:"Japan",countryCode:"JP",taxIdType:"jp_rn",FlagComponent:JP,example:"12345"},{country:"Japan",countryCode:"JP",taxIdType:"jp_trn",FlagComponent:JP,example:"T1234567891234"},{country:"Kazakhstan",countryCode:"KZ",taxIdType:"kz_bin",FlagComponent:KZ,example:"123456789012"},{country:"Kenya",countryCode:"KE",taxIdType:"ke_pin",FlagComponent:KE,example:"P000111111A"},{country:"Kyrgyzstan",countryCode:"KG",taxIdType:"kg_tin",FlagComponent:KG,example:"12345678901234"},{country:"Laos",countryCode:"LA",taxIdType:"la_tin",FlagComponent:LA,example:"123456789-000"},{country:"Latvia",countryCode:"LV",taxIdType:"eu_vat",FlagComponent:LV,example:"LV12345678912"},{country:"Liechtenstein",countryCode:"LI",taxIdType:"li_uid",FlagComponent:LI,example:"CHE123456789"},{country:"Liechtenstein",countryCode:"LI",taxIdType:"li_vat",FlagComponent:LI,example:"12345"},{country:"Lithuania",countryCode:"LT",taxIdType:"eu_vat",FlagComponent:LT,example:"LT123456789123"},{country:"Luxembourg",countryCode:"LU",taxIdType:"eu_vat",FlagComponent:LU,example:"LU12345678"},{country:"Malaysia",countryCode:"MY",taxIdType:"my_frp",FlagComponent:MY,example:"12345678"},{country:"Malaysia",countryCode:"MY",taxIdType:"my_itn",FlagComponent:MY,example:"C 1234567890"},{country:"Malaysia",countryCode:"MY",taxIdType:"my_sst",FlagComponent:MY,example:"A12-3456-78912345"},{country:"Malta",countryCode:"MT",taxIdType:"eu_vat",FlagComponent:MT,example:"MT12345678"},{country:"Mauritania",countryCode:"MR",taxIdType:"mr_nif",FlagComponent:MR,example:"12345678"},{country:"Mexico",countryCode:"MX",taxIdType:"mx_rfc",FlagComponent:MX,example:"ABC010203AB9"},{country:"Moldova",countryCode:"MD",taxIdType:"md_vat",FlagComponent:MD,example:"1234567"},{country:"Montenegro",countryCode:"ME",taxIdType:"me_pib",FlagComponent:ME,example:"12345678"},{country:"Morocco",countryCode:"MA",taxIdType:"ma_vat",FlagComponent:MA,example:"12345678"},{country:"Nepal",countryCode:"NP",taxIdType:"np_pan",FlagComponent:NP,example:"123456789"},{country:"Netherlands",countryCode:"NL",taxIdType:"eu_vat",FlagComponent:NL,example:"NL123456789B12"},{country:"New Zealand",countryCode:"NZ",taxIdType:"nz_gst",FlagComponent:NZ,example:"123456789"},{country:"Nigeria",countryCode:"NG",taxIdType:"ng_tin",FlagComponent:NG,example:"12345678-0001"},{country:"North Macedonia",countryCode:"MK",taxIdType:"mk_vat",FlagComponent:MK,example:"MK1234567890123"},{country:"Norway",countryCode:"NO",taxIdType:"no_vat",FlagComponent:NO,example:"123456789MVA"},{country:"Norway",countryCode:"NO",taxIdType:"no_voec",FlagComponent:NO,example:"1234567"},{country:"Oman",countryCode:"OM",taxIdType:"om_vat",FlagComponent:OM,example:"OM1234567890"},{country:"Peru",countryCode:"PE",taxIdType:"pe_ruc",FlagComponent:PE,example:"12345678901"},{country:"Philippines",countryCode:"PH",taxIdType:"ph_tin",FlagComponent:PH,example:"123456789012"},{country:"Poland",countryCode:"PL",taxIdType:"eu_vat",FlagComponent:PL,example:"PL1234567890"},{country:"Portugal",countryCode:"PT",taxIdType:"eu_vat",FlagComponent:PT,example:"PT123456789"},{country:"Romania",countryCode:"RO",taxIdType:"eu_vat",FlagComponent:RO,example:"RO1234567891"},{country:"Romania",countryCode:"RO",taxIdType:"ro_tin",FlagComponent:RO,example:"1234567890123"},{country:"Russia",countryCode:"RU",taxIdType:"ru_inn",FlagComponent:RU,example:"1234567891"},{country:"Russia",countryCode:"RU",taxIdType:"ru_kpp",FlagComponent:RU,example:"123456789"},{country:"Saudi Arabia",countryCode:"SA",taxIdType:"sa_vat",FlagComponent:SA,example:"123456789012345"},{country:"Senegal",countryCode:"SN",taxIdType:"sn_ninea",FlagComponent:SN,example:"12345672A2"},{country:"Serbia",countryCode:"RS",taxIdType:"rs_pib",FlagComponent:RS,example:"123456789"},{country:"Singapore",countryCode:"SG",taxIdType:"sg_gst",FlagComponent:SG,example:"M12345678X"},{country:"Singapore",countryCode:"SG",taxIdType:"sg_uen",FlagComponent:SG,example:"123456789F"},{country:"Slovakia",countryCode:"SK",taxIdType:"eu_vat",FlagComponent:SK,example:"SK1234567891"},{country:"Slovenia",countryCode:"SI",taxIdType:"eu_vat",FlagComponent:SI,example:"SI12345678"},{country:"Slovenia",countryCode:"SI",taxIdType:"si_tin",FlagComponent:SI,example:"12345678"},{country:"South Africa",countryCode:"ZA",taxIdType:"za_vat",FlagComponent:ZA,example:"4123456789"},{country:"South Korea",countryCode:"KR",taxIdType:"kr_brn",FlagComponent:KR,example:"123-45-67890"},{country:"Spain",countryCode:"ES",taxIdType:"es_cif",FlagComponent:ES,example:"A12345678"},{country:"Spain",countryCode:"ES",taxIdType:"eu_vat",FlagComponent:ES,example:"ESA1234567Z"},{country:"Suriname",countryCode:"SR",taxIdType:"sr_fin",FlagComponent:SR,example:"1234567890"},{country:"Sweden",countryCode:"SE",taxIdType:"eu_vat",FlagComponent:SE,example:"SE123456789123"},{country:"Switzerland",countryCode:"CH",taxIdType:"ch_uid",FlagComponent:CH,example:"CHE-123.456.789 HR"},{country:"Switzerland",countryCode:"CH",taxIdType:"ch_vat",FlagComponent:CH,example:"CHE-123.456.789 MWST"},{country:"Taiwan",countryCode:"TW",taxIdType:"tw_vat",FlagComponent:TW,example:"12345678"},{country:"Tajikistan",countryCode:"TJ",taxIdType:"tj_tin",FlagComponent:TJ,example:"123456789"},{country:"Tanzania",countryCode:"TZ",taxIdType:"tz_vat",FlagComponent:TZ,example:"12345678A"},{country:"Thailand",countryCode:"TH",taxIdType:"th_vat",FlagComponent:TH,example:"1234567891234"},{country:"Turkey",countryCode:"TR",taxIdType:"tr_tin",FlagComponent:TR,example:"0123456789"},{country:"Uganda",countryCode:"UG",taxIdType:"ug_tin",FlagComponent:UG,example:"1014751879"},{country:"Ukraine",countryCode:"UA",taxIdType:"ua_vat",FlagComponent:UA,example:"123456789"},{country:"United Arab Emirates",countryCode:"AE",taxIdType:"ae_trn",FlagComponent:AE,example:"123456789012345"},{country:"United Kingdom",countryCode:"GB",taxIdType:"eu_vat",FlagComponent:GB,example:"XI123456789"},{country:"United Kingdom",countryCode:"GB",taxIdType:"gb_vat",FlagComponent:GB,example:"GB123456789"},{country:"United States",countryCode:"US",taxIdType:"us_ein",FlagComponent:US,example:"12-3456789"},{country:"Uruguay",countryCode:"UY",taxIdType:"uy_ruc",FlagComponent:UY,example:"123456789012"},{country:"Uzbekistan",countryCode:"UZ",taxIdType:"uz_tin",FlagComponent:UZ,example:"123456789"},{country:"Uzbekistan",countryCode:"UZ",taxIdType:"uz_vat",FlagComponent:UZ,example:"123456789012"},{country:"Venezuela",countryCode:"VE",taxIdType:"ve_rif",FlagComponent:VE,example:"A-12345678-9"},{country:"Vietnam",countryCode:"VN",taxIdType:"vn_tin",FlagComponent:VN,example:"1234567890"},{country:"Zambia",countryCode:"ZM",taxIdType:"zm_tin",FlagComponent:ZM,example:"1004751879"},{country:"Zimbabwe",countryCode:"ZW",taxIdType:"zw_tin",FlagComponent:ZW,example:"1234567890"}],MP="United States",RP=" # ",br="us_ein",Sr=(e,t)=>`${e}${RP}${t}`,bi=new Map(xi.map(e=>[Sr(e.taxIdType,e.country),e])),vt=e=>bi.get(e),Tr=Sr(br,MP);var Si=e(pe)(()=>({"& .MuiOutlinedInput-root":{borderRadius:"5px",padding:"12px",fieldset:{borderColor:"#e6e6e6"}},"& .MuiInputBase-input":{borderRadius:"5px",fontSize:"16px",padding:"0 0"}}));var GP=e(UP)(()=>({"& .MuiAutocomplete-input":{padding:"0 !important"}})),kr=e(f)({});kr.defaultProps={variant:"body1",color:"secondary"};function ud(){let[e,t]=useState(false),{billingAddress:o,taxId:r,setTaxId:n}=re(),[i,a$1]=useState(Tr),[l,s]=useState(false),c=useCallback((f,h,C)=>{n({type:h,value:C}),a$1(f);},[n,a$1]);useEffect(()=>{s(false);},[o==null?void 0:o.country]),useEffect(()=>{if(!(o!=null&&o.country)||l||!e)return;let f=xi.find(h=>h.countryCode===o.country);f&&c(Sr(f.taxIdType,f.country),f.taxIdType,"");},[o,e,l,c]);let u=f=>{if(!f)return;let h=vt(f);if(h){if(s(true),r!=null&&r.value){c(f,h.taxIdType,r.value);return}a$1(f),r!=null&&r.type&&n(void 0);}},y=useMemo(()=>Array.from(bi.keys()),[]),p=useMemo(()=>y.find(f=>f===i)||null,[y,i]),g=useMemo(()=>{let f=vt(i);return (f==null?void 0:f.example)||"Add your VAT/GST or local tax ID."},[i]);return useEffect(()=>(e||(s(false),c(Tr,br,"")),()=>{c(Tr,br,"");}),[e,c]),jsxs(Re,{flexDirection:"column",container:true,gap:2,children:[jsx(Re,{flexDirection:"row",container:true,gap:2,children:jsx(Qc,{checked:e,onChange:()=>t(f=>!f),label:jsx(kr,{children:"I'm purchasing as a business"})})}),jsx(_P,{in:e,children:jsxs(Re,{container:true,spacing:0,sx:{width:"100%"},children:[jsxs(Re,{item:true,xs:6,children:[jsx(kr,{children:"Tax ID Type"}),jsx(GP,{fullWidth:true,options:y,value:p,onChange:(f,h)=>u(h),renderInput:f=>jsx(Si,b(a({},f),{id:"id-type",InputProps:f.InputProps})),renderOption:(f$1,h)=>{let C=vt(h);if(!C)return null;let{taxIdType:b$1,country:x,FlagComponent:A}=C;return createElement(bu,b(a({},f$1),{key:h}),jsxs(f,{variant:"body1",lineHeight:"20px",color:"secondary",children:[A&&jsx(A,{width:15,style:{marginRight:"5px",borderRadius:"8%"}}),pd(x)," - ",md(b$1)]}))},getOptionLabel:f=>{let h=vt(f);return h?`${pd(h.country)} - ${md(h.taxIdType)}`:f},ListboxProps:{sx:{maxHeight:200}}})]}),jsxs(Re,{item:true,xs:6,paddingLeft:"12px",children:[jsx(kr,{children:"Tax ID"}),jsx(Si,{id:"tax-id-value",placeholder:g,type:"text",fullWidth:true,value:(r==null?void 0:r.value)||"",onChange:f=>{let h=vt(i);h&&c(i,h.taxIdType,f.target.value);}})]})]})})]})}function gd({onBillingAddressChange:e,collectPhoneNumber:t,collectTaxId:o}){var f$1;let{checkoutState:r,checkoutLocalization:n,widgetState:i,setWidgetReadOnly:a$1}=D(),{setBillingAddress:l}=re(),{customer:s,configuration:c$1}=r||{},{readOnly:u}=i,y=!!(t!=null?t:(f$1=c$1==null?void 0:c$1.content)!=null&&f$1.collectPhoneNumber),p=useMemo(()=>o&&!(s!=null&&s.billingId)&&!(s!=null&&s.paymentMethodDetails),[o,s==null?void 0:s.billingId,s==null?void 0:s.paymentMethodDetails]),g=h=>{if(!h.complete)return;let A=h.value.address,{postal_code:C}=A,b=c(A,["postal_code"]),x=a({postalCode:C},b);a$1(true),l(x),e?d(null,null,function*(){yield e({billingAddress:x}),a$1(false);}):a$1(false);};return jsxs(Re,{flexDirection:"column",container:true,gap:3,padding:"16px",sx:{pointerEvents:u?"none":void 0},children:[jsxs(Re,{flexDirection:"column",container:true,gap:2,children:[jsx(f,{variant:"h6",children:n.newPaymentMethodBillingAddressTitle}),jsx(AddressElement,{onChange:g,options:{mode:"billing",fields:{phone:y?"always":"auto"},defaultValues:a({},(s==null?void 0:s.name)&&{name:s.name})}})]}),jsxs(Re,{flexDirection:"column",container:true,gap:2,children:[jsx(f,{variant:"h6",children:n.newPaymentMethodCardTitle}),jsx(PaymentElement,{onChange:()=>{},onReady:()=>{},options:{readOnly:u,terms:{card:"never"},defaultValues:{billingDetails:a(a({},(s==null?void 0:s.name)&&{name:s.name}),(s==null?void 0:s.email)&&{email:s.email})}}})]}),p&&jsx(ud,{})]})}function fd(){let[e,t]=useState(null),{checkoutState:o}=D(),{billingIntegration:r,setupSecret:n}=o||{};return useEffect(()=>{if(r){let{billingIdentifier:i,credentials:a}=r;if(i!==BillingVendorIdentifier.Stripe)return;let{accountId:l,publicKey:s}=a;if(!l||!s){console.error("Stripe account ID or public key is missing");return}import('@stripe/stripe-js').then(({loadStripe:c})=>{t(c(s,{stripeAccount:l}));});}},[r]),{stripePromise:e,setupIntentClientSecret:n}}function wr(){let e=It(),[{resourceId:t}]=_(),{checkoutState:o}=D(),{plan:r}=o||{},n=e.addons.map(({addon:i,quantity:a})=>({addonId:i.id,quantity:a}));if(r!=null&&r.id)return a({resourceId:t,planId:r.id,billingPeriod:e.billingPeriod,billableFeatures:e.billableFeatures,addons:n,promotionCode:e.promotionCode,billingCountryCode:e.billingCountryCode},hr({billingAddress:e.billingAddress,taxIds:e.taxId?[e.taxId]:void 0}))}var QP=[PaymentCollection.Failed,PaymentCollection.Processing];function KP(t){return d(this,arguments,function*({elements:e}){if(!e){let r="Stripe elements not initialized";return console.error(r),{success:false,errorMessage:r}}let{error:o}=yield e.submit();return o?(console.log(o.message),{success:false,errorMessage:o.message||""}):{success:true}})}function Fi(o){return d(this,arguments,function*({applySubscriptionResults:e,stripe:t}){var a,l;let r=e==null?void 0:e.subscription,n=(a=r==null?void 0:r.latestInvoice)==null?void 0:a.paymentSecret,i=r==null?void 0:r.paymentCollection;if(t&&n&&i===PaymentCollection.ActionRequired){let{error:s}=yield t.handleNextAction({clientSecret:n});if(s)return {errorMessage:s.message||""}}else if(i&&QP.includes(i))return {errorMessage:((l=r==null?void 0:r.latestInvoice)==null?void 0:l.errorMessage)||"An error occurred - try again later"};return {subscription:r}})}function qP(r){return d(this,arguments,function*({stripe:e,elements:t,clientSecret:o}){let n,i,{error:a}=yield e.confirmSetup({elements:t,confirmParams:{return_url:window.location.href},redirect:"if_required"});if(a)a.type==="card_error"||a.type==="validation_error"?a.type==="card_error"&&(i=a.message||""):i="An unexpected error occurred.";else try{let{setupIntent:l}=yield e.retrieveSetupIntent(o);l!=null&&l.payment_method&&(n=l.payment_method);}catch(l){i="An unexpected error occurred.",console.error(l);}return {newPaymentMethodId:n,setupErrorMessage:i}})}function yd(r){return d(this,arguments,function*({stripe:e,elements:t,setupIntentClientSecret:o}){if(!e||!t||!o)return {success:false};let n=yield KP({elements:t});if(!n.success)return {success:false,errorMessage:n.errorMessage};let{newPaymentMethodId:i,setupErrorMessage:a}=yield qP({stripe:e,elements:t,clientSecret:o});return a||!i?{success:false,errorMessage:a}:{success:true,paymentMethodId:i}})}var hd={v:"5.12.1",fr:30,ip:0,op:201,w:700,h:700,nm:"Check",ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,nm:"Shape Layer 8",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:315,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[-304,91,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-304,-241],[-304,-161]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:9,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:135,s:[100]},{t:145.5,s:[0]}],ix:1},e:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:130,s:[100]},{t:139.6005859375,s:[0]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:130,op:204,st:-2,ct:1,bm:0},{ddd:0,ind:2,ty:4,nm:"Shape Layer 7",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:270,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[-304,91,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-304,-241],[-304,-161]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:9,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:135,s:[100]},{t:145.5,s:[0]}],ix:1},e:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:130,s:[100]},{t:139.6005859375,s:[0]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:130,op:204,st:-2,ct:1,bm:0},{ddd:0,ind:3,ty:4,nm:"Shape Layer 6",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:225,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[-304,91,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-304,-241],[-304,-161]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:9,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:135,s:[100]},{t:145.5,s:[0]}],ix:1},e:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:130,s:[100]},{t:139.6005859375,s:[0]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:130,op:204,st:-2,ct:1,bm:0},{ddd:0,ind:4,ty:4,nm:"Shape Layer 5",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:180,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[-304,91,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-304,-241],[-304,-161]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:9,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:135,s:[100]},{t:145.5,s:[0]}],ix:1},e:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:130,s:[100]},{t:139.6005859375,s:[0]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:130,op:204,st:-2,ct:1,bm:0},{ddd:0,ind:5,ty:4,nm:"Shape Layer 4",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:135,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[-304,91,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-304,-241],[-304,-161]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:9,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:135,s:[100]},{t:145.5,s:[0]}],ix:1},e:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:130,s:[100]},{t:139.6005859375,s:[0]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:130,op:204,st:-2,ct:1,bm:0},{ddd:0,ind:6,ty:4,nm:"Shape Layer 3",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:90,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[-304,91,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-304,-241],[-304,-161]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:9,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:135,s:[100]},{t:145.5,s:[0]}],ix:1},e:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:130,s:[100]},{t:139.6005859375,s:[0]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:130,op:204,st:-2,ct:1,bm:0},{ddd:0,ind:7,ty:4,nm:"Shape Layer 2",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:45,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[-304,91,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-304,-241],[-304,-161]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:9,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:135,s:[100]},{t:145.5,s:[0]}],ix:1},e:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:130,s:[100]},{t:139.6005859375,s:[0]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:130,op:204,st:-2,ct:1,bm:0},{ddd:0,ind:8,ty:4,nm:"Shape Layer 1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[-304,91,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-304,-241],[-304,-161]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:9,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:135,s:[100]},{t:145.5,s:[0]}],ix:1},e:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:130,s:[100]},{t:139.6005859375,s:[0]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:130,op:204,st:-2,ct:1,bm:0},{ddd:0,ind:9,ty:4,nm:"Check v",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:-1.9,ix:10},p:{a:0,k:[352,360,0],ix:2,l:2},a:{a:0,k:[-120.265,116.765,0],ix:1,l:2},s:{a:0,k:[278,278,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0]],v:[[-161,123],[-137,148],[-79.531,85.531]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:5.5,ix:5},lc:2,lj:2,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[0],y:[1]},o:{x:[.333],y:[0]},t:135,s:[0]},{t:148,s:[100]}],ix:1},e:{a:0,k:0,ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:135,op:201,st:-35,ct:1,bm:0},{ddd:0,ind:11,ty:4,nm:"Circle Stroke",sr:1,ks:{o:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:0,s:[0]},{t:7,s:[100]}],ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[4,-6,0],ix:1,l:2},s:{a:0,k:[132,132,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[306,306],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:false},{ty:"st",c:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:0,s:[1,1,1,1]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:30,s:[1,1,1,1]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:61,s:[1,1,1,1]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:87,s:[1,1,1,1]},{t:136,s:[1,1,1,1]}],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:8,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[4,-6],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.338],y:[1]},o:{x:[.333],y:[0]},t:87,s:[50]},{t:122,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.338],y:[1]},o:{x:[.333],y:[0]},t:87,s:[45]},{t:122,s:[0]}],ix:2},o:{a:1,k:[{i:{x:[.474],y:[1]},o:{x:[.43],y:[0]},t:0,s:[-170.4]},{t:111,s:[-1250.4]}],ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:0,op:201,st:0,ct:1,bm:0},{ddd:0,ind:13,ty:1,nm:"Dark Gray Solid 1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[350,350,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,sw:700,sh:700,sc:"#2d2d2d",ip:0,op:201,st:0,bm:0}],markers:[],props:{}};var Br=5e3,ox=e(ke)`
|
|
586
|
+
`,qc=({disabled:e,checkoutLocalization:t,onMockCheckoutPreview:o})=>{let{promotionCode:r,setPromotionCode:n}=Ft();return jsx(Xh,{children:r?jsx(Kc,{promotionCode:r,onClearPromotionCode:()=>{n("");}}):jsx(Zc,{disabled:e,checkoutLocalization:t,onMockCheckoutPreview:o})})};var Jc=({label:e,checked:t,onChange:o,onClick:r,value:n,disabled:i,dataTestId:a})=>jsx(eC,{onClick:r,value:n,control:jsx(jh,{checked:t,onChange:o,disabled:i,"data-testid":a}),label:tC(e)?jsx(f,{variant:"body1",lineHeight:"20px",color:"secondary",children:e}):e});var Si=[{country:"Albania",countryCode:"AL",taxIdType:"al_tin",FlagComponent:AL,example:"J12345678N"},{country:"Andorra",countryCode:"AD",taxIdType:"ad_nrt",FlagComponent:AD,example:"A-123456-Z"},{country:"Angola",countryCode:"AO",taxIdType:"ao_tin",FlagComponent:AO,example:"5123456789"},{country:"Argentina",countryCode:"AR",taxIdType:"ar_cuit",FlagComponent:AR,example:"12-3456789-01"},{country:"Armenia",countryCode:"AM",taxIdType:"am_tin",FlagComponent:AM,example:"02538904"},{country:"Aruba",countryCode:"AW",taxIdType:"aw_tin",FlagComponent:AW,example:"12345678"},{country:"Australia",countryCode:"AU",taxIdType:"au_abn",FlagComponent:AU,example:"12345678912"},{country:"Australia",countryCode:"AU",taxIdType:"au_arn",FlagComponent:AU,example:"123456789123"},{country:"Austria",countryCode:"AT",taxIdType:"eu_vat",FlagComponent:AT,example:"ATU12345678"},{country:"Azerbaijan",countryCode:"AZ",taxIdType:"az_tin",FlagComponent:AZ,example:"0123456789"},{country:"Bahamas",countryCode:"BS",taxIdType:"bs_tin",FlagComponent:BS$1,example:"123.456.789"},{country:"Bahrain",countryCode:"BH",taxIdType:"bh_vat",FlagComponent:BH,example:"123456789012345"},{country:"Bangladesh",countryCode:"BD",taxIdType:"bd_bin",FlagComponent:BD,example:"123456789-0123"},{country:"Barbados",countryCode:"BB",taxIdType:"bb_tin",FlagComponent:BB,example:"1123456789012"},{country:"Belarus",countryCode:"BY",taxIdType:"by_tin",FlagComponent:BY,example:"123456789"},{country:"Belgium",countryCode:"BE",taxIdType:"eu_vat",FlagComponent:BE,example:"BE0123456789"},{country:"Benin",countryCode:"BJ",taxIdType:"bj_ifu",FlagComponent:BJ,example:"1234567890123"},{country:"Bolivia",countryCode:"BO",taxIdType:"bo_tin",FlagComponent:BO,example:"123456789"},{country:"Bosnia & Herzegovina",countryCode:"BA",taxIdType:"ba_tin",FlagComponent:BA,example:"123456789012"},{country:"Brazil",countryCode:"BR",taxIdType:"br_cnpj",FlagComponent:BR,example:"01.234.456/5432-10"},{country:"Brazil",countryCode:"BR",taxIdType:"br_cpf",FlagComponent:BR,example:"123.456.789-87"},{country:"Bulgaria",countryCode:"BG",taxIdType:"bg_uic",FlagComponent:BG,example:"123456789"},{country:"Bulgaria",countryCode:"BG",taxIdType:"eu_vat",FlagComponent:BG,example:"BG0123456789"},{country:"Burkina Faso",countryCode:"BF",taxIdType:"bf_ifu",FlagComponent:BF,example:"12345678A"},{country:"Cambodia",countryCode:"KH",taxIdType:"kh_tin",FlagComponent:KH,example:"1001-123456789"},{country:"Cameroon",countryCode:"CM",taxIdType:"cm_niu",FlagComponent:CM,example:"M123456789000L"},{country:"Canada",countryCode:"CA",taxIdType:"ca_bn",FlagComponent:CA,example:"123456789"},{country:"Canada",countryCode:"CA",taxIdType:"ca_gst_hst",FlagComponent:CA,example:"123456789RT0002"},{country:"Canada",countryCode:"CA",taxIdType:"ca_pst_bc",FlagComponent:CA,example:"PST-1234-5678"},{country:"Canada",countryCode:"CA",taxIdType:"ca_pst_mb",FlagComponent:CA,example:"123456-7"},{country:"Canada",countryCode:"CA",taxIdType:"ca_pst_sk",FlagComponent:CA,example:"1234567"},{country:"Canada",countryCode:"CA",taxIdType:"ca_qst",FlagComponent:CA,example:"1234567890TQ1234"},{country:"Cape Verde",countryCode:"CV",taxIdType:"cv_nif",FlagComponent:CV,example:"213456789"},{country:"Chile",countryCode:"CL",taxIdType:"cl_tin",FlagComponent:CL,example:"12.345.678-K"},{country:"China",countryCode:"CN",taxIdType:"cn_tin",FlagComponent:CN,example:"123456789012345678"},{country:"Colombia",countryCode:"CO",taxIdType:"co_nit",FlagComponent:CO,example:"123.456.789-0"},{country:"Congo - Kinshasa",countryCode:"CD",taxIdType:"cd_nif",FlagComponent:CD,example:"A0123456M"},{country:"Costa Rica",countryCode:"CR",taxIdType:"cr_tin",FlagComponent:CR,example:"1-234-567890"},{country:"Croatia",countryCode:"HR",taxIdType:"eu_vat",FlagComponent:HR,example:"HR12345678912"},{country:"Croatia",countryCode:"HR",taxIdType:"hr_oib",FlagComponent:HR,example:"12345678901"},{country:"Cyprus",countryCode:"CY",taxIdType:"eu_vat",FlagComponent:CY,example:"CY12345678Z"},{country:"Czech Republic",countryCode:"CZ",taxIdType:"eu_vat",FlagComponent:CZ,example:"CZ1234567890"},{country:"Denmark",countryCode:"DK",taxIdType:"eu_vat",FlagComponent:DK,example:"DK12345678"},{country:"Dominican Republic",countryCode:"DO",taxIdType:"do_rcn",FlagComponent:DO,example:"123-4567890-1"},{country:"Ecuador",countryCode:"EC",taxIdType:"ec_ruc",FlagComponent:EC,example:"1234567890001"},{country:"Egypt",countryCode:"EG",taxIdType:"eg_tin",FlagComponent:EG,example:"123456789"},{country:"El Salvador",countryCode:"SV",taxIdType:"sv_nit",FlagComponent:SV,example:"1234-567890-123-4"},{country:"Estonia",countryCode:"EE",taxIdType:"eu_vat",FlagComponent:EE,example:"EE123456789"},{country:"Ethiopia",countryCode:"ET",taxIdType:"et_tin",FlagComponent:ET,example:"1234567890"},{country:"EU",countryCode:"EU",taxIdType:"eu_oss_vat",FlagComponent:EU,example:"EU123456789"},{country:"Finland",countryCode:"FI",taxIdType:"eu_vat",FlagComponent:FI,example:"FI12345678"},{country:"France",countryCode:"FR",taxIdType:"eu_vat",FlagComponent:FR,example:"FRAB123456789"},{country:"Georgia",countryCode:"GE",taxIdType:"ge_vat",FlagComponent:GE,example:"123456789"},{country:"Germany",countryCode:"DE",taxIdType:"de_stn",FlagComponent:DE,example:"1234567890"},{country:"Germany",countryCode:"DE",taxIdType:"eu_vat",FlagComponent:DE,example:"DE123456789"},{country:"Greece",countryCode:"GR",taxIdType:"eu_vat",FlagComponent:GR,example:"EL123456789"},{country:"Guinea",countryCode:"GN",taxIdType:"gn_nif",FlagComponent:GN,example:"123456789"},{country:"Hong Kong",countryCode:"HK",taxIdType:"hk_br",FlagComponent:HK,example:"12345678"},{country:"Hungary",countryCode:"HU",taxIdType:"eu_vat",FlagComponent:HU,example:"HU12345678"},{country:"Hungary",countryCode:"HU",taxIdType:"hu_tin",FlagComponent:HU,example:"12345678-1-23"},{country:"Iceland",countryCode:"IS",taxIdType:"is_vat",FlagComponent:IS$1,example:"123456"},{country:"India",countryCode:"IN",taxIdType:"in_gst",FlagComponent:IN,example:"12ABCDE3456FGZH"},{country:"Indonesia",countryCode:"ID",taxIdType:"id_npwp",FlagComponent:ID,example:"012.345.678.9-012.345"},{country:"Ireland",countryCode:"IE",taxIdType:"eu_vat",FlagComponent:IE,example:"IE1234567AB"},{country:"Israel",countryCode:"IL",taxIdType:"il_vat",FlagComponent:IL,example:"000012345"},{country:"Italy",countryCode:"IT",taxIdType:"eu_vat",FlagComponent:IT,example:"IT12345678912"},{country:"Japan",countryCode:"JP",taxIdType:"jp_cn",FlagComponent:JP,example:"1234567891234"},{country:"Japan",countryCode:"JP",taxIdType:"jp_rn",FlagComponent:JP,example:"12345"},{country:"Japan",countryCode:"JP",taxIdType:"jp_trn",FlagComponent:JP,example:"T1234567891234"},{country:"Kazakhstan",countryCode:"KZ",taxIdType:"kz_bin",FlagComponent:KZ,example:"123456789012"},{country:"Kenya",countryCode:"KE",taxIdType:"ke_pin",FlagComponent:KE,example:"P000111111A"},{country:"Kyrgyzstan",countryCode:"KG",taxIdType:"kg_tin",FlagComponent:KG,example:"12345678901234"},{country:"Laos",countryCode:"LA",taxIdType:"la_tin",FlagComponent:LA,example:"123456789-000"},{country:"Latvia",countryCode:"LV",taxIdType:"eu_vat",FlagComponent:LV,example:"LV12345678912"},{country:"Liechtenstein",countryCode:"LI",taxIdType:"li_uid",FlagComponent:LI,example:"CHE123456789"},{country:"Liechtenstein",countryCode:"LI",taxIdType:"li_vat",FlagComponent:LI,example:"12345"},{country:"Lithuania",countryCode:"LT",taxIdType:"eu_vat",FlagComponent:LT,example:"LT123456789123"},{country:"Luxembourg",countryCode:"LU",taxIdType:"eu_vat",FlagComponent:LU,example:"LU12345678"},{country:"Malaysia",countryCode:"MY",taxIdType:"my_frp",FlagComponent:MY,example:"12345678"},{country:"Malaysia",countryCode:"MY",taxIdType:"my_itn",FlagComponent:MY,example:"C 1234567890"},{country:"Malaysia",countryCode:"MY",taxIdType:"my_sst",FlagComponent:MY,example:"A12-3456-78912345"},{country:"Malta",countryCode:"MT",taxIdType:"eu_vat",FlagComponent:MT,example:"MT12345678"},{country:"Mauritania",countryCode:"MR",taxIdType:"mr_nif",FlagComponent:MR,example:"12345678"},{country:"Mexico",countryCode:"MX",taxIdType:"mx_rfc",FlagComponent:MX,example:"ABC010203AB9"},{country:"Moldova",countryCode:"MD",taxIdType:"md_vat",FlagComponent:MD,example:"1234567"},{country:"Montenegro",countryCode:"ME",taxIdType:"me_pib",FlagComponent:ME,example:"12345678"},{country:"Morocco",countryCode:"MA",taxIdType:"ma_vat",FlagComponent:MA,example:"12345678"},{country:"Nepal",countryCode:"NP",taxIdType:"np_pan",FlagComponent:NP,example:"123456789"},{country:"Netherlands",countryCode:"NL",taxIdType:"eu_vat",FlagComponent:NL,example:"NL123456789B12"},{country:"New Zealand",countryCode:"NZ",taxIdType:"nz_gst",FlagComponent:NZ,example:"123456789"},{country:"Nigeria",countryCode:"NG",taxIdType:"ng_tin",FlagComponent:NG,example:"12345678-0001"},{country:"North Macedonia",countryCode:"MK",taxIdType:"mk_vat",FlagComponent:MK,example:"MK1234567890123"},{country:"Norway",countryCode:"NO",taxIdType:"no_vat",FlagComponent:NO,example:"123456789MVA"},{country:"Norway",countryCode:"NO",taxIdType:"no_voec",FlagComponent:NO,example:"1234567"},{country:"Oman",countryCode:"OM",taxIdType:"om_vat",FlagComponent:OM,example:"OM1234567890"},{country:"Peru",countryCode:"PE",taxIdType:"pe_ruc",FlagComponent:PE,example:"12345678901"},{country:"Philippines",countryCode:"PH",taxIdType:"ph_tin",FlagComponent:PH,example:"123456789012"},{country:"Poland",countryCode:"PL",taxIdType:"eu_vat",FlagComponent:PL,example:"PL1234567890"},{country:"Portugal",countryCode:"PT",taxIdType:"eu_vat",FlagComponent:PT,example:"PT123456789"},{country:"Romania",countryCode:"RO",taxIdType:"eu_vat",FlagComponent:RO,example:"RO1234567891"},{country:"Romania",countryCode:"RO",taxIdType:"ro_tin",FlagComponent:RO,example:"1234567890123"},{country:"Russia",countryCode:"RU",taxIdType:"ru_inn",FlagComponent:RU,example:"1234567891"},{country:"Russia",countryCode:"RU",taxIdType:"ru_kpp",FlagComponent:RU,example:"123456789"},{country:"Saudi Arabia",countryCode:"SA",taxIdType:"sa_vat",FlagComponent:SA,example:"123456789012345"},{country:"Senegal",countryCode:"SN",taxIdType:"sn_ninea",FlagComponent:SN,example:"12345672A2"},{country:"Serbia",countryCode:"RS",taxIdType:"rs_pib",FlagComponent:RS,example:"123456789"},{country:"Singapore",countryCode:"SG",taxIdType:"sg_gst",FlagComponent:SG,example:"M12345678X"},{country:"Singapore",countryCode:"SG",taxIdType:"sg_uen",FlagComponent:SG,example:"123456789F"},{country:"Slovakia",countryCode:"SK",taxIdType:"eu_vat",FlagComponent:SK,example:"SK1234567891"},{country:"Slovenia",countryCode:"SI",taxIdType:"eu_vat",FlagComponent:SI,example:"SI12345678"},{country:"Slovenia",countryCode:"SI",taxIdType:"si_tin",FlagComponent:SI,example:"12345678"},{country:"South Africa",countryCode:"ZA",taxIdType:"za_vat",FlagComponent:ZA,example:"4123456789"},{country:"South Korea",countryCode:"KR",taxIdType:"kr_brn",FlagComponent:KR,example:"123-45-67890"},{country:"Spain",countryCode:"ES",taxIdType:"es_cif",FlagComponent:ES$1,example:"A12345678"},{country:"Spain",countryCode:"ES",taxIdType:"eu_vat",FlagComponent:ES$1,example:"ESA1234567Z"},{country:"Suriname",countryCode:"SR",taxIdType:"sr_fin",FlagComponent:SR,example:"1234567890"},{country:"Sweden",countryCode:"SE",taxIdType:"eu_vat",FlagComponent:SE,example:"SE123456789123"},{country:"Switzerland",countryCode:"CH",taxIdType:"ch_uid",FlagComponent:CH,example:"CHE-123.456.789 HR"},{country:"Switzerland",countryCode:"CH",taxIdType:"ch_vat",FlagComponent:CH,example:"CHE-123.456.789 MWST"},{country:"Taiwan",countryCode:"TW",taxIdType:"tw_vat",FlagComponent:TW,example:"12345678"},{country:"Tajikistan",countryCode:"TJ",taxIdType:"tj_tin",FlagComponent:TJ,example:"123456789"},{country:"Tanzania",countryCode:"TZ",taxIdType:"tz_vat",FlagComponent:TZ,example:"12345678A"},{country:"Thailand",countryCode:"TH",taxIdType:"th_vat",FlagComponent:TH,example:"1234567891234"},{country:"Turkey",countryCode:"TR",taxIdType:"tr_tin",FlagComponent:TR,example:"0123456789"},{country:"Uganda",countryCode:"UG",taxIdType:"ug_tin",FlagComponent:UG,example:"1014751879"},{country:"Ukraine",countryCode:"UA",taxIdType:"ua_vat",FlagComponent:UA,example:"123456789"},{country:"United Arab Emirates",countryCode:"AE",taxIdType:"ae_trn",FlagComponent:AE,example:"123456789012345"},{country:"United Kingdom",countryCode:"GB",taxIdType:"eu_vat",FlagComponent:GB,example:"XI123456789"},{country:"United Kingdom",countryCode:"GB",taxIdType:"gb_vat",FlagComponent:GB,example:"GB123456789"},{country:"United States",countryCode:"US",taxIdType:"us_ein",FlagComponent:US,example:"12-3456789"},{country:"Uruguay",countryCode:"UY",taxIdType:"uy_ruc",FlagComponent:UY,example:"123456789012"},{country:"Uzbekistan",countryCode:"UZ",taxIdType:"uz_tin",FlagComponent:UZ,example:"123456789"},{country:"Uzbekistan",countryCode:"UZ",taxIdType:"uz_vat",FlagComponent:UZ,example:"123456789012"},{country:"Venezuela",countryCode:"VE",taxIdType:"ve_rif",FlagComponent:VE,example:"A-12345678-9"},{country:"Vietnam",countryCode:"VN",taxIdType:"vn_tin",FlagComponent:VN,example:"1234567890"},{country:"Zambia",countryCode:"ZM",taxIdType:"zm_tin",FlagComponent:ZM,example:"1004751879"},{country:"Zimbabwe",countryCode:"ZW",taxIdType:"zw_tin",FlagComponent:ZW,example:"1234567890"}],zP="United States",VP=" # ",Sr="us_ein",Tr=(e,t)=>`${e}${VP}${t}`,Ti=new Map(Si.map(e=>[Tr(e.taxIdType,e.country),e])),Et=e=>Ti.get(e),kr=Tr(Sr,zP);var ki=e(pe)(()=>({"& .MuiOutlinedInput-root":{borderRadius:"5px",padding:"12px",fieldset:{borderColor:"#e6e6e6"}},"& .MuiInputBase-input":{borderRadius:"5px",fontSize:"16px",padding:"0 0"}}));var YP=e(OP)(()=>({"& .MuiAutocomplete-input":{padding:"0 !important"}})),wr=e(f)({});wr.defaultProps={variant:"body1",color:"secondary"};function yd(){let[e,t]=useState(false),{billingAddress:o,taxId:r,setTaxId:n}=re(),[i,a$1]=useState(kr),[l,s]=useState(false),c=useCallback((g,h,P)=>{n({type:h,value:P}),a$1(g);},[n,a$1]);useEffect(()=>{s(false);},[o==null?void 0:o.country]),useEffect(()=>{if(!(o!=null&&o.country)||l||!e)return;let g=Si.find(h=>h.countryCode===o.country);g&&c(Tr(g.taxIdType,g.country),g.taxIdType,"");},[o,e,l,c]);let u=g=>{if(!g)return;let h=Et(g);if(h){if(s(true),r!=null&&r.value){c(g,h.taxIdType,r.value);return}a$1(g),r!=null&&r.type&&n(void 0);}},f$1=useMemo(()=>Array.from(Ti.keys()),[]),y=useMemo(()=>f$1.find(g=>g===i)||null,[f$1,i]),p=useMemo(()=>{let g=Et(i);return (g==null?void 0:g.example)||"Add your VAT/GST or local tax ID."},[i]);return useEffect(()=>(e||(s(false),c(kr,Sr,"")),()=>{c(kr,Sr,"");}),[e,c]),jsxs(Re,{flexDirection:"column",container:true,gap:2,children:[jsx(Re,{flexDirection:"row",container:true,gap:2,children:jsx(Jc,{checked:e,onChange:()=>t(g=>!g),label:jsx(wr,{children:"I'm purchasing as a business"})})}),jsx(HP,{in:e,children:jsxs(Re,{container:true,spacing:0,sx:{width:"100%"},children:[jsxs(Re,{item:true,xs:6,children:[jsx(wr,{children:"Tax ID Type"}),jsx(YP,{fullWidth:true,options:f$1,value:y,onChange:(g,h)=>u(h),renderInput:g=>jsx(ki,b(a({},g),{id:"id-type",InputProps:g.InputProps})),renderOption:(g,h)=>{let P=Et(h);if(!P)return null;let{taxIdType:b$1,country:x,FlagComponent:A}=P;return createElement(ku,b(a({},g),{key:h}),jsxs(f,{variant:"body1",lineHeight:"20px",color:"secondary",children:[A&&jsx(A,{width:15,style:{marginRight:"5px",borderRadius:"8%"}}),gd(x)," - ",fd(b$1)]}))},getOptionLabel:g=>{let h=Et(g);return h?`${gd(h.country)} - ${fd(h.taxIdType)}`:g},ListboxProps:{sx:{maxHeight:200}}})]}),jsxs(Re,{item:true,xs:6,paddingLeft:"12px",children:[jsx(wr,{children:"Tax ID"}),jsx(ki,{id:"tax-id-value",placeholder:p,type:"text",fullWidth:true,value:(r==null?void 0:r.value)||"",onChange:g=>{let h=Et(i);h&&c(i,h.taxIdType,g.target.value);}})]})]})})]})}function hd({onBillingAddressChange:e,collectPhoneNumber:t,collectTaxId:o}){var g;let{checkoutState:r,checkoutLocalization:n,widgetState:i,setWidgetReadOnly:a$1}=D(),{setBillingAddress:l}=re(),{customer:s,configuration:c$1}=r||{},{readOnly:u}=i,f$1=!!(t!=null?t:(g=c$1==null?void 0:c$1.content)!=null&&g.collectPhoneNumber),y=useMemo(()=>o&&!(s!=null&&s.billingId)&&!(s!=null&&s.paymentMethodDetails),[o,s==null?void 0:s.billingId,s==null?void 0:s.paymentMethodDetails]),p=h=>{if(!h.complete)return;let A=h.value.address,{postal_code:P}=A,b=c(A,["postal_code"]),x=a({postalCode:P},b);a$1(true),l(x),e?d(null,null,function*(){yield e({billingAddress:x}),a$1(false);}):a$1(false);};return jsxs(Re,{flexDirection:"column",container:true,gap:3,padding:"16px",sx:{pointerEvents:u?"none":void 0},children:[jsxs(Re,{flexDirection:"column",container:true,gap:2,children:[jsx(f,{variant:"h6",children:n.newPaymentMethodBillingAddressTitle}),jsx(AddressElement,{onChange:p,options:{mode:"billing",fields:{phone:f$1?"always":"auto"},defaultValues:a({},(s==null?void 0:s.name)&&{name:s.name})}})]}),jsxs(Re,{flexDirection:"column",container:true,gap:2,children:[jsx(f,{variant:"h6",children:n.newPaymentMethodCardTitle}),jsx(PaymentElement,{onChange:()=>{},onReady:()=>{},options:{readOnly:u,terms:{card:"never"},defaultValues:{billingDetails:a(a({},(s==null?void 0:s.name)&&{name:s.name}),(s==null?void 0:s.email)&&{email:s.email})}}})]}),y&&jsx(yd,{})]})}function Cd(){let[e,t]=useState(null),{checkoutState:o}=D(),{billingIntegration:r,setupSecret:n}=o||{};return useEffect(()=>{if(r){let{billingIdentifier:i,credentials:a}=r;if(i!==BillingVendorIdentifier.Stripe)return;let{accountId:l,publicKey:s}=a;if(!l||!s){console.error("Stripe account ID or public key is missing");return}import('@stripe/stripe-js').then(({loadStripe:c})=>{t(c(s,{stripeAccount:l}));});}},[r]),{stripePromise:e,setupIntentClientSecret:n}}function Br(){let e=It(),[{resourceId:t,resetBillingPeriod:o}]=_(),{checkoutState:r}=D(),{plan:n,activeSubscription:i}=r||{},a$1=e.addons.map(({addon:c,quantity:u})=>({addonId:c.id,quantity:u}));if(!(n!=null&&n.id))return;let{prorationBehavior:l,billingCycleAnchor:s}=Cr({activeSubscription:i,resetBillingPeriod:o});return a(a({resourceId:t,planId:n.id,billingPeriod:e.billingPeriod,billableFeatures:e.billableFeatures,addons:a$1,promotionCode:e.promotionCode,billingCountryCode:e.billingCountryCode},hr({billingAddress:e.billingAddress,taxIds:e.taxId?[e.taxId]:void 0,prorationBehavior:l})),s?{billingCycleAnchor:s}:{})}var tx=[PaymentCollection.Failed,PaymentCollection.Processing];function ox(t){return d(this,arguments,function*({elements:e}){if(!e){let r="Stripe elements not initialized";return console.error(r),{success:false,errorMessage:r}}let{error:o}=yield e.submit();return o?(console.log(o.message),{success:false,errorMessage:o.message||""}):{success:true}})}function Ei(o){return d(this,arguments,function*({applySubscriptionResults:e,stripe:t}){var a,l;let r=e==null?void 0:e.subscription,n=(a=r==null?void 0:r.latestInvoice)==null?void 0:a.paymentSecret,i=r==null?void 0:r.paymentCollection;if(t&&n&&i===PaymentCollection.ActionRequired){let{error:s}=yield t.handleNextAction({clientSecret:n});if(s)return {errorMessage:s.message||""}}else if(i&&tx.includes(i))return {errorMessage:((l=r==null?void 0:r.latestInvoice)==null?void 0:l.errorMessage)||"An error occurred - try again later"};return {subscription:r}})}function rx(r){return d(this,arguments,function*({stripe:e,elements:t,clientSecret:o}){let n,i,{error:a}=yield e.confirmSetup({elements:t,confirmParams:{return_url:window.location.href},redirect:"if_required"});if(a)a.type==="card_error"||a.type==="validation_error"?a.type==="card_error"&&(i=a.message||""):i="An unexpected error occurred.";else try{let{setupIntent:l}=yield e.retrieveSetupIntent(o);l!=null&&l.payment_method&&(n=l.payment_method);}catch(l){i="An unexpected error occurred.",console.error(l);}return {newPaymentMethodId:n,setupErrorMessage:i}})}function Pd(r){return d(this,arguments,function*({stripe:e,elements:t,setupIntentClientSecret:o}){if(!e||!t||!o)return {success:false};let n=yield ox({elements:t});if(!n.success)return {success:false,errorMessage:n.errorMessage};let{newPaymentMethodId:i,setupErrorMessage:a}=yield rx({stripe:e,elements:t,clientSecret:o});return a||!i?{success:false,errorMessage:a}:{success:true,paymentMethodId:i}})}var xd={v:"5.12.1",fr:30,ip:0,op:201,w:700,h:700,nm:"Check",ddd:0,assets:[],layers:[{ddd:0,ind:1,ty:4,nm:"Shape Layer 8",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:315,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[-304,91,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-304,-241],[-304,-161]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:9,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:135,s:[100]},{t:145.5,s:[0]}],ix:1},e:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:130,s:[100]},{t:139.6005859375,s:[0]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:130,op:204,st:-2,ct:1,bm:0},{ddd:0,ind:2,ty:4,nm:"Shape Layer 7",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:270,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[-304,91,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-304,-241],[-304,-161]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:9,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:135,s:[100]},{t:145.5,s:[0]}],ix:1},e:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:130,s:[100]},{t:139.6005859375,s:[0]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:130,op:204,st:-2,ct:1,bm:0},{ddd:0,ind:3,ty:4,nm:"Shape Layer 6",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:225,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[-304,91,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-304,-241],[-304,-161]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:9,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:135,s:[100]},{t:145.5,s:[0]}],ix:1},e:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:130,s:[100]},{t:139.6005859375,s:[0]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:130,op:204,st:-2,ct:1,bm:0},{ddd:0,ind:4,ty:4,nm:"Shape Layer 5",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:180,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[-304,91,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-304,-241],[-304,-161]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:9,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:135,s:[100]},{t:145.5,s:[0]}],ix:1},e:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:130,s:[100]},{t:139.6005859375,s:[0]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:130,op:204,st:-2,ct:1,bm:0},{ddd:0,ind:5,ty:4,nm:"Shape Layer 4",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:135,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[-304,91,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-304,-241],[-304,-161]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:9,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:135,s:[100]},{t:145.5,s:[0]}],ix:1},e:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:130,s:[100]},{t:139.6005859375,s:[0]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:130,op:204,st:-2,ct:1,bm:0},{ddd:0,ind:6,ty:4,nm:"Shape Layer 3",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:90,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[-304,91,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-304,-241],[-304,-161]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:9,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:135,s:[100]},{t:145.5,s:[0]}],ix:1},e:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:130,s:[100]},{t:139.6005859375,s:[0]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:130,op:204,st:-2,ct:1,bm:0},{ddd:0,ind:7,ty:4,nm:"Shape Layer 2",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:45,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[-304,91,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-304,-241],[-304,-161]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:9,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:135,s:[100]},{t:145.5,s:[0]}],ix:1},e:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:130,s:[100]},{t:139.6005859375,s:[0]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:130,op:204,st:-2,ct:1,bm:0},{ddd:0,ind:8,ty:4,nm:"Shape Layer 1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[-304,91,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0]],o:[[0,0],[0,0]],v:[[-304,-241],[-304,-161]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:9,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:135,s:[100]},{t:145.5,s:[0]}],ix:1},e:{a:1,k:[{i:{x:[.667],y:[1]},o:{x:[.333],y:[0]},t:130,s:[100]},{t:139.6005859375,s:[0]}],ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:130,op:204,st:-2,ct:1,bm:0},{ddd:0,ind:9,ty:4,nm:"Check v",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:-1.9,ix:10},p:{a:0,k:[352,360,0],ix:2,l:2},a:{a:0,k:[-120.265,116.765,0],ix:1,l:2},s:{a:0,k:[278,278,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{ind:0,ty:"sh",ix:1,ks:{a:0,k:{i:[[0,0],[0,0],[0,0]],o:[[0,0],[0,0],[0,0]],v:[[-161,123],[-137,148],[-79.531,85.531]],c:false},ix:2},nm:"Path 1",mn:"ADBE Vector Shape - Group",hd:false},{ty:"st",c:{a:0,k:[1,1,1,1],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:5.5,ix:5},lc:2,lj:2,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[0,0],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Shape 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[0],y:[1]},o:{x:[.333],y:[0]},t:135,s:[0]},{t:148,s:[100]}],ix:1},e:{a:0,k:0,ix:2},o:{a:0,k:0,ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:135,op:201,st:-35,ct:1,bm:0},{ddd:0,ind:11,ty:4,nm:"Circle Stroke",sr:1,ks:{o:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:0,s:[0]},{t:7,s:[100]}],ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[4,-6,0],ix:1,l:2},s:{a:0,k:[132,132,100],ix:6,l:2}},ao:0,shapes:[{ty:"gr",it:[{d:1,ty:"el",s:{a:0,k:[306,306],ix:2},p:{a:0,k:[0,0],ix:3},nm:"Ellipse Path 1",mn:"ADBE Vector Shape - Ellipse",hd:false},{ty:"st",c:{a:1,k:[{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:0,s:[1,1,1,1]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:30,s:[1,1,1,1]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:61,s:[1,1,1,1]},{i:{x:[.833],y:[.833]},o:{x:[.167],y:[.167]},t:87,s:[1,1,1,1]},{t:136,s:[1,1,1,1]}],ix:3},o:{a:0,k:100,ix:4},w:{a:0,k:8,ix:5},lc:2,lj:1,ml:4,bm:0,nm:"Stroke 1",mn:"ADBE Vector Graphic - Stroke",hd:false},{ty:"tr",p:{a:0,k:[4,-6],ix:2},a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},r:{a:0,k:0,ix:6},o:{a:0,k:100,ix:7},sk:{a:0,k:0,ix:4},sa:{a:0,k:0,ix:5},nm:"Transform"}],nm:"Ellipse 1",np:3,cix:2,bm:0,ix:1,mn:"ADBE Vector Group",hd:false},{ty:"tm",s:{a:1,k:[{i:{x:[.338],y:[1]},o:{x:[.333],y:[0]},t:87,s:[50]},{t:122,s:[100]}],ix:1},e:{a:1,k:[{i:{x:[.338],y:[1]},o:{x:[.333],y:[0]},t:87,s:[45]},{t:122,s:[0]}],ix:2},o:{a:1,k:[{i:{x:[.474],y:[1]},o:{x:[.43],y:[0]},t:0,s:[-170.4]},{t:111,s:[-1250.4]}],ix:3},m:1,ix:2,nm:"Trim Paths 1",mn:"ADBE Vector Filter - Trim",hd:false}],ip:0,op:201,st:0,ct:1,bm:0},{ddd:0,ind:13,ty:1,nm:"Dark Gray Solid 1",sr:1,ks:{o:{a:0,k:100,ix:11},r:{a:0,k:0,ix:10},p:{a:0,k:[350,350,0],ix:2,l:2},a:{a:0,k:[350,350,0],ix:1,l:2},s:{a:0,k:[100,100,100],ix:6,l:2}},ao:0,sw:700,sh:700,sc:"#2d2d2d",ip:0,op:201,st:0,bm:0}],markers:[],props:{}};var Ar=5e3,cx=e(ke)`
|
|
587
587
|
@keyframes blurFade {
|
|
588
588
|
0% {
|
|
589
|
-
background-color: ${({theme:e})=>
|
|
589
|
+
background-color: ${({theme:e})=>Li(e.stigg.palette.backgroundPaper).alpha(0).toString()};
|
|
590
590
|
backdrop-filter: blur(0px);
|
|
591
591
|
}
|
|
592
592
|
100% {
|
|
593
|
-
background-color: ${({theme:e})=>
|
|
593
|
+
background-color: ${({theme:e})=>Li(e.stigg.palette.backgroundPaper).alpha(.9).toString()};
|
|
594
594
|
backdrop-filter: blur(6.5px);
|
|
595
595
|
}
|
|
596
596
|
}
|
|
@@ -601,7 +601,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
601
601
|
bottom: 0;
|
|
602
602
|
right: 0;
|
|
603
603
|
z-index: 5;
|
|
604
|
-
background-color: ${({theme:e})=>
|
|
604
|
+
background-color: ${({theme:e})=>Li(e.stigg.palette.backgroundPaper).alpha(.9).toString()};
|
|
605
605
|
animation: blurFade 2s ease-in forwards;
|
|
606
606
|
display: flex;
|
|
607
607
|
flex-direction: column;
|
|
@@ -614,7 +614,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
614
614
|
& path {
|
|
615
615
|
stroke: ${({theme:e})=>e.stigg.palette.primary};
|
|
616
616
|
}
|
|
617
|
-
`,
|
|
617
|
+
`,dx=e(f)`
|
|
618
618
|
@keyframes fadeIn {
|
|
619
619
|
0% {
|
|
620
620
|
opacity: 0;
|
|
@@ -629,7 +629,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
629
629
|
|
|
630
630
|
align-self: center;
|
|
631
631
|
animation: fadeIn 5s ease-in forwards;
|
|
632
|
-
`;function
|
|
632
|
+
`;function Sd({checkoutLocalization:e}){let t=useRef();return useEffect(()=>{t.current&&t.current.scrollIntoView({behavior:"smooth",block:"center",inline:"center"});},[]),jsxs(cx,{className:"stigg-checkout-success-container",ref:t,children:[jsx(lx,{options:{animationData:xd,loop:false,autoplay:true},width:350,height:"auto",style:{display:"flex",justifyContent:"center"}}),jsx(dx,{variant:"h1",color:"primary.main",children:e.summary.checkoutSuccessText})]})}var gx=e=>new Promise(t=>setTimeout(t,e));function Td({isMocked:e=false,onCheckout:t,onCheckoutCompleted:o,onSuccess:r,disableSuccessAnimation:n}){let{stigg:i}=u(),{useNewPaymentMethod:a$1}=re(),l=Br(),{checkoutState:s,widgetState:c,setWidgetReadOnly:u$1}=D(),{setupSecret:f,customer:y}=s||{},p=useStripe(),g=useElements();return {handleSubmit:P=>d(null,null,function*(){if(P.preventDefault(),!l)return {success:false,errorMessage:"Unexpected error, please contact support."};let b$1=true,x,A=false,S;if(u$1(true),!e&&a$1){let w=yield Pd({elements:g,stripe:p,setupIntentClientSecret:f});w.success?S=w.paymentMethodId:(x=w.errorMessage,b$1=false);}let F=b(a({},l),{paymentMethodId:S}),T=w=>d(null,null,function*(){A=true;try{let I=yield i.applySubscription(w),v=yield Ei({applySubscriptionResults:I,stripe:p});return {success:!v.errorMessage,errorMessage:v.errorMessage,results:I}}catch(I){return console.error(I),x=I==null?void 0:I.message,{success:false,errorMessage:x}}}),k;if(b$1)if(t){let w=yield t({customerId:y.id,checkoutParams:F,checkoutAction:T});if(w.errorMessage&&(x=w.errorMessage),!A&&w.results&&w.success){let I=yield Ei({applySubscriptionResults:w.results,stripe:p});I.errorMessage&&(x=I.errorMessage,b$1=false);}b$1=b$1&&w.success&&!x,k=w.results;}else {let w=yield T(F);!w.success&&w.errorMessage&&(x=w.errorMessage),b$1=w.success&&!x,k=w.results;}return u$1(false),b$1&&r&&(r(),n||(yield gx(Ar))),yield o({success:b$1,error:x}),{results:k,success:!x,errorMessage:x}}),isLoading:!!(c!=null&&c.readOnly)}}function kd(){return !!window.Zuora}function wd(){let e=document.createElement("script");e.type="text/javascript",e.src="https://js.zuora.com/payment/v3/zuora.js",e.async=true,e.onerror=()=>{throw new Error("Failed to load Zuora library")},document.head.appendChild(e);}function Bd(e,t,o,r){return {locale:r||"en",region:(r==null?void 0:r.toUpperCase())||"US",currency:o,amount:"1",createPaymentSession:e,onComplete:t}}function Lt(){let{stigg:e}=u(),{setErrorMessage:t}=re(),{billingCountryCode:o}=be(),[r,n]=useState(false),{checkoutState:i}=D(),{billingIntegration:a}=i||{},l=useCallback(()=>d(null,null,function*(){if(!(i!=null&&i.customer.id)||!(i!=null&&i.plan.id))throw new Error("Customer and plan are required");let{token:u}=yield e.createPaymentSession({planId:i.plan.id,billingCountryCode:o});return u}),[i,e,o]),s=useCallback(()=>{try{kd()||wd(),n(!0);}catch(u){t("Failed to initialize Zuora");}},[n,t]);return useEffect(()=>{if(a){let{billingIdentifier:u}=a;u===BillingVendorIdentifier.Zuora&&s();}},[a,s]),{isZuoraIntegration:(a==null?void 0:a.billingIdentifier)===BillingVendorIdentifier.Zuora,isInitialized:r,createPaymentSession:l}}var Cx=e=>new Promise(t=>setTimeout(t,e));function Ir({onCheckout:e,onCheckoutCompleted:t,onSuccess:o,disableSuccessAnimation:r}){let{stigg:n}=u(),i=Br(),{checkoutState:a$1,setWidgetReadOnly:l,setCheckoutSuccess:s}=D(),{setErrorMessage:c}=re();return {handleZuoraSubmit:useCallback(f=>d(null,null,function*(){l(true);let y=true,p,g=i;if(!g)y=false,p="Unexpected error, please contact support.";else {let h=b(a({},g),{paymentMethodId:f}),P=b=>d(null,null,function*(){try{return {success:!0,results:yield n.applySubscription(b)}}catch(x){return console.error(x),{success:false,errorMessage:(x==null?void 0:x.message)||"Failed to apply subscription"}}});try{if(e){let b=yield e({customerId:a$1.customer.id,checkoutParams:h,checkoutAction:P});b.errorMessage&&(p=b.errorMessage),y=y&&b.success&&!p;}else {let b=yield P(h);!b.success&&b.errorMessage&&(p=b.errorMessage),y=b.success&&!p;}}catch(b){y=false,p=b.message||"Failed to process checkout";}}return y?(s(true),o&&(o(),r||(yield Cx(Ar)))):c(p),l(false),yield t({success:y,error:p}),{success:y,errorMessage:p}}),[n,i,a$1,e,t,o,r,l,s,c])}}var Ie=({isLoading:e,width:t=50,height:o$1=16,children:r})=>e?jsx(o,{width:t,height:o$1}):jsx(Fragment,{children:r});var bx=({subscriptionPreview:e,isFetchingSubscriptionPreview:t,checkoutLocalization:o})=>{var a,l,s,c;let{immediateInvoice:r}=e||{};if(!((l=(a=r==null?void 0:r.proration)==null?void 0:a.netAmount)!=null&&l.amount)||((c=(s=r==null?void 0:r.proration)==null?void 0:s.netAmount)==null?void 0:c.amount)>=0)return null;let n=r.proration.netAmount.amount*-1,i=H({amount:n,currency:r.proration.netAmount.currency,minimumFractionDigits:2});return jsx(f,{variant:"body1",style:{marginTop:14},className:"stigg-checkout-summary-captions-remaining-credits",children:jsx(Ie,{isLoading:t,width:"100%",children:o.summary.creditsForUnusedTimeText({credits:i})})})},Sx=({subscriptionPreview:e,activeSubscription:t,isFetchingSubscriptionPreview:o,checkoutLocalization:r})=>{if(!(e!=null&&e.hasScheduledUpdates)||!(t!=null&&t.currentBillingPeriodEnd))return null;let{currentBillingPeriodEnd:n}=t,i=typeof r.summary.changesWillApplyAtEndOfBillingPeriod=="function"?r.summary.changesWillApplyAtEndOfBillingPeriod({billingPeriodEnd:n}):r.summary.changesWillApplyAtEndOfBillingPeriod;return jsx(f,{variant:"body1",style:{marginTop:14},className:"stigg-checkout-summary-captions-scheduled-updates",children:jsx(Ie,{isLoading:o,width:"100%",children:i})})},Tx=({subscriptionPreview:e,activeSubscription:t,plan:o,isFetchingSubscriptionPreview:r,billingPeriod:n,checkoutLocalization:i})=>{let{promotionCode:a}=Ft();if(!e)return null;let l=i.nextBillingCaption({plan:o,subscriptionPreview:e,billingPeriod:n,activeSubscription:t,promotionCode:a});return jsx(f,{variant:"body1",style:{marginTop:14},className:"stigg-checkout-summary-captions-next-billing",children:jsx(Ie,{isLoading:r,width:"100%",children:l})})};function vd(e){return jsxs(ke,{className:"stigg-checkout-summary-captions",children:[jsx(bx,a({},e)),jsx(Sx,a({},e)),e.plan&&jsx(Tx,a({},e))]})}function Ni({quantity:e,totalAmount:t,pricingModel:o,billingPeriod:r,currency:n,blockSize:i,priceAmount:a,availableBillingPeriods:l}){let s=l==null?void 0:l.has(BillingPeriod.Monthly),c=o===BillingModel.PerUnit,u=i||1,f=r===BillingPeriod.Annually&&s,y=e&&(c||e>1)?`${k(e)} ${u>1?"for":"x"} `:"",p=f?" x 12 months":"",g=(a||t/e)/(f?12:1),h=H({amount:g,currency:n,minimumFractionDigits:2}),P=H({amount:t,currency:n,minimumFractionDigits:2});return `${y}${h}${p} ${p||y?` = ${P}`:""}`}function Ld(e){let{totalAmount:t,quantity:o,tiersMode:r,tiers:n,currency:i}=e;if(Va(n)||r===TiersMode.Graduated&&!Oa(n,o)){let a=H({amount:t,currency:i,minimumFractionDigits:2});return `${k(o)} for ${a}`}return Ni(e)}function Ix(e,t){let{unitPrice:o,upTo:r}=e[t];if(!o)return "";if(t===0)return `First ${r}`;let i=(e[t-1].upTo||0)+1;return Fo(r)?`${k(i)} and above`:`Next ${k(i)} to ${k(r)}`}function Nd({price:e,unitQuantity:t}){let o=e.tiers||[],{checkoutState:r}=D(),n=r==null?void 0:r.plan,{breakdown:i}=xn(o,t);return i.length===1?null:jsx(Fragment,{children:i.map(({unitQuantity:a,amount:l},s)=>jsx($e,{children:jsxs(Fe,{style:{alignItems:"flex-start"},children:[jsx(f,{variant:"body1",color:"tertiary",style:{whiteSpace:"nowrap"},children:Ix(o,s)}),jsx(f,{variant:"body1",color:"tertiary",style:{whiteSpace:"nowrap"},children:Ni({quantity:a,totalAmount:l,currency:e.currency,pricingModel:e.pricingModel,billingPeriod:e.billingPeriod,tiers:e.tiers,tiersMode:e.tiersMode,blockSize:e.blockSize,priceAmount:e.amount,availableBillingPeriods:new Set(n==null?void 0:n.pricePoints.map(c=>c.billingPeriod))})})]})},s))})}var Md=e(ChevronRight)`
|
|
633
633
|
height: ${({$size:e=24})=>`${e}px`};
|
|
634
634
|
width: ${({$size:e=24})=>`${e}px`};
|
|
635
635
|
transition: all 0.2s ease-in;
|
|
@@ -638,7 +638,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
638
638
|
& + & {
|
|
639
639
|
margin-top: 16px;
|
|
640
640
|
}
|
|
641
|
-
`,
|
|
641
|
+
`,Gx=e.div`
|
|
642
642
|
margin-top: 16px;
|
|
643
643
|
margin-left: 16px;
|
|
644
644
|
`,Fe=e.div`
|
|
@@ -651,28 +651,28 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
651
651
|
align-items: center;
|
|
652
652
|
justify-content: space-between;
|
|
653
653
|
}
|
|
654
|
-
`,
|
|
654
|
+
`,zx=({checkoutLocalization:e})=>{let t=jsx(f,{variant:"body1",children:e.summary.payAsYouGoTooltipText});return jsx(We,{placement:"left",title:t,children:jsx(i,{icon:"PayAsYouGoCharge",style:{display:"flex"}})})},Er=({checkoutLocalization:e,label:t,quantity:o,price:r})=>{let{checkoutState:n}=D(),i=n==null?void 0:n.plan,a=me("lg"),[l,s]=useState(false),c=()=>s(h=>!h),u=r.pricingModel===BillingModel.UsageBased,f$1=r.isTieredPrice?xt(r,o):(r.amount||0)*Math.ceil(o/(r.blockSize||1)),y;r.tiersMode===TiersMode.Graduated&&!!r.tiers&&!Qg(r.tiers)&&!Fo(r.tiers[0].upTo)&&o>r.tiers[0].upTo&&(y=jsx(Nd,{price:r,unitQuantity:o}));let g=jsx(f,{variant:"body1",color:"secondary",children:t});return y&&(g=jsx(zf,{onClick:c,underline:"none",style:{cursor:"pointer"},children:g})),jsxs($e,{className:"stigg-checkout-summary-base-charges-container",children:[jsxs(Fe,{style:{alignItems:"flex-start"},children:[jsxs(Re,{item:true,display:"flex",gap:.5,style:{whiteSpace:a?"nowrap":"break-spaces"},children:[g,y&&jsx(Dx,{onClick:c,sx:{padding:0},children:jsx(Md,{$isOpen:l,$size:16})})]}),jsxs(Re,{item:true,display:"flex",gap:1,alignItems:"center",children:[u&&jsx(zx,{checkoutLocalization:e}),jsxs(f,{variant:"body1",color:"secondary",style:{whiteSpace:a?"nowrap":"break-spaces"},children:[Ld({totalAmount:f$1,quantity:o,currency:r.currency,pricingModel:r.pricingModel,billingPeriod:r.billingPeriod,tiers:r.tiers,tiersMode:r.tiersMode,blockSize:r.blockSize,priceAmount:r.amount,availableBillingPeriods:new Set(i==null?void 0:i.pricePoints.map(h=>h.billingPeriod))}),u&&" / unit"]})]})]}),y&&jsx(HP,{in:l,children:jsx(Gx,{children:y})})]})},Rd=({label:e})=>jsx($e,{children:jsxs(Fe,{style:{alignItems:"flex-end"},children:[jsx(Re,{item:true,children:jsx(f,{variant:"body1",color:"secondary",children:e})}),jsx(Re,{item:true,display:"flex",gap:1,alignItems:"center",children:jsx(f,{variant:"body1",color:"secondary",style:{wordBreak:"break-word"},children:"Free"})})]})}),Ud=({subscriptionPreview:e,isFetchingSubscriptionPreview:t,checkoutLocalization:o$1})=>{let{immediateInvoice:r,recurringInvoice:n}=e,{discount:i,discountDetails:a}=n||{};return !i||!a?null:jsx($e,{children:jsxs(Fe,{children:[jsx(f,{variant:"body1",color:"secondary",children:o$1.summary.discountText({discountDetails:a,currency:r.total.currency})}),jsx(f,{variant:"body1",color:"secondary",children:t?jsx(o,{width:50,height:16}):H({amount:i.amount,currency:i.currency,minimumFractionDigits:2})})]})})},_d=({subscriptionPreview:e,isFetchingSubscriptionPreview:t,checkoutLocalization:o})=>{let{immediateInvoice:r}=e||{},{credits:n}=r||{};return !n||!n.used||n.used.amount<=0?null:jsx($e,{children:jsxs(Fe,{children:[jsx(f,{variant:"body1",color:"secondary",children:o.summary.appliedCreditsTitle}),jsx(f,{variant:"body1",color:"secondary",children:jsx(Ie,{isLoading:t,children:H({amount:-1*n.used.amount,currency:n.used.currency,minimumFractionDigits:2})})})]})})},Dd=({tax:e,taxDetails:t,isFetchingSubscriptionPreview:o,checkoutLocalization:r})=>!t||!e||(e==null?void 0:e.amount)<=0?null:jsx($e,{children:jsxs(Fe,{children:[jsx(f,{variant:"body1",color:"secondary",children:r.summary.taxTitle({taxDetails:t})}),jsx(f,{variant:"body1",color:"secondary",children:jsx(Ie,{isLoading:o,children:H({amount:e==null?void 0:e.amount,currency:e==null?void 0:e.currency,minimumFractionDigits:2})})})]})});var Ui=e(ke)`
|
|
655
655
|
width: 100%;
|
|
656
656
|
max-width: 470px;
|
|
657
657
|
flex: 1.5;
|
|
658
|
-
`,
|
|
658
|
+
`,Lr=e(Yx)`
|
|
659
659
|
background: ${({theme:e})=>e.stigg.palette.backgroundHighlight};
|
|
660
660
|
padding: 16px;
|
|
661
661
|
|
|
662
662
|
${oe.md} {
|
|
663
663
|
border-radius: 10px;
|
|
664
664
|
}
|
|
665
|
-
`;
|
|
665
|
+
`;Lr.defaultProps={elevation:0};var Kx=e(f)`
|
|
666
666
|
margin-bottom: 16px;
|
|
667
667
|
font-weight: 500;
|
|
668
|
-
`,Nt=e(
|
|
668
|
+
`,Nt=e(El)`
|
|
669
669
|
margin: 16px 0;
|
|
670
|
-
`,
|
|
670
|
+
`,Gd=e(f)`
|
|
671
671
|
margin-bottom: 8px;
|
|
672
|
-
`;function
|
|
672
|
+
`;function qx({isLastStep:e,checkoutHasChanges:t,isFreeDowngrade:o,checkoutLocalization:r,isPlanUpdate:n}){return e?t?n?r.checkoutButton.updateText:o?r.checkoutButton.downgradeToFreeText:r.checkoutButton.upgradeText:r.checkoutButton.noChangesText:r.checkoutButton.nextText}var zd=({onCheckout:e,onCheckoutCompleted:t,disablePromotionCode:o,disableSuccessAnimation:r,isFreeDowngrade:n,onMockCheckoutPreview:i$1,showWatermark:a$1})=>{var ua,ga,fa,ya;let[l,s]=useState(false),{setErrorMessage:c,useNewPaymentMethod:u}=re(),f$1=_e(),y=It(),{checkoutState:p,checkoutLocalization:g,checkoutSuccess:h,widgetState:P}=D(),{plan:b$1,activeSubscription:x}=p||{},A=xr(((ua=b$1==null?void 0:b$1.pricePoints)==null?void 0:ua.filter(G=>G.billingPeriod===y.billingPeriod))||[]),[S,F]=Ox(A,G=>G.pricingModel===BillingModel.FlatFee),T=S[0],k=n||f$1.isCheckoutComplete&&f$1.isLastStep,{isZuoraIntegration:w}=Lt(),I=l||h,{subscriptionPreview:v,isFetchingSubscriptionPreview:L,errorMessage:N}=Bc({onMockCheckoutPreview:i$1}),{handleSubmit:$,isLoading:R}=Td({isMocked:!!i$1,disableSuccessAnimation:r,onCheckout:e,onCheckoutCompleted:t,onSuccess:()=>{s(true),f$1.markStepAsCompleted(f$1.progressBarState.activeStep);}}),{handleZuoraSubmit:z}=Ir({onCheckout:e,onCheckoutCompleted:t,disableSuccessAnimation:r,onSuccess:()=>{f$1.markStepAsCompleted(f$1.progressBarState.activeStep);}}),K=G=>d(null,null,function*(){if(I)return;let we;w&&!u?we=yield z():we=yield $(G);let{errorMessage:ye}=we||{};ye?(c(ye),s(false)):c(void 0);}),Ve=w&&!u?P.readOnly:R,ut=G=>d(null,null,function*(){Ve||(k?yield K(G):f$1.goNext());}),{immediateInvoice:V,recurringInvoice:ie}=v||{},ae=!!v&&(!!(V!=null&&V.proration)||!!v.hasScheduledUpdates),ve=!o&&!n&&!w,ho=!!(ie!=null&&ie.discountDetails)&&!n,gt=ve||ho,ca=F.some(G=>G.pricingModel===BillingModel.UsageBased),nn=ca&&!T&&F.every(G=>G.pricingModel===BillingModel.UsageBased),da=typeof g.summary.baseChargeText=="function"?g.summary.baseChargeText({billingPeriod:y.billingPeriod}):g.summary.baseChargeText,pa=useMemo(()=>{var G,we;return (we=(G=y.addons)==null?void 0:G.filter(ye=>!lt(ye.addon)))!=null?we:[]},[y.addons]),ma=useMemo(()=>pa.filter(G=>{var ye;return !!((ye=G.addon.pricePoints)==null?void 0:ye.find(ft=>ft.billingPeriod===y.billingPeriod))}).map(G=>{let we=G.addon.pricePoints.find(ft=>ft.billingPeriod===y.billingPeriod),ye=G.quantity&&G.quantity>0?G.quantity:1;return jsx(Er,{checkoutLocalization:g,label:G.addon.displayName,quantity:ye,price:we},G.addon.id)}),[pa,y.billingPeriod,g]);return jsxs(Ui,{className:"stigg-checkout-summary-container",children:[jsxs(Lr,{children:[jsx(Kx,{variant:"h3",children:g.summary.title}),jsxs(Re,{className:"stigg-checkout-summary-plan-title-container",display:"flex",flexDirection:"row",alignItems:"center",marginY:2,children:[jsx(f,{variant:"h6",color:"primary",style:{paddingRight:"8px"},children:g.summary.planName({plan:b$1})}),jsx(Nt,{className:"stigg-checkout-summary-divider",sx:{flex:1,margin:"0 !important"}})]}),T&&jsx(Er,{checkoutLocalization:g,label:da,quantity:1,price:T}),!T&&n?jsx(Rd,{label:da}):null,jsx(Re,{item:true,className:"stigg-checkout-summary-usage-charges-container",children:F.map((G,we)=>{var ft,ha,Ca,Pa,xa;let ye=(ft=y.billableFeatures)==null?void 0:ft.find(Cm=>{var ba;return Cm.featureId===((ba=G.feature)==null?void 0:ba.featureId)});return jsx(Er,{checkoutLocalization:g,label:Bt(((Ca=G.feature)==null?void 0:Ca.displayName)||"",(Pa=G.feature)==null?void 0:Pa.units,(xa=G.feature)==null?void 0:xa.unitsPlural),quantity:(ye==null?void 0:ye.quantity)||1,price:G},((ha=G.feature)==null?void 0:ha.featureId)||`usage-charge-${we}`)})}),ma.length>0&&jsxs(Fragment,{children:[jsxs(Re,{display:"flex",flexDirection:"row",alignItems:"center",marginY:2,children:[jsx(f,{variant:"h6",color:"primary",style:{paddingRight:"8px"},children:g.summary.addonsSectionTitle}),jsx(Nt,{className:"stigg-checkout-summary-divider",sx:{flex:1,margin:"0 !important"}})]}),ma]}),!gt&&jsx(Nt,{className:"stigg-checkout-summary-divider"}),gt&&jsxs(Re,{display:"flex",flexDirection:"row",alignItems:"center",marginY:2,children:[jsx(f,{variant:"h6",color:"primary",style:{paddingRight:"8px"},children:g.summary.discountsSectionTitle}),jsx(Nt,{className:"stigg-checkout-summary-divider",sx:{flex:1,margin:"0 !important"}})]}),ve&&jsx(qc,{disabled:Ve||L,checkoutLocalization:g,onMockCheckoutPreview:i$1}),ho&&v&&jsx(Ud,{subscriptionPreview:v,isFetchingSubscriptionPreview:L,checkoutLocalization:g}),gt&&jsx(Nt,{className:"stigg-checkout-summary-divider"}),jsx(Dd,{tax:ie==null?void 0:ie.tax,taxDetails:ie==null?void 0:ie.taxDetails,isFetchingSubscriptionPreview:L,checkoutLocalization:g}),n?null:jsxs(Fragment,{children:[jsx(Fe,{style:{marginTop:16},children:jsxs(Re,{display:"flex",flexDirection:"column",container:true,children:[jsxs(Re,{item:true,display:"flex",justifyContent:"space-between",children:[jsx(f,{variant:"h6",children:g.summary.totalText}),jsx(f,{variant:"h6",children:jsxs(Ie,{isLoading:L,children:[nn?g.summary.onlyPayAsYouGoText:null,!nn&&ca?g.summary.startsAtText:null,nn?null:H(b(a({amount:0},ie==null?void 0:ie.total),{minimumFractionDigits:2}))]})})]}),jsx(Re,{item:true,children:jsx(f,{variant:"body1",color:"secondary",children:g.summary.totalBillingPeriodText({billingPeriod:y.billingPeriod})})})]})}),jsx(Nt,{className:"stigg-checkout-summary-divider"})]}),(ga=V==null?void 0:V.proration)!=null&&ga.hasProrations&&(V!=null&&V.subTotal)&&(V==null?void 0:V.subTotal.amount)>0?jsx($e,{children:jsxs(Fe,{children:[jsx(f,{variant:"body1",color:"secondary",children:g.summary.proratedTotalDueText}),jsx(f,{variant:"body1",color:"secondary",children:jsx(Ie,{isLoading:L,children:H({amount:Number(((fa=V==null?void 0:V.subTotal)==null?void 0:fa.amount)||0)+Number(((ya=V==null?void 0:V.tax)==null?void 0:ya.amount)||0),currency:V==null?void 0:V.subTotal.currency,minimumFractionDigits:2})})})]})}):null,jsx(_d,{subscriptionPreview:v,isFetchingSubscriptionPreview:L,checkoutLocalization:g}),jsx($e,{children:jsxs(Fe,{children:[jsx(Gd,{variant:"h6",children:g.summary.totalDueText}),jsx(Gd,{variant:"h6",children:jsx(Ie,{isLoading:L,children:H(b(a({amount:0},V==null?void 0:V.total),{minimumFractionDigits:2}))})})]})}),jsx(vd,{plan:b$1,activeSubscription:x,subscriptionPreview:v,isFetchingSubscriptionPreview:L,checkoutLocalization:g,billingPeriod:y.billingPeriod}),(!k||!w||w&&!u)&&jsxs(Fragment,{children:[jsx(te,{$success:I,$error:k&&n,disabled:Ve||L||f$1.progressBarState.isDisabled||k&&!ae||!!N,className:"stigg-checkout-summary-cta-button",sx:{textTransform:"none",borderRadius:"10px",marginTop:"24px",height:"36px"},variant:"contained",size:"medium",onClick:G=>{ut(G);},fullWidth:true,children:jsx(f,{className:"stigg-checkout-summary-cta-button-text",variant:"h3",color:"white",style:{display:"flex"},children:I?jsx(i,{icon:"Check",style:{display:"contents"}}):Ve||L?jsx(Yh,{size:20,sx:{color:"white"}}):qx({isLastStep:k,checkoutHasChanges:ae,isFreeDowngrade:n,checkoutLocalization:g,isPlanUpdate:!!x&&(x==null?void 0:x.plan.id)===(b$1==null?void 0:b$1.id)})})}),N&&jsx(Qx,{severity:"error",sx:{alignItems:"center",marginTop:"12px"},children:jsx(f,{overrideColor:"inherit",children:N})})]})]}),jsx(q,{source:"checkout",showWatermark:a$1,style:{marginTop:8,display:"flex",justifyContent:"center"}}),!r&&I&&jsx(Sd,{checkoutLocalization:g})]})};var Vd=({showWatermark:e})=>jsxs(Ui,{children:[jsxs(Lr,{children:[jsxs(l,{$flexDirection:"column",$gap:24,children:[jsx(o,{width:120,height:20}),jsx(o,{width:120,height:20}),jsx(o,{width:120,height:20}),jsx(o,{width:120,height:20})]}),jsxs(l,{$flexDirection:"column",$gap:24,marginTop:5,children:[jsx(o,{height:20}),jsx(o,{height:20}),jsx(o,{height:20})]}),jsx(n,{flex:1,marginTop:5,children:jsx(o,{height:34})})]}),jsx(q,{source:"checkout",showWatermark:e,style:{marginTop:8,display:"flex",justifyContent:"center"}})]});var Hd=e(Re)`
|
|
673
673
|
width: 100%;
|
|
674
674
|
gap: 8px;
|
|
675
|
-
`,
|
|
675
|
+
`,Wd=e(Re)`
|
|
676
676
|
display: flex;
|
|
677
677
|
flex-direction: column;
|
|
678
678
|
gap: 16px;
|
|
@@ -687,51 +687,51 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
687
687
|
padding-top: 16px;
|
|
688
688
|
padding-bottom: 16px;
|
|
689
689
|
}
|
|
690
|
-
`,
|
|
690
|
+
`,Zd=e(te)`
|
|
691
691
|
min-width: unset;
|
|
692
692
|
width: 41px;
|
|
693
693
|
height: 41px;
|
|
694
694
|
padding: 0;
|
|
695
|
-
`;var
|
|
695
|
+
`;var Xx=styled(Re)`
|
|
696
696
|
display: flex;
|
|
697
697
|
flex-direction: row;
|
|
698
698
|
align-items: center;
|
|
699
699
|
width: 100%;
|
|
700
700
|
justify-content: flex-end;
|
|
701
|
-
`;function
|
|
701
|
+
`;function Kd({addon:e,addonState:t,hasChanges:o,errorMessage:r,isPriceForBillingPeriodAvailable:n,checkoutLocalization:i$1,handleQuantityChange:a,handleUndo:l,handleRemoveAddon:s}){var y;let c=me("lg"),u=!!t,f$1=e.maxQuantity!==1;return jsxs(Xx,{item:true,sx:{gap:"16px"},container:!c,children:[o&&jsx(te,{variant:"text",size:"small",sx:{padding:"8px",minWidth:"unset"},onClick:l,children:jsx(f,{color:"primary.main",variant:"body1",children:"Undo"})}),u&&jsxs(Re,{sx:{display:"flex",width:"100%",justifyContent:"flex-end"},children:[f$1&&jsx(pe,{id:`${e.id}-input`,type:"number",onWheel:bt,sx:c?{marginX:2,width:"100%"}:{flex:1},value:(y=t==null?void 0:t.quantity)!=null?y:"",error:!!r,helperText:r,FormHelperTextProps:{sx:{margin:"4px"}},onChange:p=>{var g,h;return a((g=p==null?void 0:p.target)!=null&&g.value?Number((h=p==null?void 0:p.target)==null?void 0:h.value):null)},onFocus:p=>p.target.select()}),jsx(Zd,{color:"error",onClick:s,children:jsx(i,{icon:"Trash",style:{display:"flex",padding:"8px"}})})]}),!u&&jsx(te,{sx:{paddingX:"22px",paddingY:"8px"},onClick:()=>a(1),disabled:!n,children:jsx(f,{color:n?"primary.main":"disabled",variant:"body1",children:i$1.addAddonText})})]})}var tb=e(Re)`
|
|
702
702
|
display: flex;
|
|
703
703
|
flex-direction: column;
|
|
704
704
|
justify-content: center;
|
|
705
705
|
width: 100%;
|
|
706
706
|
height: 42px;
|
|
707
|
-
`;function
|
|
707
|
+
`;function qd({addon:e,billingPeriod:t,checkoutLocalization:o}){let r=e.pricePoints.find(n=>n.billingPeriod===t);return jsxs(tb,{item:true,children:[jsx(f,{variant:"h6",lineHeight:"24px",children:e.displayName}),r?jsx(f,{variant:"body1",lineHeight:"20px",color:"secondary",children:`${H({amount:r.amount,currency:r.currency,minimumFractionDigits:2})}/${t===BillingPeriod.Annually?"year":"month"}`}):jsx(f,{variant:"body1",lineHeight:"20px",color:"secondary",children:o.addonBillingPeriodNotAvailableText({planBillingPeriod:t})})]})}function nb({addon:e,billingPeriod:t,addonState:o,initialAddonState:r,setAddon:n,removeAddon:i,checkoutLocalization:a,onAddonsValidationChange:l,onAddonChange:s}){let[c,u]=useState(void 0),f=!!o&&!!r&&o.quantity!==r.quantity||!!r&&!o,y=e.pricePoints.some(P=>P.billingPeriod===t),p=P=>d(null,null,function*(){if(!P||P<=0){l({addonId:e.id,isValid:false}),u("Minimum 1"),n(e,P!=null?P:null);return}let b=yield s==null?void 0:s({addon:e,quantity:P});u(b==null?void 0:b.errorMessage),l({addonId:e.id,isValid:!(b!=null&&b.disableNextStep)}),n(e,P);}),g=()=>d(null,null,function*(){yield s==null?void 0:s({addon:e,quantity:0}),i(e.id),l({addonId:e.id,isValid:true});});return jsxs(Wd,{children:[jsx(qd,{addon:e,billingPeriod:t,checkoutLocalization:a}),jsx(Kd,{addon:e,addonState:o,hasChanges:f,handleUndo:()=>d(null,null,function*(){if(r){let P=yield s==null?void 0:s({addon:e,quantity:r.quantity});l({addonId:e.id,isValid:!(P!=null&&P.disableNextStep)}),n(e,r.quantity);}else yield g();l({addonId:e.id,isValid:true});}),errorMessage:c,handleQuantityChange:p,isPriceForBillingPeriodAvailable:y,checkoutLocalization:a,handleRemoveAddon:g})]})}function Xd({onAddonChange:e}){let{checkoutLocalization:t,setIsValid:o}=D(),{billingPeriod:r}=be(),{setIsDisabled:n}=_e(),{initialAddons:i,addons:a$1,availableAddons:l,setAddon:s,removeAddon:c}=mc(),[u,f]=useState((l==null?void 0:l.reduce((y,p)=>(y[p.id]=true,y),{}))||{});return useEffect(()=>{let y=Object.values(u).some(p=>!p);n(y),o(!y);},[u,n,o]),jsx(Hd,{container:true,children:l==null?void 0:l.map(y=>{let p=a$1.find(h=>h.addon.id===y.id),g=i==null?void 0:i.find(h=>h.addon.id===y.id);return jsx(nb,{addon:y,billingPeriod:r,addonState:p,initialAddonState:g,setAddon:s,removeAddon:c,checkoutLocalization:t,onAddonsValidationChange:({addonId:h,isValid:P})=>f(b(a({},u),{[h]:P})),onAddonChange:e},y.id)})})}var $i=e(Re,{shouldForwardProp:e=>!e.startsWith("$")})`
|
|
708
708
|
padding: 8px;
|
|
709
709
|
border-radius: 10px;
|
|
710
710
|
border: 1px solid ${({theme:e})=>e.stigg.palette.outlinedBorder};
|
|
711
711
|
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
712
712
|
opacity: ${({$disabled:e})=>e?.6:1};
|
|
713
|
-
`,
|
|
713
|
+
`,jd=e($i)`
|
|
714
714
|
flex-direction: column;
|
|
715
715
|
align-items: unset;
|
|
716
716
|
${({$hideBorders:e})=>e&&css`
|
|
717
717
|
border: none;
|
|
718
718
|
padding: 0;
|
|
719
719
|
`}
|
|
720
|
-
`,
|
|
720
|
+
`,ep=e(Re)`
|
|
721
721
|
display: flex;
|
|
722
722
|
align-items: center;
|
|
723
723
|
flex: 1;
|
|
724
724
|
gap: 12px;
|
|
725
|
-
`,
|
|
725
|
+
`,tp=e(Re)`
|
|
726
726
|
display: flex;
|
|
727
727
|
flex-direction: column;
|
|
728
|
-
`;var
|
|
728
|
+
`;var ub=e(ke)`
|
|
729
729
|
position: relative;
|
|
730
730
|
max-width: 500px;
|
|
731
|
-
`,
|
|
731
|
+
`,gb=e(ke)`
|
|
732
732
|
opacity: ${({$showLoading:e})=>e?.6:1};
|
|
733
733
|
pointer-events: ${({$showLoading:e})=>e?"none":"auto"};
|
|
734
|
-
`,
|
|
734
|
+
`,fb=e(ke)`
|
|
735
735
|
position: absolute;
|
|
736
736
|
top: 40px;
|
|
737
737
|
left: 0;
|
|
@@ -743,18 +743,18 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
743
743
|
justify-content: center;
|
|
744
744
|
border-radius: 4px;
|
|
745
745
|
z-index: 10;
|
|
746
|
-
`,
|
|
746
|
+
`,yb=e(ke)`
|
|
747
747
|
display: flex;
|
|
748
748
|
flex-direction: column;
|
|
749
749
|
align-items: center;
|
|
750
750
|
gap: 12px;
|
|
751
|
-
`;function
|
|
751
|
+
`;function op({onCheckout:e,onCheckoutCompleted:t}){var P,b,x;let{isZuoraIntegration:o,isInitialized:r,createPaymentSession:n}=Lt(),{setErrorMessage:i}=re(),{billingCountryCode:a}=be(),{checkoutState:l,widgetState:s}=D(),{handleZuoraSubmit:c}=Ir({onCheckout:e,onCheckoutCompleted:t}),u=useRef(false),[f,y]=yi.useState(false),p=((x=(b=(P=l==null?void 0:l.plan)==null?void 0:P.pricePoints)==null?void 0:b[0])==null?void 0:x.currency)||Currency.Usd,{publishableKey:g}=l==null?void 0:l.billingIntegration.billingCredentials,h=useCallback(A=>d(null,null,function*(){var S;if(!A.success||!A.paymentMethodId){let F=((S=A.error)==null?void 0:S.message)||"Payment failed";i(F),yield t({success:false,error:F});return}yield c(A.paymentMethodId);}),[c,i,t]);return useEffect(()=>(d(null,null,function*(){if(!(!r||u.current)){y(true),i(void 0);try{u.current=!0;let S=window.Zuora(g),F=Bd(n,h,p,a);(yield S.createPaymentForm(F)).mount("#zuora_payment");}catch(S){u.current=false,i("Failed to render Zuora payment form");}finally{y(false);}}}),()=>{u.current=false;}),[r]),o?jsxs(ub,{children:[jsx(gb,{id:"zuora_payment",$showLoading:s.readOnly||f}),(s.readOnly||f)&&jsx(fb,{children:jsx(yb,{children:jsx(Yh,{size:28})})})]}):null}function np({checked:e,text:t,subtitle:o,readOnly:r}){return jsxs(ep,{children:[jsx(Pb,{checked:e,disabled:r}),jsxs(tp,{container:true,children:[jsx(Re,{item:true,children:t}),o&&jsx(Re,{item:true,children:o})]})]})}function ip({checked:e,paymentMethodDetails:t,readOnly:o,onSelect:r}){if(!t)return null;let{last4Digits:n,expirationMonth:i,expirationYear:a}=t;return jsx($i,{item:true,onClick:r,$disabled:o,children:jsx(np,{checked:e,readOnly:o,text:jsx(f,{variant:"h6",children:`Card ending in ${n}`}),subtitle:!!i&&!!a&&jsx(f,{variant:"body1",children:`Expires ${i.toString().padStart(2,"0")}/${a}`})})})}function ap({hasExistingPaymentMethod:e,checked:t,onSelect:o,readOnly:r,checkoutLocalization:n,onBillingAddressChange:i,collectPhoneNumber:a,collectTaxId:l,onCheckout:s,onCheckoutCompleted:c}){let{isZuoraIntegration:u}=Lt();return jsxs(jd,{item:true,$hideBorders:!e,onClick:o,$disabled:r,children:[e&&jsx(np,{checked:t,readOnly:r,text:jsx(f,{variant:"h6",children:n.newPaymentMethodText})}),jsx(HP,{in:t,children:u?jsx(op,{onCheckout:s,onCheckoutCompleted:c}):jsx(hd,{onBillingAddressChange:i,collectPhoneNumber:a,collectTaxId:l})})]})}var Sb=e(Re)`
|
|
752
752
|
display: flex;
|
|
753
753
|
flex-direction: column;
|
|
754
754
|
gap: 24px;
|
|
755
|
-
`;function
|
|
755
|
+
`;function sp({onBillingAddressChange:e,collectPhoneNumber:t,collectTaxId:o,onCheckout:r,onCheckoutCompleted:n}){let{checkoutState:i,checkoutLocalization:a,widgetState:l}=D(),{customer:s}=i||{},{errorMessage:c,useNewPaymentMethod:u,setUseNewPaymentMethod:f$1}=re(),{readOnly:y}=l,p=g=>{y||f$1(g);};return jsxs(Sb,{container:true,children:[!!c&&jsx(Qx,{severity:"error",sx:{alignItems:"center"},children:jsx(f,{overrideColor:"inherit",children:c})}),jsx(ip,{readOnly:y,checked:!u,paymentMethodDetails:s==null?void 0:s.paymentMethodDetails,onSelect:()=>p(false)}),jsx(ap,{hasExistingPaymentMethod:!!(s!=null&&s.paymentMethodDetails),readOnly:y,checked:u,checkoutLocalization:a,onSelect:()=>p(true),onBillingAddressChange:e,collectPhoneNumber:t,collectTaxId:o,onCheckout:r,onCheckoutCompleted:n})]})}var Dr=({onClick:e,checkoutLocalization:t,size:o})=>jsx(fu,{className:"stigg-checkout-change-plan-button",sx:{textTransform:"none"},variant:"text",size:o,onClick:e,children:jsx(f,{className:"stigg-checkout-change-plan-button-text",color:"primary.main",variant:"h3",style:{lineHeight:"24px"},children:t.changePlan})});function dp({allowChangePlan:e=false,onChangePlan:t}){let{checkoutState:o,checkoutLocalization:r}=D(),{plan:n}=o||{};return jsxs(Fragment,{children:[jsxs(ke,{sx:{marginBottom:"16px"},children:[jsx(f,{variant:"body1",color:"disabled",style:{opacity:.6,marginBottom:"8px"},children:"Selected plan"}),jsxs(ke,{sx:{display:"flex",justifyContent:"space-between"},children:[jsx(f,{variant:"h1",children:n==null?void 0:n.displayName}),e&&t&&jsx(Dr,{onClick:()=>{t({currentPlan:n});},checkoutLocalization:r,size:"medium"})]})]}),jsx(El,{className:"stigg-checkout-plan-header-divider"})]})}function Vi(e){switch(e){case BillingPeriod.Annually:return "Annual";case BillingPeriod.Monthly:return "Monthly";default:return ""}}var up=e(ke)`
|
|
756
756
|
margin: 16px 0;
|
|
757
|
-
`,
|
|
757
|
+
`,gp=e.button`
|
|
758
758
|
cursor: ${({$disabled:e,$isOnlyBillingPeriod:t})=>e||t?"default":"pointer"};
|
|
759
759
|
flex: 1;
|
|
760
760
|
display: flex;
|
|
@@ -763,7 +763,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
763
763
|
padding: 2px 8px;
|
|
764
764
|
border-radius: 10px;
|
|
765
765
|
border: ${({theme:e,$isActive:t,$isOnlyBillingPeriod:o})=>{let r=e.stigg.palette.outlinedBorder;return o?r="transparent":t&&(r=e.stigg.palette.outlinedRestingBorder),`1px solid ${r}`}};
|
|
766
|
-
background: ${({theme:e,$isActive:t,$isOnlyBillingPeriod:o})=>o?"transparent":t?
|
|
766
|
+
background: ${({theme:e,$isActive:t,$isOnlyBillingPeriod:o})=>o?"transparent":t?Li(e.stigg.palette.primary).alpha(.15).toString():"transparent"};
|
|
767
767
|
text-transform: none;
|
|
768
768
|
text-align: start;
|
|
769
769
|
height: 36px;
|
|
@@ -774,7 +774,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
774
774
|
background: none;
|
|
775
775
|
}
|
|
776
776
|
}
|
|
777
|
-
`,
|
|
777
|
+
`,fp=e(ke)`
|
|
778
778
|
display: flex;
|
|
779
779
|
gap: 16px;
|
|
780
780
|
margin-top: 16px;
|
|
@@ -782,11 +782,11 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
782
782
|
display: flex;
|
|
783
783
|
align-items: baseline;
|
|
784
784
|
gap: 8px;
|
|
785
|
-
`;e(
|
|
785
|
+
`;e(Ab)`
|
|
786
786
|
& .MuiChip-label {
|
|
787
787
|
font-size: 12px;
|
|
788
788
|
}
|
|
789
|
-
`;var
|
|
789
|
+
`;var yp=({billingPeriod:e,isOnlyBillingPeriod:t})=>{let{billingPeriod:o,setBillingPeriod:r}=be(),n=o===e;return jsxs(gp,{onClick:()=>r(e),$isActive:n,$isOnlyBillingPeriod:t,children:[jsx(Pb,{checked:n,onChange:()=>r(e),value:e,disabled:t,inputProps:{"aria-label":Vi(e)},sx:{padding:0,marginRight:"8px"}}),jsx(ke,{children:jsx(f,{variant:"h3",color:"primary",children:Vi(e)})})]})};function hp({plan:e,checkoutLocalization:t}){let[o,r]=Ox(e==null?void 0:e.pricePoints,i=>i.billingPeriod===BillingPeriod.Monthly),n=!!(o!=null&&o.length)&&!!(r!=null&&r.length);return n?jsxs(up,{children:[jsx(f,{variant:"h6",color:"primary",children:t.billingPeriodsTitle}),jsxs(fp,{children:[!!(o!=null&&o.length)&&jsx(yp,{billingPeriod:BillingPeriod.Monthly,isOnlyBillingPeriod:!n},BillingPeriod.Monthly),!!(r!=null&&r.length)&&jsx(yp,{billingPeriod:BillingPeriod.Annually,isOnlyBillingPeriod:!n},BillingPeriod.Annually)]})]}):null}var Rb=e.div`
|
|
790
790
|
display: flex;
|
|
791
791
|
min-height: 60px;
|
|
792
792
|
margin-top: 16px;
|
|
@@ -797,34 +797,34 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
797
797
|
align-items: flex-start;
|
|
798
798
|
justify-content: space-between;
|
|
799
799
|
}
|
|
800
|
-
`,
|
|
800
|
+
`,Ub=e(ke)`
|
|
801
801
|
display: flex;
|
|
802
802
|
flex-direction: column;
|
|
803
803
|
justify-content: center;
|
|
804
804
|
width: 100%;
|
|
805
805
|
height: 42px;
|
|
806
|
-
`,
|
|
806
|
+
`,_b=e(f)`
|
|
807
807
|
display: flex;
|
|
808
808
|
align-items: center;
|
|
809
809
|
justify-content: flex-end;
|
|
810
810
|
width: 100%;
|
|
811
811
|
min-height: 42px;
|
|
812
|
-
`,
|
|
812
|
+
`,Db=(e,t)=>{let{minUnitQuantity:o,maxUnitQuantity:r}=e;return !t||t<(o||1)?`Minimum ${o||1}`:r&&t>r?`Maximum ${r}`:""};function $b({charge:e,setBillableFeature:t,billableFeature:o,onValidationChange:r,onBillableFeatureChange:n}){var g,h,P,b,x,A;let[i,a]=useState(void 0),l=(g=e.feature)==null?void 0:g.featureId,s=!l,c=e.pricingModel===BillingModel.UsageBased,u=s?"Base charge":Bt(((h=e.feature)==null?void 0:h.displayName)||"",(P=e.feature)==null?void 0:P.units,(b=e.feature)==null?void 0:b.unitsPlural),f$1=!!(e!=null&&e.minUnitQuantity||e!=null&&e.maxUnitQuantity),y=S=>d(null,null,function*(){var v,L;if(s||!l)return;let{minUnitQuantity:F,maxUnitQuantity:T}=e,k=(v=S==null?void 0:S.target)!=null&&v.value?Number((L=S==null?void 0:S.target)==null?void 0:L.value):null;if(!k||k<=0||F&&k<F||T&&k>T){r({featureId:l,isValid:false}),a(Db(e,k!=null?k:void 0)),t(l,k!=null?k:null);return}let w=yr(e,k),I=yield n==null?void 0:n({feature:e.feature,quantity:w});a(I==null?void 0:I.errorMessage),r({featureId:l,isValid:!(I!=null&&I.disableNextStep)}),t(l,w);}),p;if(s||c)p=`${H({amount:e.amount,currency:e.currency,locale:"en-us",minimumFractionDigits:2})}`,c&&(p+=" / unit");else if(e.isTieredPrice&&e.tiersMode&&l){let S=(o==null?void 0:o.quantity)||1;p=jsx(Kt,{componentId:`${l}-tiers`,tiers:e.tiers,tiersMode:e.tiersMode,value:S,errorMessage:i,handleChange:F=>d(null,null,function*(){let T=yield n==null?void 0:n({feature:e.feature,quantity:F});a(T==null?void 0:T.errorMessage),r({featureId:l,isValid:!(T!=null&&T.disableNextStep)}),t(l,F);}),width:"100%"});}else p=jsx(pe,{sx:{width:"100%"},id:`${l}-input`,type:"number",onWheel:bt,error:!!i,helperText:i,FormHelperTextProps:{sx:{margin:"4px"}},value:(x=o==null?void 0:o.quantity)!=null?x:"",onChange:y});return jsxs(Rb,{children:[jsxs(Ub,{children:[jsx(f,{variant:"h6",color:"primary",lineHeight:"24px",children:u}),f$1&&jsx(f,{variant:"body1",color:"secondary",lineHeight:"20px",children:So(e.minUnitQuantity,e.maxUnitQuantity,(A=e.feature)==null?void 0:A.unitsPlural)})]}),jsx(_b,{variant:"h6",color:"primary",children:p})]})}function xp({plan:e,billingPeriod:t,onBillableFeatureChange:o}){var u;let{billableFeatures:r,setBillableFeature:n}=be(),{setIsDisabled:i}=_e(),{setIsValid:a$1}=D(),l=xr(((u=e==null?void 0:e.pricePoints)==null?void 0:u.filter(f=>f.billingPeriod===t))||[]),[s,c]=useState(l==null?void 0:l.reduce((f,y)=>{var p;return f[((p=y.feature)==null?void 0:p.featureId)||"base-charge"]=true,f},{}));return useEffect(()=>{let f=Object.values(s).some(y=>!y);i(f),a$1(!f);},[s,i,a$1]),jsx(Fragment,{children:l==null?void 0:l.map(f=>{var p;let y=r.find(g=>{var h;return g.featureId===((h=f.feature)==null?void 0:h.featureId)});return jsx($b,{charge:f,setBillableFeature:n,billableFeature:y,onValidationChange:({featureId:g,isValid:h})=>c(P=>b(a({},P),{[g]:h})),onBillableFeatureChange:o},((p=f.feature)==null?void 0:p.featureId)||"base-charge")})})}var bp=e(ke)`
|
|
813
813
|
width: 100%;
|
|
814
|
-
`;var
|
|
814
|
+
`;var Tp=({onChangePlan:e,onBillableFeatureChange:t})=>{let{checkoutState:o,checkoutLocalization:r}=D(),{plan:n}=o||{},{billingPeriod:i}=be();return jsxs(Fragment,{children:[jsx(dp,{allowChangePlan:true,onChangePlan:e}),jsxs(bp,{children:[jsx(hp,{plan:n,checkoutLocalization:r}),jsx(xp,{plan:n,billingPeriod:i,onBillableFeatureChange:t})]})]})};var Ob=e=>jsx("svg",b(a({width:16,height:16,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),{children:jsxs("g",{id:"arrow-right",children:[jsx("path",{id:"Shape",d:"M2.66699 8H13.3337",stroke:"#7586B0",strokeWidth:1.33333,strokeLinecap:"round",strokeLinejoin:"round"}),jsx("path",{id:"Shape_2",d:"M9.33301 4L13.333 8L9.33301 12",stroke:"#7586B0",strokeWidth:1.33333,strokeLinecap:"round",strokeLinejoin:"round"})]})})),kp=Ob;var wp=e(kp)`
|
|
815
815
|
path {
|
|
816
816
|
stroke: ${({theme:e})=>e.stigg.palette.text.secondary};
|
|
817
817
|
}
|
|
818
|
-
`;var
|
|
818
|
+
`;var Zb=e(ke)`
|
|
819
819
|
display: flex;
|
|
820
|
-
`,
|
|
820
|
+
`,Yb=e(Qx)`
|
|
821
821
|
margin-bottom: 16px;
|
|
822
|
-
`,
|
|
822
|
+
`,Qb=e(ke)`
|
|
823
823
|
padding: 16px;
|
|
824
824
|
border-radius: 10px;
|
|
825
825
|
width: 100%;
|
|
826
826
|
border: ${({theme:e})=>`1px solid ${e.stigg.palette.outlinedBorder}`};
|
|
827
|
-
`,
|
|
827
|
+
`,Bp=({headerText:e,planName:t,priceText:o})=>jsxs(Qb,{className:"stigg-checkout-downgrade-to-free-container",children:[jsx(f,{className:"stigg-checkout-downgrade-to-free-text-header",style:{opacity:.8},variant:"caption",color:"disabled",children:e}),jsx(f,{className:"stigg-checkout-downgrade-to-free-plan-name",bold:true,variant:"h3",color:"primary",children:t}),jsx(f,{className:"stigg-checkout-downgrade-to-free-price-text",color:"secondary",children:o})]}),Ip=({checkoutLocalization:e,activeSubscription:t,freePlan:o,allowChangePlan:r=false,onChangePlan:n})=>{let i;r&&n&&(i=jsx(Dr,{onClick:()=>{n({currentPlan:o});},checkoutLocalization:e,size:"small"}));let a=t.prices.length>0?t.prices[0].billingPeriod:void 0;return jsxs(Fragment,{children:[jsx(Yb,{action:i,className:"stigg-checkout-downgrade-to-free-alert",severity:"info",children:jsx(f,{as:"span",color:"secondary",children:e.downgradeToFree.alertText({plan:t.plan})})}),jsxs(Zb,{className:"stigg-checkout-downgrade-to-free-plans-container",children:[jsx(Bp,{headerText:e.downgradeToFree.paidPlanHeader({plan:t.plan}),planName:e.downgradeToFree.paidPlanName({plan:t.plan}),priceText:e.downgradeToFree.paidPlanPriceText({plan:t.plan,billingPeriod:a})}),jsx(wp,{className:"stigg-checkout-downgrade-to-free-arrow",style:{margin:"auto 16px",minWidth:"16px"}}),jsx(Bp,{headerText:e.downgradeToFree.freePlanHeader({plan:o}),planName:e.downgradeToFree.freePlanName({plan:o}),priceText:e.downgradeToFree.freePlanPriceText({plan:o})})]})]})};var Xb=(e,{onBillingAddressChange:t,onChangePlan:o,onBillableFeatureChange:r,onAddonChange:n,collectPhoneNumber:i,collectTaxId:a,onCheckout:l,onCheckoutCompleted:s})=>{switch(e.key){case "PLAN":return {content:jsx(Tp,{onChangePlan:o,onBillableFeatureChange:r})};case "ADDONS":return {content:jsx(Xd,{onAddonChange:n})};case "PAYMENT":return {content:jsx(sp,{onBillingAddressChange:t,collectPhoneNumber:i,collectTaxId:a,onCheckout:l,onCheckoutCompleted:s})};default:return {content:null}}};function Lp({onCheckout:e,onCheckoutCompleted:t,onChangePlan:o,onBillingAddressChange:r,onBillableFeatureChange:n,onAddonChange:i,collectPhoneNumber:a$1,collectTaxId:l,disablePromotionCode:s,disableSuccessAnimation:c,onMockCheckoutPreview:u}){let{stripePromise:f,setupIntentClientSecret:y}=Cd(),[{stiggTheme:p,widgetState:g,theme:h,showWatermark:P}]=_(),{currentStep:b$1}=_e(),{isLoadingCheckoutData:x}=g,{checkoutState:A,checkoutLocalization:S}=D(),{plan:F,activeSubscription:T}=A||{},k=!!F&&F.pricingType===PricingType.Free&&!!T&&T.pricingType!==PricingType.Free,{content:w}=Xb(b$1,{onBillingAddressChange:r,onChangePlan:o,onBillableFeatureChange:n,onAddonChange:i,collectPhoneNumber:a$1,collectTaxId:l,onCheckout:e,onCheckoutCompleted:t}),I=jsx(Fragment,{children:k?jsx(Ip,{freePlan:F,activeSubscription:T,allowChangePlan:true,checkoutLocalization:S,onChangePlan:o}):jsx(Fragment,{children:w})}),v=useMemo(()=>y?{clientSecret:y}:{mode:"setup",currency:"usd"},[y]);return jsx(Elements,{stripe:f,options:b(a({},v),{appearance:{theme:"stripe",variables:{colorText:p.palette.text.primary,colorPrimaryText:p.palette.text.primary,colorTextPlaceholder:p.palette.text.disabled,fontFamily:p.typography.fontFamily,colorBackground:h==null?void 0:h.paymentInputBackgroundColor,borderRadius:h==null?void 0:h.paymentInputBorderRadius},rules:h!=null&&h.paymentInputBorderColor?{".Input":{borderColor:h==null?void 0:h.paymentInputBorderColor}}:void 0}}),children:jsxs(Rc,{className:"stigg-checkout-layout",children:[!k&&jsx(Oc,{}),jsxs(Uc,{children:[jsx(_c,{children:x?jsx(qa,{}):I}),x?jsx(Vd,{showWatermark:P}):jsx(zd,{disablePromotionCode:s,disableSuccessAnimation:c,onCheckout:e,onCheckoutCompleted:t,isFreeDowngrade:k,onMockCheckoutPreview:u,showWatermark:P})]})]})},y)}var Mp=p=>{var g=p,{textOverrides:e,theme:t,resourceId:o,planId:r,preferredBillingPeriod:n,billingCountryCode:i,billableFeatures:a$1,billingInformation:l,onMockCheckoutState:s,skipCheckoutSteps:c$1,onBeforeStepChange:u,resetBillingPeriod:f}=g,y=c(g,["textOverrides","theme","resourceId","planId","preferredBillingPeriod","billingCountryCode","billableFeatures","billingInformation","onMockCheckoutState","skipCheckoutSteps","onBeforeStepChange","resetBillingPeriod"]);return jsx(Lc,{textOverrides:e,theme:t,resourceId:o,planId:r,preferredBillingPeriod:n,billingCountryCode:i,billableFeatures:a$1,billingInformation:l,onMockCheckoutState:s,skipCheckoutSteps:c$1,onBeforeStepChange:u,resetBillingPeriod:f,children:jsx(Lp,a({},y))})};function tS(e){return useMemo(()=>{let t=new URLSearchParams(window.location.search);return t.get(e)},[e,window.location.search])}var Yi=(r=>(r.IN_PROGRESS="IN_PROGRESS",r.SUCCEEDED="SUCCEEDED",r.FAILED="FAILED",r))(Yi||{}),Up=({onProvisionStart:e,onProvisionSucceeded:t,onProvisionFailed:o}={})=>{let{stigg:r}=u(),[n,i]=useState("IN_PROGRESS"),[a,l]=useState(false),s=tS("checkoutCompleted");return useEffect(()=>{d(null,null,function*(){if(!(!s||s.toLowerCase()==="false"||a)){l(true),e&&e();try{let u=yield r.waitForCheckoutCompleted();i("SUCCEEDED"),t&&t(u);}catch(u){console.error("Failed to wait for checkout to complete",u),i("FAILED"),o&&o(u);}finally{l(false);}}});},[r,s]),{isAwaitingCheckout:a,provisionStatus:n}};function oS(r){var n=r,{noAccessComponent:e,children:t}=n,o=c(n,["noAccessComponent","children"]);let{hasAccess:i}=x(o);return i?t:jsx(Fragment,{children:e!=null?e:null})}function iS(r){var n=r,{noAccessComponent:e,children:t}=n,o=c(n,["noAccessComponent","children"]);let{hasAccess:i}=y(o);return i?t:jsx(Fragment,{children:e!=null?e:null})}function lS(r){var n=r,{noAccessComponent:e,children:t}=n,o=c(n,["noAccessComponent","children"]);let{hasAccess:i}=z(o);return i?t:jsx(Fragment,{children:e!=null?e:null})}function pS(r){var n=r,{noAccessComponent:e,children:t}=n,o=c(n,["noAccessComponent","children"]);let{hasAccess:i}=B(o);return i?t:jsx(Fragment,{children:e!=null?e:null})}var Rt=e.div`
|
|
828
828
|
display: flex;
|
|
829
829
|
align-items: center;
|
|
830
830
|
justify-content: space-between;
|
|
@@ -855,27 +855,27 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
855
855
|
outline: 2px solid ${({theme:e})=>{var t,o;return (o=(t=e.stigg)==null?void 0:t.palette)==null?void 0:o.primary}};
|
|
856
856
|
outline-offset: 2px;
|
|
857
857
|
}
|
|
858
|
-
`;var rt=(e,t)=>e?k(e,{maximumFractionDigits:t!=null?t:void 0}):0
|
|
858
|
+
`;var rt=(e,t)=>e?k(e,{maximumFractionDigits:t!=null?t:void 0}):0,Gr=(e,t=true)=>{let{remaining:o,currency:r}=e,n=(o===1?r.unitSingular:r.unitPlural)||null,i=n!=null?n:r.displayName;return t&&i!=null?i:""},zr=(e,t)=>t===0?0:Math.min(e/t*100,100);function Vr({usagePeriodEnd:e,formatResetPeriod:t,className:o}){let r=cr({usagePeriodEnd:e,formatter:t});return r?jsx(f,{variant:"caption",color:"secondary",className:o,children:r}):null}var fS=e.div`
|
|
859
859
|
display: flex;
|
|
860
860
|
flex-direction: column;
|
|
861
861
|
gap: 4px;
|
|
862
|
-
`,
|
|
862
|
+
`,yS=e.div`
|
|
863
863
|
display: flex;
|
|
864
864
|
flex-direction: row;
|
|
865
865
|
gap: 4px;
|
|
866
866
|
align-items: baseline;
|
|
867
|
-
`;function
|
|
867
|
+
`;function Dp({entitlement:e,decimalPlaces:t=null,showUnits:o=true,formatResetPeriod:r}){if(e.isFallback)return jsx(f,{variant:"body1",color:"disabled",className:"stigg-credit-balance-value-no-balance",children:"No balance data available"});let n=Gr(e,o);return jsxs(fS,{children:[jsxs(yS,{children:[jsx(f,{variant:"h3",color:"primary",bold:true,className:"stigg-credit-balance-value-amount",children:rt(e.remaining,t)}),jsx(f,{variant:"caption",color:"secondary",className:"stigg-credit-balance-value-suffix",children:n})]}),jsx(Vr,{usagePeriodEnd:e.usagePeriodEnd,formatResetPeriod:r,className:"stigg-credit-balance-reset-period"})]})}var Hr=e(br)`
|
|
868
868
|
width: 16px;
|
|
869
869
|
height: 16px;
|
|
870
870
|
path {
|
|
871
871
|
stroke: ${({theme:e})=>{var t,o,r;return (r=(o=(t=e.stigg)==null?void 0:t.palette)==null?void 0:o.text)==null?void 0:r.primary}};
|
|
872
872
|
}
|
|
873
|
-
`;var
|
|
873
|
+
`;var hS=e.div`
|
|
874
874
|
display: flex;
|
|
875
875
|
flex-direction: column;
|
|
876
876
|
gap: 8px;
|
|
877
877
|
width: 100%;
|
|
878
|
-
`,
|
|
878
|
+
`,CS=e.div`
|
|
879
879
|
display: flex;
|
|
880
880
|
flex-direction: column;
|
|
881
881
|
gap: 8px;
|
|
@@ -883,40 +883,40 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
883
883
|
border-radius: 8px;
|
|
884
884
|
border: 1px solid ${({theme:e})=>{var t,o;return (o=(t=e.stigg)==null?void 0:t.palette)==null?void 0:o.outlinedBorder}};
|
|
885
885
|
background-color: ${({theme:e})=>{var t,o;return (o=(t=e==null?void 0:e.stigg)==null?void 0:t.palette)==null?void 0:o.backgroundPaper}};
|
|
886
|
-
`;function
|
|
886
|
+
`;function $p({currencyId:e,localization:t,decimalPlaces:o,showUnits:r=true,onAddCredits:n}){let i=he(ee),a$1=u({optional:true}),l=a$1==null?void 0:a$1.theme,{title:s,addCredits:c,formatResetPeriod:u$1}=a(a({},G),t),f$1=A({currencyId:e}),y=jsx(hS,{className:"stigg-credit-balance-container",children:jsxs(CS,{className:"stigg-credit-balance-card",children:[jsxs(Rt,{children:[jsx(f,{variant:"h6",color:"primary",className:"stigg-credit-balance-title",children:s}),n&&!f$1.isFallback&&jsxs(Ut,{type:"button",onClick:()=>n(f$1),className:"stigg-credit-balance-add-credits-button",children:[jsx(Hr,{className:"stigg-credit-balance-add-credits-icon"}),c]})]}),jsx(Dp,{entitlement:f$1,decimalPlaces:o,showUnits:r,formatResetPeriod:u$1})]})});return i?y:jsx(w,{componentTheme:l,children:y})}var bS=lazy(()=>import('./CreditUsageChart-QGYRXYRQ.esm.js').then(e=>({default:e.CreditUsageChart})));function zp(e){return jsx(Suspense,{fallback:null,children:jsx(bS,a({},e))})}var SS=(e,t,o)=>o==="primary"?t.palette.primary:e>=100?t.palette.progress.high:e>=75?t.palette.progress.medium:t.palette.progress.low,TS=e.div`
|
|
887
887
|
width: 100%;
|
|
888
888
|
height: 8px;
|
|
889
889
|
background-color: ${({theme:e})=>e.stigg.palette.progress.background};
|
|
890
890
|
border-radius: 4px;
|
|
891
891
|
overflow: hidden;
|
|
892
|
-
`,
|
|
892
|
+
`,kS=e.div`
|
|
893
893
|
height: 100%;
|
|
894
894
|
width: ${({percentage:e})=>Math.max(0,Math.min(100,e))}%;
|
|
895
|
-
background-color: ${({theme:e,percentage:t,variant:o})=>
|
|
895
|
+
background-color: ${({theme:e,percentage:t,variant:o})=>SS(t,e.stigg,o)};
|
|
896
896
|
border-radius: 4px;
|
|
897
897
|
transition: width 0.3s ease-in-out;
|
|
898
|
-
`;function
|
|
898
|
+
`;function Wr({percentage:e,className:t,variant:o="utilization"}){return jsx(TS,{className:t,children:jsx(kS,{percentage:e,variant:o})})}var wS=e.div`
|
|
899
899
|
display: flex;
|
|
900
900
|
flex-direction: row;
|
|
901
901
|
justify-content: space-between;
|
|
902
902
|
align-items: baseline;
|
|
903
903
|
width: 100%;
|
|
904
|
-
`,
|
|
904
|
+
`,BS=e.div`
|
|
905
905
|
display: flex;
|
|
906
906
|
flex-direction: row;
|
|
907
907
|
gap: 4px;
|
|
908
908
|
align-items: baseline;
|
|
909
|
-
`,
|
|
909
|
+
`,AS=e.div`
|
|
910
910
|
display: flex;
|
|
911
911
|
flex-direction: row;
|
|
912
912
|
gap: 4px;
|
|
913
913
|
align-items: baseline;
|
|
914
|
-
`,
|
|
914
|
+
`,IS=({currentUsage:e,usageLimit:t})=>{let o=zr(e,t);return jsx(Wr,{percentage:o,className:"stigg-credit-utilization-progress"})};function Op({entitlement:e,decimalPlaces:t=null,showUnits:o=true,remainingLabel:r=H$1.remaining,formatResetPeriod:n}){if(e.isFallback)return jsx(f,{variant:"body1",color:"disabled",className:"stigg-credit-utilization-value-no-balance",children:"No balance data available"});let{remaining:i,currentUsage:a,usageLimit:l}=e,s=Gr(e,o);return jsxs(Fragment,{children:[jsxs(wS,{children:[jsxs(BS,{children:[jsx(f,{variant:"h3",color:"primary",bold:true,className:"stigg-credit-utilization-usage",children:rt(a,t)}),jsx(f,{variant:"h3",color:"primary",className:"stigg-credit-utilization-separator",children:"/"}),jsx(f,{variant:"h3",color:"primary",className:"stigg-credit-utilization-total",children:rt(l,t)}),jsx(f,{variant:"caption",color:"secondary",className:"stigg-credit-utilization-suffix",children:s})]}),jsxs(AS,{children:[jsx(f,{variant:"caption",color:"secondary",className:"stigg-credit-utilization-remaining-label",children:r}),jsx(f,{variant:"caption",color:"primary",bold:true,className:"stigg-credit-utilization-remaining-value",children:rt(i,t)})]})]}),jsx(IS,{currentUsage:a,usageLimit:l}),jsx(Vr,{usagePeriodEnd:e.usagePeriodEnd,formatResetPeriod:n,className:"stigg-credit-utilization-reset-period"})]})}var vS=e.div`
|
|
915
915
|
display: flex;
|
|
916
916
|
flex-direction: column;
|
|
917
917
|
gap: 8px;
|
|
918
918
|
width: 100%;
|
|
919
|
-
`,
|
|
919
|
+
`,ES=e.div`
|
|
920
920
|
display: flex;
|
|
921
921
|
flex-direction: column;
|
|
922
922
|
gap: 16px;
|
|
@@ -925,7 +925,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
925
925
|
border: 1px solid ${({theme:e})=>{var t,o;return (o=(t=e.stigg)==null?void 0:t.palette)==null?void 0:o.outlinedBorder}};
|
|
926
926
|
background-color: ${({theme:e})=>{var t,o;return (o=(t=e==null?void 0:e.stigg)==null?void 0:t.palette)==null?void 0:o.backgroundPaper}};
|
|
927
927
|
min-height: 90px;
|
|
928
|
-
`;function
|
|
928
|
+
`;function Hp({currencyId:e,localization:t,decimalPlaces:o,showUnits:r=true,onAddCredits:n}){let i=he(ee),a$1=u({optional:true}),l=a$1==null?void 0:a$1.theme,s=A({currencyId:e}),{title:c,remaining:u$1,addCredits:f$1,formatResetPeriod:y}=a(a({},H$1),t),p=jsx(vS,{className:"stigg-credit-utilization-container",children:jsxs(ES,{className:"stigg-credit-utilization-card",children:[jsxs(Rt,{children:[jsx(f,{variant:"h6",color:"primary",className:"stigg-credit-utilization-title",children:c}),n&&!s.isFallback&&jsxs(Ut,{type:"button",onClick:()=>n(s),className:"stigg-credit-utilization-add-credits-button",children:[jsx(Hr,{className:"stigg-credit-utilization-add-credits-icon"}),f$1]})]}),jsx(Op,{entitlement:s,decimalPlaces:o,showUnits:r,remainingLabel:u$1,formatResetPeriod:y})]})});return i?p:jsx(w,{componentTheme:l,children:p})}function Yr(e){let t=u(),o=t==null?void 0:t.stigg,r=t==null?void 0:t.updatedAt,n=useCallback(()=>d(null,null,function*(){if(!o||!o.isCustomerLoaded)return null;try{return o.getCreditGrants({currencyId:e.currencyId,paging:e.paging})}catch(s){throw console.error("Error fetching credit grants:",s),s}}),[o,e.currencyId,e.paging,r]),{data:i,error:a,isLoading:l}=C({func:n});return useMemo(()=>({creditGrants:(i==null?void 0:i.data)||[],paging:i==null?void 0:i.pageInfo,totalCount:i==null?void 0:i.totalCount,isLoading:l,error:a}),[i,a,l])}function qi({skeletonRows:e,visibleHeadCells:t,hideLastRowBorder:o}){return jsx(Fragment,{children:Array.from({length:e}).map((r,n)=>jsx(MS,{children:t.map(i=>jsx(_t,{$alignment:i.alignment,$width:i.width,$maxWidth:i.maxWidth,$minWidth:i.minWidth,$isLastRow:n===e-1,$hideLastRowBorder:o,children:jsx(Je,{width:i.width?parseInt(i.width.replace("px",""))-40:100,height:20})},String(i.id)))},n))})}function Ji({data:e,visibleHeadCells:t,onRowClick:o,hideLastRowBorder:r}){return jsx(Fragment,{children:e.map((n,i)=>jsx(Xi,{$clickable:!!o,onClick:()=>o&&o(n),children:t.map(a=>jsx(_t,{$alignment:a.alignment,$width:a.width,$maxWidth:a.maxWidth,$minWidth:a.minWidth,$isLastRow:i===e.length-1,$hideLastRowBorder:r,onClick:a.disableClick?l=>l.stopPropagation():void 0,children:jsx(ji,{$alignment:a.alignment,children:a.render(n)})},String(a.id)))},i))})}function qr({errorMessage:e,className:t}){return e===void 0||typeof e=="string"?jsx(f,{variant:"body1",color:"error",className:t,children:e||"An error occurred"}):jsx(Fragment,{children:e})}function Jr({message:e,className:t}){return e===void 0||typeof e=="string"?jsx(f,{variant:"body1",color:"secondary",className:t,children:e||"No data available"}):jsx(Fragment,{children:e})}var YS=e(TableContainer)`
|
|
929
929
|
border-radius: 8px;
|
|
930
930
|
border: 1px solid ${({theme:e})=>e.stigg.palette.outlinedBorder};
|
|
931
931
|
background-color: ${({theme:e})=>e.stigg.palette.backgroundPaper};
|
|
@@ -938,11 +938,11 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
938
938
|
align-items: center;
|
|
939
939
|
justify-content: center;
|
|
940
940
|
`}
|
|
941
|
-
`,
|
|
941
|
+
`,QS=e(Table)`
|
|
942
942
|
min-width: 600px;
|
|
943
943
|
table-layout: auto;
|
|
944
944
|
width: 100%;
|
|
945
|
-
`,
|
|
945
|
+
`,KS=e(Divider)`
|
|
946
946
|
border-color: ${({theme:e})=>e.stigg.palette.outlinedBorder};
|
|
947
947
|
`,_t=e(TableCell)`
|
|
948
948
|
padding: 8px 12px;
|
|
@@ -957,38 +957,38 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
957
957
|
${({$minWidth:e})=>e&&`min-width: ${e};`}
|
|
958
958
|
|
|
959
959
|
${({$isLastRow:e,$hideLastRowBorder:t})=>e&&t&&"border-bottom: none;"}
|
|
960
|
-
`,
|
|
960
|
+
`,qS=e(_t)`
|
|
961
961
|
background-color: transparent;
|
|
962
|
-
`,
|
|
962
|
+
`,Xi=e(TableRow)`
|
|
963
963
|
${({$clickable:e,theme:t})=>e&&`
|
|
964
964
|
cursor: pointer;
|
|
965
965
|
&:hover {
|
|
966
966
|
background-color: ${t.stigg.palette.backgroundHighlight};
|
|
967
967
|
}
|
|
968
968
|
`}
|
|
969
|
-
`,
|
|
969
|
+
`,ji=e.div`
|
|
970
970
|
display: flex;
|
|
971
971
|
align-items: center;
|
|
972
972
|
justify-content: ${({$alignment:e})=>{switch(e){case "center":return "center";case "right":return "flex-end";default:return "flex-start"}}};
|
|
973
973
|
width: 100%;
|
|
974
|
-
`,
|
|
974
|
+
`,JS=e(TablePagination)`
|
|
975
975
|
color: ${({theme:e})=>e.stigg.palette.text.secondary};
|
|
976
|
-
`;function
|
|
976
|
+
`;function XS({visibleHeadCells:e}){return jsx(TableHead,{children:jsx(TableRow,{children:e.map(t=>jsx(qS,{$alignment:t.alignment,$width:t.width,$maxWidth:t.maxWidth,$minWidth:t.minWidth,children:jsx(f,{variant:"caption",children:t.label})},String(t.id)))})})}function Xr({data:e,headCells:t,isLoading:o=false,error:r=null,emptyMessage:n,errorMessage:i,onRowClick:a,className:l,skeletonRows:s=3,hideLastRowBorder:c=true,pageSize:u,pageNum:f,totalCount:y,onPageChange:p}){let g=t.filter(P=>P.visible!==false),h=!!r||!o&&e.length===0;return jsx(YS,{className:l,$hasMinHeight:h,children:r?jsx(qr,{errorMessage:i,className:`${l}-error`}):!o&&e.length===0?jsx(Jr,{message:n,className:`${l}-empty`}):jsxs(Fragment,{children:[jsxs(QS,{children:[jsx(XS,{visibleHeadCells:g}),jsx(TableBody,{children:o?jsx(qi,{skeletonRows:s,visibleHeadCells:g,hideLastRowBorder:c}):jsx(Ji,{data:e,visibleHeadCells:g,onRowClick:a,hideLastRowBorder:c})})]}),!!(e!=null&&e.length)&&p&&jsxs(Fragment,{children:[jsx(KS,{}),jsx(JS,{component:"div",rowsPerPage:u!=null?u:e.length,rowsPerPageOptions:[u!=null?u:e.length],count:y!=null?y:e.length,page:f!=null?f:1,onPageChange:p,labelDisplayedRows:({from:P,to:b,count:x})=>`${se(P)}-${se(b)} of ${x!==-1?se(x):`more than ${se(b)}`}`})]})]})})}var eT=e(Ab)`
|
|
977
977
|
font-size: 0.75rem;
|
|
978
978
|
height: 24px;
|
|
979
979
|
border-radius: 4px;
|
|
980
980
|
border: none;
|
|
981
981
|
background-color: ${({theme:e,$variant:t})=>{var o,r,n,i;return (i=(n=(r=(o=e==null?void 0:e.stigg)==null?void 0:o.palette)==null?void 0:r.statusChips)==null?void 0:n[t])==null?void 0:i.background}};
|
|
982
982
|
color: ${({theme:e,$variant:t})=>{var o,r,n,i;return (i=(n=(r=(o=e==null?void 0:e.stigg)==null?void 0:o.palette)==null?void 0:r.statusChips)==null?void 0:n[t])==null?void 0:i.text}};
|
|
983
|
-
`;function uo(i){var a$1=i,{variant:e,label:t,className:o,size:r="small"}=a$1,n=c(a$1,["variant","label","className","size"]);return jsx(
|
|
983
|
+
`;function uo(i){var a$1=i,{variant:e,label:t,className:o,size:r="small"}=a$1,n=c(a$1,["variant","label","className","size"]);return jsx(eT,a({label:t,size:r,$variant:e,className:o},n))}function Kp(e){let t=Z(),o=Z(e.effectiveAt),r=e.expireAt?Z(e.expireAt):null;return o.isAfter(t)?"SCHEDULED":r&&r.isBefore(t)?"EXPIRED":"AVAILABLE"}function qp(e,t){return `${rt(e.consumedAmount,t)} / ${e.amount}`}var oa=e=>{switch(e){case "AVAILABLE":return "success";case "SCHEDULED":return "warning";case "EXPIRED":return "error";default:return "neutral"}},Jp=e=>{if(e.automaticRechargeConfigurationId)return "Automatic recharge";switch(e.grantType){case CreditGrantType.Promotional:return "Promotional";case CreditGrantType.Paid:return "Top-up";case CreditGrantType.Recurring:return "Recurring";default:return "Unknown"}};function Xp({creditGrants:e,isLoading:t,error:o,localization:r,decimalPlaces:n,pageSize:i,pageNum:a$1,totalCount:l,onPageChange:s}){let c=e.map(f=>b(a({},f),{status:Kp(f)})),u=[{id:"effectiveAt",label:r.receivedAt,width:"205px",render:({effectiveAt:f$1})=>jsx(f,{variant:"body1",className:"stigg-credit-grants-effective-date",children:ei(f$1)})},{id:"grantType",label:r.grantType,width:"205px",render:f$1=>jsx(f,{variant:"body1",className:"stigg-credit-grants-grant-type",children:Jp(f$1)})},{id:"status",label:r.status,width:"205px",render:({status:f})=>{let y=rT(f),p=oa(f);return jsx(uo,{label:y,variant:p,className:"stigg-credit-grants-status-chip"})}},{id:"amount",label:r.balance,width:"205px",render:f$1=>jsx(f,{variant:"body1",className:"stigg-credit-grants-balance",children:qp(f$1,n)})},{id:"expireAt",label:r.expiryDate,width:"205px",render:({expireAt:f$1})=>jsx(f,{variant:"body1",className:"stigg-credit-grants-expiry-date",children:f$1?ti(f$1):"-"})}];return jsx(Xr,{data:c,headCells:u,isLoading:t,error:o,emptyMessage:r.emptyState,loadingMessage:r.loadingState,errorMessage:r.errorState,className:"stigg-credit-grants-table",skeletonRows:(c==null?void 0:c.length)||3,pageNum:a$1,pageSize:i,totalCount:l,onPageChange:s})}var em=(e,t,o)=>{let[r,n]=useState(0),[i,a]=useState(0);return {pageNumber:i,lastVisitedPage:r,pageChangeFunc:(s,c)=>{let u=c>i?{after:e==null?void 0:e.endCursor,first:o}:{before:e==null?void 0:e.startCursor,last:o};t(u),n(i),a(c);}}};var iT=10,aT=e.div`
|
|
984
984
|
display: flex;
|
|
985
985
|
flex-direction: column;
|
|
986
986
|
gap: 8px;
|
|
987
|
-
`,
|
|
987
|
+
`,sT=e.div`
|
|
988
988
|
display: flex;
|
|
989
989
|
flex-direction: column;
|
|
990
990
|
gap: 16px;
|
|
991
|
-
`;function
|
|
991
|
+
`;function tm({currencyId:e,localization:t,decimalPlaces:o,pageSize:r=iT}){let n=u({optional:true}),i=n==null?void 0:n.stigg,a$1=n==null?void 0:n.theme,l=a(a({},I),t),[s,c]=useState({first:r}),{creditGrants:u$1,isLoading:f,error:y,paging:p,totalCount:g}=Yr({currencyId:e,pageSize:r,paging:s}),{pageNumber:h,pageChangeFunc:P}=em(p,c,r);return jsx(w,{componentTheme:a$1,children:jsxs(aT,{className:"stigg-credit-grants-container",children:[jsx(sT,{className:"stigg-credit-grants-card",children:jsx(Xp,{creditGrants:u$1,isLoading:f,error:y,localization:l,decimalPlaces:o,pageSize:r,pageNum:h,totalCount:g,onPageChange:P})}),jsx(q,{source:"grant_list",align:"end",smallScreenAlign:"end",style:{marginTop:0},showWatermark:i==null?void 0:i.getShowWatermark()})]})})}var om=e.div`
|
|
992
992
|
display: flex;
|
|
993
993
|
flex-direction: column;
|
|
994
994
|
gap: 16px;
|
|
@@ -997,16 +997,16 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
997
997
|
border: 1px solid ${({theme:e})=>{var t,o;return (o=(t=e.stigg)==null?void 0:t.palette)==null?void 0:o.outlinedBorder}};
|
|
998
998
|
background-color: ${({theme:e})=>{var t,o;return (o=(t=e==null?void 0:e.stigg)==null?void 0:t.palette)==null?void 0:o.backgroundPaper}};
|
|
999
999
|
min-height: 90px;
|
|
1000
|
-
`;var
|
|
1000
|
+
`;var rm=e.div`
|
|
1001
1001
|
display: flex;
|
|
1002
1002
|
align-items: center;
|
|
1003
1003
|
gap: 4px;
|
|
1004
|
-
`;var
|
|
1004
|
+
`;var ra=e.div`
|
|
1005
1005
|
display: flex;
|
|
1006
1006
|
flex-direction: column;
|
|
1007
1007
|
gap: 4px;
|
|
1008
1008
|
width: 100%;
|
|
1009
|
-
`;var
|
|
1009
|
+
`;var nm=e.div`
|
|
1010
1010
|
display: flex;
|
|
1011
1011
|
align-items: center;
|
|
1012
1012
|
justify-content: center;
|
|
@@ -1014,20 +1014,20 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
1014
1014
|
min-height: 60px;
|
|
1015
1015
|
border: 1px dashed ${({theme:e})=>{var t,o;return (o=(t=e.stigg)==null?void 0:t.palette)==null?void 0:o.outlinedBorder}};
|
|
1016
1016
|
border-radius: 8px;
|
|
1017
|
-
`;function
|
|
1017
|
+
`;function en(e){let t=u(),o=t==null?void 0:t.stigg,r=t==null?void 0:t.updatedAt,n=useCallback(()=>d(null,null,function*(){if(!o)throw new Error("Stigg SDK is not initialized. Please check your API configuration.");if(!o.isCustomerLoaded)return null;try{let s={customerId:e.customerId,currencyId:e.currencyId};return yield o.getAutomaticRechargeConfiguration(s)}catch(s){throw console.error("Error fetching automatic recharge configuration:",s),s}}),[o,e.customerId,e.currencyId,r]),{data:i,error:a,isLoading:l}=C({func:n});return {config:i,isLoading:l,error:a}}function im({customerId:e,currencyId:t}){let{config:o,isLoading:r,error:n}=en({customerId:e,currencyId:t}),i=useMemo(()=>{if(!o)return {isConfigured:false,isEnabled:false,thresholdValue:0,targetBalance:0,currentMonthlySpend:0,maxSpendLimit:0,spendPercentage:0,showActiveState:false};let a=o.maxSpendLimit&&o.maxSpendLimit>0?zr(o.currentMonthlySpend||0,o.maxSpendLimit):0,l=true,s=l&&o.isEnabled;return {isConfigured:l,isEnabled:o.isEnabled,thresholdValue:o.thresholdValue||0,targetBalance:o.targetBalance||0,currentMonthlySpend:o.currentMonthlySpend||0,maxSpendLimit:o.maxSpendLimit||0,spendPercentage:a,showActiveState:s}},[o]);return b(a({},i),{isLoading:r,error:n})}var am=e(om)`
|
|
1018
1018
|
width: 406px;
|
|
1019
1019
|
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05);
|
|
1020
1020
|
box-sizing: border-box;
|
|
1021
|
-
`,
|
|
1021
|
+
`,sm=e.div`
|
|
1022
1022
|
display: flex;
|
|
1023
1023
|
align-items: center;
|
|
1024
1024
|
justify-content: flex-start;
|
|
1025
|
-
`;function
|
|
1025
|
+
`;function lm(e,t){return e?Object.entries(t).reduce((o,[r,n])=>{let i=new RegExp(`{{\\s*${r}\\s*}}`,"g"),l=String(n!=null?n:"").replace(/\$/g,"$$$$");return o.replace(i,l)},e):""}function cm({customerId:e,currencyId:t,currencyUnit:o="Credits",billingCurrency:r="$",onManageClick:n,className:i,localization:a$1}){let{thresholdValue:l,targetBalance:s,currentMonthlySpend:c,maxSpendLimit:u,spendPercentage:f$1,showActiveState:y,isLoading:p,error:g}=im({customerId:e,currencyId:t}),h=a(a({},K),a$1&&Object.fromEntries(Object.entries(a$1).filter(([x,A])=>A!==void 0))),P=lm(h.descriptionTemplate,{target:Gt(s),unit:o,threshold:Gt(l)}),b=lm(h.spendTemplate,{currency:r,current:Gt(c),limit:Gt(u)});return g?jsx(am,{className:`stigg-auto-recharge-status stigg-auto-recharge-status-error ${i||""}`,children:jsx(f,{variant:"body1",color:"error",children:g.message||"Failed to load auto-recharge status"})}):jsxs(am,{className:`stigg-auto-recharge-status ${i||""}`,children:[jsxs(Rt,{children:[jsxs(rm,{children:[jsx(f,{variant:"h6",color:"primary",className:"stigg-auto-recharge-title",children:h.title}),!p&&y&&jsx(uo,{variant:"success",label:h.activeLabel,className:"stigg-auto-recharge-status-chip",size:"small"})]}),p?jsx(Je,{width:70,height:38,borderRadius:10}):jsx(Ut,{type:"button",onClick:n,className:"stigg-auto-recharge-manage-button","aria-label":`${h.manageButton} auto-recharge settings`,children:h.manageButton})]}),p?jsxs(ra,{children:[jsx(Je,{width:"100%",height:20}),jsx(Je,{width:"100%",height:8,borderRadius:0}),jsx(sm,{children:jsx(Je,{width:200,height:16})})]}):y?jsxs(ra,{children:[jsx(f,{variant:"body1",color:"primary",className:"stigg-auto-recharge-description",children:P}),jsx(Wr,{percentage:f$1,variant:"primary",className:"stigg-auto-recharge-progress"}),jsx(sm,{children:jsx(f,{variant:"caption",color:"tertiary",className:"stigg-auto-recharge-spend",children:u>0?b:h.unlimitedSpendLimit})})]}):jsx(nm,{className:"stigg-auto-recharge-empty",children:jsx(f,{variant:"caption",color:"tertiary",className:"stigg-auto-recharge-empty-text",children:h.emptyStateMessage})})]})}var pT=e.div`
|
|
1026
1026
|
display: flex;
|
|
1027
1027
|
flex-direction: column;
|
|
1028
1028
|
gap: 8px;
|
|
1029
1029
|
width: 100%;
|
|
1030
|
-
`;function
|
|
1030
|
+
`;function dm(e){let t=he(ee),o=u({optional:true}),r=o==null?void 0:o.theme,n=jsx(pT,{className:"stigg-auto-recharge-status-container",children:jsx(cm,a({},e))});return t?n:jsx(w,{componentTheme:r,children:n})}function pm(e){return Lg({},{title:"Auto recharge settings",enableLabel:"Recharge credits automatically when balance is low",enableDescription:"Allow auto-recharge",thresholdFieldPrefix:"When",thresholdFieldSuffix:"balance goes below",thresholdTooltip:"The credit balance threshold that triggers an automatic recharge",thresholdFieldPlaceholder:"Enter threshold amount",thresholdFieldHint:"Current threshold: {{value}}",thresholdRequired:"Threshold amount is required",thresholdMin:"Threshold must be at least 0",thresholdMax:"Threshold must be less than {{max}}",targetFieldPrefix:"Then",targetFieldSuffix:"recharge balance up to",targetBalanceTooltip:"The target credit balance to reach after a recharge",targetFieldPlaceholder:"Enter target balance",targetFieldHint:"Current target: {{value}}",targetRequired:"Target balance is required",targetMin:"Target must be greater than threshold",targetMax:"Target cannot exceed {{max}}",spendLimitFieldPrefix:"Limit",spendLimitFieldSuffix:"total spend",spendLimitFieldPlaceholder:"0.00",spendLimitHelpText:"Limit recharging to spending cap when enabled",spendLimitPeriod:"month",spendLimitPositive:"Spend limit must be greater than 0",spendLimitMin:"Spend limit must be at least {{min}}",spendLimitMax:"Spend limit cannot exceed {{max}}",immediateRechargeWarning:"Recharge will run immediately after saving. Current balance is below threshold {{threshold}} {{currencyUnit}}.",spendLimitTooLowWarning:"Auto-recharge may not run. Current monthly spend (${{currentSpend}} USD) is approaching or exceeds the spend limit (${{spendLimit}} USD).",cancelButton:"Cancel",saveButton:"Save settings",editButton:"Edit",loadingState:"Loading automatic recharge settings...",errorState:"Failed to load automatic recharge settings",emptyState:"No automatic recharge configuration found"},e)}function nt(e,t={},o){var a,l,s,c;let r={};if(!e.enabled)return r;let n=parseFloat(e.thresholdAmount);!e.thresholdAmount||e.thresholdAmount.trim()===""?r.thresholdAmount=o.thresholdRequired||"Threshold amount is required":isNaN(n)?r.thresholdAmount="Threshold must be a valid number":n<0?r.thresholdAmount=o.thresholdMin||"Threshold must be at least 0":t.poolSize!==void 0&&n>=t.poolSize&&(r.thresholdAmount=((a=o.thresholdMax)==null?void 0:a.replace("{{max}}",String(t.poolSize)))||`Threshold must be less than ${t.poolSize}`);let i=parseFloat(e.targetBalance);if(!e.targetBalance||e.targetBalance.trim()===""?r.targetBalance=o.targetRequired||"Target balance is required":isNaN(i)?r.targetBalance="Target balance must be a valid number":!isNaN(n)&&i<=n?r.targetBalance=o.targetMin||"Target balance must be greater than threshold":t.poolSize!==void 0&&i>t.poolSize&&(r.targetBalance=((l=o.targetMax)==null?void 0:l.replace("{{max}}",String(t.poolSize)))||`Target balance cannot exceed ${t.poolSize}`),e.maxSpendLimit&&e.maxSpendLimit.trim()!==""){let u=parseFloat(e.maxSpendLimit);isNaN(u)?r.maxSpendLimit="Spend limit must be a valid number":u<=0?r.maxSpendLimit=o.spendLimitPositive||"Spend limit must be greater than 0":t.minSpendLimit!==void 0&&u<t.minSpendLimit?r.maxSpendLimit=((s=o.spendLimitMin)==null?void 0:s.replace("{{min}}",String(t.minSpendLimit)))||`Spend limit must be at least ${t.minSpendLimit}`:t.maxSpendLimit!==void 0&&u>t.maxSpendLimit&&(r.maxSpendLimit=((c=o.spendLimitMax)==null?void 0:c.replace("{{max}}",String(t.maxSpendLimit)))||`Spend limit cannot exceed ${t.maxSpendLimit}`);}return r}function on({initialData:e,poolSize:t,localization:o}){var P,b$1,x,A,S,F,T,k,w,I,v,L,N,$;let[r,n]=useState({enabled:(P=e==null?void 0:e.enabled)!=null?P:false,thresholdAmount:(x=(b$1=e==null?void 0:e.thresholdAmount)==null?void 0:b$1.toString())!=null?x:"",targetBalance:(S=(A=e==null?void 0:e.targetBalance)==null?void 0:A.toString())!=null?S:"",maxSpendLimit:(T=(F=e==null?void 0:e.maxSpendLimit)==null?void 0:F.toString())!=null?T:""}),[i,a$1]=useState({thresholdAmount:true,targetBalance:true,maxSpendLimit:true}),l=nt({enabled:(k=e==null?void 0:e.enabled)!=null?k:false,thresholdAmount:(I=(w=e==null?void 0:e.thresholdAmount)==null?void 0:w.toString())!=null?I:"",targetBalance:(L=(v=e==null?void 0:e.targetBalance)==null?void 0:v.toString())!=null?L:"",maxSpendLimit:($=(N=e==null?void 0:e.maxSpendLimit)==null?void 0:N.toString())!=null?$:""},{poolSize:t},o),[s,c]=useState(l);return {formData:r,errors:s,touched:i,handleEnabledChange:R=>{let z=R.target.checked;if(n(K=>b(a({},K),{enabled:z})),!z)c({}),a$1({});else {let K=nt(b(a({},r),{enabled:true}),{poolSize:t},o);c(K),a$1({thresholdAmount:true,targetBalance:true,maxSpendLimit:true});}},handleFieldChange:R=>z=>{let K=z.target.value,Ve=b(a({},r),{[R]:K});n(Ve),a$1(V=>b(a({},V),{[R]:true}));let ut=nt(Ve,{poolSize:t},o);c(ut);},handleFieldBlur:R=>()=>{a$1(K=>b(a({},K),{[R]:true}));let z=nt(r,{poolSize:t},o);c(z);},getFieldError:R=>i[R]?s[R]:void 0,validate:()=>{let R=nt(r,{poolSize:t},o);return c(R),r.enabled&&a$1({thresholdAmount:true,targetBalance:true,maxSpendLimit:true}),Object.keys(R).length===0},getFormValues:()=>{var R,z,K;return {enabled:r.enabled,thresholdAmount:(R=r.thresholdAmount)!=null&&R.trim()?parseFloat(r.thresholdAmount.trim()):void 0,targetBalance:(z=r.targetBalance)!=null&&z.trim()?parseFloat(r.targetBalance.trim()):void 0,maxSpendLimit:(K=r.maxSpendLimit)!=null&&K.trim()?parseFloat(r.maxSpendLimit.trim()):void 0}}}}var fo=e.div`
|
|
1031
1031
|
display: flex;
|
|
1032
1032
|
flex-direction: column;
|
|
1033
1033
|
gap: 16px;
|
|
@@ -1042,12 +1042,12 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
1042
1042
|
border: 1px solid ${({theme:e})=>{var t,o;return (o=(t=e.stigg)==null?void 0:t.palette)==null?void 0:o.outlinedBorder}};
|
|
1043
1043
|
background-color: ${({theme:e})=>{var t,o;return (o=(t=e.stigg)==null?void 0:t.palette)==null?void 0:o.backgroundPaper}};
|
|
1044
1044
|
box-shadow: 1px 6px 14px 0px rgba(26, 26, 26, 0.1);
|
|
1045
|
-
`,
|
|
1045
|
+
`,aa=e(Info)`
|
|
1046
1046
|
width: 12px;
|
|
1047
1047
|
height: 12px;
|
|
1048
1048
|
color: ${({theme:e})=>{var t,o,r;return (r=(o=(t=e.stigg)==null?void 0:t.palette)==null?void 0:o.text)==null?void 0:r.secondary}};
|
|
1049
1049
|
cursor: help;
|
|
1050
|
-
`,
|
|
1050
|
+
`,sa=e(Qx)`
|
|
1051
1051
|
font-family: custom-font, 'DM Sans', sans-serif;
|
|
1052
1052
|
align-items: center;
|
|
1053
|
-
`;function
|
|
1053
|
+
`;function rn({customerId:e,currencyId:t,initialData:o,currencyUnit:r,poolSize:n,currentBalance:i,currentMonthlySpend:a$1,readOnly:l=false,localization:s,onSave:c,onCancel:u$1}){var v,L,N;let f$1=he(ee),y=u({optional:true}),p=y==null?void 0:y.theme,g=useMemo(()=>pm(s),[s]),{formData:h,errors:P,handleEnabledChange:b,handleFieldChange:x,handleFieldBlur:A,getFieldError:S,validate:F,getFormValues:T}=on({initialData:o,poolSize:n,localization:g}),k=useMemo(()=>h.enabled?Object.keys(P).length>0:false,[P,h.enabled]),w$1=useCallback(()=>{if(F()&&c){let $=T();c(a({customerId:e,currencyId:t},$));}},[F,c,T,e,t]),I=jsx(fo,{className:"stigg-automatic-recharge-form-container",children:jsxs(yo,{className:"stigg-automatic-recharge-form-card",children:[jsxs(ke,{display:"flex",flexDirection:"column",gap:.5,children:[jsx(f,{variant:"h3",color:"primary",className:"stigg-automatic-recharge-form-title",children:g.title}),jsx(f,{variant:"body1",color:"secondary",className:"stigg-automatic-recharge-form-subtitle",children:g.enableLabel})]}),jsx(ke,{display:"flex",flexDirection:"column",gap:1,children:jsx(eC,{control:jsx(jh,{checked:h.enabled,onChange:b,disabled:l}),label:jsx(f,{variant:"body1",color:"primary",children:g.enableDescription}),className:"stigg-automatic-recharge-form-enable-checkbox"})}),jsxs(ke,{display:"flex",flexDirection:"column",gap:1,className:"stigg-automatic-recharge-form-threshold-field",children:[jsxs(ke,{display:"flex",alignItems:"center",gap:1,children:[jsxs(f,{variant:"body1",color:"primary",children:[jsx(ke,{component:"span",fontWeight:"bold",children:g.thresholdFieldPrefix})," ",g.thresholdFieldSuffix]}),jsx(We,{title:g.thresholdTooltip,children:jsx(aa,{})})]}),jsx(NumericFormat,{customInput:pe,fullWidth:true,thousandSeparator:true,value:h.thresholdAmount,onValueChange:$=>{let R={target:{value:$.value}};x("thresholdAmount")(R);},onBlur:A("thresholdAmount"),placeholder:g.thresholdFieldPlaceholder,error:!!S("thresholdAmount"),helperText:(v=S("thresholdAmount"))!=null?v:"",disabled:l||!h.enabled,InputProps:{endAdornment:r?jsx(f,{variant:"body1",color:"secondary",style:{whiteSpace:"nowrap"},children:r}):void 0},className:"stigg-automatic-recharge-form-threshold-input"})]}),jsxs(ke,{display:"flex",flexDirection:"column",gap:1,className:"stigg-automatic-recharge-form-target-field",children:[jsxs(ke,{display:"flex",alignItems:"center",gap:1,children:[jsxs(f,{variant:"body1",color:"primary",children:[jsx(ke,{component:"span",fontWeight:"bold",children:g.targetFieldPrefix})," ",g.targetFieldSuffix]}),jsx(We,{title:g.targetBalanceTooltip,children:jsx(aa,{})})]}),jsx(NumericFormat,{customInput:pe,fullWidth:true,thousandSeparator:true,value:h.targetBalance,onValueChange:$=>{let R={target:{value:$.value}};x("targetBalance")(R);},onBlur:A("targetBalance"),placeholder:g.targetFieldPlaceholder,error:!!S("targetBalance"),helperText:(L=S("targetBalance"))!=null?L:"",disabled:l||!h.enabled,InputProps:{endAdornment:r?jsx(f,{variant:"body1",color:"secondary",style:{whiteSpace:"nowrap"},children:r}):void 0},className:"stigg-automatic-recharge-form-target-input"})]}),jsxs(ke,{display:"flex",flexDirection:"column",gap:1,className:"stigg-automatic-recharge-form-spend-limit-field",children:[jsxs(ke,{display:"flex",flexDirection:"column",gap:.5,children:[jsxs(f,{variant:"body1",color:"primary",children:[jsx(ke,{component:"span",fontWeight:"bold",children:g.spendLimitFieldPrefix})," ",g.spendLimitFieldSuffix]}),jsx(f,{variant:"caption",color:"secondary",style:{fontSize:"12px"},children:g.spendLimitHelpText})]}),jsx(NumericFormat,{customInput:pe,fullWidth:true,thousandSeparator:true,value:h.maxSpendLimit,onValueChange:$=>{let R={target:{value:$.value}};x("maxSpendLimit")(R);},onBlur:A("maxSpendLimit"),placeholder:g.spendLimitFieldPlaceholder,error:!!S("maxSpendLimit"),helperText:(N=S("maxSpendLimit"))!=null?N:"",disabled:l||!h.enabled,InputProps:{startAdornment:jsx(f,{variant:"body1",color:"secondary",children:"$"}),endAdornment:jsxs(f,{variant:"body1",color:"secondary",style:{whiteSpace:"nowrap"},children:["/ ",g.spendLimitPeriod]})},className:"stigg-automatic-recharge-form-spend-limit-input"})]}),!l&&h.enabled&&h.thresholdAmount&&jsxs(Fragment,{children:[i!==void 0&&i<=parseFloat(h.thresholdAmount)&&jsx(sa,{severity:"warning",className:"stigg-automatic-recharge-form-warning",children:g.immediateRechargeWarning.replace("{{threshold}}",se(parseFloat(h.thresholdAmount))||"0").replace("{{currencyUnit}}",r||"")}),h.maxSpendLimit&&h.maxSpendLimit.trim()!==""&&parseFloat(h.maxSpendLimit)>0&&a$1!==void 0&&a$1+0>=parseFloat(h.maxSpendLimit)&&jsx(sa,{severity:"warning",className:"stigg-automatic-recharge-form-spend-limit-warning",children:g.spendLimitTooLowWarning.replace("{{currentSpend}}",dn(a$1)).replace("{{spendLimit}}",dn(parseFloat(h.maxSpendLimit)))})]}),!l&&jsxs(ke,{display:"flex",justifyContent:"flex-end",gap:1,pt:2,className:"stigg-automatic-recharge-form-actions",children:[u$1&&jsx(te,{variant:"outlined",onClick:u$1,className:"stigg-automatic-recharge-form-cancel-button",children:g.cancelButton}),c&&jsx(te,{variant:"contained",onClick:w$1,disabled:k,className:"stigg-automatic-recharge-form-save-button",children:g.saveButton})]})]})});return f$1?I:jsx(w,{componentTheme:p,children:I})}function gm(){let e=u(),t=e==null?void 0:e.stigg,[o,r]=useState(false),[n,i]=useState(null);return {updateConfig:useCallback(l=>d(null,null,function*(){var s,c,u;if(!t||!t.isCustomerLoaded){let f=new Error("Stigg SDK not initialized or customer not loaded");throw i(f),f}r(true),i(null);try{let f={customerId:l.customerId,currencyId:l.currencyId,isEnabled:l.enabled,thresholdValue:(s=l.thresholdAmount)!=null?s:0,thresholdType:ThresholdType.CreditAmount,targetBalance:(c=l.targetBalance)!=null?c:0,maxSpendLimit:(u=l.maxSpendLimit)!=null?u:null},y=yield t.saveAutomaticRechargeConfiguration(f);return yield t.refresh(),r(!1),y}catch(f){let y=f instanceof Error?f:new Error("Failed to save automatic recharge configuration");throw console.error("Error saving automatic recharge configuration:",y),i(y),r(false),y}}),[t]),isLoading:o,error:n}}function hm({customerId:e,currencyId:t,currencyUnit:o,poolSize:r,readOnly:n=false,localization:i,onSave:a,onCancel:l}){var T;let s=he(ee),c=u({optional:true}),u$1=c==null?void 0:c.theme,{config:f$1,isLoading:y,error:p}=en({customerId:e,currencyId:t}),g=A({currencyId:t}),{updateConfig:h,isLoading:P,error:b}=gm(),x=useCallback(k=>d(null,null,function*(){try{yield h(k),a&&a(k);}catch(w){console.error("Failed to save automatic recharge configuration:",w);}}),[h,a]),A$1=f$1?{id:"",enabled:f$1.isEnabled,thresholdAmount:f$1.thresholdValue,targetBalance:f$1.targetBalance,maxSpendLimit:(T=f$1.maxSpendLimit)!=null?T:void 0,currencyId:f$1.currencyId,customerId:f$1.customerId}:void 0;if(y){let k=jsxs("div",{children:[jsx(Je,{width:300,height:24,style:{marginBottom:"16px"}}),jsx(Je,{width:400,height:200})]});return s?k:jsx(w,{componentTheme:u$1,children:k})}if(p){let k=jsx(fo,{className:"stigg-automatic-recharge-form-container",children:jsx(yo,{className:"stigg-automatic-recharge-form-card",children:jsx(f,{variant:"body1",color:"error",children:p.message||"Failed to load automatic recharge configuration"})})});return s?k:jsx(w,{componentTheme:u$1,children:k})}if(g.isFallback){let k=jsx(fo,{className:"stigg-automatic-recharge-form-container",children:jsx(yo,{className:"stigg-automatic-recharge-form-card",children:jsx(f,{variant:"body1",color:"error",children:"Failed to load credit balance"})})});return s?k:jsx(w,{componentTheme:u$1,children:k})}let S=o||g.currency.unitPlural||g.currency.displayName||"Credits",F=jsxs(Fragment,{children:[b&&jsx(f,{variant:"body1",color:"error",style:{marginBottom:"16px"},children:b.message||"Failed to save automatic recharge configuration"}),jsx(rn,{customerId:e,currencyId:t,initialData:A$1,currencyUnit:S,poolSize:r,currentBalance:g.remaining,currentMonthlySpend:f$1==null?void 0:f$1.currentMonthlySpend,readOnly:n||P,localization:i,onSave:x,onCancel:l})]});return s?F:jsx(w,{componentTheme:u$1,children:F})}export{$o as AddonsList,dm as AutoRechargeStatus,hm as AutomaticRechargeConfig,rn as AutomaticRechargeConfigForm,oS as BooleanEntitlementGuard,Mp as Checkout,$p as CreditBalance,tm as CreditGrants,zp as CreditUsageChart,Hp as CreditUtilization,ic as CustomerPortal,Do as CustomerPortalProvider,ur as CustomerUsageData,Jr as EmptyState,pS as EnumEntitlementGuard,qr as ErrorState,Xr as GenericTable,gr as InvoicesSection,lS as MeteredEntitlementGuard,iS as NumericEntitlementGuard,ar as PaymentDetailsSection,Ls as Paywall,zo as Promotions,Yi as ProvisionStatus,uo as StatusChip,gn as SubscribeIntentionType,tr as SubscriptionsOverview,ti as formatDateOnly,ei as formatDateTime,er as isCreditEntitlement,kt as isFeatureEntitlement,oa as mapCreditGrantStatusToVariant,on as useAutomaticRechargeForm,Yr as useCreditGrants,Up as useWaitForCheckoutCompleted,nt as validateAutomaticRechargeForm};
|