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

package/dist/components/InvoiceDetails/InvoiceDetails.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("../../InvoiceDetailsBlock.vue_vue_type_script_setup_true_lang-BDitcx8B.js"),t=require("../../Skeleton.vue_vue_type_script_setup_true_lang-D1Xzfc70.js"),n=require("../../useInvoiceData-DvQO_nKz.js"),i=require("../../component-ZRZIt3ZW.js"),r=e.defineComponent({__name:"InvoiceDetails",props:{invoice:{type:Object},isLoading:{type:Boolean},configuration:{type:Object}},setup:n=>(i,r)=>n.isLoading?(e.openBlock(),e.createBlock(t._sfc_main,{key:0,variant:"section",class:"min-h-[100px]","data-testid":"invoice-details-skeleton"})):(e.openBlock(),e.createBlock(o._sfc_main,{key:1,invoice:n.invoice},null,8,["invoice"]))}),a=e.defineComponent({__name:"InvoiceDetails.entry.view",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(o){const t=o,i=n.useInvoiceData(t.configuration.invoiceId);return(o,t)=>{var n;return e.renderSlot(o.$slots,"default",{invoice:null==(n=e.unref(i).data.value)?void 0:n.invoice,isLoading:e.unref(i).isPending.value})}}}),l=e.defineComponent({__name:"InvoiceDetails.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(o){var t;if(!(null==(t=o.configuration)?void 0:t.invoiceId))throw new Error("Missing invoice id");return(t,n)=>{var l,c,s,u;return e.openBlock(),e.createBlock(e.unref(i._sfc_main$1),{"custom-element-name":e.unref(p),environment:o.environment,locale:o.locale,"portal-object":o.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(c=null==(l=o.branding)?void 0:l.colors)?void 0:c.primary,"secondary-color":null==(u=null==(s=o.branding)?void 0:s.colors)?void 0:u.secondary,"experimental-features":o.experimentalFeatures,"log-level":o.logLevel,"on-log":o.onLog,onError:n[0]||(n[0]=e=>t.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(a,e.normalizeProps(e.guardReactiveProps(t.$props)),{default:e.withCtx(({invoice:t,isLoading:n})=>[t?(e.openBlock(),e.createBlock(r,{key:0,"is-loading":n,invoice:t,configuration:o.configuration},null,8,["is-loading","invoice","configuration"])):e.createCommentVNode("",!0)]),_:1},16)]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log"])}}}),c=i.defineCustomElement(l),p=i.getComponentName("invoice-details");exports.COMPONENT_NAME=p,exports.SolvimonInvoiceDetails=c,exports.defineSolvimonInvoiceDetails=()=>{customElements.get(p)||customElements.define(p,c)};
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("../../InvoiceDetailsBlock.vue_vue_type_script_setup_true_lang-D0vVUHuY.js"),t=require("../../Skeleton.vue_vue_type_script_setup_true_lang-DfMgIsGm.js"),n=require("../../useInvoiceData-D2jkdmlA.js"),i=require("../../component-BOqPDAVk.js"),r=e.defineComponent({__name:"InvoiceDetails",props:{invoice:{type:Object},isLoading:{type:Boolean},configuration:{type:Object}},setup:n=>(i,r)=>n.isLoading?(e.openBlock(),e.createBlock(t._sfc_main,{key:0,variant:"section",class:"sv-invoice-details sv-root sv-component sv-loading min-h-[100px]","data-testid":"invoice-details-skeleton"})):(e.openBlock(),e.createBlock(o._sfc_main,{key:1,class:"sv-invoice-details sv-root sv-component",invoice:n.invoice},null,8,["invoice"]))}),a=e.defineComponent({__name:"InvoiceDetails.entry.view",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},cssOverrides:{type:[String,Array]},branding:{type:Object},configuration:{type:Object}},setup(o){const t=o,i=n.useInvoiceData(t.configuration.invoiceId);return(o,t)=>{var n;return e.renderSlot(o.$slots,"default",{invoice:null==(n=e.unref(i).data.value)?void 0:n.invoice,isLoading:e.unref(i).isPending.value})}}}),l=e.defineComponent({__name:"InvoiceDetails.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},cssOverrides:{type:[String,Array]},branding:{type:Object},configuration:{type:Object}},setup(o){var t;if(!(null==(t=o.configuration)?void 0:t.invoiceId))throw new Error("Missing invoice id");return(t,n)=>{var l,s,p,v;return e.openBlock(),e.createBlock(e.unref(i._sfc_main),{"custom-element-name":e.unref(c),environment:o.environment,locale:o.locale,"portal-object":o.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(s=null==(l=o.branding)?void 0:l.colors)?void 0:s.primary,"secondary-color":null==(v=null==(p=o.branding)?void 0:p.colors)?void 0:v.secondary,"experimental-features":o.experimentalFeatures,"log-level":o.logLevel,"on-log":o.onLog,"css-overrides":o.cssOverrides,onError:n[0]||(n[0]=e=>t.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(a,e.normalizeProps(e.guardReactiveProps(t.$props)),{default:e.withCtx(({invoice:t,isLoading:n})=>[t?(e.openBlock(),e.createBlock(r,{key:0,"is-loading":n,invoice:t,configuration:o.configuration},null,8,["is-loading","invoice","configuration"])):e.createCommentVNode("",!0)]),_:1},16)]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log","css-overrides"])}}}),s=i.defineCustomElement(l),c=i.getComponentName("invoice-details");exports.COMPONENT_NAME=c,exports.SolvimonInvoiceDetails=s,exports.defineSolvimonInvoiceDetails=()=>{customElements.get(c)||customElements.define(c,s)};

package/dist/components/InvoiceDetails/InvoiceDetails.es.js

@@ -1,8 +1,8 @@
 import { defineComponent, openBlock, createBlock, renderSlot, unref, withCtx, createVNode, normalizeProps, guardReactiveProps, createCommentVNode } from "vue";
-import { _ as _sfc_main$4 } from "../../InvoiceDetailsBlock.vue_vue_type_script_setup_true_lang-DsrBsrtk.mjs";
-import { _ as _sfc_main$3 } from "../../Skeleton.vue_vue_type_script_setup_true_lang-DXJcL7x6.mjs";
-import { u as useInvoiceData } from "../../useInvoiceData-BiMMoVoW.mjs";
-import { b as _sfc_main$5, d as defineCustomElement, g as getComponentName } from "../../component-dpA83LIN.mjs";
+import { _ as _sfc_main$4 } from "../../InvoiceDetailsBlock.vue_vue_type_script_setup_true_lang-Bc2hkpTb.mjs";
+import { _ as _sfc_main$3 } from "../../Skeleton.vue_vue_type_script_setup_true_lang-DGMxHc20.mjs";
+import { u as useInvoiceData } from "../../useInvoiceData-BJwwDur7.mjs";
+import { _ as _sfc_main$5, d as defineCustomElement, g as getComponentName } from "../../component-Djrf1L-Z.mjs";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "InvoiceDetails",
   props: {
@@ -15,10 +15,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return __props.isLoading ? (openBlock(), createBlock(_sfc_main$3, {
         key: 0,
         variant: "section",
-        class: "min-h-[100px]",
+        class: "sv-invoice-details sv-root sv-component sv-loading min-h-[100px]",
         "data-testid": "invoice-details-skeleton"
       })) : (openBlock(), createBlock(_sfc_main$4, {
         key: 1,
+        class: "sv-invoice-details sv-root sv-component",
         invoice: __props.invoice
       }, null, 8, ["invoice"]));
     };
@@ -31,7 +32,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     locale: { type: String },
     dateLocale: { type: String },
     messages: { type: Object },
-    showTimezones: { type: Boolean },
     primaryColor: { type: String },
     secondaryColor: { type: String },
     isShadowRoot: { type: Boolean },
@@ -40,7 +40,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     onLog: { type: Function },
     allowedPortalTypes: { type: Array },
     portalObject: { type: Object },
-    customElementName: { type: String },
+    cssOverrides: { type: [String, Array] },
     branding: { type: Object },
     configuration: { type: Object }
   },
@@ -63,7 +63,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 },
@@ -72,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onLog: { type: Function },
     allowedPortalTypes: { type: Array },
     portalObject: { type: Object },
-    customElementName: { type: String },
+    cssOverrides: { type: [String, Array] },
     branding: { type: Object },
     configuration: { type: Object }
   },
@@ -95,6 +94,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "experimental-features": __props.experimentalFeatures,
         "log-level": __props.logLevel,
         "on-log": __props.onLog,
+        "css-overrides": __props.cssOverrides,
         onError: _cache[0] || (_cache[0] = (error) => _ctx.$emit("error", error))
       }, {
         default: withCtx(() => [
@@ -111,7 +111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 16)
         ]),
         _: 1
-      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log"]);
+      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log", "css-overrides"]);
     };
   }
 });

package/dist/components/InvoicesList/InvoicesList.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("../../useInvoicesList-CHkwSNO9.js"),t=require("../../useLoadInitialData-BRg7IWqW.js"),n=require("../../component-ZRZIt3ZW.js"),r=e.defineComponent({__name:"InvoicesList.entry.view",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(n){var r,i;const a=n,l=a.portalObject.customer_id,s=o.useInvoicesList({customerId:l,batchSize:(null==(i=null==(r=a.configuration)?void 0:r.pagination)?void 0:i.batchSize)||15}),{isLoading:c}=t.useLoadInitialData(s.fetchInitial());return(o,t)=>e.renderSlot(o.$slots,"default",{isLoading:e.unref(c),invoices:e.unref(s)})}}),i=e.defineComponent({__name:"InvoicesList.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=>(i,a)=>{var s,c,p,m;return e.openBlock(),e.createBlock(e.unref(n._sfc_main$1),{"custom-element-name":e.unref(l),environment:t.environment,locale:t.locale,"portal-object":t.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(c=null==(s=t.branding)?void 0:s.colors)?void 0:c.primary,"secondary-color":null==(m=null==(p=t.branding)?void 0:p.colors)?void 0:m.secondary,"experimental-features":t.experimentalFeatures,"log-level":t.logLevel,"on-log":t.onLog,onError:a[0]||(a[0]=e=>i.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(r,e.normalizeProps(e.guardReactiveProps(i.$props)),{default:e.withCtx(({invoices:n,isLoading:r})=>[e.createVNode(o._sfc_main,{configuration:t.configuration,invoices:n.items.value,"is-loading":r,"has-more-items":n.hasNextBatch.value,onLoadMore:n.fetchMore},null,8,["configuration","invoices","is-loading","has-more-items","onLoadMore"])]),_:1},16)]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log"])}}),a=n.defineCustomElement(i),l=n.getComponentName("invoices-list");exports.COMPONENT_NAME=l,exports.SolvimonInvoicesList=a,exports.defineSolvimonInvoicesList=()=>{customElements.get(l)||customElements.define(l,a)};
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("../../useInvoicesList-CaBCGs4h.js"),t=require("../../useLoadInitialData-DjwRHcAH.js"),r=require("../../component-BOqPDAVk.js"),n=e.defineComponent({__name:"InvoicesList.entry.view",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},cssOverrides:{type:[String,Array]},branding:{type:Object},configuration:{type:Object}},setup(r){var n,i;const a=r,s=a.portalObject.customer_id,l=o.useInvoicesList({customerId:s,batchSize:(null==(i=null==(n=a.configuration)?void 0:n.pagination)?void 0:i.batchSize)||15}),{isLoading:c}=t.useLoadInitialData(l.fetchInitial());return(o,t)=>e.renderSlot(o.$slots,"default",{isLoading:e.unref(c),invoices:e.unref(l)})}}),i=e.defineComponent({__name:"InvoicesList.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},cssOverrides:{type:[String,Array]},branding:{type:Object},configuration:{type:Object}},setup:t=>(i,a)=>{var l,c,p,y;return e.openBlock(),e.createBlock(e.unref(r._sfc_main),{"custom-element-name":e.unref(s),environment:t.environment,locale:t.locale,"portal-object":t.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(c=null==(l=t.branding)?void 0:l.colors)?void 0:c.primary,"secondary-color":null==(y=null==(p=t.branding)?void 0:p.colors)?void 0:y.secondary,"experimental-features":t.experimentalFeatures,"log-level":t.logLevel,"on-log":t.onLog,"css-overrides":t.cssOverrides,onError:a[0]||(a[0]=e=>i.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(n,e.normalizeProps(e.guardReactiveProps(i.$props)),{default:e.withCtx(({invoices:r,isLoading:n})=>[e.createVNode(o._sfc_main,{configuration:t.configuration,invoices:r.items.value,"is-loading":n,"has-more-items":r.hasNextBatch.value,onLoadMore:r.fetchMore},null,8,["configuration","invoices","is-loading","has-more-items","onLoadMore"])]),_:1},16)]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log","css-overrides"])}}),a=r.defineCustomElement(i),s=r.getComponentName("invoices-list");exports.COMPONENT_NAME=s,exports.SolvimonInvoicesList=a,exports.defineSolvimonInvoicesList=()=>{customElements.get(s)||customElements.define(s,a)};

package/dist/components/InvoicesList/InvoicesList.es.js

@@ -1,7 +1,7 @@
 import { defineComponent, renderSlot, unref, openBlock, createBlock, withCtx, createVNode, normalizeProps, guardReactiveProps } from "vue";
-import { u as useInvoicesList, _ as _sfc_main$3 } from "../../useInvoicesList-DFhF_gp7.mjs";
-import { u as useLoadInitialData } from "../../useLoadInitialData-Dm48tlSO.mjs";
-import { b as _sfc_main$2, d as defineCustomElement, g as getComponentName } from "../../component-dpA83LIN.mjs";
+import { u as useInvoicesList, _ as _sfc_main$3 } from "../../useInvoicesList-CFzAxyae.mjs";
+import { u as useLoadInitialData } from "../../useLoadInitialData-5sgImpzc.mjs";
+import { _ as _sfc_main$2, d as defineCustomElement, g as getComponentName } from "../../component-Djrf1L-Z.mjs";
 const DEFAULT_BATCH_SIZE = 15;
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "InvoicesList.entry.view",
@@ -10,7 +10,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     locale: { type: String },
     dateLocale: { type: String },
     messages: { type: Object },
-    showTimezones: { type: Boolean },
     primaryColor: { type: String },
     secondaryColor: { type: String },
     isShadowRoot: { type: Boolean },
@@ -19,7 +18,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     onLog: { type: Function },
     allowedPortalTypes: { type: Array },
     portalObject: { type: Object },
-    customElementName: { type: String },
+    cssOverrides: { type: [String, Array] },
     branding: { type: Object },
     configuration: { type: Object }
   },
@@ -47,7 +46,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 },
@@ -56,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onLog: { type: Function },
     allowedPortalTypes: { type: Array },
     portalObject: { type: Object },
-    customElementName: { type: String },
+    cssOverrides: { type: [String, Array] },
     branding: { type: Object },
     configuration: { type: Object }
   },
@@ -74,6 +72,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "experimental-features": __props.experimentalFeatures,
         "log-level": __props.logLevel,
         "on-log": __props.onLog,
+        "css-overrides": __props.cssOverrides,
         onError: _cache[0] || (_cache[0] = (error) => _ctx.$emit("error", error))
       }, {
         default: withCtx(() => [
@@ -91,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 16)
         ]),
         _: 1
-      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log"]);
+      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log", "css-overrides"]);
     };
   }
 });

package/dist/components/PaymentHistory/PaymentHistory.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../PaymentHistoryBlock.vue_vue_type_script_setup_true_lang-6yi47YWd.js"),o=require("../../Skeleton.vue_vue_type_script_setup_true_lang-D1Xzfc70.js"),n=require("../../useInvoiceData-DvQO_nKz.js"),r=require("../../component-ZRZIt3ZW.js"),a=e.defineComponent({__name:"PaymentHistory",props:{customer:{type:Object},paymentAttempts:{type:Array},isLoading:{type:Boolean},configuration:{type:Object}},setup:n=>(r,a)=>n.isLoading?(e.openBlock(),e.createBlock(o._sfc_main,{key:0,variant:"section",class:"min-h-[100px]","data-testid":"payment-history-skeleton"})):n.paymentAttempts.length?(e.openBlock(),e.createBlock(t._sfc_main,{key:1,"payment-attempts":n.paymentAttempts,customer:n.customer},null,8,["payment-attempts","customer"])):e.createCommentVNode("",!0)}),i=e.defineComponent({__name:"PaymentHistory.entry.view",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){const o=t,r=n.useInvoiceData(o.configuration.invoiceId);return(t,o)=>{var n,a;return e.renderSlot(t.$slots,"default",{invoice:null==(n=e.unref(r).data.value)?void 0:n.invoice,paymentAttempts:null==(a=e.unref(r).data.value)?void 0:a.paymentAttempts.data,isLoading:e.unref(r).isPending.value})}}}),l=e.defineComponent({__name:"PaymentHistory.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){var o;if(!(null==(o=t.configuration)?void 0:o.invoiceId))throw new Error("Missing invoice id");return(o,n)=>{var l,p,m,c;return e.openBlock(),e.createBlock(e.unref(r._sfc_main$1),{"custom-element-name":e.unref(s),environment:t.environment,locale:t.locale,"portal-object":t.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(p=null==(l=t.branding)?void 0:l.colors)?void 0:p.primary,"secondary-color":null==(c=null==(m=t.branding)?void 0:m.colors)?void 0:c.secondary,"experimental-features":t.experimentalFeatures,"log-level":t.logLevel,"on-log":t.onLog,onError:n[0]||(n[0]=e=>o.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(i,e.normalizeProps(e.guardReactiveProps(o.$props)),{default:e.withCtx(({invoice:o,paymentAttempts:n,isLoading:r})=>[o&&n?(e.openBlock(),e.createBlock(a,{key:0,"is-loading":r,customer:o.customer,"payment-attempts":n,configuration:t.configuration},null,8,["is-loading","customer","payment-attempts","configuration"])):e.createCommentVNode("",!0)]),_:1},16)]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log"])}}}),p=r.defineCustomElement(l),s=r.getComponentName("payment-history");exports.COMPONENT_NAME=s,exports.SolvimonPaymentHistory=p,exports.defineSolvimonPaymentHistory=()=>{customElements.get(s)||customElements.define(s,p)};
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../PaymentHistoryBlock.vue_vue_type_script_setup_true_lang-DWTEfLrE.js"),o=require("../../Skeleton.vue_vue_type_script_setup_true_lang-DfMgIsGm.js"),n=require("../../useInvoiceData-D2jkdmlA.js"),r=require("../../component-BOqPDAVk.js"),a=e.defineComponent({__name:"PaymentHistory",props:{customer:{type:Object},paymentAttempts:{type:Array},isLoading:{type:Boolean},configuration:{type:Object}},setup:n=>(r,a)=>n.isLoading?(e.openBlock(),e.createBlock(o._sfc_main,{key:0,variant:"section",class:"sv-payment-history sv-root sv-component sv-loading min-h-[100px]","data-testid":"payment-history-skeleton"})):n.paymentAttempts.length?(e.openBlock(),e.createBlock(t._sfc_main,{key:1,class:"sv-payment-history sv-root sv-component","payment-attempts":n.paymentAttempts,customer:n.customer},null,8,["payment-attempts","customer"])):e.createCommentVNode("",!0)}),i=e.defineComponent({__name:"PaymentHistory.entry.view",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},cssOverrides:{type:[String,Array]},branding:{type:Object},configuration:{type:Object}},setup(t){const o=t,r=n.useInvoiceData(o.configuration.invoiceId);return(t,o)=>{var n,a;return e.renderSlot(t.$slots,"default",{invoice:null==(n=e.unref(r).data.value)?void 0:n.invoice,paymentAttempts:null==(a=e.unref(r).data.value)?void 0:a.paymentAttempts.data,isLoading:e.unref(r).isPending.value})}}}),s=e.defineComponent({__name:"PaymentHistory.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},cssOverrides:{type:[String,Array]},branding:{type:Object},configuration:{type:Object}},setup(t){var o;if(!(null==(o=t.configuration)?void 0:o.invoiceId))throw new Error("Missing invoice id");return(o,n)=>{var s,l,c,y;return e.openBlock(),e.createBlock(e.unref(r._sfc_main),{"custom-element-name":e.unref(p),environment:t.environment,locale:t.locale,"portal-object":t.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(l=null==(s=t.branding)?void 0:s.colors)?void 0:l.primary,"secondary-color":null==(y=null==(c=t.branding)?void 0:c.colors)?void 0:y.secondary,"experimental-features":t.experimentalFeatures,"log-level":t.logLevel,"on-log":t.onLog,"css-overrides":t.cssOverrides,onError:n[0]||(n[0]=e=>o.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(i,e.normalizeProps(e.guardReactiveProps(o.$props)),{default:e.withCtx(({invoice:o,paymentAttempts:n,isLoading:r})=>[o&&n?(e.openBlock(),e.createBlock(a,{key:0,"is-loading":r,customer:o.customer,"payment-attempts":n,configuration:t.configuration},null,8,["is-loading","customer","payment-attempts","configuration"])):e.createCommentVNode("",!0)]),_:1},16)]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log","css-overrides"])}}}),l=r.defineCustomElement(s),p=r.getComponentName("payment-history");exports.COMPONENT_NAME=p,exports.SolvimonPaymentHistory=l,exports.defineSolvimonPaymentHistory=()=>{customElements.get(p)||customElements.define(p,l)};

package/dist/components/PaymentHistory/PaymentHistory.es.js

@@ -1,8 +1,8 @@
 import { defineComponent, openBlock, createBlock, createCommentVNode, renderSlot, unref, withCtx, createVNode, normalizeProps, guardReactiveProps } from "vue";
-import { _ as _sfc_main$4 } from "../../PaymentHistoryBlock.vue_vue_type_script_setup_true_lang-BnKwmJ2s.mjs";
-import { _ as _sfc_main$3 } from "../../Skeleton.vue_vue_type_script_setup_true_lang-DXJcL7x6.mjs";
-import { u as useInvoiceData } from "../../useInvoiceData-BiMMoVoW.mjs";
-import { b as _sfc_main$5, d as defineCustomElement, g as getComponentName } from "../../component-dpA83LIN.mjs";
+import { _ as _sfc_main$4 } from "../../PaymentHistoryBlock.vue_vue_type_script_setup_true_lang-CaMDtHrL.mjs";
+import { _ as _sfc_main$3 } from "../../Skeleton.vue_vue_type_script_setup_true_lang-DGMxHc20.mjs";
+import { u as useInvoiceData } from "../../useInvoiceData-BJwwDur7.mjs";
+import { _ as _sfc_main$5, d as defineCustomElement, g as getComponentName } from "../../component-Djrf1L-Z.mjs";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "PaymentHistory",
   props: {
@@ -16,10 +16,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return __props.isLoading ? (openBlock(), createBlock(_sfc_main$3, {
         key: 0,
         variant: "section",
-        class: "min-h-[100px]",
+        class: "sv-payment-history sv-root sv-component sv-loading min-h-[100px]",
         "data-testid": "payment-history-skeleton"
       })) : __props.paymentAttempts.length ? (openBlock(), createBlock(_sfc_main$4, {
         key: 1,
+        class: "sv-payment-history sv-root sv-component",
         "payment-attempts": __props.paymentAttempts,
         customer: __props.customer
       }, null, 8, ["payment-attempts", "customer"])) : createCommentVNode("", true);
@@ -33,7 +34,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     locale: { type: String },
     dateLocale: { type: String },
     messages: { type: Object },
-    showTimezones: { type: Boolean },
     primaryColor: { type: String },
     secondaryColor: { type: String },
     isShadowRoot: { type: Boolean },
@@ -42,7 +42,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     onLog: { type: Function },
     allowedPortalTypes: { type: Array },
     portalObject: { type: Object },
-    customElementName: { type: String },
+    cssOverrides: { type: [String, Array] },
     branding: { type: Object },
     configuration: { type: Object }
   },
@@ -66,7 +66,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 },
@@ -75,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onLog: { type: Function },
     allowedPortalTypes: { type: Array },
     portalObject: { type: Object },
-    customElementName: { type: String },
+    cssOverrides: { type: [String, Array] },
     branding: { type: Object },
     configuration: { type: Object }
   },
@@ -98,6 +97,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "experimental-features": __props.experimentalFeatures,
         "log-level": __props.logLevel,
         "on-log": __props.onLog,
+        "css-overrides": __props.cssOverrides,
         onError: _cache[0] || (_cache[0] = (error) => _ctx.$emit("error", error))
       }, {
         default: withCtx(() => [
@@ -115,7 +115,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 16)
         ]),
         _: 1
-      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log"]);
+      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log", "css-overrides"]);
     };
   }
 });

package/dist/components/PaymentMethodForm/PaymentMethodForm.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../component-ZRZIt3ZW.js"),o=require("../../customer.es-D42Md24r.js"),n=require("../../useLoadInitialData-BRg7IWqW.js"),r=require("../../useCustomer-PthyTFLl.js"),a=require("../../useService-B67YWAcN.js"),i=require("../../paymentMethods-DZRf0WRl.js"),u=require("../../Section.vue.es-BuzTXRLP.js"),s=require("../../Skeleton.vue_vue_type_script_setup_true_lang-D1Xzfc70.js"),c=require("../../PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-CC3hm3nx.js");const l=e.defineComponent({__name:"PaymentMethodForm.entry.view",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},countryCode:{type:String}},setup(t){const u=t,s=r.useCustomer({customerId:u.portalObject.customer_id}),c=function(){const{getPaymentMethodOptions:e}=i.createPaymentMethodsService(),{data:t,execute:o,apiStatus:n,error:r,isPending:u}=a.useService({initialValue:[],service:t=>function(e){return void 0!==e.customerId}(t)?e({customerId:t.customerId,amount:t.amount,country:t.country}):e({subscriptionId:t.subscriptionId,amount:t.amount,country:t.country})});return{paymentMethodOptions:t,get:o,apiStatus:n,error:r,isPending:u}}(),{isLoading:l}=n.useLoadInitialData((async()=>{var e;const t=await s.get.execute(),n=o.getCustomerCountry(t);await c.get({customerId:t.id,country:n,amount:null==(e=u.configuration)?void 0:e.amount})})());return(t,o)=>e.renderSlot(t.$slots,"default",{customer:e.unref(s).customer.value,paymentMethodOptions:e.unref(c),isLoading:e.unref(l)})}}),m=e.defineComponent({__name:"PaymentMethodForm",props:{customer:{type:Object},paymentMethodOptions:{type:Array},configuration:{type:Object},isLoading:{type:Boolean,default:!1},countryCode:{type:String}},setup(n){const r={currency:"EUR",quantity:"0"},a=n,{$t:i}=t.useIntl(),l=e.computed(()=>{return"AUTHORIZE"===(null==(e=a.configuration)?void 0:e.variant)?e:{...e,variant:"TOKENIZE"};var e}),m=e.computed(()=>{let e="NL";if(a.countryCode)return e=a.countryCode,e;if(a.customer){const t=o.getCustomerCountry(a.customer);if(t)return e=t,e}return"NL"}),p=e.computed(()=>"AUTHORIZE"===l.value.variant?{paymentMethodOptions:a.paymentMethodOptions,countryCode:m.value,variant:"AUTHORIZE",amount:l.value.amount,context:l.value.context,invoiceId:l.value.invoiceId,successRedirectUrl:l.value.successRedirectUrl,selectedOption:l.value.selectedOption,validateOnSubmit:l.value.validateOnSubmit,forceStorePaymentMethod:l.value.forceStorePaymentMethod}:{paymentMethodOptions:a.paymentMethodOptions,customerId:a.customer.id,countryCode:m.value,variant:"TOKENIZE",amount:l.value.amount??r,invoiceId:l.value.invoiceId,successRedirectUrl:l.value.successRedirectUrl,selectedOption:l.value.selectedOption,validateOnSubmit:l.value.validateOnSubmit,forceStorePaymentMethod:l.value.forceStorePaymentMethod});return(t,o)=>n.isLoading?(e.openBlock(),e.createBlock(s._sfc_main,{key:0,variant:"section",class:"min-h-[180px]"})):(e.openBlock(),e.createBlock(e.unref(u._sfc_main),{key:1,"no-border":"","no-spacing":"","content-background":"none",title:e.unref(i)({defaultMessage:"Available payment methods",description:"Title of the available payment methods form",id:"components.payment_method_form.section_title"})},{default:e.withCtx(()=>[e.createVNode(c._sfc_main,e.normalizeProps(e.guardReactiveProps(p.value)),null,16)]),_:1},8,["title"]))}}),p=e.defineComponent({__name:"PaymentMethodForm.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},countryCode:{type:String}},setup(o){const n=o;return(r,a)=>{var i,u,s,c;return e.openBlock(),e.createBlock(e.unref(t._sfc_main$1),{"custom-element-name":e.unref(y),environment:o.environment,locale:o.locale,"portal-object":o.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(u=null==(i=o.branding)?void 0:i.colors)?void 0:u.primary,"secondary-color":null==(c=null==(s=o.branding)?void 0:s.colors)?void 0:c.secondary,"experimental-features":o.experimentalFeatures,"log-level":o.logLevel,"on-log":o.onLog,onError:a[0]||(a[0]=e=>r.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(l,e.normalizeProps(e.guardReactiveProps(n)),{default:e.withCtx(({customer:t,paymentMethodOptions:n,isLoading:r})=>[t?(e.openBlock(),e.createBlock(m,{key:0,customer:t,"payment-method-options":n.paymentMethodOptions.value,configuration:o.configuration,"is-loading":r},null,8,["customer","payment-method-options","configuration","is-loading"])):e.createCommentVNode("",!0)]),_:1},16)]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log"])}}}),d=t.defineCustomElement(p),y=t.getComponentName("payment-method-form");exports.COMPONENT_NAME=y,exports.SolvimonPaymentMethodForm=d,exports.defineSolvimonPaymentMethodForm=()=>{customElements.get(y)||customElements.define(y,d)};
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../component-BOqPDAVk.js"),o=require("../../vendor-ui-5pJF5KBP.js"),n=require("../../useLoadInitialData-DjwRHcAH.js"),r=require("../../useCustomer-CUcaeQn_.js"),a=require("../../usePaymentMethodOptions-DYO6xr3-.js"),i=require("../../Skeleton.vue_vue_type_script_setup_true_lang-DfMgIsGm.js"),s=require("../../PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-D5bxFJ-p.js"),l=e.defineComponent({__name:"PaymentMethodForm.entry.view",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},cssOverrides:{type:[String,Array]},branding:{type:Object},configuration:{type:Object},countryCode:{type:String}},setup(t){const i=t,s=r.useCustomer({customerId:i.portalObject.customer_id}),l=a.usePaymentMethodOptions(),{isLoading:c}=n.useLoadInitialData((async()=>{var e;const t=await s.get.execute(),n=o.getCustomerCountry(t);await l.get({customerId:t.id,country:n,amount:null==(e=i.configuration)?void 0:e.amount})})());return(t,o)=>e.renderSlot(t.$slots,"default",{customer:e.unref(s).customer.value,paymentMethodOptions:e.unref(l),isLoading:e.unref(c)})}}),c=e.defineComponent({__name:"PaymentMethodForm",props:{customer:{type:Object},paymentMethodOptions:{type:Array},configuration:{type:Object},isLoading:{type:Boolean,default:!1},countryCode:{type:String}},setup(t){const n={currency:"EUR",quantity:"0"},r=t,{$t:a}=o.useIntl(),l=e.computed(()=>{return"AUTHORIZE"===(null==(e=r.configuration)?void 0:e.variant)?e:{...e,variant:"TOKENIZE"};var e}),c=e.computed(()=>{let e="NL";if(r.countryCode)return e=r.countryCode,e;if(r.customer){const t=o.getCustomerCountry(r.customer);if(t)return e=t,e}return"NL"}),u=e.computed(()=>"AUTHORIZE"===l.value.variant?{paymentMethodOptions:r.paymentMethodOptions,countryCode:c.value,variant:"AUTHORIZE",amount:l.value.amount,context:l.value.context,invoiceId:l.value.invoiceId,successRedirectUrl:l.value.successRedirectUrl,selectedOption:l.value.selectedOption,validateOnSubmit:l.value.validateOnSubmit,forceStorePaymentMethod:l.value.forceStorePaymentMethod}:{paymentMethodOptions:r.paymentMethodOptions,customerId:r.customer.id,countryCode:c.value,variant:"TOKENIZE",amount:l.value.amount??n,invoiceId:l.value.invoiceId,successRedirectUrl:l.value.successRedirectUrl,selectedOption:l.value.selectedOption,validateOnSubmit:l.value.validateOnSubmit,forceStorePaymentMethod:l.value.forceStorePaymentMethod});return(n,r)=>t.isLoading?(e.openBlock(),e.createBlock(i._sfc_main,{key:0,variant:"section",class:"sv-payment-method-form sv-root sv-component sv-loading min-h-[180px]","data-testid":"payment-method-form-skeleton"})):(e.openBlock(),e.createBlock(e.unref(o._sfc_main$1),{key:1,class:"sv-payment-method-form sv-root sv-component","no-border":"","no-spacing":"","content-background":"none",title:e.unref(a)({defaultMessage:"Available payment methods",description:"Title of the available payment methods form",id:"components.payment_method_form.section_title"})},{default:e.withCtx(()=>[e.createVNode(s._sfc_main,e.mergeProps({class:"sv-payment-method-form__integration"},u.value),null,16)]),_:1},8,["title"]))}}),u=e.defineComponent({__name:"PaymentMethodForm.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},cssOverrides:{type:[String,Array]},branding:{type:Object},configuration:{type:Object},countryCode:{type:String}},setup(o){const n=o;return(r,a)=>{var i,s,u,m;return e.openBlock(),e.createBlock(e.unref(t._sfc_main),{"custom-element-name":e.unref(p),environment:o.environment,locale:o.locale,"portal-object":o.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(s=null==(i=o.branding)?void 0:i.colors)?void 0:s.primary,"secondary-color":null==(m=null==(u=o.branding)?void 0:u.colors)?void 0:m.secondary,"experimental-features":o.experimentalFeatures,"log-level":o.logLevel,"on-log":o.onLog,"css-overrides":o.cssOverrides,onError:a[0]||(a[0]=e=>r.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(l,e.normalizeProps(e.guardReactiveProps(n)),{default:e.withCtx(({customer:t,paymentMethodOptions:n,isLoading:r})=>[t?(e.openBlock(),e.createBlock(c,{key:0,customer:t,"payment-method-options":n.paymentMethodOptions.value,configuration:o.configuration,"is-loading":r},null,8,["customer","payment-method-options","configuration","is-loading"])):e.createCommentVNode("",!0)]),_:1},16)]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log","css-overrides"])}}}),m=t.defineCustomElement(u),p=t.getComponentName("payment-method-form");exports.COMPONENT_NAME=p,exports.SolvimonPaymentMethodForm=m,exports.defineSolvimonPaymentMethodForm=()=>{customElements.get(p)||customElements.define(p,m)};

package/dist/components/PaymentMethodForm/PaymentMethodForm.es.js

@@ -1,34 +1,11 @@
-import { defineComponent, renderSlot, unref, computed, openBlock, createBlock, withCtx, createVNode, normalizeProps, guardReactiveProps, createCommentVNode } from "vue";
-import { a as useIntl, b as _sfc_main$6, d as defineCustomElement, g as getComponentName } from "../../component-dpA83LIN.mjs";
-import { a as getCustomerCountry } from "../../customer.es-LIW2YmLL.mjs";
-import { u as useLoadInitialData } from "../../useLoadInitialData-Dm48tlSO.mjs";
-import { u as useCustomer } from "../../useCustomer--jycAz--.mjs";
-import { u as useService } from "../../useService-DG_zedHV.mjs";
-import { c as createPaymentMethodsService } from "../../paymentMethods-C-ApE-G4.mjs";
-import { _ as _sfc_main$4 } from "../../Section.vue.es-3-H1pUTB.mjs";
-import { _ as _sfc_main$3 } from "../../Skeleton.vue_vue_type_script_setup_true_lang-DXJcL7x6.mjs";
-import { _ as _sfc_main$5 } from "../../PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-BE1lWOk9.mjs";
-function hasCustomerId(payload) {
-  return payload.customerId !== void 0;
-}
-function usePaymentMethodOptions() {
-  const { getPaymentMethodOptions } = createPaymentMethodsService();
-  const service = (payload) => hasCustomerId(payload) ? getPaymentMethodOptions({
-    customerId: payload.customerId,
-    amount: payload.amount,
-    country: payload.country
-  }) : getPaymentMethodOptions({
-    subscriptionId: payload.subscriptionId,
-    amount: payload.amount,
-    country: payload.country
-  });
-  const initialValue = [];
-  const { data, execute: get, apiStatus, error, isPending } = useService({
-    initialValue,
-    service
-  });
-  return { paymentMethodOptions: data, get, apiStatus, error, isPending };
-}
+import { defineComponent, renderSlot, unref, computed, openBlock, createBlock, withCtx, createVNode, mergeProps, normalizeProps, guardReactiveProps, createCommentVNode } from "vue";
+import { _ as _sfc_main$6, d as defineCustomElement, g as getComponentName } from "../../component-Djrf1L-Z.mjs";
+import { v as getCustomerCountry, u as useIntl, b as _sfc_main$4 } from "../../vendor-ui-C0K3osvz.mjs";
+import { u as useLoadInitialData } from "../../useLoadInitialData-5sgImpzc.mjs";
+import { u as useCustomer } from "../../useCustomer-Ba9WRtuT.mjs";
+import { u as usePaymentMethodOptions } from "../../usePaymentMethodOptions-C2k4npCQ.mjs";
+import { _ as _sfc_main$3 } from "../../Skeleton.vue_vue_type_script_setup_true_lang-DGMxHc20.mjs";
+import { _ as _sfc_main$5 } from "../../PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-D37gDtY7.mjs";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "PaymentMethodForm.entry.view",
   props: {
@@ -36,7 +13,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     locale: { type: String },
     dateLocale: { type: String },
     messages: { type: Object },
-    showTimezones: { type: Boolean },
     primaryColor: { type: String },
     secondaryColor: { type: String },
     isShadowRoot: { type: Boolean },
@@ -45,7 +21,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     onLog: { type: Function },
     allowedPortalTypes: { type: Array },
     portalObject: { type: Object },
-    customElementName: { type: String },
+    cssOverrides: { type: [String, Array] },
     branding: { type: Object },
     configuration: { type: Object },
     countryCode: { type: String }
@@ -150,9 +126,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return __props.isLoading ? (openBlock(), createBlock(_sfc_main$3, {
         key: 0,
         variant: "section",
-        class: "min-h-[180px]"
+        class: "sv-payment-method-form sv-root sv-component sv-loading min-h-[180px]",
+        "data-testid": "payment-method-form-skeleton"
       })) : (openBlock(), createBlock(unref(_sfc_main$4), {
         key: 1,
+        class: "sv-payment-method-form sv-root sv-component",
         "no-border": "",
         "no-spacing": "",
         "content-background": "none",
@@ -163,7 +141,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         })
       }, {
         default: withCtx(() => [
-          createVNode(_sfc_main$5, normalizeProps(guardReactiveProps(paymentIntegrationProps.value)), null, 16)
+          createVNode(_sfc_main$5, mergeProps({ class: "sv-payment-method-form__integration" }, paymentIntegrationProps.value), null, 16)
         ]),
         _: 1
       }, 8, ["title"]));
@@ -177,7 +155,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 },
@@ -186,7 +163,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onLog: { type: Function },
     allowedPortalTypes: { type: Array },
     portalObject: { type: Object },
-    customElementName: { type: String },
+    cssOverrides: { type: [String, Array] },
     branding: { type: Object },
     configuration: { type: Object },
     countryCode: { type: String }
@@ -206,6 +183,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "experimental-features": __props.experimentalFeatures,
         "log-level": __props.logLevel,
         "on-log": __props.onLog,
+        "css-overrides": __props.cssOverrides,
         onError: _cache[0] || (_cache[0] = (error) => _ctx.$emit("error", error))
       }, {
         default: withCtx(() => [
@@ -223,7 +201,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 16)
         ]),
         _: 1
-      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log"]);
+      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log", "css-overrides"]);
     };
   }
 });