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

package/dist/PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-D5bxFJ-p.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./vendor-ui-5pJF5KBP.js"),n=require("./adyen-R6aSZ0Yf.js"),a=require("./payments-DkHhTHto.js"),o=require("./paymentMethods-C_sdTkSF.js"),r=require("./component-BOqPDAVk.js"),i=e=>{let t={};return"TOKENIZE"===e&&(t={"en-US":{payButton:"Add payment method",confirmPurchase:"Add payment method"},"fr-FR":{payButton:"Ajouter un moyen de paiement",confirmPurchase:"Ajouter un moyen de paiement"},"de-DE":{payButton:"Zahlungsmethode hinzufügen",confirmPurchase:"Zahlungsmethode hinzufügen"},"it-IT":{payButton:"Aggiungi metodo di pagamento",confirmPurchase:"Aggiungi metodo di pagamento"},"es-ES":{payButton:"Añadir método de pago",confirmPurchase:"Añadir método de pago"},"nl-NL":{payButton:"Betaalmethode toevoegen",confirmPurchase:"Betaalmethode toevoegen"},"pt-BR":{payButton:"Adicionar método de pagamento",confirmPurchase:"Adicionar método de pagamento"},"pt-PT":{payButton:"Adicionar método de pagamento",confirmPurchase:"Adicionar método de pagamento"},"pl-PL":{payButton:"Dodaj metodę płatności",confirmPurchase:"Dodaj metodę płatności"},"ru-RU":{payButton:"Добавить способ оплаты",confirmPurchase:"Добавить способ оплаты"},"sv-SE":{payButton:"Lägg till betalningsmetod",confirmPurchase:"Lägg till betalningsmetod"},"da-DK":{payButton:"Tilføj betalingsmetode",confirmPurchase:"Tilføj betalingsmetode"},"fi-FI":{payButton:"Lisää maksutapa",confirmPurchase:"Lisää maksutapa"},"no-NO":{payButton:"Legg til betalingsmetode",confirmPurchase:"Legg til betalingsmetode"},"cs-CZ":{payButton:"Přidat platební metodu",confirmPurchase:"Přidat platební metodu"},"hu-HU":{payButton:"Fizetési mód hozzáadása",confirmPurchase:"Fizetési mód hozzáadása"},"ro-RO":{payButton:"Adăugați metodă de plată",confirmPurchase:"Adăugați metodă de plată"},"ja-JP":{payButton:"支払い方法を追加",confirmPurchase:"支払い方法を追加"},"ko-KR":{payButton:"결제 수단 추가",confirmPurchase:"결제 수단 추가"},"zh-CN":{payButton:"添加支付方式",confirmPurchase:"添加支付方式"},"zh-TW":{payButton:"新增付款方式",confirmPurchase:"新增付款方式"},ar:{payButton:"إضافة وسيلة دفع",confirmPurchase:"إضافة وسيلة دفع"},"hr-HR":{payButton:"Dodajte način plačanja",confirmPurchase:"Dodajte način plačanja"},"el-GR":{payButton:"Προσθήκη μεθόδου πληρωμής",confirmPurchase:"Προσθήκη μεθόδου πληρωμής"},"sk-SK":{payButton:"Pridať spôsob platby",confirmPurchase:"Pridať spôsob platby"},"sl-SI":{payButton:"Dodajte način plačanja",confirmPurchase:"Dodajte način plačanja"},"bg-BG":{payButton:"Добавяне на начин на плащане",confirmPurchase:"Добавяне на начин на плащане"},"ca-ES":{payButton:"Afegir mètode de pagament",confirmPurchase:"Afegir mètode de pagament"},"et-EE":{payButton:"Lisa makseviis",confirmPurchase:"Lisa makseviis"},"lv-LV":{payButton:"Pievienot maksājuma veidu",confirmPurchase:"Pievienot maksājuma veidu"},"lt-LT":{payButton:"Pridėti mokėjimo metodą",confirmPurchase:"Pridėti mokėjimo metodą"}}),t},d=e.defineComponent({__name:"PaymentCompletedCard",props:{amount:{type:Object},variant:{type:String}},setup(a){const o=a,{$t:r}=t.useIntl(),i=e.computed(()=>"AUTHORIZE"===o.variant?r({defaultMessage:"Payment successful",description:"The title for when a payment has been successful",id:"payment_completed_card.title.authorize"}):r({defaultMessage:"Your payment method is added",description:"The title for when a payment method was successfully added",id:"payment_completed_card.title.tokenize"}));return(o,d)=>(e.openBlock(),e.createBlock(n._sfc_main,{status:"success",title:i.value},{default:e.withCtx(()=>[a.amount?(e.openBlock(),e.createBlock(e.unref(t._sfc_main),{key:0,variant:"body-sm",class:"mt-1"},{default:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main$6),{icon:"check"}),e.createTextVNode(e.toDisplayString(e.unref(t.formatAmount)(a.amount)),1)]),_:1})):e.createCommentVNode("",!0),e.createVNode(e.unref(t._sfc_main),{variant:"body-xs",shade:"lighter"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"You are being redirected...",description:"The text shown after a successful message before a redirect",id:"payment_completed_card.redirect_message"})),1)]),_:1})]),_:1},8,["title"]))}}),c={UNKNOWN_ERROR:{title:"Something went wrong",message:"An unknown error has occurred",isReloadButtonVisible:!0},AUTHORIZATION_FAILED:{title:"Payment failed",message:"The payment failed"},PAYMENT_DETAILS_CALL_FAILED:{title:"Payment details call failed",message:"There was a problem getting the payment details"},PAYMENT_METHOD_STORAGE_FAILED:{title:"Failed storing payment method",message:"Something went wrong with storing the payment method"},REDIRECT_RESULT_PAYMENT_ACCEPTOR_MISSING:{title:"Missing payment acceptor",message:"A redirect result is set, but a payment acceptor is missing in the url"},TOKENIZE_FAILED:{title:"Tokenization failed",message:"The tokenization of the payment method has failed"},PAYMENT_INTEGRATION_INITIALIZATION_FAILED:{title:"Failed loading payment methods",message:"Failed loading payment integration",isReloadButtonVisible:!0},RESOURCE_REVOKED:{title:"Resource revoked",message:"The resource has been revoked",isReloadButtonVisible:!0}},s={class:"flex flex-col items-center gap-6"},m=e.defineComponent({__name:"PaymentErrorCard",props:{error:{type:Object}},setup(a){const o=a,{$t:r}=t.useIntl(),i=e.computed(()=>c[o.error.code]),d=()=>{window.location.reload()};return(a,o)=>(e.openBlock(),e.createBlock(n._sfc_main,{status:"error",title:i.value.title},{default:e.withCtx(()=>[e.createElementVNode("div",s,[e.createVNode(e.unref(t._sfc_main),{variant:"body-xs",shade:"lighter",class:"mt-3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.value.message),1)]),_:1}),i.value.isReloadButtonVisible?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$3),{key:0,type:"button",color:"gray",variant:"outline",onClick:d},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"Try again",description:"Retry button text when an error has happened during a payment",id:"payments.retry_button.label"})),1)]),_:1})):e.createCommentVNode("",!0)])]),_:1},8,["title"]))}}),u=["applepay"];const p="ADYEN",l=e.defineComponent({__name:"PaymentIntegrationFormAdyen",props:{countryCode:{type:String},customerId:{type:String},invoiceId:{type:String},paymentMethodOptionResponseEntry:{type:Object},variant:{type:String},selected:{type:Boolean},amount:{type:Object},validateOnSubmit:{type:Function,default:()=>Promise.resolve(!0)},context:{type:Object},forceStorePaymentMethod:{type:Boolean}},emits:["select","payment-failed","payment-success","ready"],setup(c,{expose:s,emit:l}){let y=null,h=null;const _=c,f=l;s({submit:function(){try{null==y||y.submit()}catch(e){A.error("ADYEN_SUBMIT_FAILED","Failed to submit Adyen drop-in",{},e)}}});const g=e.ref(),E=e.ref(!1),v=e.ref(),A=r.useLogger(),{locale:I}=t.useIntl(),{authorizePayment:R,getPaymentDetails:k}=a.createPaymentsService(),{tokenizePaymentMethod:b}=o.createPaymentMethodsService(),P=e.inject(r.EXPERIMENTAL_FEATURE_INJECTION_KEY),T=e.computed(()=>"TOKENIZE"===_.variant);async function N(){var e;const t=n.transformToAdyenAmount(_.amount),a=(null==(e=null==P?void 0:P.value)?void 0:e["express-checkout"])?function(e){return e.filter(e=>!u.some(t=>{var n;return t===(null==(n=e.type)?void 0:n.toLowerCase())}))}(n.mapAdyenPaymentMethods(_.paymentMethodOptionResponseEntry)):n.mapAdyenPaymentMethods(_.paymentMethodOptionResponseEntry);return{checkoutConfig:{amount:t,clientKey:n.getAdyenClientKeyFromPaymentMethodOptionsResponse(_.paymentMethodOptionResponseEntry),environment:n.getAdyenEnvironmentFromPaymentMethodOptionsResponse(_.paymentMethodOptionResponseEntry,A),locale:I,translations:i(_.variant),countryCode:_.countryCode,analytics:{enabled:!1},paymentMethodsResponse:{paymentMethods:a},onSubmit:B,onAdditionalDetails:x,onPaymentCompleted:M,onPaymentFailed:S,onError:D,showPayButton:T.value},dropInConfig:{disableFinalAnimation:!0,paymentMethodsConfiguration:{card:{hasHolderName:!0,holderNameRequired:!0,enableStoreDetails:!_.forceStorePaymentMethod&&"AUTHORIZE"===_.variant},paypal:{intent:t.value>0?"authorize":"tokenize",showPayButton:!0}},openFirstPaymentMethod:_.selected,onSelect:({props:{type:e}})=>{e&&f("select",{paymentMethodType:e,paymentGatewayVariant:"ADYEN"})},onReady:()=>f("ready")}}}async function O(){if(g.value)try{await w();const[e,{default:t}]=await Promise.all([Promise.resolve().then(()=>require("./index-DIFK3mcJ.js")),Promise.resolve().then(()=>require("./adyen-mQEEOjgl.js"))]),{AdyenCheckout:n,Dropin:a,Card:o,Bancontact:r,Ach:i,AmazonPay:d,ApplePay:c,BcmcMobile:s,BacsDirectDebit:m,CashAppPay:u,EPS:p,GooglePay:l,Klarna:f,PayByBank:E,PayPal:v,SepaDirectDebit:A,Trustly:I,Twint:R,PayByBankUS:k,Redirect:b}=e,{checkoutConfig:P,dropInConfig:T}=await N();h=await n(P),y=new a(h,{...T,paymentMethodComponents:[o,r,i,d,c,s,m,u,p,l,f,E,v,A,I,R,k,b]}).mount(g.value),function(e){var t;const n=null==(t=g.value)?void 0:t.getRootNode();if(n instanceof ShadowRoot){const t=document.createElement("link");t.rel="stylesheet",t.href=e,n.appendChild(t);const a=document.createElement("style");a.textContent="\n            :host {\n                --adyen-sdk-color-background-secondary: transparent;\n                --adyen-sdk-color-background-primary: rgb(243 244 246 / 0.5);\n                --adyen-sdk-color-outline-secondary: #e5e7eb;\n                --adyen-sdk-color-outline-primary: transparent;\n                --adyen-sdk-color-background-always-dark: var(--color-primary-500);\n                --adyen-sdk-color-background-inverse-primary-hover: var(--color-primary-600);\n            }\n\n            .adyen-checkout__payment-method__image__wrapper {\n                width: 32px;\n                height: 32px;\n            }\n\n            .adyen-checkout__payment-method__image {\n                height: 32px;\n            }\n\n            .adyen-checkout__input-wrapper,\n            .adyen-checkout__input {\n                border-color: rgb(229, 231, 235);\n                border-radius: var(--adyen-sdk-border-radius-s, 4px);\n            }\n\n            .adyen-checkout__button,\n            .adyen-checkout__payment-method {\n                border-radius: var(--adyen-sdk-border-radius-s, 4px);\n            }\n\n            .adyen-checkout__payment-method {\n                border-color: rgb(229, 231, 235);\n                box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n                transition: box-shadow 0.2s ease-in-out;\n            }\n\n            .adyen-checkout__payment-method--selected {\n                box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n            }\n\n            .adyen-checkout__payment-method:after {\n                transform: scale(0%);\n            }\n\n            .adyen-checkout__paypal__button {\n                display: block !important;\n            }\n\n            .adyen-checkout__payment-methods-list {\n                gap: 4px;\n            }\n\n            .adyen-checkout__dropdown__list {\n                background-color: white;\n                border-radius: var(--adyen-sdk-border-radius-s, 4px);\n            }\n\n            .adyen-checkout__payment-method.adyen-checkout__payment-method--selected:after {\n                content: '✓';\n                width: 20px;\n                height: 20px;\n                border-radius: 10px;\n                background-color: var(--color-primary-600);\n                position: absolute;\n                top: 14px;\n                right: 14px;\n                text-align: center;\n                line-height: 20px;\n                color: white;\n                transform: scale(100%);\n                font-size: 12px;\n            }\n\n            .adyen-checkout__payment-method__header {\n                padding: 8px 16px !important;\n            }\n\n            .adyen-checkout__payment-method__brands {\n                align-items: center;\n            }\n            .adyen-checkout__payment-method__brand-number {\n                line-height: 1;\n            }\n            .adyen-checkout__button__text {\n                font-size: 14px;\n            }\n            .adyen-checkout__store-details {\n                background: transparent;\n                padding: 0;\n            }\n            .adyen-checkout__checkbox__input + .adyen-checkout__checkbox__label:after {\n                border-color: rgb(229, 231, 235);\n            }\n        ","AUTHORIZE"===_.variant&&(a.textContent+="\n            .adyen-checkout__payment-method--cashapp .adyen-checkout-pm-details-wrapper {\n                display: none;\n            }\n            "),n.appendChild(a)}}(t)}catch(e){A.error("PAYMENT_INTEGRATION_INITIALIZATION_FAILED","Failed to mount Adyen web drop-in",{error:e})}}async function w(){y&&(y.unmount(),y=null),g.value&&(g.value.innerHTML="")}function B(...e){const[t,a,o]=e;_.validateOnSubmit().then(e=>{if(!e)return;const a=_.paymentMethodOptionResponseEntry.payment_acceptor.id,r={risk_data:n.transformObjectToAdyenObject(t.data.riskData),payment_method:n.transformObjectToAdyenObject(t.data.paymentMethod),browser_info:n.transformObjectToAdyenObject(t.data.browserInfo)};if("AUTHORIZE"===_.variant){const e=n.createReturnUrl({paymentAcceptorId:_.paymentMethodOptionResponseEntry.payment_acceptor.id,redirectUrl:window.location.href});return void R({payment_acceptor_id:a,..._.customerId?{customer_id:_.customerId}:{},payment_gateway_variant:p,adyen:{...r,store_payment_method:_.forceStorePaymentMethod||t.data.storePaymentMethod},amount:_.amount,..._.context?{context:_.context}:{},return_url:e}).then(e=>{const n=t.data.paymentMethod.type;if(["FAILURE","REFUSED"].includes(e.status))return A.error("PAYMENT_AUTHORIZATION_FAILED",`Failed payment authorization for payment acceptor with id ${a}`,{error:e}),void o.resolve({resultCode:"Error"});if("ACTION_REQUIRED"===e.status&&e.action.payment_gateway_variant===p){const t=C(e,n);return t?(y.handleAction(t),void o.resolve({resultCode:e.action.adyen.result_code,action:t})):void A.error("PAYMENT_AUTHORIZATION_FAILED",`Failed payment authorization for payment acceptor with id ${a}`,{error:e})}E.value=!0,o.resolve({resultCode:"Authorised"})}).catch(e=>{A.error("PAYMENT_AUTHORIZATION_FAILED",`Failed payment authorization for payment acceptor with id ${a}`,{error:e}),o.resolve({resultCode:"Error"})})}if("TOKENIZE"===_.variant){const e=n.createReturnUrl({paymentAcceptorId:_.paymentMethodOptionResponseEntry.payment_acceptor.id,redirectUrl:window.location.href});if(!_.customerId)return void A.error("TOKENIZATION_FAILED",`Missing customer id for payment acceptor with id ${a}`);b({customer_id:_.customerId,payment_acceptor_id:a,payment_gateway_variant:p,adyen:r,return_url:e}).then(e=>{const n=t.data.paymentMethod.type;if(["FAILURE","REFUSED"].includes(e.status))return A.error("TOKENIZATION_FAILED",`Tokenization failed for payment acceptor with id ${a}`,{error:e}),void o.resolve({resultCode:"Error"});if("ACTION_REQUIRED"===e.status&&e.action.payment_gateway_variant===p){const t=C(e,n);return t?(y.handleAction(t),void o.resolve({resultCode:e.action.adyen.result_code,action:t})):void A.error("TOKENIZATION_FAILED",`Tokenization failed for payment acceptor with id ${a}`,{error:e})}E.value=!0,o.resolve({resultCode:"Authorised"})}).catch(e=>{A.error("TOKENIZATION_FAILED",`Tokenization failed for payment acceptor with id ${a}`,{error:e}),o.resolve({resultCode:"Error"})})}}).catch(e=>{A.error("INTEGRATION_ERROR","Unhandled error in payment submission flow",{},e)})}function C(e,t){if("ACTION_REQUIRED"!==e.status)return;const n=e.action;if("ADYEN"!=n.payment_gateway_variant)return;const a=n.adyen;return{paymentMethodType:(null==a?void 0:a.payment_method_type)??t,method:n.method,url:n.url,data:n.data,type:null==a?void 0:a.action_type,paymentData:null==a?void 0:a.payment_data,sdkData:null==a?void 0:a.sdk_data}}function x(...e){const[t]=e,n=t.data.details,a=t.data.paymentData;if(_.paymentMethodOptionResponseEntry.payment_acceptor.id)return void F({detailsResult:n?(o=n,Object.fromEntries(Object.entries(o).filter(([,e])=>null!=e))):void 0,paymentDataResult:a,paymentAcceptorId:_.paymentMethodOptionResponseEntry.payment_acceptor.id});var o;const r={code:"UNKNOWN_ERROR",message:"Payment failed",error:e};f("payment-failed",r),v.value=r}function S(...e){const[t]=e,n={code:"UNKNOWN_ERROR",message:"Payment failed",error:t};f("payment-failed",n),v.value=n}function M(...e){const[,t]=e;null==t||t.unmount(),f("payment-success")}function D(...e){const[t,n]=e;if("CANCEL"===t.name)return;const a={code:"UNKNOWN_ERROR",message:"Something went wrong",error:t};A.error("INTEGRATION_ERROR","Something went wrong",{error:t}),v.value=a,null==n||n.unmount()}function F({detailsResult:e,threeDSResult:t,redirectResult:n,paymentDataResult:a,paymentAcceptorId:o}){k({paymentAcceptorId:o,paymentGatewayVariant:p,adyen:{...e?{details:e}:{},...n?{redirect_result:n}:{},...t?{threeds_result:t}:{},...a?{payment_data:a}:{}}}).then(e=>{"FAILURE"!==e.payment_status?"SUCCESS"!==e.payment_status||f("payment-success"):f("payment-failed",{code:"UNKNOWN_ERROR",message:"Failed getting payment details",error:e})}).catch(e=>{A.error("PAYMENT_DETAILS_CALL_FAILED","Failed fetching payment details",{error:e})})}return e.onMounted(()=>{O(),function(){const e=n.getQueryParam(n.REDIRECT_RESULT_QUERY_STRING),t=n.getQueryParam(n.PAYMENT_ACCEPTOR_ID_QUERY_STRING);e&&(t?F({paymentAcceptorId:t,detailsResult:{redirectResult:decodeURI(e)}}):A.error("INVALID_REDIRECT_RESULT","Redirect result is set but payment acceptor id is missing",{context:{redirectResult:e}}))}()}),e.onBeforeUnmount(()=>{w()}),e.watch(()=>_.paymentMethodOptionResponseEntry,(e,n)=>{t.isEqual(e,n)||O()},{deep:!0}),(t,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[E.value?(e.openBlock(),e.createBlock(d,{key:0,variant:c.variant},null,8,["variant"])):v.value?(e.openBlock(),e.createBlock(m,{key:1,error:v.value},null,8,["error"])):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"dropInContainerRef",ref:g},null,512)],64))}}),y=e.defineComponent({__name:"PaymentIntegrationForm",props:{customerId:{type:String},variant:{type:String},context:{type:Object},paymentMethodOptions:{type:Array},countryCode:{type:String},invoiceId:{type:String},amount:{type:Object},selectedOption:{type:String},validateOnSubmit:{type:Function},forceStorePaymentMethod:{type:Boolean}},emits:["select","payment-failed","payment-success","ready"],setup(n,{expose:a,emit:o}){const r=n,i=o;a({submit:function(){var e,t;c.value||(m.value=!0,null==(e=r.validateOnSubmit)||e.call(r));null==(t=s.value.get(c.value))||t.submit()}});const{$t:d}=t.useIntl(),c=e.ref(),s=e.ref(new Map),m=e.ref(!1);function u({paymentGatewayVariant:e,paymentMethodType:t}){m.value=!1,i("select",{paymentGatewayVariant:e,paymentMethodType:t})}return(a,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.paymentMethodOptions,t=>{var r;return e.openBlock(),e.createElementBlock(e.Fragment,{key:t.integration.id},["ADYEN"===(null==(r=t.integration.payment_gateway)?void 0:r.variant)?(e.openBlock(),e.createBlock(l,{key:0,ref_for:!0,ref:e=>s.value.set(t.integration.payment_gateway.variant,e),context:n.context,"payment-method-option-response-entry":t,"country-code":n.countryCode,"customer-id":n.customerId,variant:n.variant,amount:n.amount,"invoice-id":n.invoiceId,selected:c.value===t.integration.payment_gateway.variant,"validate-on-submit":n.validateOnSubmit,"force-store-payment-method":n.forceStorePaymentMethod,onSelect:u,onPaymentFailed:o[0]||(o[0]=e=>a.$emit("payment-failed",e)),onPaymentSuccess:o[1]||(o[1]=e=>a.$emit("payment-success")),onReady:o[2]||(o[2]=e=>a.$emit("ready"))},null,8,["context","payment-method-option-response-entry","country-code","customer-id","variant","amount","invoice-id","selected","validate-on-submit","force-store-payment-method"])):e.createCommentVNode("",!0)],64)}),128)),m.value?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$23),{key:0,variant:"error",class:"mt-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(d)({defaultMessage:"Select a payment method",id:"payment_integration_form.select_payment_method_error",description:"Error shown when no payment method is selected"})),1)]),_:1})):e.createCommentVNode("",!0)],64))}});exports._sfc_main=y;

package/dist/{PricingGroupContent.vue_vue_type_script_setup_true_lang-CzS32ZUt.mjs → PricingGroupContent.vue_vue_type_script_setup_true_lang-BChVMzCj.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString, renderSlot } from "vue";
-import { _ as _sfc_main$1 } from "./vendor-ui-BwxuPDg8.mjs";
+import { _ as _sfc_main$1 } from "./vendor-ui-C0K3osvz.mjs";
 const _hoisted_1 = { class: "flex items-start" };
 const _hoisted_2 = { class: "flex flex-col grow" };
 const _hoisted_3 = { class: "flex items-center gap-1" };

package/dist/{PricingGroupContent.vue_vue_type_script_setup_true_lang-CKNMt-JH.js → PricingGroupContent.vue_vue_type_script_setup_true_lang-Br3bEUlP.js}

@@ -1 +1 @@
-const e=require("vue"),t=require("./vendor-ui-Ce_Yp7xA.js"),r={class:"flex items-start"},n={class:"flex flex-col grow"},a={class:"flex items-center gap-1"},s={class:"flex items-center ml-4 self-center"},i=e.defineComponent({__name:"PricingGroupContent",props:{name:{type:String},description:{type:String}},setup:i=>(o,l)=>(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("div",n,[e.createElementVNode("div",a,[e.createVNode(e.unref(t._sfc_main),{tag:"span",variant:"body-sm",weight:"semibold"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.name),1)]),_:1}),e.renderSlot(o.$slots,"badge")]),e.createVNode(e.unref(t._sfc_main),{tag:"span",variant:"body-xs",shade:"lighter"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.description),1)]),_:1})]),e.createElementVNode("div",s,[e.renderSlot(o.$slots,"default")])]))});exports._sfc_main=i;
+const e=require("vue"),t=require("./vendor-ui-5pJF5KBP.js"),r={class:"flex items-start"},n={class:"flex flex-col grow"},a={class:"flex items-center gap-1"},s={class:"flex items-center ml-4 self-center"},i=e.defineComponent({__name:"PricingGroupContent",props:{name:{type:String},description:{type:String}},setup:i=>(o,l)=>(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("div",n,[e.createElementVNode("div",a,[e.createVNode(e.unref(t._sfc_main),{tag:"span",variant:"body-sm",weight:"semibold"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.name),1)]),_:1}),e.renderSlot(o.$slots,"badge")]),e.createVNode(e.unref(t._sfc_main),{tag:"span",variant:"body-xs",shade:"lighter"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.description),1)]),_:1})]),e.createElementVNode("div",s,[e.renderSlot(o.$slots,"default")])]))});exports._sfc_main=i;

package/dist/{Skeleton.vue_vue_type_script_setup_true_lang-DXJcL7x6.mjs → Skeleton.vue_vue_type_script_setup_true_lang-DGMxHc20.mjs}

@@ -50,21 +50,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return hasSlotContent.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         __props.variant === "title" ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$attrs, {
           "data-testid": __props.dataTestid,
-          class: "h-6 w-40 rounded border border-gray-50 bg-gray-50/50"
+          class: "sv-skeleton sv-skeleton--title h-6 w-40 rounded border border-gray-50 bg-gray-50/50"
         }), null, 16, _hoisted_1)) : __props.variant === "divider-text" ? (openBlock(), createElementBlock("div", mergeProps({ key: 1 }, _ctx.$attrs, {
           "data-testid": __props.dataTestid,
-          class: "mx-auto h-4 w-12 rounded border border-gray-50 bg-gray-50/50"
-        }), null, 16, _hoisted_2)) : __props.variant === "section" ? (openBlock(), createElementBlock("div", mergeProps({ key: 2 }, _ctx.$attrs, { "data-testid": __props.dataTestid }), [
-          _cache[0] || (_cache[0] = createElementVNode("div", { class: "h-6 w-40 rounded border border-gray-50 bg-gray-50/50" }, null, -1)),
+          class: "sv-skeleton sv-skeleton--divider-text mx-auto h-4 w-12 rounded border border-gray-50 bg-gray-50/50"
+        }), null, 16, _hoisted_2)) : __props.variant === "section" ? (openBlock(), createElementBlock("div", mergeProps({ key: 2 }, _ctx.$attrs, {
+          "data-testid": __props.dataTestid,
+          class: "sv-skeleton sv-skeleton--section"
+        }), [
+          _cache[0] || (_cache[0] = createElementVNode("div", { class: "sv-skeleton__title h-6 w-40 rounded border border-gray-50 bg-gray-50/50" }, null, -1)),
           createElementVNode("div", {
             class: normalizeClass([
-              "mt-1 rounded border border-gray-50 bg-gray-50/50 md:mt-2",
+              "sv-skeleton__body mt-1 rounded border border-gray-50 bg-gray-50/50 md:mt-2",
               _ctx.$props.class
             ])
           }, null, 2)
         ], 16, _hoisted_3)) : (openBlock(), createElementBlock("div", mergeProps({ key: 3 }, _ctx.$attrs, {
           "data-testid": __props.dataTestid,
-          class: ["rounded border border-gray-50 bg-gray-50/50", _ctx.$props.class]
+          class: ["sv-skeleton rounded border border-gray-50 bg-gray-50/50", _ctx.$props.class]
         }), null, 16, _hoisted_4))
       ], 64));
     };

package/dist/Skeleton.vue_vue_type_script_setup_true_lang-DfMgIsGm.js

@@ -0,0 +1 @@
+const e=require("vue"),t=["data-testid"],r=["data-testid"],s=["data-testid"],a=["data-testid"],n=e.defineComponent({__name:"Skeleton",props:{variant:{type:String},class:{type:String},dataTestid:{type:String}},setup(n){const d=e.useSlots(),o=t=>{if(null==t||!1===t)return!0;if("string"==typeof t||"number"==typeof t)return 0===String(t).trim().length;if(Array.isArray(t))return t.every(o);if(!e.isVNode(t))return!1;const r=t;return r.type===e.Comment||(r.type===e.Text?"string"!=typeof r.children||!r.children.trim():r.type===e.Fragment&&(null==r.children||!!Array.isArray(r.children)&&r.children.every(o)))},l=e.computed(()=>{if(!d.default)return!1;const e=d.default({});return!(!e||0===e.length)&&!e.every(o)});return(d,o)=>l.value?e.renderSlot(d.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},["title"===n.variant?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0},d.$attrs,{"data-testid":n.dataTestid,class:"sv-skeleton sv-skeleton--title h-6 w-40 rounded border border-gray-50 bg-gray-50/50"}),null,16,t)):"divider-text"===n.variant?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1},d.$attrs,{"data-testid":n.dataTestid,class:"sv-skeleton sv-skeleton--divider-text mx-auto h-4 w-12 rounded border border-gray-50 bg-gray-50/50"}),null,16,r)):"section"===n.variant?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:2},d.$attrs,{"data-testid":n.dataTestid,class:"sv-skeleton sv-skeleton--section"}),[o[0]||(o[0]=e.createElementVNode("div",{class:"sv-skeleton__title h-6 w-40 rounded border border-gray-50 bg-gray-50/50"},null,-1)),e.createElementVNode("div",{class:e.normalizeClass(["sv-skeleton__body mt-1 rounded border border-gray-50 bg-gray-50/50 md:mt-2",d.$props.class])},null,2)],16,s)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:3},d.$attrs,{"data-testid":n.dataTestid,class:["sv-skeleton rounded border border-gray-50 bg-gray-50/50",d.$props.class]}),null,16,a))],64))}});exports._sfc_main=n;

package/dist/SubscriptionsList.vue_vue_type_script_setup_true_lang-AHw3iTfi.js

@@ -0,0 +1 @@
+const e=require("./useIncrementalLoading-DoTTXM2Y.js"),t=require("./subscriptions-jelITJcX.js"),i=require("vue"),s=require("./vendor-ui-5pJF5KBP.js"),o=require("./Skeleton.vue_vue_type_script_setup_true_lang-DfMgIsGm.js"),n=require("./useActionDispatchProvider-rw9kWeE0.js");const c={class:"sv-subscriptions-list__item-body flex flex-col gap-4 md:flex-row"},r={class:"sv-subscriptions-list__item-content grow"},a={class:"sv-subscriptions-list__item-meta mt-4 flex items-center gap-6"},u={key:1,class:"sv-subscriptions-list__item-next-invoice flex gap-1"},l={class:"sv-subscriptions-list__item-actions flex flex-col items-center gap-2 md:flex-row"},p=i.defineComponent({__name:"SubscriptionsListItem",props:{subscription:{type:Object},paymentMethod:{type:Object},customer:{type:Object},showViewSubscriptionDetailsButton:{type:Boolean,default:!0},showCancelSubscriptionButton:{type:Boolean,default:!0},showRenewSubscriptionButton:{type:Boolean,default:!0}},emits:["view-subscription-details","cancel-subscription","renew-subscription"],setup(e){const t=e,{$t:o}=s.useIntl(),{formatDate:n}=s.useIntl(),p=i.computed(()=>{var e;const i=t.subscription.pricing_plan_schedule_infos;if(0===i.length)return;const s=i[i.length-1];return null==(e=null==s?void 0:s.pricing_plan_version)?void 0:e.pricing_plan}),d=i.computed(()=>{var e;return t.subscription.name||(null==(e=p.value)?void 0:e.name)||o({defaultMessage:"Subscription",description:"The fallback name for when no subscription name can be determined",id:"customer_overview.subscriptions_block.fallback_subscription_name"})}),b=i.computed(()=>{var e;return null==(e=p.value)?void 0:e.description}),m=i.computed(()=>{const e=t.subscription.inactive_periods;return!e||0===e.length}),_=i.computed(()=>{const e=t.subscription.inactive_periods;return Array.isArray(e)&&e.length>0}),v=i.computed(()=>m.value&&t.showCancelSubscriptionButton),f=i.computed(()=>_.value&&t.showRenewSubscriptionButton),h=i.computed(()=>t.showViewSubscriptionDetailsButton);return(t,p)=>(i.openBlock(),i.createBlock(i.unref(s._sfc_main$1),{class:"sv-subscriptions-list__item"},{default:i.withCtx(()=>[i.createElementVNode("div",c,[i.createElementVNode("div",r,[i.createVNode(i.unref(s._sfc_main),{tag:"h3",variant:"heading-2",class:"sv-subscriptions-list__item-title"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(d.value),1)]),_:1}),b.value?(i.openBlock(),i.createBlock(i.unref(s._sfc_main),{key:0,variant:"body-sm",tag:"span",shade:"lighter",class:"sv-subscriptions-list__item-description"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(b.value),1)]),_:1})):i.createCommentVNode("",!0),i.createElementVNode("div",a,[e.paymentMethod?(i.openBlock(),i.createBlock(i.unref(s._sfc_main$5),{key:0,variant:"condensed",class:"sv-payment-methods__item","payment-method":e.paymentMethod},null,8,["payment-method"])):i.createCommentVNode("",!0),e.subscription.next_invoice?(i.openBlock(),i.createElementBlock("div",u,[i.createVNode(i.unref(s._sfc_main),{tag:"span",variant:"body-xs",shade:"light",weight:"semibold"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(o)({defaultMessage:"Next billing date",description:"The label for the next billing date",id:"customer.subscriptions_block.next_billing_date"})),1)]),_:1}),i.createVNode(i.unref(s._sfc_main),{tag:"span",variant:"body-xs",shade:"light"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(n)({date:e.subscription.next_invoice.invoice_date,format:"date",offsetType:"offsetted",timezone:e.customer.timezone})),1)]),_:1})])):i.createCommentVNode("",!0)])]),i.createElementVNode("div",l,[h.value?(i.openBlock(),i.createBlock(i.unref(s._sfc_main$3),{key:0,color:"primary",class:"sv-action sv-action--primary sv-subscriptions-list__item-details w-full md:w-auto",type:"button",onClick:p[0]||(p[0]=i=>t.$emit("view-subscription-details",{subscriptionId:e.subscription.id}))},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(o)({defaultMessage:"Subscription details",description:"The label for the subscription details button in the subscriptions block",id:"customer.subscriptions_block.show_details_button_label"})),1)]),_:1})):i.createCommentVNode("",!0),v.value?(i.openBlock(),i.createBlock(i.unref(s._sfc_main$3),{key:1,variant:"outline",color:"gray",class:"sv-action sv-action--secondary sv-subscriptions-list__item-cancel w-full md:w-auto",type:"button",onClick:p[1]||(p[1]=i=>t.$emit("cancel-subscription",{subscriptionId:e.subscription.id}))},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(o)({defaultMessage:"Cancel subscription",description:"The label for the cancel subscription button in the subscriptions block",id:"customer.subscriptions_block.cancel_button_label"})),1)]),_:1})):f.value?(i.openBlock(),i.createBlock(i.unref(s._sfc_main$3),{key:2,variant:"outline",color:"gray",class:"sv-action sv-action--secondary sv-subscriptions-list__item-renew w-full md:w-auto",type:"button",onClick:p[2]||(p[2]=i=>t.$emit("renew-subscription",{subscriptionId:e.subscription.id}))},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(o)({defaultMessage:"Renew subscription",description:"The label for the renew subscription button in the subscriptions block",id:"customer.subscriptions_block.renew_button_label"})),1)]),_:1})):i.createCommentVNode("",!0)])])]),_:1}))}}),d={key:1,class:"sv-subscriptions-list__items grid grid-cols-1 gap-4"},b=i.defineComponent({__name:"SubscriptionsList",props:{customer:{type:Object},subscriptions:{type:Array},paymentMethods:{default:()=>[],type:Array},isLoading:{type:Boolean},showViewAllButton:{type:Boolean,default:!0},showViewDetailsButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},showRenewButton:{type:Boolean,default:!0}},emits:["view-subscription-details","view-all-subscriptions","cancel-subscription","renew-subscription","load-more"],setup(e){const t=e,{$t:o}=s.useIntl(),n=i.computed(()=>t.subscriptions.length>0),c=e=>{if(e)return t.paymentMethods.find(({id:t})=>t===e)},r=i.computed(()=>t.showViewAllButton);return(t,a)=>(i.openBlock(),i.createBlock(i.unref(s._sfc_main$1),{class:"sv-subscriptions-list","no-spacing":"","no-border":"",title:i.unref(o)({defaultMessage:"{count, plural, one {My subscription} other {My subscriptions}}",description:"Title for the subscriptions block on the customer overview page",id:"customer_overview.subscriptions_block.title"},{count:String(e.subscriptions.length)})},i.createSlots({default:i.withCtx(()=>[n.value?(i.openBlock(),i.createElementBlock("div",d,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.subscriptions,s=>(i.openBlock(),i.createBlock(p,{key:s.id,subscription:s,"payment-method":c(s.payment_method_id),customer:e.customer,"show-view-subscription-details-button":e.showViewDetailsButton,"show-cancel-subscription-button":e.showCancelButton,"show-renew-subscription-button":e.showRenewButton,onViewSubscriptionDetails:a[1]||(a[1]=e=>t.$emit("view-subscription-details",e)),onCancelSubscription:a[2]||(a[2]=e=>t.$emit("cancel-subscription",e)),onRenewSubscription:a[3]||(a[3]=e=>t.$emit("renew-subscription",e))},null,8,["subscription","payment-method","customer","show-view-subscription-details-button","show-cancel-subscription-button","show-renew-subscription-button"]))),128))])):(i.openBlock(),i.createBlock(i.unref(s._sfc_main$1),{key:0,class:"sv-empty-state sv-subscriptions-list__empty"},{default:i.withCtx(()=>[i.createVNode(i.unref(s._sfc_main),{tag:"h3",variant:"heading-3"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(o)({defaultMessage:"No subscriptions",description:"Title for the my subscriptions block on the customer overview page",id:"customer_overview.subscriptions_block.no_active_subscription_title"})),1)]),_:1}),i.createVNode(i.unref(s._sfc_main),{variant:"body-xs",shade:"lighter"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(o)({defaultMessage:"There’s no active subscription to display.",description:"Text that is being displayed when there is no active subscription in the subscriptions block",id:"customer_overview.subscriptions_block.no_active_subscription_content"})),1)]),_:1})]),_:1}))]),_:2},[r.value?{name:"right",fn:i.withCtx(()=>[i.createVNode(i.unref(s._sfc_main$3),{size:"sm",variant:"ghost",color:"gray","icon-suffix":"arrow_right_alt",class:"sv-action sv-action--ghost sv-subscriptions-list__view-all",type:"button",onClick:a[0]||(a[0]=e=>t.$emit("view-all-subscriptions"))},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(o)({defaultMessage:"View all",description:"The text for the view all subscriptions button",id:"customer_overview.subscriptions_block.view_all_button_label"})),1)]),_:1})]),key:"0"}:void 0]),1032,["title"]))}}),m=i.defineComponent({__name:"SubscriptionsList",props:{customer:{type:null},subscriptions:{type:Array},paymentMethods:{type:Array},isLoading:{type:Boolean},configuration:{type:Object}},emits:["load-more"],setup(e){const{dispatchAction:t}=n.useActionDispatchProvider();return(s,n)=>{var c,r,a,u;return e.isLoading?(i.openBlock(),i.createBlock(o._sfc_main,{key:0,variant:"section",class:"sv-subscriptions-list sv-root sv-component sv-loading min-h-[100px]","data-testid":"subscriptions-list-skeleton"})):e.customer?(i.openBlock(),i.createBlock(b,{key:1,class:"sv-subscriptions-list sv-root sv-component",customer:e.customer,subscriptions:e.subscriptions,"payment-methods":e.paymentMethods,"is-loading":e.isLoading,"show-view-all-button":null==(c=e.configuration)?void 0:c.showViewAllButton,"show-view-details-button":null==(r=e.configuration)?void 0:r.showViewDetailsButton,"show-cancel-button":null==(a=e.configuration)?void 0:a.showCancelButton,"show-renew-button":null==(u=e.configuration)?void 0:u.showRenewButton,onViewSubscriptionDetails:n[0]||(n[0]=e=>i.unref(t)({action:"view-subscription-details",data:{subscriptionId:e.subscriptionId}})),onViewAllSubscriptions:n[1]||(n[1]=e=>i.unref(t)({action:"view-all-subscriptions"})),onCancelSubscription:n[2]||(n[2]=e=>i.unref(t)({action:"cancel-subscription",data:{subscriptionId:e.subscriptionId}})),onRenewSubscription:n[3]||(n[3]=e=>i.unref(t)({action:"renew-subscription",data:{subscriptionId:e.subscriptionId}})),onLoadMore:n[4]||(n[4]=e=>s.$emit("load-more"))},null,8,["customer","subscriptions","payment-methods","is-loading","show-view-all-button","show-view-details-button","show-cancel-button","show-renew-button"])):i.createCommentVNode("",!0)}}});exports._sfc_main=m,exports.useSubscriptionsList=function({customerId:i,batchSize:s=15}){const o=t.createSubscriptionsService();return e.useIncrementalLoading({service:async e=>o.getActiveSubscriptions({customerId:i,pagination:{page:e,pageSize:s}})})};

package/dist/{SubscriptionsList.vue_vue_type_script_setup_true_lang-BIxGqr9U.mjs → SubscriptionsList.vue_vue_type_script_setup_true_lang-BkzLj8n2.mjs}

@@ -1,9 +1,9 @@
-import { u as useIncrementalLoading } from "./useIncrementalLoading-RRicokf1.mjs";
-import { c as createSubscriptionsService } from "./subscriptions-mOgjjzUi.mjs";
+import { u as useIncrementalLoading } from "./useIncrementalLoading-Cnzh2mAz.mjs";
+import { c as createSubscriptionsService } from "./subscriptions-ClGIr_aS.mjs";
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString, createCommentVNode, createElementBlock, createSlots, Fragment, renderList } from "vue";
-import { u as useIntl, b as _sfc_main$3, _ as _sfc_main$4, j as _sfc_main$5, e as _sfc_main$6 } from "./vendor-ui-BwxuPDg8.mjs";
-import { _ as _sfc_main$7 } from "./Skeleton.vue_vue_type_script_setup_true_lang-DXJcL7x6.mjs";
-import { u as useActionDispatchProvider } from "./useActionDispatchProvider-B4gszz0Q.mjs";
+import { u as useIntl, b as _sfc_main$3, _ as _sfc_main$4, j as _sfc_main$5, e as _sfc_main$6 } from "./vendor-ui-C0K3osvz.mjs";
+import { _ as _sfc_main$7 } from "./Skeleton.vue_vue_type_script_setup_true_lang-DGMxHc20.mjs";
+import { u as useActionDispatchProvider } from "./useActionDispatchProvider-BC57-Ufn.mjs";
 function useSubscriptionsList({
   customerId,
   batchSize: pageSize = 15
@@ -15,14 +15,14 @@ function useSubscriptionsList({
   });
   return useIncrementalLoading({ service });
 }
-const _hoisted_1$1 = { class: "flex flex-col gap-4 md:flex-row" };
-const _hoisted_2 = { class: "grow" };
-const _hoisted_3 = { class: "mt-4 flex items-center gap-6" };
+const _hoisted_1$1 = { class: "sv-subscriptions-list__item-body flex flex-col gap-4 md:flex-row" };
+const _hoisted_2 = { class: "sv-subscriptions-list__item-content grow" };
+const _hoisted_3 = { class: "sv-subscriptions-list__item-meta mt-4 flex items-center gap-6" };
 const _hoisted_4 = {
   key: 1,
-  class: "flex gap-1"
+  class: "sv-subscriptions-list__item-next-invoice flex gap-1"
 };
-const _hoisted_5 = { class: "flex flex-col items-center gap-2 md:flex-row" };
+const _hoisted_5 = { class: "sv-subscriptions-list__item-actions flex flex-col items-center gap-2 md:flex-row" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "SubscriptionsListItem",
   props: {
@@ -79,13 +79,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     );
     const isDetailButtonVisible = computed(() => props.showViewSubscriptionDetailsButton);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$3), null, {
+      return openBlock(), createBlock(unref(_sfc_main$3), { class: "sv-subscriptions-list__item" }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$1, [
             createElementVNode("div", _hoisted_2, [
               createVNode(unref(_sfc_main$4), {
                 tag: "h3",
-                variant: "heading-2"
+                variant: "heading-2",
+                class: "sv-subscriptions-list__item-title"
               }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(subscriptionName.value), 1)
@@ -96,7 +97,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 key: 0,
                 variant: "body-sm",
                 tag: "span",
-                shade: "lighter"
+                shade: "lighter",
+                class: "sv-subscriptions-list__item-description"
               }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(subscriptionDescription.value), 1)
@@ -107,6 +109,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 __props.paymentMethod ? (openBlock(), createBlock(unref(_sfc_main$5), {
                   key: 0,
                   variant: "condensed",
+                  class: "sv-payment-methods__item",
                   "payment-method": __props.paymentMethod
                 }, null, 8, ["payment-method"])) : createCommentVNode("", true),
                 __props.subscription.next_invoice ? (openBlock(), createElementBlock("div", _hoisted_4, [
@@ -147,7 +150,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               isDetailButtonVisible.value ? (openBlock(), createBlock(unref(_sfc_main$6), {
                 key: 0,
                 color: "primary",
-                class: "w-full md:w-auto",
+                class: "sv-action sv-action--primary sv-subscriptions-list__item-details w-full md:w-auto",
                 type: "button",
                 onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("view-subscription-details", { subscriptionId: __props.subscription.id }))
               }, {
@@ -164,7 +167,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 key: 1,
                 variant: "outline",
                 color: "gray",
-                class: "w-full md:w-auto",
+                class: "sv-action sv-action--secondary sv-subscriptions-list__item-cancel w-full md:w-auto",
                 type: "button",
                 onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("cancel-subscription", { subscriptionId: __props.subscription.id }))
               }, {
@@ -180,7 +183,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 key: 2,
                 variant: "outline",
                 color: "gray",
-                class: "w-full md:w-auto",
+                class: "sv-action sv-action--secondary sv-subscriptions-list__item-renew w-full md:w-auto",
                 type: "button",
                 onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("renew-subscription", { subscriptionId: __props.subscription.id }))
               }, {
@@ -203,7 +206,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1 = {
   key: 1,
-  class: "grid grid-cols-1 gap-4"
+  class: "sv-subscriptions-list__items grid grid-cols-1 gap-4"
 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "SubscriptionsList",
@@ -229,6 +232,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const isViewAllButtonVisible = computed(() => props.showViewAllButton);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$3), {
+        class: "sv-subscriptions-list",
         "no-spacing": "",
         "no-border": "",
         title: unref($t)(
@@ -241,7 +245,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         )
       }, createSlots({
         default: withCtx(() => [
-          !hasSubscriptions.value ? (openBlock(), createBlock(unref(_sfc_main$3), { key: 0 }, {
+          !hasSubscriptions.value ? (openBlock(), createBlock(unref(_sfc_main$3), {
+            key: 0,
+            class: "sv-empty-state sv-subscriptions-list__empty"
+          }, {
             default: withCtx(() => [
               createVNode(unref(_sfc_main$4), {
                 tag: "h3",
@@ -298,6 +305,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               variant: "ghost",
               color: "gray",
               "icon-suffix": "arrow_right_alt",
+              class: "sv-action sv-action--ghost sv-subscriptions-list__view-all",
               type: "button",
               onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("view-all-subscriptions"))
             }, {
@@ -334,10 +342,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return __props.isLoading ? (openBlock(), createBlock(_sfc_main$7, {
         key: 0,
         variant: "section",
-        class: "min-h-[100px]",
+        class: "sv-subscriptions-list sv-root sv-component sv-loading min-h-[100px]",
         "data-testid": "subscriptions-list-skeleton"
       })) : __props.customer ? (openBlock(), createBlock(_sfc_main$1, {
         key: 1,
+        class: "sv-subscriptions-list sv-root sv-component",
         customer: __props.customer,
         subscriptions: __props.subscriptions,
         "payment-methods": __props.paymentMethods,

package/dist/adyen-B_QrYdaC.mjs

@@ -0,0 +1,4 @@
+const adyen = "/adyen.css";
+export {
+  adyen as default
+};

package/dist/{adyenLoader-gsbzSjYV.mjs → adyen-Bwewy3HC.mjs}

@@ -1,6 +1,5 @@
 import { defineComponent, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, normalizeClass, createTextVNode, toDisplayString, renderSlot, createCommentVNode } from "vue";
-import { b as _sfc_main$1, t as _sfc_main$2, _ as _sfc_main$3 } from "./vendor-ui-BwxuPDg8.mjs";
-import { t as trackSentryException } from "./component-CM9g6tbD.mjs";
+import { b as _sfc_main$1, l as _sfc_main$2, _ as _sfc_main$3 } from "./vendor-ui-C0K3osvz.mjs";
 const _hoisted_1 = { class: "flex flex-col items-center py-10" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PaymentFeedbackCard",
@@ -107,13 +106,11 @@ function createReturnUrl({
   returnUrl.searchParams.set(PAYMENT_ACCEPTOR_ID_QUERY_STRING, paymentAcceptorId);
   return returnUrl.toString();
 }
-function getAdyenEnvironmentFromPaymentMethodOptionsResponse(paymentMethodsOptionsResponse) {
+function getAdyenEnvironmentFromPaymentMethodOptionsResponse(paymentMethodsOptionsResponse, logger) {
   var _a, _b;
   const environment = (_b = (_a = paymentMethodsOptionsResponse == null ? void 0 : paymentMethodsOptionsResponse.integration.payment_gateway) == null ? void 0 : _a.adyen) == null ? void 0 : _b.environment;
   if (!environment) {
-    trackSentryException(void 0, {
-      Message: "No environment set for adyen advanced flow, defaulted to live"
-    });
+    logger.warn("ADYEN_INVALID_CONFIGURATION", "No environment set for adyen advanced flow, defaulted to live");
     return "live";
   }
   switch (environment) {
@@ -130,9 +127,7 @@ function getAdyenEnvironmentFromPaymentMethodOptionsResponse(paymentMethodsOptio
     case "LIVE":
       return "live";
     default:
-      trackSentryException(void 0, {
-        Message: `Unsupported environment "${environment}" for adyen advanced flow, defaulted to "live"`
-      });
+      logger.warn("ADYEN_INVALID_CONFIGURATION", `Unsupported environment "${environment}" for adyen advanced flow, defaulted to "live"`);
       return "live";
   }
 }
@@ -140,7 +135,8 @@ function getAdyenExpressCheckoutConfiguration({
   amount,
   countryCode,
   locale,
-  paymentMethodOptionResponse
+  paymentMethodOptionResponse,
+  logger
 }) {
   return {
     ...amount ? { amount: transformToAdyenAmount(amount) } : {},
@@ -148,7 +144,8 @@ function getAdyenExpressCheckoutConfiguration({
     clientKey: getAdyenClientKeyFromPaymentMethodOptionsResponse(paymentMethodOptionResponse),
     countryCode,
     environment: getAdyenEnvironmentFromPaymentMethodOptionsResponse(
-      paymentMethodOptionResponse
+      paymentMethodOptionResponse,
+      logger
     ),
     locale,
     paymentMethodsResponse: {
@@ -159,7 +156,6 @@ function getAdyenExpressCheckoutConfiguration({
 function transformObjectToAdyenObject(obj) {
   return obj ? Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, String(value)])) : void 0;
 }
-const loadAdyen = () => import("./auto-DzZuCneB.mjs");
 export {
   PAYMENT_ACCEPTOR_ID_QUERY_STRING as P,
   REDIRECT_RESULT_QUERY_STRING as R,
@@ -170,7 +166,6 @@ export {
   createReturnUrl as d,
   getAdyenExpressCheckoutConfiguration as e,
   getQueryParam as g,
-  loadAdyen as l,
   mapAdyenPaymentMethods as m,
   safeUrlRedirect as s,
   transformToAdyenAmount as t

package/dist/adyen-R6aSZ0Yf.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./vendor-ui-5pJF5KBP.js"),n={class:"flex flex-col items-center py-10"},r=e.defineComponent({__name:"PaymentFeedbackCard",props:{status:{default:"success",type:String},title:{type:String}},setup:r=>(o,a)=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1),null,{default:e.withCtx(()=>[e.createElementVNode("div",n,[e.createVNode(e.unref(t._sfc_main$6),{icon:"success"===r.status?"check_circle":"error",class:e.normalizeClass({"text-green-400":"success"===r.status,"text-red-600":"error"===r.status}),size:"lg"},null,8,["icon","class"]),e.createVNode(e.unref(t._sfc_main),{variant:"heading-3",tag:"span",class:"mt-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.title),1)]),_:1}),o.$slots.default?(e.openBlock(),e.createBlock(e.unref(t._sfc_main),{key:0,tag:"div",variant:"body-sm"},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3})):e.createCommentVNode("",!0)])]),_:3}))}),o=new Set(["https:","http:"]);const a="payment_acceptor_id";function s(e){var t,n;return null==(n=null==(t=e.integration.payment_gateway)?void 0:t.adyen)?void 0:n.public_key}function i(e){const t=new Intl.NumberFormat(void 0,{style:"currency",currency:e.currency}),{maximumFractionDigits:n=10}=t.resolvedOptions();return{value:Math.round(+e.quantity*Math.pow(10,n)),currency:e.currency}}function c(e){var t;return(null==(t=e.options)?void 0:t.flatMap(e=>{return{type:(t=e.adyen).type,name:t.name,...t.issuers?{issuers:t.issuers}:{},...t.brands?{brands:t.brands}:{},...t.funding_source?{fundingSource:t.funding_source}:{},...t.configuration?{configuration:t.configuration}:{}};var t}))??[]}function u(e,t){var n,r;const o=null==(r=null==(n=null==e?void 0:e.integration.payment_gateway)?void 0:n.adyen)?void 0:r.environment;if(!o)return t.warn("ADYEN_INVALID_CONFIGURATION","No environment set for adyen advanced flow, defaulted to live"),"live";switch(o){case"TEST":return"test";case"LIVE_IN":return"live-in";case"LIVE_AU":return"live-au";case"LIVE_US":return"live-us";case"LIVE_APSE":return"live-apse";case"LIVE":return"live";default:return t.warn("ADYEN_INVALID_CONFIGURATION",`Unsupported environment "${o}" for adyen advanced flow, defaulted to "live"`),"live"}}exports.PAYMENT_ACCEPTOR_ID_QUERY_STRING=a,exports.REDIRECT_RESULT_QUERY_STRING="redirectResult",exports._sfc_main=r,exports.createReturnUrl=function({paymentAcceptorId:e,redirectUrl:t=window.location.href}){const n=new URL(t);return n.searchParams.set(a,e),n.toString()},exports.getAdyenClientKeyFromPaymentMethodOptionsResponse=s,exports.getAdyenEnvironmentFromPaymentMethodOptionsResponse=u,exports.getAdyenExpressCheckoutConfiguration=function({amount:e,countryCode:t,locale:n,paymentMethodOptionResponse:r,logger:o}){return{...e?{amount:i(e)}:{},analytics:{enabled:!1},clientKey:s(r),countryCode:t,environment:u(r,o),locale:n,paymentMethodsResponse:{paymentMethods:c(r)}}},exports.getQueryParam=function(e,t=window.location.search){return new URLSearchParams(t).get(e)},exports.mapAdyenPaymentMethods=c,exports.safeUrlRedirect=function(e){const t=function(e){try{const t=new URL(e);return o.has(t.protocol)?e:""}catch{return""}}(e);t&&window.location.replace(t)},exports.transformObjectToAdyenObject=function(e){return e?Object.fromEntries(Object.entries(e).map(([e,t])=>[e,String(t)])):void 0},exports.transformToAdyenAmount=i;

package/dist/adyen-mQEEOjgl.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.default="/adyen.css";