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

package/dist/components/Invoice/Invoice.es.js

@@ -1,41 +1,10 @@
-import { defineComponent, renderSlot, unref, computed, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createVNode, withCtx, createTextVNode, toDisplayString, withKeys, normalizeClass, createCommentVNode, createBlock, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, renderSlot, unref, computed, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createVNode, withCtx, createTextVNode, toDisplayString, withKeys, normalizeClass, createCommentVNode, createBlock, defineAsyncComponent, normalizeProps, guardReactiveProps } from "vue";
 import { u as useLoadInitialData } from "../../useLoadInitialData-Dm48tlSO.mjs";
-import { c as createInvoicesService } from "../../invoices-C7BHqB0g.mjs";
-import { u as useService } from "../../useService-B4qv5N2D.mjs";
-import { c as createPaymentsService } from "../../payments-NTHUh5je.mjs";
-import { b as useIntl, Q as useToggleList, R as _sfc_main$2q, _ as _sfc_main$2$1, S as InvoiceTable, U as _sfc_main$t, V as _sfc_main$u, m as _sfc_main$4$1, d as _sfc_main$1g, W as _sfc_main$1J, X as _sfc_main$e, Y as _sfc_main$w, k as _sfc_main$z, o as _sfc_main$7, p as defineCustomElement, n as getComponentName } from "../../component-DI3AxwdD.mjs";
-import { u as useWindowSize } from "../../index-D3v7hAtc.mjs";
-import { _ as _sfc_main$5 } from "../../InvoiceDetailsBlock.vue_vue_type_script_setup_true_lang-BWXmZmGZ.mjs";
-import { _ as _sfc_main$6 } from "../../PaymentHistoryBlock.vue_vue_type_script_setup_true_lang-BSn_Zy0Y.mjs";
-function useInvoice({ invoiceId }) {
-  const { getInvoice, getInvoicePdf: downloadInvoicePdf } = createInvoicesService();
-  const service = () => getInvoice(invoiceId);
-  const {
-    data,
-    execute: get,
-    apiStatus,
-    error,
-    isPending
-  } = useService({
-    service
-  });
-  return {
-    invoice: data,
-    downloadInvoicePdf,
-    apiStatus,
-    error,
-    get,
-    isPending
-  };
-}
-function usePayments() {
-  const { getPayments } = createPaymentsService();
-  const { data, execute: get, error, apiStatus, isPending } = useService({
-    service: getPayments,
-    isCollection: true
-  });
-  return { payments: data, get, error, apiStatus, isPending };
-}
+import { u as useInvoice, a as usePayments } from "../../usePayments-D4uGKBsV.mjs";
+import { _ as _sfc_main$g, d as defineCustomElement, g as getComponentName } from "../../component-CM9g6tbD.mjs";
+import { u as useIntl, C as useToggleList, D as _sfc_main$5, _ as _sfc_main$6, I as InvoiceTable, E as _sfc_main$7, F as _sfc_main$8, t as _sfc_main$9, b as _sfc_main$a, G as _sfc_main$b, x as _sfc_main$c, y as _sfc_main$d, c as _sfc_main$f } from "../../vendor-ui-BwxuPDg8.mjs";
+import { u as useViewport } from "../../useViewport-Bu0cyeSi.mjs";
+import { _ as _sfc_main$e } from "../../InvoiceDetailsBlock.vue_vue_type_script_setup_true_lang-Dt_Vb7Wz.mjs";
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Invoice.entry.view",
   props: {
@@ -43,7 +12,6 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     locale: { type: String },
     dateLocale: { type: String },
     messages: { type: Object },
-    showTimezones: { type: Boolean },
     primaryColor: { type: String },
     secondaryColor: { type: String },
     isShadowRoot: { type: Boolean },
@@ -52,7 +20,6 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     onLog: { type: Function },
     allowedPortalTypes: { type: Array },
     portalObject: { type: Object },
-    customElementName: { type: String },
     branding: { type: Object },
     configuration: { type: Object }
   },
@@ -156,7 +123,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const getPeriodTitle = (period) => formatMessage(
       {
         defaultMessage: "Service period - {startAt} - {endAt}",
-        id: "kFCxC4",
+        id: "wallet_balance.service_period_heading",
         description: "Heading shown above wallet balance details for an invoice period"
       },
       {
@@ -179,7 +146,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       if (!(credits == null ? void 0 : credits.credit_type_id)) {
         return formatMessage({
           defaultMessage: "Credits",
-          id: "K2fM1n",
+          id: "wallet_balance.credit_type_fallback_label",
           description: "Fallback label for wallet balance credit types when no name is available"
         });
       }
@@ -187,7 +154,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
     const formatQuantity = (quantity) => quantity ? formatNumber(Number(quantity)) : formatMessage({
       defaultMessage: "-",
-      id: "dHb0fN",
+      id: "empty_value_placeholder",
       description: "Placeholder shown when a wallet balance quantity is missing"
     });
     const periodsWithCredits = computed(
@@ -205,9 +172,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             return openBlock(), createElementBlock("section", {
               key: period.id
             }, [
-              createVNode(unref(_sfc_main$2q), { class: "mt-4" }, {
+              createVNode(unref(_sfc_main$5), { class: "mt-4" }, {
                 default: withCtx(() => [
-                  createVNode(unref(_sfc_main$2$1), {
+                  createVNode(unref(_sfc_main$6), {
                     tag: "h3",
                     variant: "caps-heading"
                   }, {
@@ -222,14 +189,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               createVNode(unref(InvoiceTable), { class: "mt-3" }, {
                 default: withCtx(() => [
                   createElementVNode("tr", null, [
-                    createVNode(unref(_sfc_main$t), {
+                    createVNode(unref(_sfc_main$7), {
                       left: "",
                       class: "text-gray-600"
                     }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(unref($t)({
                           defaultMessage: "Wallet balance",
-                          id: "j2d7b2",
+                          id: "wallet_balance.details.header",
                           description: "Section header for invoice wallet balance details"
                         })), 1)
                       ]),
@@ -249,9 +216,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                           withKeys(($event) => unref(toggle)(row.id), ["space"])
                         ]
                       }, [
-                        createVNode(unref(_sfc_main$u), { class: "p-0" }, {
+                        createVNode(unref(_sfc_main$8), { class: "p-0" }, {
                           default: withCtx(() => [
-                            createVNode(unref(_sfc_main$4$1), {
+                            createVNode(unref(_sfc_main$9), {
                               icon: "keyboard_arrow_down",
                               size: "md",
                               class: normalizeClass(["absolute -translate-x-7 text-slate-400", { "-rotate-90": !unref(getIsOpen)(row.id) }])
@@ -268,53 +235,53 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                             createVNode(unref(InvoiceTable), null, {
                               default: withCtx(() => [
                                 createElementVNode("tr", null, [
-                                  createVNode(unref(_sfc_main$t), {
+                                  createVNode(unref(_sfc_main$7), {
                                     left: "",
                                     class: "w-2/5"
                                   }, {
                                     default: withCtx(() => [
                                       createTextVNode(toDisplayString(unref($t)({
                                         defaultMessage: "Credit breakdown",
-                                        id: "65I4e4",
+                                        id: "invoice_credits.credit_breakdown.table_header",
                                         description: "Column header for wallet balance credit type details"
                                       })), 1)
                                     ]),
                                     _: 1
                                   }),
-                                  createVNode(unref(_sfc_main$t), {
+                                  createVNode(unref(_sfc_main$7), {
                                     right: "",
                                     class: "w-1/5"
                                   }, {
                                     default: withCtx(() => [
                                       createTextVNode(toDisplayString(unref($t)({
                                         defaultMessage: "Balance",
-                                        id: "4UjRe6",
+                                        id: "invoice_credits.balance.table_header",
                                         description: "Column header for the available wallet balance amount"
                                       })), 1)
                                     ]),
                                     _: 1
                                   }),
-                                  createVNode(unref(_sfc_main$t), {
+                                  createVNode(unref(_sfc_main$7), {
                                     right: "",
                                     class: "w-1/5"
                                   }, {
                                     default: withCtx(() => [
                                       createTextVNode(toDisplayString(unref($t)({
                                         defaultMessage: "Used",
-                                        id: "rUy4Lk",
+                                        id: "invoice_credits.used.table_header",
                                         description: "Column header for the used wallet credit amount"
                                       })), 1)
                                     ]),
                                     _: 1
                                   }),
-                                  createVNode(unref(_sfc_main$t), {
+                                  createVNode(unref(_sfc_main$7), {
                                     right: "",
                                     class: "w-1/5"
                                   }, {
                                     default: withCtx(() => [
                                       createTextVNode(toDisplayString(unref($t)({
                                         defaultMessage: "Remaining",
-                                        id: "C8F4/r",
+                                        id: "invoice_credits.remaining.table_header",
                                         description: "Column header for the remaining wallet credit amount"
                                       })), 1)
                                     ]),
@@ -326,25 +293,25 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                                     key: breakdownRow.id,
                                     class: "border-t"
                                   }, [
-                                    createVNode(unref(_sfc_main$u), null, {
+                                    createVNode(unref(_sfc_main$8), null, {
                                       default: withCtx(() => [
                                         createTextVNode(toDisplayString(breakdownRow.label), 1)
                                       ]),
                                       _: 2
                                     }, 1024),
-                                    createVNode(unref(_sfc_main$u), { number: "" }, {
+                                    createVNode(unref(_sfc_main$8), { number: "" }, {
                                       default: withCtx(() => [
                                         createTextVNode(toDisplayString(breakdownRow.available), 1)
                                       ]),
                                       _: 2
                                     }, 1024),
-                                    createVNode(unref(_sfc_main$u), { number: "" }, {
+                                    createVNode(unref(_sfc_main$8), { number: "" }, {
                                       default: withCtx(() => [
                                         createTextVNode(toDisplayString(breakdownRow.used), 1)
                                       ]),
                                       _: 2
                                     }, 1024),
-                                    createVNode(unref(_sfc_main$u), { number: "" }, {
+                                    createVNode(unref(_sfc_main$8), { number: "" }, {
                                       default: withCtx(() => [
                                         createTextVNode(toDisplayString(breakdownRow.left), 1)
                                       ]),
@@ -377,10 +344,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const { $t } = useIntl();
-    const { width } = useWindowSize();
-    const isSmallScreen = computed(() => width.value <= 768);
+    const { isMobileViewport: isSmallScreen } = useViewport();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1g), {
+      return openBlock(), createBlock(unref(_sfc_main$a), {
         title: unref($t)({
           defaultMessage: "Invoice",
           description: "Title for the invoice block on the invoice details page",
@@ -390,13 +356,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createElementVNode("div", {
-            class: normalizeClass({ "p-6 pt-2": !isSmallScreen.value })
+            class: normalizeClass({ "p-6 pt-2": !unref(isSmallScreen) })
           }, [
-            isSmallScreen.value ? (openBlock(), createBlock(unref(_sfc_main$1J), {
+            unref(isSmallScreen) ? (openBlock(), createBlock(unref(_sfc_main$b), {
               key: 0,
               variant: "default",
               "has-icon": "",
-              class: "justify-center bg-gray-50 border-gray-100 text-gray-800 font-semibold"
+              class: "justify-center border-gray-100 bg-gray-50 font-semibold text-gray-800"
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(unref($t)({
@@ -407,9 +373,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })) : createCommentVNode("", true),
-            createVNode(unref(_sfc_main$e), {
+            createVNode(unref(_sfc_main$c), {
               invoice: __props.invoice,
-              "is-expandable": !isSmallScreen.value
+              "is-expandable": !unref(isSmallScreen)
             }, {
               logo: withCtx(() => [
                 renderSlot(_ctx.$slots, "logo")
@@ -436,11 +402,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     configuration: { type: Object }
   },
   setup(__props) {
+    const PaymentHistoryBlock = defineAsyncComponent(
+      () => import("../../PaymentHistoryBlock-YzJ6bxKr.mjs")
+    );
     const { $t } = useIntl();
     return (_ctx, _cache) => {
       var _a, _b;
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(_sfc_main$w), {
+        createVNode(unref(_sfc_main$d), {
           class: "mb-6",
           "payment-attempts": __props.payments ?? [],
           invoice: __props.invoice,
@@ -454,13 +423,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             invoice: __props.invoice
           }, null, 8, ["invoice"])) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_2, [
-            createVNode(_sfc_main$5, { invoice: __props.invoice }, null, 8, ["invoice"]),
-            ((_a = __props.configuration) == null ? void 0 : _a.enablePaymentAttempts) && ((_b = __props.payments) == null ? void 0 : _b.length) ? (openBlock(), createBlock(_sfc_main$6, {
+            createVNode(_sfc_main$e, { invoice: __props.invoice }, null, 8, ["invoice"]),
+            ((_a = __props.configuration) == null ? void 0 : _a.enablePaymentAttempts) && ((_b = __props.payments) == null ? void 0 : _b.length) ? (openBlock(), createBlock(unref(PaymentHistoryBlock), {
               key: 0,
               "payment-attempts": __props.payments,
               customer: __props.invoice.customer
             }, null, 8, ["payment-attempts", "customer"])) : createCommentVNode("", true),
-            __props.configuration.enableCustomerBillingInformation ? (openBlock(), createBlock(unref(_sfc_main$z), {
+            __props.configuration.enableCustomerBillingInformation ? (openBlock(), createBlock(unref(_sfc_main$f), {
               key: 1,
               customer: __props.invoice.customer,
               title: unref($t)({
@@ -482,7 +451,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 },
@@ -491,7 +459,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onLog: { type: Function },
     allowedPortalTypes: { type: Array },
     portalObject: { type: Object },
-    customElementName: { type: String },
     branding: { type: Object },
     configuration: { type: Object }
   },
@@ -512,7 +479,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }));
     return (_ctx, _cache) => {
       var _a2, _b, _c, _d;
-      return openBlock(), createBlock(unref(_sfc_main$7), {
+      return openBlock(), createBlock(unref(_sfc_main$g), {
         "custom-element-name": unref(COMPONENT_NAME),
         environment: __props.environment,
         locale: __props.locale,

package/dist/components/InvoiceDetails/InvoiceDetails.ce.d.ts

@@ -1,3 +1,3 @@
-export declare const SolvimonInvoiceDetails: import('@vue/runtime-dom').VueElementConstructor<unknown>;
+export declare const SolvimonInvoiceDetails: import('../../../../node_modules/vue/dist/vue.d.ts').VueElementConstructor<unknown>;
 export declare const COMPONENT_NAME: string;
 export declare const defineSolvimonInvoiceDetails: () => void;

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-DNWspHtC.js"),t=require("../../Skeleton.vue_vue_type_script_setup_true_lang-D1Xzfc70.js"),n=require("../../useInvoiceData-CS7hLTea.js"),i=require("../../component-yWF07boR.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-B_WLgBur.js"),t=require("../../Skeleton.vue_vue_type_script_setup_true_lang-D1Xzfc70.js"),n=require("../../useInvoiceData-CxxHa5R2.js"),i=require("../../component-C2Gc-wsE.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},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},portalObject:{type:Object},branding:{type:Object},configuration:{type:Object}},setup(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},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),{"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)};

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-BWXmZmGZ.mjs";
+import { _ as _sfc_main$4 } from "../../InvoiceDetailsBlock.vue_vue_type_script_setup_true_lang-Dt_Vb7Wz.mjs";
 import { _ as _sfc_main$3 } from "../../Skeleton.vue_vue_type_script_setup_true_lang-DXJcL7x6.mjs";
-import { u as useInvoiceData } from "../../useInvoiceData-B6P2VShe.mjs";
-import { o as _sfc_main$5, p as defineCustomElement, n as getComponentName } from "../../component-DI3AxwdD.mjs";
+import { u as useInvoiceData } from "../../useInvoiceData-fS6G_244.mjs";
+import { _ as _sfc_main$5, d as defineCustomElement, g as getComponentName } from "../../component-CM9g6tbD.mjs";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "InvoiceDetails",
   props: {
@@ -31,7 +31,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 +39,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     onLog: { type: Function },
     allowedPortalTypes: { type: Array },
     portalObject: { type: Object },
-    customElementName: { type: String },
     branding: { type: Object },
     configuration: { type: Object }
   },
@@ -63,7 +61,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 +69,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onLog: { type: Function },
     allowedPortalTypes: { type: Array },
     portalObject: { type: Object },
-    customElementName: { type: String },
     branding: { type: Object },
     configuration: { type: Object }
   },

package/dist/components/InvoicesList/InvoicesList.ce.d.ts

@@ -1,3 +1,3 @@
-export declare const SolvimonInvoicesList: import('@vue/runtime-dom').VueElementConstructor<unknown>;
+export declare const SolvimonInvoicesList: import('../../../../node_modules/vue/dist/vue.d.ts').VueElementConstructor<unknown>;
 export declare const COMPONENT_NAME: string;
 export declare const defineSolvimonInvoicesList: () => void;

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("../../useInvoicesList-CIFGVsDj.js"),t=require("../../useLoadInitialData-BRg7IWqW.js"),n=require("../../component-yWF07boR.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-CtJqmblZ.js"),t=require("../../useLoadInitialData-BRg7IWqW.js"),n=require("../../component-C2Gc-wsE.js"),r=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},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},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},portalObject:{type:Object},branding:{type:Object},configuration:{type:Object}},setup:t=>(i,a)=>{var s,c,p,u;return e.openBlock(),e.createBlock(e.unref(n._sfc_main),{"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==(u=null==(p=t.branding)?void 0:p.colors)?void 0:u.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)};

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-23Ra-23Z.mjs";
+import { u as useInvoicesList, _ as _sfc_main$3 } from "../../useInvoicesList-BQQxcPdz.mjs";
 import { u as useLoadInitialData } from "../../useLoadInitialData-Dm48tlSO.mjs";
-import { o as _sfc_main$2, p as defineCustomElement, n as getComponentName } from "../../component-DI3AxwdD.mjs";
+import { _ as _sfc_main$2, d as defineCustomElement, g as getComponentName } from "../../component-CM9g6tbD.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,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     onLog: { type: Function },
     allowedPortalTypes: { type: Array },
     portalObject: { type: Object },
-    customElementName: { type: String },
     branding: { type: Object },
     configuration: { type: Object }
   },
@@ -47,7 +45,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 +53,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onLog: { type: Function },
     allowedPortalTypes: { type: Array },
     portalObject: { type: Object },
-    customElementName: { type: String },
     branding: { type: Object },
     configuration: { type: Object }
   },

package/dist/components/PaymentHistory/PaymentHistory.ce.d.ts

@@ -1,3 +1,3 @@
-export declare const SolvimonPaymentHistory: import('@vue/runtime-dom').VueElementConstructor<unknown>;
+export declare const SolvimonPaymentHistory: import('../../../../node_modules/vue/dist/vue.d.ts').VueElementConstructor<unknown>;
 export declare const COMPONENT_NAME: string;
 export declare const defineSolvimonPaymentHistory: () => void;

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-Cx4c8E4i.js"),o=require("../../Skeleton.vue_vue_type_script_setup_true_lang-D1Xzfc70.js"),n=require("../../useInvoiceData-CS7hLTea.js"),r=require("../../component-yWF07boR.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-DFw8lrDv.js"),o=require("../../Skeleton.vue_vue_type_script_setup_true_lang-D1Xzfc70.js"),n=require("../../useInvoiceData-CxxHa5R2.js"),r=require("../../component-C2Gc-wsE.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},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},portalObject:{type:Object},branding:{type:Object},configuration:{type:Object}},setup(t){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},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},portalObject:{type:Object},branding:{type:Object},configuration:{type:Object}},setup(t){var o;if(!(null==(o=t.configuration)?void 0:o.invoiceId))throw new Error("Missing invoice id");return(o,n)=>{var l,p,c,m;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==(p=null==(l=t.branding)?void 0:l.colors)?void 0:p.primary,"secondary-color":null==(m=null==(c=t.branding)?void 0:c.colors)?void 0:m.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)};

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-BSn_Zy0Y.mjs";
+import { _ as _sfc_main$4 } from "../../PaymentHistoryBlock.vue_vue_type_script_setup_true_lang-D6Cr2Uga.mjs";
 import { _ as _sfc_main$3 } from "../../Skeleton.vue_vue_type_script_setup_true_lang-DXJcL7x6.mjs";
-import { u as useInvoiceData } from "../../useInvoiceData-B6P2VShe.mjs";
-import { o as _sfc_main$5, p as defineCustomElement, n as getComponentName } from "../../component-DI3AxwdD.mjs";
+import { u as useInvoiceData } from "../../useInvoiceData-fS6G_244.mjs";
+import { _ as _sfc_main$5, d as defineCustomElement, g as getComponentName } from "../../component-CM9g6tbD.mjs";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "PaymentHistory",
   props: {
@@ -33,7 +33,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 +41,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     onLog: { type: Function },
     allowedPortalTypes: { type: Array },
     portalObject: { type: Object },
-    customElementName: { type: String },
     branding: { type: Object },
     configuration: { type: Object }
   },
@@ -66,7 +64,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 +72,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onLog: { type: Function },
     allowedPortalTypes: { type: Array },
     portalObject: { type: Object },
-    customElementName: { type: String },
     branding: { type: Object },
     configuration: { type: Object }
   },

package/dist/components/PaymentMethodForm/PaymentMethodForm.ce.d.ts

@@ -1,3 +1,3 @@
-export declare const SolvimonPaymentMethodForm: import('@vue/runtime-dom').VueElementConstructor<unknown>;
+export declare const SolvimonPaymentMethodForm: import('../../../../node_modules/vue/dist/vue.d.ts').VueElementConstructor<unknown>;
 export declare const COMPONENT_NAME: string;
 export declare const defineSolvimonPaymentMethodForm: () => void;

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../component-yWF07boR.js"),o=require("../../useLoadInitialData-BRg7IWqW.js"),n=require("../../useCustomer-fK-w7ifj.js"),r=require("../../useService-D-CUtlp3.js"),a=require("../../paymentMethods-A-5SBmy1.js"),i=require("../../Skeleton.vue_vue_type_script_setup_true_lang-D1Xzfc70.js"),u=require("../../PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-Ct26TY0a.js");const c=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(i){const u=i,c=n.useCustomer({customerId:u.portalObject.customer_id}),s=function(){const{getPaymentMethodOptions:e}=a.createPaymentMethodsService(),{data:t,execute:o,apiStatus:n,error:i,isPending:u}=r.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:i,isPending:u}}(),{isLoading:l}=o.useLoadInitialData((async()=>{var e;const o=await c.get.execute(),n=t.getCustomerCountry(o);await s.get({customerId:o.id,country:n,amount:null==(e=u.configuration)?void 0:e.amount})})());return(t,o)=>e.renderSlot(t.$slots,"default",{customer:e.unref(c).customer.value,paymentMethodOptions:e.unref(s),isLoading:e.unref(l)})}}),s=e.defineComponent({__name:"PaymentMethodForm",props:{customer:{type:Object},paymentMethodOptions:{type:Array},configuration:{type:Object},isLoading:{type:Boolean,default:!1},countryCode:{type:String}},setup(o){const n={currency:"EUR",quantity:"0"},r=o,{$t:a}=t.useIntl(),c=e.computed(()=>{return"AUTHORIZE"===(null==(e=r.configuration)?void 0:e.variant)?e:{...e,variant:"TOKENIZE"};var e}),s=e.computed(()=>{let e="NL";if(r.countryCode)return e=r.countryCode,e;if(r.customer){const o=t.getCustomerCountry(r.customer);if(o)return e=o,e}return"NL"}),l=e.computed(()=>"AUTHORIZE"===c.value.variant?{paymentMethodOptions:r.paymentMethodOptions,countryCode:s.value,variant:"AUTHORIZE",amount:c.value.amount,context:c.value.context,invoiceId:c.value.invoiceId,successRedirectUrl:c.value.successRedirectUrl,selectedOption:c.value.selectedOption,validateOnSubmit:c.value.validateOnSubmit,forceStorePaymentMethod:c.value.forceStorePaymentMethod}:{paymentMethodOptions:r.paymentMethodOptions,customerId:r.customer.id,countryCode:s.value,variant:"TOKENIZE",amount:c.value.amount??n,invoiceId:c.value.invoiceId,successRedirectUrl:c.value.successRedirectUrl,selectedOption:c.value.selectedOption,validateOnSubmit:c.value.validateOnSubmit,forceStorePaymentMethod:c.value.forceStorePaymentMethod});return(n,r)=>o.isLoading?(e.openBlock(),e.createBlock(i._sfc_main,{key:0,variant:"section",class:"min-h-[180px]"})):(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1g),{key:1,"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(u._sfc_main,e.normalizeProps(e.guardReactiveProps(l.value)),null,16)]),_:1},8,["title"]))}}),l=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,l,m;return e.openBlock(),e.createBlock(e.unref(t._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==(u=null==(i=o.branding)?void 0:i.colors)?void 0:u.primary,"secondary-color":null==(m=null==(l=o.branding)?void 0:l.colors)?void 0:m.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(c,e.normalizeProps(e.guardReactiveProps(n)),{default:e.withCtx(({customer:t,paymentMethodOptions:n,isLoading:r})=>[t?(e.openBlock(),e.createBlock(s,{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"])}}}),m=t.defineCustomElement(l),p=t.getComponentName("payment-method-form");exports.COMPONENT_NAME=p,exports.SolvimonPaymentMethodForm=m,exports.defineSolvimonPaymentMethodForm=()=>{customElements.get(p)||customElements.define(p,m)};
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../component-C2Gc-wsE.js"),o=require("../../vendor-ui-Ce_Yp7xA.js"),n=require("../../useLoadInitialData-BRg7IWqW.js"),r=require("../../useCustomer-DanZzn-l.js"),a=require("../../usePaymentMethodOptions-D01YWW3G.js"),i=require("../../Skeleton.vue_vue_type_script_setup_true_lang-D1Xzfc70.js"),l=require("../../PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-DifRn1ok.js"),u=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},branding:{type:Object},configuration:{type:Object},countryCode:{type:String}},setup(t){const i=t,l=r.useCustomer({customerId:i.portalObject.customer_id}),u=a.usePaymentMethodOptions(),{isLoading:c}=n.useLoadInitialData((async()=>{var e;const t=await l.get.execute(),n=o.getCustomerCountry(t);await u.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(l).customer.value,paymentMethodOptions:e.unref(u),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(),u=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"}),s=e.computed(()=>"AUTHORIZE"===u.value.variant?{paymentMethodOptions:r.paymentMethodOptions,countryCode:c.value,variant:"AUTHORIZE",amount:u.value.amount,context:u.value.context,invoiceId:u.value.invoiceId,successRedirectUrl:u.value.successRedirectUrl,selectedOption:u.value.selectedOption,validateOnSubmit:u.value.validateOnSubmit,forceStorePaymentMethod:u.value.forceStorePaymentMethod}:{paymentMethodOptions:r.paymentMethodOptions,customerId:r.customer.id,countryCode:c.value,variant:"TOKENIZE",amount:u.value.amount??n,invoiceId:u.value.invoiceId,successRedirectUrl:u.value.successRedirectUrl,selectedOption:u.value.selectedOption,validateOnSubmit:u.value.validateOnSubmit,forceStorePaymentMethod:u.value.forceStorePaymentMethod});return(n,r)=>t.isLoading?(e.openBlock(),e.createBlock(i._sfc_main,{key:0,variant:"section",class:"min-h-[180px]","data-testid":"payment-method-form-skeleton"})):(e.openBlock(),e.createBlock(e.unref(o._sfc_main$1),{key:1,"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(l._sfc_main,e.normalizeProps(e.guardReactiveProps(s.value)),null,16)]),_:1},8,["title"]))}}),s=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},branding:{type:Object},configuration:{type:Object},countryCode:{type:String}},setup(o){const n=o;return(r,a)=>{var i,l,s,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==(l=null==(i=o.branding)?void 0:i.colors)?void 0:l.primary,"secondary-color":null==(m=null==(s=o.branding)?void 0:s.colors)?void 0:m.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(u,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"])}}}),m=t.defineCustomElement(s),p=t.getComponentName("payment-method-form");exports.COMPONENT_NAME=p,exports.SolvimonPaymentMethodForm=m,exports.defineSolvimonPaymentMethodForm=()=>{customElements.get(p)||customElements.define(p,m)};