@solvimon/solvimon-web 0.1.0-alpha.1 → 0.1.0-alpha.3

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

@@ -1,7 +1,129 @@
-import { C, S, d } from "../../InvoiceDetails.entry.ce-Cnpz8CLJ.mjs";
-import "../../component-BkmcE85U.mjs";
+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-D0ie9Krt.mjs";
+import { _ as _sfc_main$3 } from "../../Skeleton.vue_vue_type_script_setup_true_lang-C-taYlG4.mjs";
+import { u as useInvoiceData } from "../../useInvoiceData-CcueV3We.mjs";
+import { p as _sfc_main$5, q as defineCustomElement, o as getComponentName } from "../../component-DEo_ndpK.mjs";
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "InvoiceDetails",
+  props: {
+    invoice: { type: Object },
+    isLoading: { type: Boolean },
+    configuration: { type: Object }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return __props.isLoading ? (openBlock(), createBlock(_sfc_main$3, {
+        key: 0,
+        variant: "section",
+        class: "min-h-[100px]",
+        "data-testid": "invoice-details-skeleton"
+      })) : (openBlock(), createBlock(_sfc_main$4, {
+        key: 1,
+        invoice: __props.invoice
+      }, null, 8, ["invoice"]));
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ 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(__props) {
+    const props = __props;
+    const invoiceData = useInvoiceData(props.configuration.invoiceId);
+    return (_ctx, _cache) => {
+      var _a;
+      return renderSlot(_ctx.$slots, "default", {
+        invoice: (_a = unref(invoiceData).data.value) == null ? void 0 : _a.invoice,
+        isLoading: unref(invoiceData).isPending.value
+      });
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ 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(__props) {
+    var _a;
+    const props = __props;
+    if (!((_a = props.configuration) == null ? void 0 : _a.invoiceId)) {
+      throw new Error("Missing invoice id");
+    }
+    return (_ctx, _cache) => {
+      var _a2, _b, _c, _d;
+      return openBlock(), createBlock(unref(_sfc_main$5), {
+        "custom-element-name": unref(COMPONENT_NAME),
+        environment: __props.environment,
+        locale: __props.locale,
+        "portal-object": __props.portalObject,
+        "allowed-portal-types": ["CUSTOMER"],
+        "primary-color": (_b = (_a2 = __props.branding) == null ? void 0 : _a2.colors) == null ? void 0 : _b.primary,
+        "secondary-color": (_d = (_c = __props.branding) == null ? void 0 : _c.colors) == null ? void 0 : _d.secondary,
+        "experimental-features": __props.experimentalFeatures,
+        "log-level": __props.logLevel,
+        "on-log": __props.onLog,
+        onError: _cache[0] || (_cache[0] = (error) => _ctx.$emit("error", error))
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$props)), {
+            default: withCtx(({ invoice, isLoading }) => [
+              invoice ? (openBlock(), createBlock(_sfc_main$2, {
+                key: 0,
+                "is-loading": isLoading,
+                invoice,
+                configuration: __props.configuration
+              }, null, 8, ["is-loading", "invoice", "configuration"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 16)
+        ]),
+        _: 1
+      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log"]);
+    };
+  }
+});
+const SolvimonInvoiceDetails = defineCustomElement(_sfc_main);
+const COMPONENT_NAME = getComponentName("invoice-details");
+const defineSolvimonInvoiceDetails = () => {
+  if (!customElements.get(COMPONENT_NAME)) {
+    customElements.define(COMPONENT_NAME, SolvimonInvoiceDetails);
+  }
+};
 export {
-  C as COMPONENT_NAME,
-  S as SolvimonInvoiceDetails,
-  d as defineSolvimonInvoiceDetails
+  COMPONENT_NAME,
+  SolvimonInvoiceDetails,
+  defineSolvimonInvoiceDetails
 };

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

@@ -1,3 +1,3 @@
-export declare const SolvimonInvoicesList: import('vue').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("../../InvoicesList.entry.ce-38iOW5qh.js");require("../../component-Df5eNqYX.js"),exports.COMPONENT_NAME=e.COMPONENT_NAME,exports.SolvimonInvoicesList=e.SolvimonInvoicesList,exports.defineSolvimonInvoicesList=e.defineSolvimonInvoicesList;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("../../useInvoicesList-DmzjgMlW.js"),t=require("../../component-XHQYFLA_.js"),n=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(t){var n,r;const i=t,a=i.portalObject.customer_id,l=o.useInvoicesList({customerId:a,batchSize:(null==(r=null==(n=i.configuration)?void 0:n.pagination)?void 0:r.batchSize)||15});return(o,t)=>e.renderSlot(o.$slots,"default",{invoices:e.unref(l)})}}),r=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:r=>(i,l)=>{var s,c,p,m;return e.openBlock(),e.createBlock(e.unref(t._sfc_main$1),{"custom-element-name":e.unref(a),environment:r.environment,locale:r.locale,"portal-object":r.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(c=null==(s=r.branding)?void 0:s.colors)?void 0:c.primary,"secondary-color":null==(m=null==(p=r.branding)?void 0:p.colors)?void 0:m.secondary,"experimental-features":r.experimentalFeatures,"log-level":r.logLevel,"on-log":r.onLog,onError:l[0]||(l[0]=e=>i.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(n,e.normalizeProps(e.guardReactiveProps(i.$props)),{default:e.withCtx(({invoices:t})=>[e.createVNode(o._sfc_main,{configuration:r.configuration,invoices:t.items.value,"is-loading":t.isPending.value,"has-more-items":t.hasNextBatch.value,onLoadMore:t.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"])}}),i=t.defineCustomElement(r),a=t.getComponentName("customer-overview");exports.COMPONENT_NAME=a,exports.SolvimonInvoicesList=i,exports.defineSolvimonInvoicesList=()=>{customElements.get(a)||customElements.define(a,i)};

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

@@ -1,7 +1,104 @@
-import { C, S, d } from "../../InvoicesList.entry.ce-BBaHEtAD.mjs";
-import "../../component-BkmcE85U.mjs";
+import { defineComponent, renderSlot, unref, openBlock, createBlock, withCtx, createVNode, normalizeProps, guardReactiveProps } from "vue";
+import { u as useInvoicesList, _ as _sfc_main$3 } from "../../useInvoicesList-CXng3aUm.mjs";
+import { p as _sfc_main$2, q as defineCustomElement, o as getComponentName } from "../../component-DEo_ndpK.mjs";
+const DEFAULT_BATCH_SIZE = 15;
+const _sfc_main$1 = /* @__PURE__ */ 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(__props) {
+    var _a, _b;
+    const props = __props;
+    const customerId = props.portalObject.customer_id;
+    const invoices = useInvoicesList({
+      customerId,
+      batchSize: ((_b = (_a = props.configuration) == null ? void 0 : _a.pagination) == null ? void 0 : _b.batchSize) || DEFAULT_BATCH_SIZE
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", { invoices: unref(invoices) });
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ 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(__props) {
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return openBlock(), createBlock(unref(_sfc_main$2), {
+        "custom-element-name": unref(COMPONENT_NAME),
+        environment: __props.environment,
+        locale: __props.locale,
+        "portal-object": __props.portalObject,
+        "allowed-portal-types": ["CUSTOMER"],
+        "primary-color": (_b = (_a = __props.branding) == null ? void 0 : _a.colors) == null ? void 0 : _b.primary,
+        "secondary-color": (_d = (_c = __props.branding) == null ? void 0 : _c.colors) == null ? void 0 : _d.secondary,
+        "experimental-features": __props.experimentalFeatures,
+        "log-level": __props.logLevel,
+        "on-log": __props.onLog,
+        onError: _cache[0] || (_cache[0] = (error) => _ctx.$emit("error", error))
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$props)), {
+            default: withCtx(({ invoices }) => [
+              createVNode(_sfc_main$3, {
+                configuration: __props.configuration,
+                invoices: invoices.items.value,
+                "is-loading": invoices.isPending.value,
+                "has-more-items": invoices.hasNextBatch.value,
+                onLoadMore: invoices.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"]);
+    };
+  }
+});
+const SolvimonInvoicesList = defineCustomElement(_sfc_main);
+const COMPONENT_NAME = getComponentName("customer-overview");
+const defineSolvimonInvoicesList = () => {
+  if (!customElements.get(COMPONENT_NAME)) {
+    customElements.define(COMPONENT_NAME, SolvimonInvoicesList);
+  }
+};
 export {
-  C as COMPONENT_NAME,
-  S as SolvimonInvoicesList,
-  d as defineSolvimonInvoicesList
+  COMPONENT_NAME,
+  SolvimonInvoicesList,
+  defineSolvimonInvoicesList
 };

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

@@ -1,3 +1,3 @@
-export declare const SolvimonPaymentHistory: import('vue').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("../../PaymentHistory.entry.ce-DDeHMhK_.js");require("../../component-Df5eNqYX.js"),exports.COMPONENT_NAME=e.COMPONENT_NAME,exports.SolvimonPaymentHistory=e.SolvimonPaymentHistory,exports.defineSolvimonPaymentHistory=e.defineSolvimonPaymentHistory;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../PaymentHistoryBlock.vue_vue_type_script_setup_true_lang-sNdlKgdU.js"),o=require("../../Skeleton.vue_vue_type_script_setup_true_lang-C_BwMlBE.js"),n=require("../../useInvoiceData-DstXfI7t.js"),r=require("../../component-XHQYFLA_.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)};

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

@@ -1,7 +1,133 @@
-import { C, S, d } from "../../PaymentHistory.entry.ce-Dw2NiP4l.mjs";
-import "../../component-BkmcE85U.mjs";
+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-DVDOsMnT.mjs";
+import { _ as _sfc_main$3 } from "../../Skeleton.vue_vue_type_script_setup_true_lang-C-taYlG4.mjs";
+import { u as useInvoiceData } from "../../useInvoiceData-CcueV3We.mjs";
+import { p as _sfc_main$5, q as defineCustomElement, o as getComponentName } from "../../component-DEo_ndpK.mjs";
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "PaymentHistory",
+  props: {
+    customer: { type: Object },
+    paymentAttempts: { type: Array },
+    isLoading: { type: Boolean },
+    configuration: { type: Object }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return __props.isLoading ? (openBlock(), createBlock(_sfc_main$3, {
+        key: 0,
+        variant: "section",
+        class: "min-h-[100px]",
+        "data-testid": "payment-history-skeleton"
+      })) : __props.paymentAttempts.length ? (openBlock(), createBlock(_sfc_main$4, {
+        key: 1,
+        "payment-attempts": __props.paymentAttempts,
+        customer: __props.customer
+      }, null, 8, ["payment-attempts", "customer"])) : createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ 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(__props) {
+    const props = __props;
+    const invoiceData = useInvoiceData(props.configuration.invoiceId);
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return renderSlot(_ctx.$slots, "default", {
+        invoice: (_a = unref(invoiceData).data.value) == null ? void 0 : _a.invoice,
+        paymentAttempts: (_b = unref(invoiceData).data.value) == null ? void 0 : _b.paymentAttempts.data,
+        isLoading: unref(invoiceData).isPending.value
+      });
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ 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(__props) {
+    var _a;
+    const props = __props;
+    if (!((_a = props.configuration) == null ? void 0 : _a.invoiceId)) {
+      throw new Error("Missing invoice id");
+    }
+    return (_ctx, _cache) => {
+      var _a2, _b, _c, _d;
+      return openBlock(), createBlock(unref(_sfc_main$5), {
+        "custom-element-name": unref(COMPONENT_NAME),
+        environment: __props.environment,
+        locale: __props.locale,
+        "portal-object": __props.portalObject,
+        "allowed-portal-types": ["CUSTOMER"],
+        "primary-color": (_b = (_a2 = __props.branding) == null ? void 0 : _a2.colors) == null ? void 0 : _b.primary,
+        "secondary-color": (_d = (_c = __props.branding) == null ? void 0 : _c.colors) == null ? void 0 : _d.secondary,
+        "experimental-features": __props.experimentalFeatures,
+        "log-level": __props.logLevel,
+        "on-log": __props.onLog,
+        onError: _cache[0] || (_cache[0] = (error) => _ctx.$emit("error", error))
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$props)), {
+            default: withCtx(({ invoice, paymentAttempts, isLoading }) => [
+              invoice && paymentAttempts ? (openBlock(), createBlock(_sfc_main$2, {
+                key: 0,
+                "is-loading": isLoading,
+                customer: invoice.customer,
+                "payment-attempts": paymentAttempts,
+                configuration: __props.configuration
+              }, null, 8, ["is-loading", "customer", "payment-attempts", "configuration"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 16)
+        ]),
+        _: 1
+      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log"]);
+    };
+  }
+});
+const SolvimonPaymentHistory = defineCustomElement(_sfc_main);
+const COMPONENT_NAME = getComponentName("payment-history");
+const defineSolvimonPaymentHistory = () => {
+  if (!customElements.get(COMPONENT_NAME)) {
+    customElements.define(COMPONENT_NAME, SolvimonPaymentHistory);
+  }
+};
 export {
-  C as COMPONENT_NAME,
-  S as SolvimonPaymentHistory,
-  d as defineSolvimonPaymentHistory
+  COMPONENT_NAME,
+  SolvimonPaymentHistory,
+  defineSolvimonPaymentHistory
 };

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

@@ -1,3 +1,3 @@
-export declare const SolvimonPaymentMethodForm: import('vue').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("../../PaymentMethodForm.entry.ce-zxeBXZW6.js");require("../../component-Df5eNqYX.js"),exports.COMPONENT_NAME=e.COMPONENT_NAME,exports.SolvimonPaymentMethodForm=e.SolvimonPaymentMethodForm,exports.defineSolvimonPaymentMethodForm=e.defineSolvimonPaymentMethodForm;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../component-XHQYFLA_.js"),o=require("../../useLoadInitialData-BRg7IWqW.js"),n=require("../../useCustomer-B0NK96dA.js"),r=require("../../useService-D-CUtlp3.js"),a=require("../../paymentMethods-BX80t2zk.js"),i=require("../../PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-Sn1Jq19s.js");const u=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)})}}),c=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(),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 o=t.getCustomerCountry(r.customer);if(o)return e=o,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)=>o.isLoading?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$14),{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(i._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},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,s,l,p;return e.openBlock(),e.createBlock(e.unref(t._sfc_main$1),{"custom-element-name":e.unref(m),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==(p=null==(l=o.branding)?void 0:l.colors)?void 0:p.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"])}}}),l=t.defineCustomElement(s),m=t.getComponentName("payment-method-form");exports.COMPONENT_NAME=m,exports.SolvimonPaymentMethodForm=l,exports.defineSolvimonPaymentMethodForm=()=>{customElements.get(m)||customElements.define(m,l)};