@solvimon/solvimon-web 0.1.0-alpha.7 → 0.1.0-alpha.8

package/dist/screens/UpgradeSubscription/UpgradeSubscription.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../Section.vue.es-BuzTXRLP.js"),n=require("../../Button.vue.es-BC4_TItq.js"),a=require("../../Divider.vue.es-ClFG8QtG.js"),i=require("../../ErrorNotification.vue.es-FpRyg0De.js"),r=require("../../component-ZRZIt3ZW.js"),o=require("../../formatting.es-9hM8aHSg.js"),l=require("../../PricingGroupContent.vue_vue_type_script_setup_true_lang-CmQILA3q.js"),c=require("../../PaymentMethod.vue.es-DYlnmZh7.js"),s=require("../../paymentMethods-DZRf0WRl.js"),d=require("../../ContentWithAsideLayout-UHovpjZu.js"),u=require("../../useActionDispatchProvider-CWVV_xsi.js"),p={id:"ppsu_hwDeeN0vhvcVCsAIdp1G",pricing_plan_schedule_infos:[{id:"ppsc_IwDeeN0vhvcVCIAQdq1a",pricing_plan_version_id:"ppve_MwDeeN0vhvcEuaADdd1f",start_at:"2026-04-05T22:00:00Z",pricing_plan_version:{pricing_categories:[{product_category:{id:"proc_iwDeeN0vhphn6VAtBD1w",name:"Add ons"},display_order:1,pricings:[{id:"pric_ywDeeN0vhvcPguAadr1V",name:"Integration setup",products:[{name:"Integration setup"}],items:[{id:"prii_NwDeeN0vhvcPguAxds12",product_items:[{name:"Rillet integration setup",model_type:"ONE_OFF"}],configs:[{on_demand:!0,bands:[{fixed_amount:{quantity:"5000.00",currency:"EUR"}}]}]},{id:"prii_IwDeeN0vhvcPgvAsdS1Q",product_items:[{name:"Attio integration setup",model_type:"ONE_OFF"}],configs:[{on_demand:!0,bands:[{amount:{quantity:"50000.00",currency:"EUR"}}]}]}]}],pricing_groups:[]}]}}]},m=e=>{var t,n;return((null==(t=e.configs)?void 0:t.some(e=>e.on_demand))??!1)&&((null==(n=e.product_items)?void 0:n.some(e=>"ONE_OFF"===e.model_type))??!1)},g=e=>{var t,n;return{id:e.id,name:null==(n=null==(t=e.product_items)?void 0:t[0])?void 0:n.name,items:[{id:e.id,configs:(e.configs??[]).map(e=>({bands:(e.bands??[]).map(e=>({fixed_amount:e.fixed_amount??e.amount}))}))}]}},_=e=>(e.items??[]).filter(m).map(g),f=e=>({display_order:e.display_order,product_category:e.product_category,pricings:(e.pricings??[]).flatMap(_),pricing_groups:(e.pricing_groups??[]).map(e=>({id:e.id,name:e.name,pricings:(e.pricings??[]).flatMap(_)})).filter(e=>e.pricings.length>0)}),y=Object.fromEntries(p.pricing_plan_schedule_infos.flatMap(e=>e.pricing_plan_version.pricing_categories).flatMap(e=>e.pricings).flatMap(e=>e.items).filter(m).map(e=>{var t,n,a,i,r;const o=null==(a=null==(n=null==(t=e.configs)?void 0:t[0])?void 0:n.bands)?void 0:a[0],l=(null==(i=null==o?void 0:o.fixed_amount)?void 0:i.quantity)??(null==(r=null==o?void 0:o.amount)?void 0:r.quantity)??"0";return[e.id,parseFloat(l)]})),v=e=>({quantity:e.toFixed(2),currency:"EUR"}),h={id:"paya_NwDeeN0vgXgeP1AyNx14",object_type:"PAYMENT_ACCEPTOR",status:"ACTIVE",reference:"mock-payment-acceptor",name:"Mock payment acceptor",type:"PAYMENT_GATEWAY"},b={id:"intg_zwDeeN0vgXgeM6APNW1g",object_type:"INTEGRATION",reference:"mock-payment-integration",name:"Mock payment integration",description:"Mock payment integration",status:"ACTIVE",type:"PAYMENT_GATEWAY"},k={class:"mb-3 flex flex-col gap-2"},x={class:"flex flex-col gap-1 border-t pt-3"},N={class:"flex items-center justify-between"},w={class:"flex items-center justify-between"},B={class:"flex items-center justify-between border-t pt-3"},V=e.defineComponent({__name:"UpgradeOrderSummary",props:{selectedPricings:{type:Array},invoice:{type:Object},isPending:{type:Boolean}},setup(n){const a=n,{$t:i}=r.useIntl(),l=e.computed(()=>0===a.selectedPricings.length),c=e=>{var t,n,a,i,r,o;return null==(o=null==(r=null==(i=null==(a=null==(n=null==(t=e.items)?void 0:t[0])?void 0:n.configs)?void 0:a[0])?void 0:i.bands)?void 0:r[0])?void 0:o.fixed_amount};return(a,s)=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main),null,{default:e.withCtx(()=>{var t;return[e.createVNode(e.unref(r._sfc_main),{variant:"heading-3",tag:"h2",class:"mb-3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Order summary",id:"upgrade_subscription.order_summary.title",description:"Title for the order summary section on the upgrade subscription page"})),1)]),_:1}),l.value?(e.openBlock(),e.createBlock(e.unref(r._sfc_main),{key:0,variant:"body-sm",shade:"lighter"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Select add-ons to see pricing.",id:"upgrade_subscription.order_summary.empty_state",description:"Placeholder shown when no add-ons are selected in the order summary"})),1)]),_:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",k,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.selectedPricings,t=>(e.openBlock(),e.createElementBlock("div",{key:t.id,class:"flex items-center justify-between"},[e.createElementVNode("div",null,[e.createVNode(e.unref(r._sfc_main),{variant:"body-sm"},{default:e.withCtx(()=>{var n,a;return[e.createTextVNode(e.toDisplayString(t.name??(null==(a=null==(n=t.products)?void 0:n[0])?void 0:a.name)),1)]}),_:2},1024),e.createVNode(e.unref(r._sfc_main),{variant:"body-xs",shade:"lighter"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"one-off",id:"upgrade_subscription.order_summary.one_off_label",description:"One-off payment label next to a line item in order summary"})),1)]),_:1})]),c(t)?(e.openBlock(),e.createBlock(e.unref(r._sfc_main),{key:0,variant:"body-sm"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o.formatAmount)(c(t))),1)]),_:2},1024)):e.createCommentVNode("",!0)]))),128))]),(null==(t=n.invoice)?void 0:t.tax_summary)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",x,[e.createElementVNode("div",N,[e.createVNode(e.unref(r._sfc_main),{variant:"body-sm",shade:"lighter"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Total excluding taxes",id:"upgrade_subscription.order_summary.subtotal_label",description:"Subtotal before tax label in order summary"})),1)]),_:1}),e.createVNode(e.unref(r._sfc_main),{variant:"body-sm"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o.formatAmount)(n.invoice.tax_summary.base_amount)),1)]),_:1})]),e.createElementVNode("div",w,[e.createVNode(e.unref(r._sfc_main),{variant:"body-sm",shade:"lighter"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Taxes",id:"upgrade_subscription.order_summary.taxes_label",description:"Tax amount label in order summary"})),1)]),_:1}),e.createVNode(e.unref(r._sfc_main),{variant:"body-sm"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o.formatAmount)(n.invoice.tax_summary.tax_amount)),1)]),_:1})])]),e.createElementVNode("div",B,[e.createVNode(e.unref(r._sfc_main),{variant:"body-sm",weight:"semibold"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Total due today",id:"upgrade_subscription.order_summary.total_label",description:"Total amount due today label in order summary"})),1)]),_:1}),e.createVNode(e.unref(r._sfc_main),{variant:"body-sm",weight:"semibold"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o.formatAmount)(n.invoice.tax_summary.total_amount)),1)]),_:1})])],64)):e.createCommentVNode("",!0)],64))]}),_:1}))}}),C=e.defineComponent({__name:"OnDemandPricingRow",props:{pricing:{type:Object},selected:{type:Boolean}},emits:["toggle"],setup(a,{emit:i}){const c=a,s=i,{$t:d}=r.useIntl(),u=e.computed(()=>{var e,t;return c.pricing.name??(null==(t=null==(e=c.pricing.products)?void 0:e[0])?void 0:t.name)??"—"}),p=e.computed(()=>{var e,t,n,a,i,r;return null==(r=null==(i=null==(a=null==(n=null==(t=null==(e=c.pricing.items)?void 0:e[0])?void 0:t.configs)?void 0:n[0])?void 0:a.bands)?void 0:i[0])?void 0:r.fixed_amount}),m=e.computed(()=>p.value?`${o.formatAmount(p.value)} ${d({defaultMessage:"one-off",id:"on_demand_pricing_row.one_off_label",description:"One-off label shown next to the price in an on-demand pricing row"})}`:"");return(i,r)=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main),{"content-background":a.selected?"none":"gray",class:e.normalizeClass({"!bg-white":a.selected})},{default:e.withCtx(()=>[e.createVNode(l._sfc_main,{name:u.value,description:m.value},{default:e.withCtx(()=>[a.selected?(e.openBlock(),e.createBlock(e.unref(n._sfc_main),{key:0,color:"gray",variant:"outline",size:"sm","icon-prefix":"remove_shopping_cart",onClick:r[0]||(r[0]=e=>s("toggle",a.pricing.id))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(d)({defaultMessage:"Remove",id:"on_demand_pricing_row.remove_button_label",description:"Label for the remove button in an on-demand pricing row"})),1)]),_:1})):(e.openBlock(),e.createBlock(e.unref(n._sfc_main),{key:1,color:"primary",size:"sm","icon-prefix":"add",onClick:r[1]||(r[1]=e=>s("toggle",a.pricing.id))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(d)({defaultMessage:"Add to cart",id:"on_demand_pricing_row.add_to_cart_button_label",description:"Label for the add to cart button in an on-demand pricing row"})),1)]),_:1}))]),_:1},8,["name","description"])]),_:1},8,["content-background","class"]))}}),E={class:"grid grid-cols-1 gap-1"},S=e.defineComponent({__name:"OnDemandPricingList",props:{categories:{type:Array},selectedPricingIds:{type:Array}},emits:["toggle"],setup(t,{emit:n}){const a=t,i=n,o=e.computed(()=>[...a.categories].sort((e,t)=>(e.display_order??0)-(t.display_order??0)));return(n,a)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,n=>(e.openBlock(),e.createElementBlock("div",{key:n.id??n.display_order,class:"flex flex-col gap-2"},[e.createVNode(e.unref(r._sfc_main),{variant:"heading-3",tag:"h2"},{default:e.withCtx(()=>{var t;return[e.createTextVNode(e.toDisplayString((null==(t=n.product_category)?void 0:t.name)??n.name),1)]}),_:2},1024),e.createElementVNode("div",E,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.pricings,n=>(e.openBlock(),e.createBlock(C,{key:n.id,pricing:n,selected:t.selectedPricingIds.includes(n.id),onToggle:a[0]||(a[0]=e=>i("toggle",e))},null,8,["pricing","selected"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.pricing_groups,n=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:n.id},[e.createVNode(e.unref(r._sfc_main),{variant:"body-sm",weight:"semibold",class:"mt-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.name),1)]),_:2},1024),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.pricings,n=>(e.openBlock(),e.createBlock(C,{key:n.id,pricing:n,selected:t.selectedPricingIds.includes(n.id),onToggle:a[1]||(a[1]=e=>i("toggle",e))},null,8,["pricing","selected"]))),128))],64))),128))])]))),128))}}),T={class:"flex flex-col gap-4"},A={key:0,class:"flex flex-col gap-2"},D={class:"flex flex-col gap-1"},I={key:1,class:"flex flex-col gap-2"},M={class:"flex flex-col gap-1"},P={class:"flex items-center gap-3"},j={key:0,class:"flex h-9 w-9 shrink-0 items-center gap-0.5"},O=["src","alt"],L={key:1,class:"flex h-9 w-9 shrink-0 items-center justify-center overflow-clip rounded"},F=["src","alt"],q={key:2,class:"flex flex-col gap-1"},$=e.defineComponent({__name:"PaymentMethodPicker",props:{customerId:{type:String},subscriptionId:{type:String},selectedId:{type:String}},emits:["select"],setup(n,{emit:a}){const i=n,o=a,{$t:l}=r.useIntl(),{getPaymentMethods:d}=s.createPaymentMethodsService(),u=e.ref([]),p=e.ref([]),m=e.ref(!1),g=e.computed(()=>p.value.flatMap(e=>e.options??[])),_=e=>`https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/small/${e}.svg`,f=["visa","mc","amex","maestro"],y=e=>{if(!e)return[];return[...f.filter(t=>e.includes(t)),...e.filter(e=>!f.includes(e))].slice(0,4)};return e.onMounted(async()=>{m.value=!0;try{const e=await d({customerId:i.customerId,pagination:{page:1,pageSize:50}});u.value=e.data,p.value=[{payment_acceptor:h,integration:b,options:[{name:"iDeal",payment_method_variant:"ONLINE_BANKING",payment_gateway_variant:"ADYEN",adyen:{name:"iDEAL | Wero",type:"ideal"}},{name:"Cards",payment_method_variant:"CARD",payment_gateway_variant:"ADYEN",adyen:{name:"Cards",type:"scheme",brands:["maestro","accel","amex","cup","diners","hipercard","jcb","mc","nyce","pulse","star","visa"]}},{name:"PayPal",payment_method_variant:"DIGITAL_WALLET",payment_gateway_variant:"ADYEN",adyen:{name:"PayPal",type:"paypal",configuration:{intent:"capture"}}},{name:"Trustly",payment_method_variant:"ONLINE_BANKING",payment_gateway_variant:"ADYEN",adyen:{name:"Trustly - Instant Bank Payment",type:"trustly"}}]}]}finally{m.value=!1}}),(a,i)=>(e.openBlock(),e.createElementBlock("div",T,[u.value.length>0?(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(e.unref(r._sfc_main),{variant:"heading-3",tag:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)({defaultMessage:"Saved payment methods",id:"upgrade_subscription.payment_picker.saved_title",description:"Heading for the saved payment methods section in the upgrade subscription payment picker"})),1)]),_:1}),e.createElementVNode("div",D,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,a=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main),{key:a.id,"content-background":n.selectedId===a.id?"none":"gray",class:e.normalizeClass([{"!bg-white":n.selectedId===a.id},"cursor-pointer"]),onClick:e=>o("select",a.id)},{default:e.withCtx(()=>[e.createVNode(e.unref(c._sfc_main),{"payment-method":a},null,8,["payment-method"])]),_:2},1032,["content-background","class","onClick"]))),128))])])):e.createCommentVNode("",!0),g.value.length>0?(e.openBlock(),e.createElementBlock("div",I,[e.createVNode(e.unref(r._sfc_main),{variant:"heading-3",tag:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)({defaultMessage:"All payment methods",id:"upgrade_subscription.payment_picker.all_title",description:"Heading for the all payment methods section in the upgrade subscription payment picker"})),1)]),_:1}),e.createElementVNode("div",M,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,a=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main),{key:a.adyen.type,"content-background":n.selectedId===a.adyen.type?"none":"gray",class:e.normalizeClass([{"!bg-white":n.selectedId===a.adyen.type},"cursor-pointer"]),onClick:e=>o("select",a.adyen.type)},{default:e.withCtx(()=>{return[e.createElementVNode("div",P,["scheme"===a.adyen.type?(e.openBlock(),e.createElementBlock("div",j,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y(a.adyen.brands),t=>(e.openBlock(),e.createElementBlock("img",{key:t,src:_(t),alt:t,class:"h-5 w-auto rounded"},null,8,O))),128))])):(e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("img",{src:(t=a.adyen.type,`https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/${t}.svg`),alt:a.name,class:"h-9 w-9 object-contain"},null,8,F)])),e.createVNode(e.unref(r._sfc_main),{variant:"body-sm"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.name),1)]),_:2},1024)])];var t}),_:2},1032,["content-background","class","onClick"]))),128))])])):e.createCommentVNode("",!0),m.value?(e.openBlock(),e.createElementBlock("div",q,[...i[0]||(i[0]=[e.createElementVNode("div",{class:"h-[52px] animate-pulse rounded-md bg-gray-100"},null,-1),e.createElementVNode("div",{class:"h-[52px] animate-pulse rounded-md bg-gray-100"},null,-1),e.createElementVNode("div",{class:"h-[52px] animate-pulse rounded-md bg-gray-100"},null,-1)])])):e.createCommentVNode("",!0)]))}});const z={key:0,class:"flex h-full items-center justify-center p-8"},R={class:"flex flex-col items-center py-10"},U=e.defineComponent({__name:"UpgradeSubscription",props:{configuration:{type:Object}},setup(o){const c=o,{$t:s}=r.useIntl(),{dispatchAction:m}=u.useActionDispatchProvider(),{chargeOnDemandPricingItems:g}=function(){const e=r.createRequestService(),t=r.useConfig();return{chargeOnDemandPricingItems:function({scheduleId:n,pricingPlanVersionId:a,pricingItemIds:i,startAt:r,finalizeImmediately:o=!0,paymentMethodId:l}){return e({url:`${t.apiUrls.config}/portal/pricing-plan-schedules/${n}/charge-on-demand-pricing-items`,options:{method:"POST"},data:{...a?{pricing_plan_version_id:a}:{},pricing_item_ids:i,...r?{start_at:r}:{},finalize_immediately:o,...l?{payment_method_id:l}:{}}})}}}(),_=d.usePortal(),h=e.computed(()=>_.value.customer_id),b=e.ref([]),k=e.ref(void 0),x=e.ref(!1),N=e.ref(!1),w=e.ref(void 0),B=e.ref(!1),C=e.computed(()=>(e=>{var t;const n=Date.now(),a=p.pricing_plan_schedule_infos,i=a.find(e=>{const t=Date.parse(e.start_at);return Number.isFinite(t)&&t<=n})??a[0],r=((null==(t=null==i?void 0:i.pricing_plan_version)?void 0:t.pricing_categories)??[]).map(f).filter(e=>{var t,n;return((null==(t=e.pricings)?void 0:t.length)??0)>0||((null==(n=e.pricing_groups)?void 0:n.length)??0)>0});return{pricing_plan_subscription_id:e||p.id,pricing_plan_schedule_id:(null==i?void 0:i.id)??"",pricing_plan_version_id:(null==i?void 0:i.pricing_plan_version_id)??"",billing_period:{type:"MONTH",value:1},billing_currency:"EUR",pricing_categories:r}})(c.configuration.subscriptionId)),E=e.computed(()=>C.value.pricing_categories),T=e.computed(()=>E.value.flatMap(e=>[...e.pricings??[],...(e.pricing_groups??[]).flatMap(e=>e.pricings??[])])),A=e.computed(()=>T.value.filter(e=>b.value.includes(e.id)));let D;e.watch(b,e=>{if(clearTimeout(D),0===e.length)return w.value=void 0,void(B.value=!1);B.value=!0,D=setTimeout(()=>{w.value=(e=>{const t=e.reduce((e,t)=>e+(y[t]??0),0),n=Math.round(.21*t*100)/100,a=t+n;return{invoice:{tax_summary:{base_amount:v(t),tax_amount:v(n),total_amount:v(a),country_code:"NL"}},first_invoice:{},invoice_infos:[]}})(e).invoice,B.value=!1},400)});const I=e=>{b.value.includes(e)?b.value=b.value.filter(t=>t!==e):b.value=[...b.value,e]},M=e.computed(()=>b.value.length>0&&!!k.value),P=e.ref(void 0),j=async()=>{if(M.value){x.value=!0,P.value=void 0;try{const e=A.value.map(e=>{var t,n;return null==(n=null==(t=e.items)?void 0:t[0])?void 0:n.id}).filter(e=>!!e),t=k.value&&k.value.startsWith("pmet_")?k.value:void 0,n=await g({scheduleId:C.value.pricing_plan_schedule_id,pricingPlanVersionId:C.value.pricing_plan_version_id,pricingItemIds:e,finalizeImmediately:!0,paymentMethodId:t});t?N.value=!0:m({action:"pay-invoice",data:{invoiceId:n.id}})}catch{P.value=s({defaultMessage:"Something went wrong. Please try again.",id:"upgrade_subscription.purchase_error",description:"Error message shown when the purchase call fails on the upgrade subscription page"})}finally{x.value=!1}}};return(c,u)=>N.value?(e.openBlock(),e.createElementBlock("div",z,[e.createVNode(e.unref(t._sfc_main),null,{default:e.withCtx(()=>[e.createElementVNode("div",R,[e.createVNode(e.unref(n._sfc_main$1),{icon:"check_circle",class:"text-green-400",size:"lg"}),e.createVNode(e.unref(r._sfc_main),{variant:"heading-3",tag:"span",class:"mt-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)({defaultMessage:"Payment successful",id:"upgrade_subscription.success.title",description:"Title shown after a successful add-on purchase"})),1)]),_:1}),e.createVNode(e.unref(r._sfc_main),{variant:"body-sm",shade:"lighter",tag:"span",class:"mt-1"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)({defaultMessage:"Your add-ons have been activated.",id:"upgrade_subscription.success.subtitle",description:"Subtitle shown after a successful add-on purchase"})),1)]),_:1})])]),_:1})])):(e.openBlock(),e.createBlock(e.unref(d.ContentWithAsideLayout),{key:1},{content:e.withCtx(()=>[E.value.length>0?(e.openBlock(),e.createBlock(S,{key:0,categories:E.value,"selected-pricing-ids":b.value,onToggle:I},null,8,["categories","selected-pricing-ids"])):(e.openBlock(),e.createBlock(e.unref(r._sfc_main),{key:1,variant:"body-sm",shade:"lighter",class:"p-4"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)({defaultMessage:"No on-demand add-ons are available for this subscription.",id:"upgrade_subscription.empty_state",description:"Shown when there are no on-demand add-ons available for the subscription"})),1)]),_:1})),e.createVNode(e.unref(a._sfc_main),{spacing:"sm"}),e.createVNode($,{"customer-id":h.value,"subscription-id":o.configuration.subscriptionId,"selected-id":k.value,onSelect:u[0]||(u[0]=e=>k.value=e)},null,8,["customer-id","subscription-id","selected-id"])]),aside:e.withCtx(()=>[e.createVNode(V,{"selected-pricings":A.value,invoice:w.value,"is-pending":B.value},null,8,["selected-pricings","invoice","is-pending"]),P.value?(e.openBlock(),e.createBlock(e.unref(i._sfc_main),{key:0,title:P.value},null,8,["title"])):e.createCommentVNode("",!0),e.createVNode(e.unref(n._sfc_main),{size:"lg",class:"full-width",type:"button",disabled:!M.value||x.value,loading:x.value,onClick:j},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)({defaultMessage:"Purchase",id:"upgrade_subscription.purchase_button.label",description:"Label for the purchase button on the upgrade subscription page"})),1)]),_:1},8,["disabled","loading"]),e.createVNode(e.unref(r._sfc_main),{tag:"div",variant:"body-sm",shade:"lighter",class:"flex grow justify-center"},{default:e.withCtx(()=>[e.createVNode(l._sfc_main$1,{icon:"lock",kpi:e.unref(s)({defaultMessage:"Secure and encrypted payments",id:"upgrade_subscription.kpi.encrypted_payments.label",description:"The encrypted payments KPI shown on the upgrade subscription page"})},null,8,["kpi"])]),_:1})]),_:1}))}}),Y=e.defineComponent({__name:"UpgradeSubscription.entry",props:{environment:{type:String},locale:{type:String},dateLocale:{type:String},messages:{type:Object},showTimezones:{type:Boolean},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},portalObject:{type:Object},customElementName:{type:String},branding:{type:Object},configuration:{type:Object}},setup:t=>(n,a)=>{var i,o,l,c;return e.openBlock(),e.createBlock(r._sfc_main$1,{"custom-element-name":e.unref(W),environment:t.environment,locale:t.locale,"portal-object":t.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(o=null==(i=t.branding)?void 0:i.colors)?void 0:o.primary,"secondary-color":null==(c=null==(l=t.branding)?void 0:l.colors)?void 0:c.secondary,"experimental-features":t.experimentalFeatures,"log-level":t.logLevel,"on-log":t.onLog,onError:a[0]||(a[0]=e=>n.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(U,{configuration:t.configuration},null,8,["configuration"])]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log"])}}),G=r.defineCustomElement(Y),W=r.getComponentName("upgrade-subscription");exports.COMPONENT_NAME=W,exports.SolvimonUpgradeSubscription=G,exports.defineSolvimonUpgradeSubscription=()=>{customElements.get(W)||customElements.define(W,G)};
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../vendor-ui-Ce_Yp7xA.js"),n=require("../../PricingGroupContent.vue_vue_type_script_setup_true_lang-CKNMt-JH.js"),a=require("../../paymentMethods-B4AYGf0K.js"),i=require("../../ContentWithAsideLayout-oAYVrLvL.js"),r=require("../../useActionDispatchProvider-DfS2P0bd.js"),o=require("../../usePortal-DWJEVkTj.js"),l=require("../../component-C2Gc-wsE.js"),c={id:"ppsu_hwDeeN0vhvcVCsAIdp1G",pricing_plan_schedule_infos:[{id:"ppsc_IwDeeN0vhvcVCIAQdq1a",pricing_plan_version_id:"ppve_MwDeeN0vhvcEuaADdd1f",start_at:"2026-04-05T22:00:00Z",pricing_plan_version:{pricing_categories:[{product_category:{id:"proc_iwDeeN0vhphn6VAtBD1w",name:"Add ons"},display_order:1,pricings:[{id:"pric_ywDeeN0vhvcPguAadr1V",name:"Integration setup",products:[{name:"Integration setup"}],items:[{id:"prii_NwDeeN0vhvcPguAxds12",product_items:[{name:"Rillet integration setup",model_type:"ONE_OFF"}],configs:[{on_demand:!0,bands:[{fixed_amount:{quantity:"5000.00",currency:"EUR"}}]}]},{id:"prii_IwDeeN0vhvcPgvAsdS1Q",product_items:[{name:"Attio integration setup",model_type:"ONE_OFF"}],configs:[{on_demand:!0,bands:[{amount:{quantity:"50000.00",currency:"EUR"}}]}]}]}],pricing_groups:[]}]}}]},s=e=>{var t,n;return((null==(t=e.configs)?void 0:t.some(e=>e.on_demand))??!1)&&((null==(n=e.product_items)?void 0:n.some(e=>"ONE_OFF"===e.model_type))??!1)},d=e=>{var t,n;return{id:e.id,name:null==(n=null==(t=e.product_items)?void 0:t[0])?void 0:n.name,items:[{id:e.id,configs:(e.configs??[]).map(e=>({bands:(e.bands??[]).map(e=>({fixed_amount:e.fixed_amount??e.amount}))}))}]}},u=e=>(e.items??[]).filter(s).map(d),p=e=>({display_order:e.display_order,product_category:e.product_category,pricings:(e.pricings??[]).flatMap(u),pricing_groups:(e.pricing_groups??[]).map(e=>({id:e.id,name:e.name,pricings:(e.pricings??[]).flatMap(u)})).filter(e=>e.pricings.length>0)}),m=Object.fromEntries(c.pricing_plan_schedule_infos.flatMap(e=>e.pricing_plan_version.pricing_categories).flatMap(e=>e.pricings).flatMap(e=>e.items).filter(s).map(e=>{var t,n,a,i,r;const o=null==(a=null==(n=null==(t=e.configs)?void 0:t[0])?void 0:n.bands)?void 0:a[0],l=(null==(i=null==o?void 0:o.fixed_amount)?void 0:i.quantity)??(null==(r=null==o?void 0:o.amount)?void 0:r.quantity)??"0";return[e.id,parseFloat(l)]})),g=e=>({quantity:e.toFixed(2),currency:"EUR"}),_={id:"paya_NwDeeN0vgXgeP1AyNx14",object_type:"PAYMENT_ACCEPTOR",status:"ACTIVE",reference:"mock-payment-acceptor",name:"Mock payment acceptor",type:"PAYMENT_GATEWAY"},f={id:"intg_zwDeeN0vgXgeM6APNW1g",object_type:"INTEGRATION",reference:"mock-payment-integration",name:"Mock payment integration",description:"Mock payment integration",status:"ACTIVE",type:"PAYMENT_GATEWAY"},y={class:"mb-3 flex flex-col gap-2"},v={class:"flex flex-col gap-1 border-t pt-3"},h={class:"flex items-center justify-between"},b={class:"flex items-center justify-between"},k={class:"flex items-center justify-between border-t pt-3"},x=e.defineComponent({__name:"UpgradeOrderSummary",props:{selectedPricings:{type:Array},invoice:{type:Object},isPending:{type:Boolean}},setup(n){const a=n,{$t:i}=t.useIntl(),r=e.computed(()=>0===a.selectedPricings.length),o=e=>{var t,n,a,i,r,o;return null==(o=null==(r=null==(i=null==(a=null==(n=null==(t=e.items)?void 0:t[0])?void 0:n.configs)?void 0:a[0])?void 0:i.bands)?void 0:r[0])?void 0:o.fixed_amount};return(a,l)=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1),null,{default:e.withCtx(()=>{var a;return[e.createVNode(e.unref(t._sfc_main),{variant:"heading-3",tag:"h2",class:"mb-3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Order summary",id:"upgrade_subscription.order_summary.title",description:"Title for the order summary section on the upgrade subscription page"})),1)]),_:1}),r.value?(e.openBlock(),e.createBlock(e.unref(t._sfc_main),{key:0,variant:"body-sm",shade:"lighter"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Select add-ons to see pricing.",id:"upgrade_subscription.order_summary.empty_state",description:"Placeholder shown when no add-ons are selected in the order summary"})),1)]),_:1})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",y,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.selectedPricings,n=>(e.openBlock(),e.createElementBlock("div",{key:n.id,class:"flex items-center justify-between"},[e.createElementVNode("div",null,[e.createVNode(e.unref(t._sfc_main),{variant:"body-sm"},{default:e.withCtx(()=>{var t,a;return[e.createTextVNode(e.toDisplayString(n.name??(null==(a=null==(t=n.products)?void 0:t[0])?void 0:a.name)),1)]}),_:2},1024),e.createVNode(e.unref(t._sfc_main),{variant:"body-xs",shade:"lighter"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"one-off",id:"upgrade_subscription.order_summary.one_off_label",description:"One-off payment label next to a line item in order summary"})),1)]),_:1})]),o(n)?(e.openBlock(),e.createBlock(e.unref(t._sfc_main),{key:0,variant:"body-sm"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t.formatAmount)(o(n))),1)]),_:2},1024)):e.createCommentVNode("",!0)]))),128))]),(null==(a=n.invoice)?void 0:a.tax_summary)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",v,[e.createElementVNode("div",h,[e.createVNode(e.unref(t._sfc_main),{variant:"body-sm",shade:"lighter"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Total excluding taxes",id:"upgrade_subscription.order_summary.subtotal_label",description:"Subtotal before tax label in order summary"})),1)]),_:1}),e.createVNode(e.unref(t._sfc_main),{variant:"body-sm"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t.formatAmount)(n.invoice.tax_summary.base_amount)),1)]),_:1})]),e.createElementVNode("div",b,[e.createVNode(e.unref(t._sfc_main),{variant:"body-sm",shade:"lighter"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Taxes",id:"upgrade_subscription.order_summary.taxes_label",description:"Tax amount label in order summary"})),1)]),_:1}),e.createVNode(e.unref(t._sfc_main),{variant:"body-sm"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t.formatAmount)(n.invoice.tax_summary.tax_amount)),1)]),_:1})])]),e.createElementVNode("div",k,[e.createVNode(e.unref(t._sfc_main),{variant:"body-sm",weight:"semibold"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Total due today",id:"upgrade_subscription.order_summary.total_label",description:"Total amount due today label in order summary"})),1)]),_:1}),e.createVNode(e.unref(t._sfc_main),{variant:"body-sm",weight:"semibold"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t.formatAmount)(n.invoice.tax_summary.total_amount)),1)]),_:1})])],64)):e.createCommentVNode("",!0)],64))]}),_:1}))}}),N=e.defineComponent({__name:"OnDemandPricingRow",props:{pricing:{type:Object},selected:{type:Boolean}},emits:["toggle"],setup(a,{emit:i}){const r=a,o=i,{$t:l}=t.useIntl(),c=e.computed(()=>{var e,t;return r.pricing.name??(null==(t=null==(e=r.pricing.products)?void 0:e[0])?void 0:t.name)??"—"}),s=e.computed(()=>{var e,t,n,a,i,o;return null==(o=null==(i=null==(a=null==(n=null==(t=null==(e=r.pricing.items)?void 0:e[0])?void 0:t.configs)?void 0:n[0])?void 0:a.bands)?void 0:i[0])?void 0:o.fixed_amount}),d=e.computed(()=>s.value?`${t.formatAmount(s.value)} ${l({defaultMessage:"one-off",id:"on_demand_pricing_row.one_off_label",description:"One-off label shown next to the price in an on-demand pricing row"})}`:"");return(i,r)=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1),{"content-background":a.selected?"none":"gray",class:e.normalizeClass({"!bg-white":a.selected})},{default:e.withCtx(()=>[e.createVNode(n._sfc_main,{name:c.value,description:d.value},{default:e.withCtx(()=>[a.selected?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$3),{key:0,color:"gray",variant:"outline",size:"sm","icon-prefix":"remove_shopping_cart",onClick:r[0]||(r[0]=e=>o("toggle",a.pricing.id))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)({defaultMessage:"Remove",id:"on_demand_pricing_row.remove_button_label",description:"Label for the remove button in an on-demand pricing row"})),1)]),_:1})):(e.openBlock(),e.createBlock(e.unref(t._sfc_main$3),{key:1,color:"primary",size:"sm","icon-prefix":"add",onClick:r[1]||(r[1]=e=>o("toggle",a.pricing.id))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)({defaultMessage:"Add to cart",id:"on_demand_pricing_row.add_to_cart_button_label",description:"Label for the add to cart button in an on-demand pricing row"})),1)]),_:1}))]),_:1},8,["name","description"])]),_:1},8,["content-background","class"]))}}),w={class:"grid grid-cols-1 gap-1"},B=e.defineComponent({__name:"OnDemandPricingList",props:{categories:{type:Array},selectedPricingIds:{type:Array}},emits:["toggle"],setup(n,{emit:a}){const i=n,r=a,o=e.computed(()=>[...i.categories].sort((e,t)=>(e.display_order??0)-(t.display_order??0)));return(a,i)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,a=>(e.openBlock(),e.createElementBlock("div",{key:a.id??a.display_order,class:"flex flex-col gap-2"},[e.createVNode(e.unref(t._sfc_main),{variant:"heading-3",tag:"h2"},{default:e.withCtx(()=>{var t;return[e.createTextVNode(e.toDisplayString((null==(t=a.product_category)?void 0:t.name)??a.name),1)]}),_:2},1024),e.createElementVNode("div",w,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.pricings,t=>(e.openBlock(),e.createBlock(N,{key:t.id,pricing:t,selected:n.selectedPricingIds.includes(t.id),onToggle:i[0]||(i[0]=e=>r("toggle",e))},null,8,["pricing","selected"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.pricing_groups,a=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:a.id},[e.createVNode(e.unref(t._sfc_main),{variant:"body-sm",weight:"semibold",class:"mt-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.name),1)]),_:2},1024),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.pricings,t=>(e.openBlock(),e.createBlock(N,{key:t.id,pricing:t,selected:n.selectedPricingIds.includes(t.id),onToggle:i[1]||(i[1]=e=>r("toggle",e))},null,8,["pricing","selected"]))),128))],64))),128))])]))),128))}}),V={class:"flex flex-col gap-4"},C={key:0,class:"flex flex-col gap-2"},E={class:"flex flex-col gap-1"},S={key:1,class:"flex flex-col gap-2"},T={class:"flex flex-col gap-1"},A={class:"flex items-center gap-3"},I={key:0,class:"flex h-9 w-9 shrink-0 items-center gap-0.5"},D=["src","alt"],M={key:1,class:"flex h-9 w-9 shrink-0 items-center justify-center overflow-clip rounded"},P=["src","alt"],O={key:2,class:"flex flex-col gap-1"},j=e.defineComponent({__name:"PaymentMethodPicker",props:{customerId:{type:String},subscriptionId:{type:String},selectedId:{type:String}},emits:["select"],setup(n,{emit:i}){const r=n,o=i,{$t:l}=t.useIntl(),{getPaymentMethods:c}=a.createPaymentMethodsService(),s=e.ref([]),d=e.ref([]),u=e.ref(!1),p=e.computed(()=>d.value.flatMap(e=>e.options??[])),m=e=>`https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/small/${e}.svg`,g=["visa","mc","amex","maestro"],y=e=>{if(!e)return[];return[...g.filter(t=>e.includes(t)),...e.filter(e=>!g.includes(e))].slice(0,4)};return e.onMounted(async()=>{u.value=!0;try{const e=await c({customerId:r.customerId,pagination:{page:1,pageSize:50}});s.value=e.data,d.value=[{payment_acceptor:_,integration:f,options:[{name:"iDeal",payment_method_variant:"ONLINE_BANKING",payment_gateway_variant:"ADYEN",adyen:{name:"iDEAL | Wero",type:"ideal"}},{name:"Cards",payment_method_variant:"CARD",payment_gateway_variant:"ADYEN",adyen:{name:"Cards",type:"scheme",brands:["maestro","accel","amex","cup","diners","hipercard","jcb","mc","nyce","pulse","star","visa"]}},{name:"PayPal",payment_method_variant:"DIGITAL_WALLET",payment_gateway_variant:"ADYEN",adyen:{name:"PayPal",type:"paypal",configuration:{intent:"capture"}}},{name:"Trustly",payment_method_variant:"ONLINE_BANKING",payment_gateway_variant:"ADYEN",adyen:{name:"Trustly - Instant Bank Payment",type:"trustly"}}]}]}finally{u.value=!1}}),(a,i)=>(e.openBlock(),e.createElementBlock("div",V,[s.value.length>0?(e.openBlock(),e.createElementBlock("div",C,[e.createVNode(e.unref(t._sfc_main),{variant:"heading-3",tag:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)({defaultMessage:"Saved payment methods",id:"upgrade_subscription.payment_picker.saved_title",description:"Heading for the saved payment methods section in the upgrade subscription payment picker"})),1)]),_:1}),e.createElementVNode("div",E,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,a=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1),{key:a.id,"content-background":n.selectedId===a.id?"none":"gray",class:e.normalizeClass([{"!bg-white":n.selectedId===a.id},"cursor-pointer"]),onClick:e=>o("select",a.id)},{default:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main$5),{"payment-method":a},null,8,["payment-method"])]),_:2},1032,["content-background","class","onClick"]))),128))])])):e.createCommentVNode("",!0),p.value.length>0?(e.openBlock(),e.createElementBlock("div",S,[e.createVNode(e.unref(t._sfc_main),{variant:"heading-3",tag:"h2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)({defaultMessage:"All payment methods",id:"upgrade_subscription.payment_picker.all_title",description:"Heading for the all payment methods section in the upgrade subscription payment picker"})),1)]),_:1}),e.createElementVNode("div",T,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,a=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1),{key:a.adyen.type,"content-background":n.selectedId===a.adyen.type?"none":"gray",class:e.normalizeClass([{"!bg-white":n.selectedId===a.adyen.type},"cursor-pointer"]),onClick:e=>o("select",a.adyen.type)},{default:e.withCtx(()=>{return[e.createElementVNode("div",A,["scheme"===a.adyen.type?(e.openBlock(),e.createElementBlock("div",I,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(y(a.adyen.brands),t=>(e.openBlock(),e.createElementBlock("img",{key:t,src:m(t),alt:t,class:"h-5 w-auto rounded"},null,8,D))),128))])):(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("img",{src:(n=a.adyen.type,`https://checkoutshopper-live.adyen.com/checkoutshopper/images/logos/${n}.svg`),alt:a.name,class:"h-9 w-9 object-contain"},null,8,P)])),e.createVNode(e.unref(t._sfc_main),{variant:"body-sm"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.name),1)]),_:2},1024)])];var n}),_:2},1032,["content-background","class","onClick"]))),128))])])):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createElementBlock("div",O,[...i[0]||(i[0]=[e.createElementVNode("div",{class:"h-[52px] animate-pulse rounded-md bg-gray-100"},null,-1),e.createElementVNode("div",{class:"h-[52px] animate-pulse rounded-md bg-gray-100"},null,-1),e.createElementVNode("div",{class:"h-[52px] animate-pulse rounded-md bg-gray-100"},null,-1)])])):e.createCommentVNode("",!0)]))}}),L={class:"flex gap-1"},$=e.defineComponent({__name:"Kpi",props:{icon:{type:null},kpi:{type:String}},setup:n=>(a,i)=>(e.openBlock(),e.createElementBlock("div",L,[e.createVNode(e.unref(t._sfc_main$11),{icon:n.icon,size:"xs"},null,8,["icon"]),e.createVNode(e.unref(t._sfc_main),{variant:"body-xs"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.kpi),1)]),_:1})]))});const F={key:0,class:"flex h-full items-center justify-center p-8"},q={class:"flex flex-col items-center py-10"},z=e.defineComponent({__name:"UpgradeSubscription",props:{configuration:{type:Object}},setup(n){const a=n,{$t:s}=t.useIntl(),{dispatchAction:d}=r.useActionDispatchProvider(),{chargeOnDemandPricingItems:u}=function(){const e=l.createRequestService(),t=l.useConfig();return{chargeOnDemandPricingItems:function({scheduleId:n,pricingPlanVersionId:a,pricingItemIds:i,startAt:r,finalizeImmediately:o=!0,paymentMethodId:l}){return e({url:`${t.apiUrls.config}/portal/pricing-plan-schedules/${n}/charge-on-demand-pricing-items`,options:{method:"POST"},data:{...a?{pricing_plan_version_id:a}:{},pricing_item_ids:i,...r?{start_at:r}:{},finalize_immediately:o,...l?{payment_method_id:l}:{}}})}}}(),_=o.usePortal(),f=e.computed(()=>_.value.customer_id),y=e.ref([]),v=e.ref(void 0),h=e.ref(!1),b=e.ref(!1),k=e.ref(void 0),N=e.ref(!1),w=e.computed(()=>(e=>{var t;const n=Date.now(),a=c.pricing_plan_schedule_infos,i=a.find(e=>{const t=Date.parse(e.start_at);return Number.isFinite(t)&&t<=n})??a[0],r=((null==(t=null==i?void 0:i.pricing_plan_version)?void 0:t.pricing_categories)??[]).map(p).filter(e=>{var t,n;return((null==(t=e.pricings)?void 0:t.length)??0)>0||((null==(n=e.pricing_groups)?void 0:n.length)??0)>0});return{pricing_plan_subscription_id:e||c.id,pricing_plan_schedule_id:(null==i?void 0:i.id)??"",pricing_plan_version_id:(null==i?void 0:i.pricing_plan_version_id)??"",billing_period:{type:"MONTH",value:1},billing_currency:"EUR",pricing_categories:r}})(a.configuration.subscriptionId)),V=e.computed(()=>w.value.pricing_categories),C=e.computed(()=>V.value.flatMap(e=>[...e.pricings??[],...(e.pricing_groups??[]).flatMap(e=>e.pricings??[])])),E=e.computed(()=>C.value.filter(e=>y.value.includes(e.id)));let S;e.watch(y,e=>{if(clearTimeout(S),0===e.length)return k.value=void 0,void(N.value=!1);N.value=!0,S=setTimeout(()=>{k.value=(e=>{const t=e.reduce((e,t)=>e+(m[t]??0),0),n=Math.round(.21*t*100)/100,a=t+n;return{invoice:{tax_summary:{base_amount:g(t),tax_amount:g(n),total_amount:g(a),country_code:"NL"}},first_invoice:{},invoice_infos:[]}})(e).invoice,N.value=!1},400)});const T=e=>{y.value.includes(e)?y.value=y.value.filter(t=>t!==e):y.value=[...y.value,e]},A=e.computed(()=>y.value.length>0&&!!v.value),I=e.ref(void 0),D=async()=>{if(A.value){h.value=!0,I.value=void 0;try{const e=E.value.map(e=>{var t,n;return null==(n=null==(t=e.items)?void 0:t[0])?void 0:n.id}).filter(e=>!!e),t=v.value&&v.value.startsWith("pmet_")?v.value:void 0,n=await u({scheduleId:w.value.pricing_plan_schedule_id,pricingPlanVersionId:w.value.pricing_plan_version_id,pricingItemIds:e,finalizeImmediately:!0,paymentMethodId:t});t?b.value=!0:d({action:"pay-invoice",data:{invoiceId:n.id}})}catch{I.value=s({defaultMessage:"Something went wrong. Please try again.",id:"upgrade_subscription.purchase_error",description:"Error message shown when the purchase call fails on the upgrade subscription page"})}finally{h.value=!1}}};return(a,r)=>b.value?(e.openBlock(),e.createElementBlock("div",F,[e.createVNode(e.unref(t._sfc_main$1),null,{default:e.withCtx(()=>[e.createElementVNode("div",q,[e.createVNode(e.unref(t._sfc_main$11),{icon:"check_circle",class:"text-green-400",size:"lg"}),e.createVNode(e.unref(t._sfc_main),{variant:"heading-3",tag:"span",class:"mt-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)({defaultMessage:"Payment successful",id:"upgrade_subscription.success.title",description:"Title shown after a successful add-on purchase"})),1)]),_:1}),e.createVNode(e.unref(t._sfc_main),{variant:"body-sm",shade:"lighter",tag:"span",class:"mt-1"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)({defaultMessage:"Your add-ons have been activated.",id:"upgrade_subscription.success.subtitle",description:"Subtitle shown after a successful add-on purchase"})),1)]),_:1})])]),_:1})])):(e.openBlock(),e.createBlock(e.unref(i.ContentWithAsideLayout),{key:1},{content:e.withCtx(()=>[V.value.length>0?(e.openBlock(),e.createBlock(B,{key:0,categories:V.value,"selected-pricing-ids":y.value,onToggle:T},null,8,["categories","selected-pricing-ids"])):(e.openBlock(),e.createBlock(e.unref(t._sfc_main),{key:1,variant:"body-sm",shade:"lighter",class:"p-4"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)({defaultMessage:"No on-demand add-ons are available for this subscription.",id:"upgrade_subscription.empty_state",description:"Shown when there are no on-demand add-ons available for the subscription"})),1)]),_:1})),e.createVNode(e.unref(t._sfc_main$25),{spacing:"sm"}),e.createVNode(j,{"customer-id":f.value,"subscription-id":n.configuration.subscriptionId,"selected-id":v.value,onSelect:r[0]||(r[0]=e=>v.value=e)},null,8,["customer-id","subscription-id","selected-id"])]),aside:e.withCtx(()=>[e.createVNode(x,{"selected-pricings":E.value,invoice:k.value,"is-pending":N.value},null,8,["selected-pricings","invoice","is-pending"]),I.value?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$15),{key:0,title:I.value},null,8,["title"])):e.createCommentVNode("",!0),e.createVNode(e.unref(t._sfc_main$3),{size:"lg",class:"full-width",type:"button",disabled:!A.value||h.value,loading:h.value,onClick:D},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(s)({defaultMessage:"Purchase",id:"upgrade_subscription.purchase_button.label",description:"Label for the purchase button on the upgrade subscription page"})),1)]),_:1},8,["disabled","loading"]),e.createVNode(e.unref(t._sfc_main),{tag:"div",variant:"body-sm",shade:"lighter",class:"flex grow justify-center"},{default:e.withCtx(()=>[e.createVNode($,{icon:"lock",kpi:e.unref(s)({defaultMessage:"Secure and encrypted payments",id:"upgrade_subscription.kpi.encrypted_payments.label",description:"The encrypted payments KPI shown on the upgrade subscription page"})},null,8,["kpi"])]),_:1})]),_:1}))}}),R=e.defineComponent({__name:"UpgradeSubscription.entry",props:{environment:{type:String},locale:{type:String},dateLocale:{type:String},messages:{type:Object},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},portalObject:{type:Object},branding:{type:Object},configuration:{type:Object}},setup:t=>(n,a)=>{var i,r,o,c;return e.openBlock(),e.createBlock(l._sfc_main,{"custom-element-name":e.unref(Y),environment:t.environment,locale:t.locale,"portal-object":t.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(r=null==(i=t.branding)?void 0:i.colors)?void 0:r.primary,"secondary-color":null==(c=null==(o=t.branding)?void 0:o.colors)?void 0:c.secondary,"experimental-features":t.experimentalFeatures,"log-level":t.logLevel,"on-log":t.onLog,onError:a[0]||(a[0]=e=>n.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(z,{configuration:t.configuration},null,8,["configuration"])]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log"])}}),U=l.defineCustomElement(R),Y=l.getComponentName("upgrade-subscription");exports.COMPONENT_NAME=Y,exports.SolvimonUpgradeSubscription=U,exports.defineSolvimonUpgradeSubscription=()=>{customElements.get(Y)||customElements.define(Y,U)};

package/dist/screens/UpgradeSubscription/UpgradeSubscription.es.js

@@ -1,15 +1,11 @@
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode, toDisplayString, createElementBlock, Fragment, createElementVNode, renderList, createCommentVNode, normalizeClass, ref, onMounted, watch } from "vue";
-import { _ as _sfc_main$6 } from "../../Section.vue.es-3-H1pUTB.mjs";
-import { _ as _sfc_main$9, a as _sfc_main$b } from "../../Button.vue.es-6sBk5tBL.mjs";
-import { _ as _sfc_main$e } from "../../Divider.vue.es-wKkIVBgb.mjs";
-import { _ as _sfc_main$c } from "../../ErrorNotification.vue.es-Bgw0MIl8.mjs";
-import { a as useIntl, _ as _sfc_main$7, c as createRequestService, u as useConfig, b as _sfc_main$f, d as defineCustomElement, g as getComponentName } from "../../component-dpA83LIN.mjs";
-import { a as formatAmount } from "../../formatting.es-D5H_ySFv.mjs";
-import { _ as _sfc_main$8, a as _sfc_main$d } from "../../PricingGroupContent.vue_vue_type_script_setup_true_lang-BbvDXvIS.mjs";
-import { _ as _sfc_main$a } from "../../PaymentMethod.vue.es-nXZoQjG3.mjs";
-import { c as createPaymentMethodsService } from "../../paymentMethods-C-ApE-G4.mjs";
-import { u as usePortal, C as ContentWithAsideLayout } from "../../ContentWithAsideLayout-Ct24RV-2.mjs";
-import { u as useActionDispatchProvider } from "../../useActionDispatchProvider-eO2qFPGv.mjs";
+import { u as useIntl, b as _sfc_main$7, _ as _sfc_main$8, v as formatAmount, e as _sfc_main$a, j as _sfc_main$b, t as _sfc_main$c, A as _sfc_main$d, R as _sfc_main$e } from "../../vendor-ui-BwxuPDg8.mjs";
+import { _ as _sfc_main$9 } from "../../PricingGroupContent.vue_vue_type_script_setup_true_lang-CzS32ZUt.mjs";
+import { c as createPaymentMethodsService } from "../../paymentMethods-Di32oJ39.mjs";
+import { C as ContentWithAsideLayout } from "../../ContentWithAsideLayout-BTdixy3L.mjs";
+import { u as useActionDispatchProvider } from "../../useActionDispatchProvider-B4gszz0Q.mjs";
+import { u as usePortal } from "../../usePortal-DJDJNLbo.mjs";
+import { c as createRequestService, u as useConfig, _ as _sfc_main$f, d as defineCustomElement, g as getComponentName } from "../../component-CM9g6tbD.mjs";
 const mockSubscriptionGetResponse = {
   id: "ppsu_hwDeeN0vhvcVCsAIdp1G",
   pricing_plan_schedule_infos: [
@@ -234,12 +230,12 @@ const getMockPaymentMethodOptionsResponse = () => [
     ]
   }
 ];
-const _hoisted_1$3 = { class: "mb-3 flex flex-col gap-2" };
+const _hoisted_1$4 = { class: "mb-3 flex flex-col gap-2" };
 const _hoisted_2$2 = { class: "flex flex-col gap-1 border-t pt-3" };
 const _hoisted_3$1 = { class: "flex items-center justify-between" };
 const _hoisted_4$1 = { class: "flex items-center justify-between" };
 const _hoisted_5$1 = { class: "flex items-center justify-between border-t pt-3" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "UpgradeOrderSummary",
   props: {
     selectedPricings: { type: Array },
@@ -255,11 +251,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       return (_f = (_e = (_d = (_c = (_b = (_a = pricing.items) == null ? void 0 : _a[0]) == null ? void 0 : _b.configs) == null ? void 0 : _c[0]) == null ? void 0 : _d.bands) == null ? void 0 : _e[0]) == null ? void 0 : _f.fixed_amount;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$6), null, {
+      return openBlock(), createBlock(unref(_sfc_main$7), null, {
         default: withCtx(() => {
           var _a;
           return [
-            createVNode(unref(_sfc_main$7), {
+            createVNode(unref(_sfc_main$8), {
               variant: "heading-3",
               tag: "h2",
               class: "mb-3"
@@ -273,7 +269,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            isEmpty.value ? (openBlock(), createBlock(unref(_sfc_main$7), {
+            isEmpty.value ? (openBlock(), createBlock(unref(_sfc_main$8), {
               key: 0,
               variant: "body-sm",
               shade: "lighter"
@@ -287,14 +283,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createElementVNode("div", _hoisted_1$3, [
+              createElementVNode("div", _hoisted_1$4, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(__props.selectedPricings, (pricing) => {
                   return openBlock(), createElementBlock("div", {
                     key: pricing.id,
                     class: "flex items-center justify-between"
                   }, [
                     createElementVNode("div", null, [
-                      createVNode(unref(_sfc_main$7), { variant: "body-sm" }, {
+                      createVNode(unref(_sfc_main$8), { variant: "body-sm" }, {
                         default: withCtx(() => {
                           var _a2, _b;
                           return [
@@ -303,7 +299,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                         }),
                         _: 2
                       }, 1024),
-                      createVNode(unref(_sfc_main$7), {
+                      createVNode(unref(_sfc_main$8), {
                         variant: "body-xs",
                         shade: "lighter"
                       }, {
@@ -317,7 +313,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                         _: 1
                       })
                     ]),
-                    getPrice(pricing) ? (openBlock(), createBlock(unref(_sfc_main$7), {
+                    getPrice(pricing) ? (openBlock(), createBlock(unref(_sfc_main$8), {
                       key: 0,
                       variant: "body-sm"
                     }, {
@@ -332,7 +328,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               ((_a = __props.invoice) == null ? void 0 : _a.tax_summary) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                 createElementVNode("div", _hoisted_2$2, [
                   createElementVNode("div", _hoisted_3$1, [
-                    createVNode(unref(_sfc_main$7), {
+                    createVNode(unref(_sfc_main$8), {
                       variant: "body-sm",
                       shade: "lighter"
                     }, {
@@ -345,7 +341,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    createVNode(unref(_sfc_main$7), { variant: "body-sm" }, {
+                    createVNode(unref(_sfc_main$8), { variant: "body-sm" }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(unref(formatAmount)(__props.invoice.tax_summary.base_amount)), 1)
                       ]),
@@ -353,7 +349,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                     })
                   ]),
                   createElementVNode("div", _hoisted_4$1, [
-                    createVNode(unref(_sfc_main$7), {
+                    createVNode(unref(_sfc_main$8), {
                       variant: "body-sm",
                       shade: "lighter"
                     }, {
@@ -366,7 +362,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    createVNode(unref(_sfc_main$7), { variant: "body-sm" }, {
+                    createVNode(unref(_sfc_main$8), { variant: "body-sm" }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(unref(formatAmount)(__props.invoice.tax_summary.tax_amount)), 1)
                       ]),
@@ -375,7 +371,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   ])
                 ]),
                 createElementVNode("div", _hoisted_5$1, [
-                  createVNode(unref(_sfc_main$7), {
+                  createVNode(unref(_sfc_main$8), {
                     variant: "body-sm",
                     weight: "semibold"
                   }, {
@@ -388,7 +384,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
-                  createVNode(unref(_sfc_main$7), {
+                  createVNode(unref(_sfc_main$8), {
                     variant: "body-sm",
                     weight: "semibold"
                   }, {
@@ -407,7 +403,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "OnDemandPricingRow",
   props: {
     pricing: { type: Object },
@@ -434,17 +430,17 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       })}` : ""
     );
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$6), {
+      return openBlock(), createBlock(unref(_sfc_main$7), {
         "content-background": __props.selected ? "none" : "gray",
         class: normalizeClass({ "!bg-white": __props.selected })
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$8, {
+          createVNode(_sfc_main$9, {
             name: title.value,
             description: description.value
           }, {
             default: withCtx(() => [
-              __props.selected ? (openBlock(), createBlock(unref(_sfc_main$9), {
+              __props.selected ? (openBlock(), createBlock(unref(_sfc_main$a), {
                 key: 0,
                 color: "gray",
                 variant: "outline",
@@ -460,7 +456,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   })), 1)
                 ]),
                 _: 1
-              })) : (openBlock(), createBlock(unref(_sfc_main$9), {
+              })) : (openBlock(), createBlock(unref(_sfc_main$a), {
                 key: 1,
                 color: "primary",
                 size: "sm",
@@ -485,8 +481,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$2 = { class: "grid grid-cols-1 gap-1" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$3 = { class: "grid grid-cols-1 gap-1" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "OnDemandPricingList",
   props: {
     categories: { type: Array },
@@ -505,7 +501,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           key: category.id ?? category.display_order,
           class: "flex flex-col gap-2"
         }, [
-          createVNode(unref(_sfc_main$7), {
+          createVNode(unref(_sfc_main$8), {
             variant: "heading-3",
             tag: "h2"
           }, {
@@ -517,9 +513,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             }),
             _: 2
           }, 1024),
-          createElementVNode("div", _hoisted_1$2, [
+          createElementVNode("div", _hoisted_1$3, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(category.pricings, (pricing) => {
-              return openBlock(), createBlock(_sfc_main$4, {
+              return openBlock(), createBlock(_sfc_main$5, {
                 key: pricing.id,
                 pricing,
                 selected: __props.selectedPricingIds.includes(pricing.id),
@@ -530,7 +526,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               return openBlock(), createElementBlock(Fragment, {
                 key: group.id
               }, [
-                createVNode(unref(_sfc_main$7), {
+                createVNode(unref(_sfc_main$8), {
                   variant: "body-sm",
                   weight: "semibold",
                   class: "mt-2"
@@ -541,7 +537,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   _: 2
                 }, 1024),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(group.pricings, (pricing) => {
-                  return openBlock(), createBlock(_sfc_main$4, {
+                  return openBlock(), createBlock(_sfc_main$5, {
                     key: pricing.id,
                     pricing,
                     selected: __props.selectedPricingIds.includes(pricing.id),
@@ -556,7 +552,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { class: "flex flex-col gap-4" };
+const _hoisted_1$2 = { class: "flex flex-col gap-4" };
 const _hoisted_2$1 = {
   key: 0,
   class: "flex flex-col gap-2"
@@ -582,7 +578,7 @@ const _hoisted_11 = {
   key: 2,
   class: "flex flex-col gap-1"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "PaymentMethodPicker",
   props: {
     customerId: { type: String },
@@ -624,9 +620,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
         savedMethods.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
-          createVNode(unref(_sfc_main$7), {
+          createVNode(unref(_sfc_main$8), {
             variant: "heading-3",
             tag: "h2"
           }, {
@@ -641,14 +637,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }),
           createElementVNode("div", _hoisted_3, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(savedMethods.value, (method) => {
-              return openBlock(), createBlock(unref(_sfc_main$6), {
+              return openBlock(), createBlock(unref(_sfc_main$7), {
                 key: method.id,
                 "content-background": __props.selectedId === method.id ? "none" : "gray",
                 class: normalizeClass([{ "!bg-white": __props.selectedId === method.id }, "cursor-pointer"]),
                 onClick: ($event) => emit("select", method.id)
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(_sfc_main$a), { "payment-method": method }, null, 8, ["payment-method"])
+                  createVNode(unref(_sfc_main$b), { "payment-method": method }, null, 8, ["payment-method"])
                 ]),
                 _: 2
               }, 1032, ["content-background", "class", "onClick"]);
@@ -656,7 +652,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           ])
         ])) : createCommentVNode("", true),
         newOptions.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createVNode(unref(_sfc_main$7), {
+          createVNode(unref(_sfc_main$8), {
             variant: "heading-3",
             tag: "h2"
           }, {
@@ -671,7 +667,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }),
           createElementVNode("div", _hoisted_5, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(newOptions.value, (option) => {
-              return openBlock(), createBlock(unref(_sfc_main$6), {
+              return openBlock(), createBlock(unref(_sfc_main$7), {
                 key: option.adyen.type,
                 "content-background": __props.selectedId === option.adyen.type ? "none" : "gray",
                 class: normalizeClass([{ "!bg-white": __props.selectedId === option.adyen.type }, "cursor-pointer"]),
@@ -695,7 +691,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                         class: "h-9 w-9 object-contain"
                       }, null, 8, _hoisted_10)
                     ])),
-                    createVNode(unref(_sfc_main$7), { variant: "body-sm" }, {
+                    createVNode(unref(_sfc_main$8), { variant: "body-sm" }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(option.name), 1)
                       ]),
@@ -717,6 +713,30 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$1 = { class: "flex gap-1" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "Kpi",
+  props: {
+    icon: { type: null },
+    kpi: { type: String }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(unref(_sfc_main$c), {
+          icon: __props.icon,
+          size: "xs"
+        }, null, 8, ["icon"]),
+        createVNode(unref(_sfc_main$8), { variant: "body-xs" }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.kpi), 1)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
 function createPricingPlanSchedulesService() {
   const request = createRequestService();
   const config = useConfig();
@@ -838,15 +858,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return isPurchased.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(_sfc_main$6), null, {
+        createVNode(unref(_sfc_main$7), null, {
           default: withCtx(() => [
             createElementVNode("div", _hoisted_2, [
-              createVNode(unref(_sfc_main$b), {
+              createVNode(unref(_sfc_main$c), {
                 icon: "check_circle",
                 class: "text-green-400",
                 size: "lg"
               }),
-              createVNode(unref(_sfc_main$7), {
+              createVNode(unref(_sfc_main$8), {
                 variant: "heading-3",
                 tag: "span",
                 class: "mt-2"
@@ -860,7 +880,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }),
-              createVNode(unref(_sfc_main$7), {
+              createVNode(unref(_sfc_main$8), {
                 variant: "body-sm",
                 shade: "lighter",
                 tag: "span",
@@ -881,12 +901,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         })
       ])) : (openBlock(), createBlock(unref(ContentWithAsideLayout), { key: 1 }, {
         content: withCtx(() => [
-          categories.value.length > 0 ? (openBlock(), createBlock(_sfc_main$3, {
+          categories.value.length > 0 ? (openBlock(), createBlock(_sfc_main$4, {
             key: 0,
             categories: categories.value,
             "selected-pricing-ids": selectedPricingIds.value,
             onToggle: handleToggle
-          }, null, 8, ["categories", "selected-pricing-ids"])) : (openBlock(), createBlock(unref(_sfc_main$7), {
+          }, null, 8, ["categories", "selected-pricing-ids"])) : (openBlock(), createBlock(unref(_sfc_main$8), {
             key: 1,
             variant: "body-sm",
             shade: "lighter",
@@ -902,7 +922,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             _: 1
           })),
           createVNode(unref(_sfc_main$e), { spacing: "sm" }),
-          createVNode(_sfc_main$2, {
+          createVNode(_sfc_main$3, {
             "customer-id": customerId.value,
             "subscription-id": __props.configuration.subscriptionId,
             "selected-id": selectedPaymentMethodId.value,
@@ -910,16 +930,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           }, null, 8, ["customer-id", "subscription-id", "selected-id"])
         ]),
         aside: withCtx(() => [
-          createVNode(_sfc_main$5, {
+          createVNode(_sfc_main$6, {
             "selected-pricings": selectedPricings.value,
             invoice: previewInvoice.value,
             "is-pending": isPreviewPending.value
           }, null, 8, ["selected-pricings", "invoice", "is-pending"]),
-          purchaseError.value ? (openBlock(), createBlock(unref(_sfc_main$c), {
+          purchaseError.value ? (openBlock(), createBlock(unref(_sfc_main$d), {
             key: 0,
             title: purchaseError.value
           }, null, 8, ["title"])) : createCommentVNode("", true),
-          createVNode(unref(_sfc_main$9), {
+          createVNode(unref(_sfc_main$a), {
             size: "lg",
             class: "full-width",
             type: "button",
@@ -936,14 +956,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["disabled", "loading"]),
-          createVNode(unref(_sfc_main$7), {
+          createVNode(unref(_sfc_main$8), {
             tag: "div",
             variant: "body-sm",
             shade: "lighter",
             class: "flex grow justify-center"
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$d, {
+              createVNode(_sfc_main$2, {
                 icon: "lock",
                 kpi: unref($t)({
                   defaultMessage: "Secure and encrypted payments",
@@ -967,7 +987,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     locale: { type: String },
     dateLocale: { type: String },
     messages: { type: Object },
-    showTimezones: { type: Boolean },
     primaryColor: { type: String },
     secondaryColor: { type: String },
     isShadowRoot: { type: Boolean },
@@ -976,7 +995,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onLog: { type: Function },
     allowedPortalTypes: { type: Array },
     portalObject: { type: Object },
-    customElementName: { type: String },
     branding: { type: Object },
     configuration: { type: Object }
   },

package/dist/solvimon-web.css

@@ -1 +1 @@
-export default ".expand-enter-active,.expand-leave-active{transition: height 300ms ease-in-out;overflow: hidden;}.expand-enter,.expand-leave-to{height: 0;}";export default "thead th:first-of-type,tr td:first-of-type{position: sticky;left: 0;background: inherit;z-index: 2;}thead th:last-of-type,tr td:last-of-type{position: sticky;right: 0;background: inherit;z-index: 2;}";export default "input[type='range']{-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;background: transparent;margin: 0.5rem 0;}input[type='range']::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 1rem;height: 1rem;border: 2px solid rgb(229 231 235);border-radius: 50%;background: #ffffff;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);cursor: pointer;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}input[type='range']:disabled::-webkit-slider-thumb{cursor: not-allowed;}input[type='range']::-moz-range-thumb{-moz-appearance: none;appearance: none;width: 1rem;height: 1rem;border: 2px solid rgb(229 231 235);border-radius: 50%;background: #ffffff;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);cursor: pointer;-moz-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}input[type='range']:disabled::-moz-range-thumb{cursor: not-allowed;}input[type='range']:not(:disabled):hover::-webkit-slider-thumb{box-shadow: 0 0 0 6px color-mix(in srgb,var(--color-primary-200)50%,transparent);}input[type='range']:not(:disabled):hover::-moz-range-thumb{box-shadow: 0 0 0 6px color-mix(in srgb,var(--color-primary-200)50%,transparent);}input[type='range']:not(:disabled):active::-webkit-slider-thumb{box-shadow: 0 0 0 8px color-mix(in srgb,var(--color-primary-200)50%,transparent);}input[type='range']:not(:disabled):active::-moz-range-thumb{box-shadow: 0 0 0 8px color-mix(in srgb,var(--color-primary-200)50%,transparent);}input[type='range']::-webkit-slider-runnable-track{width: 100%;height: 0.5rem;cursor: pointer;background: linear-gradient(to right,var(--color-primary-600)var(--range-percentage,0%),n#e0e5eb var(--range-percentage, 0%)n);border-radius: 0.25rem;}input[type='range']:disabled::-webkit-slider-runnable-track{background: #e0e5eb;cursor: not-allowed;}input[type='range']::-moz-range-track{width: 100%;height: 0.5rem;cursor: pointer;background: linear-gradient(to right,var(--color-primary-600)var(--range-percentage,0%),n#e0e5eb var(--range-percentage, 0%)n);border-radius: 0.25rem;}input[type='range']:disabled::-moz-range-track{background: #e0e5eb;cursor: not-allowed;}input[type='range'].range-sm::-webkit-slider-thumb{width: 0.8rem;height: 0.8rem;margin-top:-0.2rem;}input[type='range'].range-sm::-moz-range-thumb{width: 0.8rem;height: 0.8rem;}input[type='range'].range-sm::-webkit-slider-runnable-track{height: 0.4rem;border-radius: 0.2rem;}input[type='range'].range-sm::-moz-range-track{height: 0.4rem;border-radius: 0.2rem;}input[type='range'].range-md::-webkit-slider-thumb{width: 1rem;height: 1rem;margin-top:-0.25rem;}input[type='range'].range-md::-moz-range-thumb{width: 1rem;height: 1rem;}input[type='range'].range-md::-webkit-slider-runnable-track{height: 0.5rem;border-radius: 0.25rem;}input[type='range'].range-md::-moz-range-track{height: 0.5rem;border-radius: 0.25rem;}input[type='range'].range-lg::-webkit-slider-thumb{width: 1.4rem;height: 1.4rem;margin-top:-0.35rem;}input[type='range'].range-lg::-moz-range-thumb{width: 1.4rem;height: 1.4rem;}input[type='range'].range-lg::-webkit-slider-runnable-track{height: 0.7rem;border-radius: 0.35rem;}input[type='range'].range-lg::-moz-range-track{height: 0.7rem;border-radius: 0.35rem;}input[type='range'].range-xl::-webkit-slider-thumb{width: 1.8rem;height: 1.8rem;margin-top:-0.5rem;}input[type='range'].range-xl::-moz-range-thumb{width: 1.8rem;height: 1.8rem;}input[type='range'].range-xl::-webkit-slider-runnable-track{height: 0.9rem;border-radius: 0.45rem;}input[type='range'].range-xl::-moz-range-track{height: 0.9rem;border-radius: 0.45rem;}";export default ".to-right-enter-active[data-v-ce4df87e],.to-right-leave-to[data-v-ce4df87e]{opacity: 0;transform: translateX(-10px);}.to-right-leave[data-v-ce4df87e],.to-right-enter-to[data-v-ce4df87e]{opacity: 1;transform: translateX(0);}.to-right-enter-active[data-v-ce4df87e],.to-right-leave-active[data-v-ce4df87e]{transition: all 250ms;}.to-left-enter-active[data-v-ce4df87e],.to-left-leave-to[data-v-ce4df87e]{opacity: 0;transform: translateX(10px);}.to-left-leave[data-v-ce4df87e],.to-left-enter-to[data-v-ce4df87e]{opacity: 1;transform: translateX(0);}.to-left-enter-active[data-v-ce4df87e],.to-left-leave-active[data-v-ce4df87e]{transition: all 250ms;}.to-top-enter-active[data-v-ce4df87e],.to-top-leave-to[data-v-ce4df87e]{opacity: 0;transform: translateY(10px);}.to-top-leave[data-v-ce4df87e],.to-top-enter-to[data-v-ce4df87e]{opacity: 1;transform: translateY(0);}.to-top-enter-active[data-v-ce4df87e],.to-top-leave-active[data-v-ce4df87e]{transition: all 250ms;}.to-bottom-enter-active[data-v-ce4df87e],.to-bottom-leave-to[data-v-ce4df87e]{opacity: 0;transform: translateY(-10px);}.to-bottom-leave[data-v-ce4df87e],.to-bottom-enter-to[data-v-ce4df87e]{opacity: 1;transform: translateY(0);}.to-bottom-enter-active[data-v-ce4df87e],.to-bottom-leave-active[data-v-ce4df87e]{transition: all 250ms;}";export default ".conditions-root:focus-within>.conditions-with-context-menu[data-v-6310fe1d],.conditions-root:hover>.conditions-with-context-menu[data-v-6310fe1d]{padding-right: 3rem;}.conditions-root:focus-within>.conditions-with-context-menu+.context-menu-wrapper[data-v-6310fe1d],.conditions-root:hover>.conditions-with-context-menu+.context-menu-wrapper[data-v-6310fe1d]{opacity: 1;}";export default ".nested-conditions-border::before{background-image: url(\"data:image/svg+xml,%3Csvg width='4' height='5' fill='none' xmlns='http:}";{}
+export default ".to-right-enter-active[data-v-ce4df87e],.to-right-leave-to[data-v-ce4df87e]{opacity: 0;transform: translateX(-10px);}.to-right-leave[data-v-ce4df87e],.to-right-enter-to[data-v-ce4df87e]{opacity: 1;transform: translateX(0);}.to-right-enter-active[data-v-ce4df87e],.to-right-leave-active[data-v-ce4df87e]{transition: all 250ms;}.to-left-enter-active[data-v-ce4df87e],.to-left-leave-to[data-v-ce4df87e]{opacity: 0;transform: translateX(10px);}.to-left-leave[data-v-ce4df87e],.to-left-enter-to[data-v-ce4df87e]{opacity: 1;transform: translateX(0);}.to-left-enter-active[data-v-ce4df87e],.to-left-leave-active[data-v-ce4df87e]{transition: all 250ms;}.to-top-enter-active[data-v-ce4df87e],.to-top-leave-to[data-v-ce4df87e]{opacity: 0;transform: translateY(10px);}.to-top-leave[data-v-ce4df87e],.to-top-enter-to[data-v-ce4df87e]{opacity: 1;transform: translateY(0);}.to-top-enter-active[data-v-ce4df87e],.to-top-leave-active[data-v-ce4df87e]{transition: all 250ms;}.to-bottom-enter-active[data-v-ce4df87e],.to-bottom-leave-to[data-v-ce4df87e]{opacity: 0;transform: translateY(-10px);}.to-bottom-leave[data-v-ce4df87e],.to-bottom-enter-to[data-v-ce4df87e]{opacity: 1;transform: translateY(0);}.to-bottom-enter-active[data-v-ce4df87e],.to-bottom-leave-active[data-v-ce4df87e]{transition: all 250ms;}";export default ".expand-enter-active,.expand-leave-active{transition: height 300ms ease-in-out;overflow: hidden;}.expand-enter,.expand-leave-to{height: 0;}";export default "thead th:first-of-type,tr td:first-of-type{position: sticky;left: 0;background: inherit;z-index: 2;}thead th:last-of-type,tr td:last-of-type{position: sticky;right: 0;background: inherit;z-index: 2;}";export default "input[type='range']{-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;background: transparent;margin: 0.5rem 0;}input[type='range']::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 1rem;height: 1rem;border: 2px solid rgb(229 231 235);border-radius: 50%;background: #ffffff;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);cursor: pointer;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}input[type='range']:disabled::-webkit-slider-thumb{cursor: not-allowed;}input[type='range']::-moz-range-thumb{-moz-appearance: none;appearance: none;width: 1rem;height: 1rem;border: 2px solid rgb(229 231 235);border-radius: 50%;background: #ffffff;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);cursor: pointer;-moz-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}input[type='range']:disabled::-moz-range-thumb{cursor: not-allowed;}input[type='range']:not(:disabled):hover::-webkit-slider-thumb{box-shadow: 0 0 0 6px color-mix(in srgb,var(--color-primary-200)50%,transparent);}input[type='range']:not(:disabled):hover::-moz-range-thumb{box-shadow: 0 0 0 6px color-mix(in srgb,var(--color-primary-200)50%,transparent);}input[type='range']:not(:disabled):active::-webkit-slider-thumb{box-shadow: 0 0 0 8px color-mix(in srgb,var(--color-primary-200)50%,transparent);}input[type='range']:not(:disabled):active::-moz-range-thumb{box-shadow: 0 0 0 8px color-mix(in srgb,var(--color-primary-200)50%,transparent);}input[type='range']::-webkit-slider-runnable-track{width: 100%;height: 0.5rem;cursor: pointer;background: linear-gradient(to right,var(--color-primary-600)var(--range-percentage,0%),n#e0e5eb var(--range-percentage, 0%)n);border-radius: 0.25rem;}input[type='range']:disabled::-webkit-slider-runnable-track{background: #e0e5eb;cursor: not-allowed;}input[type='range']::-moz-range-track{width: 100%;height: 0.5rem;cursor: pointer;background: linear-gradient(to right,var(--color-primary-600)var(--range-percentage,0%),n#e0e5eb var(--range-percentage, 0%)n);border-radius: 0.25rem;}input[type='range']:disabled::-moz-range-track{background: #e0e5eb;cursor: not-allowed;}input[type='range'].range-sm::-webkit-slider-thumb{width: 0.8rem;height: 0.8rem;margin-top:-0.2rem;}input[type='range'].range-sm::-moz-range-thumb{width: 0.8rem;height: 0.8rem;}input[type='range'].range-sm::-webkit-slider-runnable-track{height: 0.4rem;border-radius: 0.2rem;}input[type='range'].range-sm::-moz-range-track{height: 0.4rem;border-radius: 0.2rem;}input[type='range'].range-md::-webkit-slider-thumb{width: 1rem;height: 1rem;margin-top:-0.25rem;}input[type='range'].range-md::-moz-range-thumb{width: 1rem;height: 1rem;}input[type='range'].range-md::-webkit-slider-runnable-track{height: 0.5rem;border-radius: 0.25rem;}input[type='range'].range-md::-moz-range-track{height: 0.5rem;border-radius: 0.25rem;}input[type='range'].range-lg::-webkit-slider-thumb{width: 1.4rem;height: 1.4rem;margin-top:-0.35rem;}input[type='range'].range-lg::-moz-range-thumb{width: 1.4rem;height: 1.4rem;}input[type='range'].range-lg::-webkit-slider-runnable-track{height: 0.7rem;border-radius: 0.35rem;}input[type='range'].range-lg::-moz-range-track{height: 0.7rem;border-radius: 0.35rem;}input[type='range'].range-xl::-webkit-slider-thumb{width: 1.8rem;height: 1.8rem;margin-top:-0.5rem;}input[type='range'].range-xl::-moz-range-thumb{width: 1.8rem;height: 1.8rem;}input[type='range'].range-xl::-webkit-slider-runnable-track{height: 0.9rem;border-radius: 0.45rem;}input[type='range'].range-xl::-moz-range-track{height: 0.9rem;border-radius: 0.45rem;}";export default ".conditions-root:focus-within>.conditions-with-context-menu[data-v-6310fe1d],.conditions-root:hover>.conditions-with-context-menu[data-v-6310fe1d]{padding-right: 3rem;}.conditions-root:focus-within>.conditions-with-context-menu+.context-menu-wrapper[data-v-6310fe1d],.conditions-root:hover>.conditions-with-context-menu+.context-menu-wrapper[data-v-6310fe1d]{opacity: 1;}";export default ".nested-conditions-border::before{background-image: url(\"data:image/svg+xml,%3Csvg width='4' height='5' fill='none' xmlns='http:}";export default '[data-v-1e3637a9].tiptap h1,.editor-content-typography[data-v-1e3637a9]h1{margin-top: 0px;font-size: 2.1428571em;font-weight: 700;line-height: 1.2;}[data-v-1e3637a9].tiptap h2,.editor-content-typography[data-v-1e3637a9]h2{margin-top: 0px;font-size: 1.5em;font-weight: 700;line-height: 1.3333333;}[data-v-1e3637a9].tiptap h3,.editor-content-typography[data-v-1e3637a9]h3{margin-top: 0px;font-size: 1.2857143em;font-weight: 600;line-height: 1.4444444;}[data-v-1e3637a9].tiptap h4,.editor-content-typography[data-v-1e3637a9]h4{margin-top: 0px;font-size: 1.1em;font-weight: 600;line-height: 1.4444444;}[data-v-1e3637a9].tiptap p,.editor-content-typography[data-v-1e3637a9]p{margin-top: 0px;line-height: 1.45;--tw-text-opacity: 1;color: rgb(71 85 105/var(--tw-text-opacity,1));}[data-v-1e3637a9].tiptap ul,[data-v-1e3637a9].tiptap ol,.editor-content-typography[data-v-1e3637a9]ul,.editor-content-typography[data-v-1e3637a9]ol{margin-top: 0px;padding-left: 1.625em;}[data-v-1e3637a9].tiptap ul,.editor-content-typography[data-v-1e3637a9]ul{list-style-type: disc;}[data-v-1e3637a9].tiptap ol,.editor-content-typography[data-v-1e3637a9]ol{list-style-type: decimal;}[data-v-1e3637a9].tiptap li,.editor-content-typography[data-v-1e3637a9]li{margin-top: 0.2em;line-height: 1.45;--tw-text-opacity: 1;color: rgb(71 85 105/var(--tw-text-opacity,1));}[data-v-1e3637a9].tiptap blockquote,.editor-content-typography[data-v-1e3637a9]blockquote{margin-top: 0px;margin-bottom: 1rem;border-left-width: 3px;--tw-border-opacity: 1;border-color: rgb(203 213 225/var(--tw-border-opacity,1));padding-left: 0.875rem;font-style: italic;line-height: 1.45;--tw-text-opacity: 1;color: rgb(100 116 139/var(--tw-text-opacity,1));}[data-v-1e3637a9].tiptap blockquote p,.editor-content-typography[data-v-1e3637a9]blockquote p{margin-bottom: 0px;color: inherit;}[data-v-1e3637a9].tiptap pre,.editor-content-typography[data-v-1e3637a9]pre{margin-top: 0px;margin-bottom: 1rem;white-space: pre-wrap;border-radius: 0.375rem;border-width: 1px;--tw-border-opacity: 1;border-color: rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity: 1;background-color: rgb(248 250 252/var(--tw-bg-opacity,1));padding-left: 0.75rem;padding-right: 0.75rem;padding-top: 0.5rem;padding-bottom: 0.5rem;font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size: 0.875em;line-height: 1.5;--tw-text-opacity: 1;color: rgb(51 65 85/var(--tw-text-opacity,1));}[data-v-1e3637a9].tiptap pre code,.editor-content-typography[data-v-1e3637a9]pre code{background-color: transparent;padding: 0px;color: inherit;}[data-v-1e3637a9].tiptap code:not(pre code),.editor-content-typography[data-v-1e3637a9]code:not(pre code){border-radius: 0.25rem;--tw-bg-opacity: 1;background-color: rgb(241 245 249/var(--tw-bg-opacity,1));padding-left: 0.25rem;padding-right: 0.25rem;padding-top: 0.125rem;padding-bottom: 0.125rem;font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size: 0.875em;--tw-text-opacity: 1;color: rgb(51 65 85/var(--tw-text-opacity,1));}[data-v-1e3637a9].tiptap a,.editor-content-typography[data-v-1e3637a9]a{--tw-text-opacity: 1;color: rgb(37 99 235/var(--tw-text-opacity,1));text-decoration-line: none;}[data-v-1e3637a9].tiptap a:hover,.editor-content-typography[data-v-1e3637a9]a:hover{text-decoration-line: underline;}[data-v-1e3637a9].tiptap>*:last-child,.editor-content-typography[data-v-1e3637a9]*:last-child{margin-bottom: 0px;}[data-v-1e3637a9].tiptap .is-empty::before{content: attr(data-placeholder);float: left;height: 0;pointer-events: none;font-weight: 400;font-style: italic;--tw-text-opacity: 1;color: rgb(148 163 184/var(--tw-text-opacity,1));}';export default ".animated-gradient[data-v-f1f0dadf]{background: repeating-linear-gradient(to right,rgba(255,255,255,0)0%,rgba(255,255,255,0.75)50%,rgba(255,255,255,0)100%);width: 100%;background-size: 200% auto;background-position: 0 100%;animation: gradient-f1f0dadf 2s infinite;animation-fill-mode: forwards;animation-timing-function: linear;}@keyframes gradient-f1f0dadf{0%{background-position: 0 0;}100%{background-position:-200% 0;}}";export default ".slide-left-enter-active[data-v-1a3d5742],.slide-left-leave-active[data-v-1a3d5742]{transition: all 0.5s ease;}.slide-left-enter-from[data-v-1a3d5742],.slide-left-leave-to[data-v-1a3d5742]{opacity: 0;transform: translateX(30px);}.slide-right-enter-active[data-v-1a3d5742],.slide-right-leave-active[data-v-1a3d5742]{transition: all 0.5s ease;}.slide-right-enter-from[data-v-1a3d5742],.slide-right-leave-to[data-v-1a3d5742]{opacity: 0;transform: translateX(-30px);}.slide-top-enter-active[data-v-1a3d5742],.slide-top-leave-active[data-v-1a3d5742]{transition: all 0.5s ease;}.slide-top-enter-from[data-v-1a3d5742],.slide-top-leave-to[data-v-1a3d5742]{opacity: 0;transform: translateY(30px);}.slide-bottom-enter-active[data-v-1a3d5742],.slide-bottom-leave-active[data-v-1a3d5742]{transition: all 0.5s ease;}.slide-bottom-enter-from[data-v-1a3d5742],.slide-bottom-leave-to[data-v-1a3d5742]{opacity: 0;transform: translateY(-30px);}.fade-enter-active[data-v-1a3d5742],.fade-leave-active[data-v-1a3d5742]{transition: all 0.5s ease;}.fade-enter-from[data-v-1a3d5742],.fade-leave-to[data-v-1a3d5742]{opacity: 0;}";{}