@solvimon/solvimon-web 0.1.0-alpha.1

package/dist/InvoiceDetails.entry.ce-Cnpz8CLJ.mjs

@@ -0,0 +1,130 @@
+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-5yBnSRap.mjs";
+import { _ as _sfc_main$3 } from "./Skeleton.vue_vue_type_script_setup_true_lang-BFFJw-5h.mjs";
+import { u as useInvoiceData } from "./useInvoiceData-dyvoDwFF.mjs";
+import { o as _sfc_main$5, p as defineCustomElement, n as getComponentName } from "./component-BkmcE85U.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 {
+  COMPONENT_NAME as C,
+  SolvimonInvoiceDetails as S,
+  _sfc_main as _,
+  defineSolvimonInvoiceDetails as d
+};

package/dist/InvoiceDetails.entry.ce-jHDyWra2.js

@@ -0,0 +1 @@
+const e=require("vue"),o=require("./InvoiceDetailsBlock.vue_vue_type_script_setup_true_lang-t6E9_dWJ.js"),t=require("./Skeleton.vue_vue_type_script_setup_true_lang-CQqTurIt.js"),n=require("./useInvoiceData-DImEH1ca.js"),i=require("./component-Df5eNqYX.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,p,u;return e.openBlock(),e.createBlock(e.unref(i._sfc_main$1),{"custom-element-name":e.unref(s),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==(p=o.branding)?void 0:p.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),s=i.getComponentName("invoice-details");exports.COMPONENT_NAME=s,exports.SolvimonInvoiceDetails=c,exports._sfc_main=l,exports.defineSolvimonInvoiceDetails=()=>{customElements.get(s)||customElements.define(s,c)};

package/dist/InvoiceDetailsBlock.vue_vue_type_script_setup_true_lang-5yBnSRap.mjs

@@ -0,0 +1,85 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createElementBlock, createElementVNode, createVNode, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { b as useIntl, d as _sfc_main$1g, _ as _sfc_main$2 } from "./component-BkmcE85U.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "flex flex-col gap-2"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InvoiceDetailsBlock",
+  props: {
+    invoice: { type: Object }
+  },
+  setup(__props) {
+    const { $t, formatDate } = useIntl();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1g), {
+        title: unref($t)({
+          defaultMessage: "Invoice details",
+          description: "Title for the invoice details block on the invoice overview page",
+          id: "sdk.invoice_details.invoice_details_block.title"
+        })
+      }, {
+        default: withCtx(() => [
+          __props.invoice ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            createElementVNode("div", null, [
+              createVNode(unref(_sfc_main$2), { variant: "caps-heading" }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref($t)({
+                    defaultMessage: "Invoice date",
+                    description: "Title for the invoice date in invoice details block on the invoice overview page",
+                    id: "sdk.invoice_details.invoice_details_block.invoice_date"
+                  })), 1)
+                ]),
+                _: 1
+              }),
+              __props.invoice.invoice_date ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                key: 0,
+                variant: "body-xs"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(formatDate)({
+                    date: __props.invoice.invoice_date,
+                    format: "date",
+                    timezone: __props.invoice.customer.timezone,
+                    offsetType: "offsetted"
+                  })), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ]),
+            createElementVNode("div", null, [
+              createVNode(unref(_sfc_main$2), { variant: "caps-heading" }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref($t)({
+                    defaultMessage: "Due date",
+                    description: "Title for the due date in invoice details block on the invoice overview page",
+                    id: "sdk.invoice_details.invoice_details_block.due_date"
+                  })), 1)
+                ]),
+                _: 1
+              }),
+              __props.invoice.due_date ? (openBlock(), createBlock(unref(_sfc_main$2), {
+                key: 0,
+                variant: "body-xs"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(formatDate)({
+                    date: __props.invoice.due_date,
+                    format: "date",
+                    timezone: __props.invoice.customer.timezone,
+                    offsetType: "offsetted"
+                  })), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ])
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/InvoiceDetailsBlock.vue_vue_type_script_setup_true_lang-t6E9_dWJ.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./component-Df5eNqYX.js"),i={key:0,class:"flex flex-col gap-2"},o=e.defineComponent({__name:"InvoiceDetailsBlock",props:{invoice:{type:Object}},setup(o){const{$t:n,formatDate:a}=t.useIntl();return(c,d)=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1g),{title:e.unref(n)({defaultMessage:"Invoice details",description:"Title for the invoice details block on the invoice overview page",id:"sdk.invoice_details.invoice_details_block.title"})},{default:e.withCtx(()=>[o.invoice?(e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("div",null,[e.createVNode(e.unref(t._sfc_main$2),{variant:"caps-heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(n)({defaultMessage:"Invoice date",description:"Title for the invoice date in invoice details block on the invoice overview page",id:"sdk.invoice_details.invoice_details_block.invoice_date"})),1)]),_:1}),o.invoice.invoice_date?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$2),{key:0,variant:"body-xs"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)({date:o.invoice.invoice_date,format:"date",timezone:o.invoice.customer.timezone,offsetType:"offsetted"})),1)]),_:1})):e.createCommentVNode("",!0)]),e.createElementVNode("div",null,[e.createVNode(e.unref(t._sfc_main$2),{variant:"caps-heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(n)({defaultMessage:"Due date",description:"Title for the due date in invoice details block on the invoice overview page",id:"sdk.invoice_details.invoice_details_block.due_date"})),1)]),_:1}),o.invoice.due_date?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$2),{key:0,variant:"body-xs"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)({date:o.invoice.due_date,format:"date",timezone:o.invoice.customer.timezone,offsetType:"offsetted"})),1)]),_:1})):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]),_:1},8,["title"]))}});exports._sfc_main=o;

package/dist/InvoicesList.entry.ce-38iOW5qh.js

@@ -0,0 +1 @@
+const e=require("vue"),o=require("./useInvoicesList-BZQ9Y0qN.js"),t=require("./component-Df5eNqYX.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._sfc_main=r,exports.defineSolvimonInvoicesList=()=>{customElements.get(a)||customElements.define(a,i)};

package/dist/InvoicesList.entry.ce-BBaHEtAD.mjs

@@ -0,0 +1,105 @@
+import { defineComponent, renderSlot, unref, openBlock, createBlock, withCtx, createVNode, normalizeProps, guardReactiveProps } from "vue";
+import { u as useInvoicesList, _ as _sfc_main$3 } from "./useInvoicesList-rDvRzMqe.mjs";
+import { o as _sfc_main$2, p as defineCustomElement, n as getComponentName } from "./component-BkmcE85U.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 {
+  COMPONENT_NAME as C,
+  SolvimonInvoicesList as S,
+  _sfc_main as _,
+  defineSolvimonInvoicesList as d
+};

package/dist/PaymentHistory.entry.ce-DDeHMhK_.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./PaymentHistoryBlock.vue_vue_type_script_setup_true_lang-8UxAr2hU.js"),o=require("./Skeleton.vue_vue_type_script_setup_true_lang-CQqTurIt.js"),n=require("./useInvoiceData-DImEH1ca.js"),r=require("./component-Df5eNqYX.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._sfc_main=l,exports.defineSolvimonPaymentHistory=()=>{customElements.get(s)||customElements.define(s,p)};

package/dist/PaymentHistory.entry.ce-Dw2NiP4l.mjs

@@ -0,0 +1,134 @@
+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-CknZKCmY.mjs";
+import { _ as _sfc_main$3 } from "./Skeleton.vue_vue_type_script_setup_true_lang-BFFJw-5h.mjs";
+import { u as useInvoiceData } from "./useInvoiceData-dyvoDwFF.mjs";
+import { o as _sfc_main$5, p as defineCustomElement, n as getComponentName } from "./component-BkmcE85U.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 {
+  COMPONENT_NAME as C,
+  SolvimonPaymentHistory as S,
+  _sfc_main as _,
+  defineSolvimonPaymentHistory as d
+};

package/dist/PaymentHistoryBlock.vue_vue_type_script_setup_true_lang-8UxAr2hU.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./component-Df5eNqYX.js"),a={class:"flex flex-col-reverse gap-1"},n={class:"flex justify-between items-center mb-2"},o=e.defineComponent({__name:"PaymentHistoryBlock",props:{paymentAttempts:{type:Array},customer:{type:Object}},setup(o){const{$t:r,formatDate:i}=t.useIntl(),s={AUTHORIZED:"green",CANCELLED:"red",ERROR:"red",PENDING:"orange",PENDING_REFUND:"orange",REFUNDED:"orange",CHARGED_BACK:"orange",REFUSED:"red"};return(m,c)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.unref(t._sfc_main$2),{tag:"h2",variant:"heading-3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"Payment history",description:"Title for the payment history block on the invoice details page",id:"sdk.invoice_details.payment_history.title"})),1)]),_:1}),e.createElementVNode("div",a,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.paymentAttempts,a=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1g),{key:a.id,class:"mt-1 md:mt-2"},{default:e.withCtx(()=>[e.createElementVNode("div",n,[e.createVNode(e.unref(t._sfc_main$2),{variant:"caps-heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"Payment attempt",description:"Title for the payment attempt block",id:"sdk.invoice_details.payment_history.payment_attempt"})),1)]),_:1}),e.createVNode(e.unref(t._sfc_main$3),{color:s[a.result]},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t.formatEnum)(a.result)),1)]),_:2},1032,["color"])]),a.payment_method_details?(e.openBlock(),e.createBlock(e.unref(t._sfc_main),{key:0,"payment-method":a.payment_method_details},{description:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({date:a.created_at,format:"dateTime",offsetType:"offsetted",timezone:o.customer.timezone})),1)]),_:2},1032,["payment-method"])):e.createCommentVNode("",!0)]),_:2},1024))),128))])]))}});exports._sfc_main=o;

package/dist/PaymentHistoryBlock.vue_vue_type_script_setup_true_lang-CknZKCmY.mjs

@@ -0,0 +1,90 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createBlock, createCommentVNode } from "vue";
+import { b as useIntl, _ as _sfc_main$2, d as _sfc_main$1g, e as _sfc_main$3, f as formatEnum, g as _sfc_main$1 } from "./component-BkmcE85U.mjs";
+const _hoisted_1 = { class: "flex flex-col-reverse gap-1" };
+const _hoisted_2 = { class: "flex justify-between items-center mb-2" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PaymentHistoryBlock",
+  props: {
+    paymentAttempts: { type: Array },
+    customer: { type: Object }
+  },
+  setup(__props) {
+    const { $t, formatDate } = useIntl();
+    const colorMapping = {
+      AUTHORIZED: "green",
+      CANCELLED: "red",
+      ERROR: "red",
+      PENDING: "orange",
+      PENDING_REFUND: "orange",
+      REFUNDED: "orange",
+      CHARGED_BACK: "orange",
+      REFUSED: "red"
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(unref(_sfc_main$2), {
+          tag: "h2",
+          variant: "heading-3"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref($t)({
+              defaultMessage: "Payment history",
+              description: "Title for the payment history block on the invoice details page",
+              id: "sdk.invoice_details.payment_history.title"
+            })), 1)
+          ]),
+          _: 1
+        }),
+        createElementVNode("div", _hoisted_1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.paymentAttempts, (paymentAttempt) => {
+            return openBlock(), createBlock(unref(_sfc_main$1g), {
+              key: paymentAttempt.id,
+              class: "mt-1 md:mt-2"
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_2, [
+                  createVNode(unref(_sfc_main$2), { variant: "caps-heading" }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref($t)({
+                        defaultMessage: "Payment attempt",
+                        description: "Title for the payment attempt block",
+                        id: "sdk.invoice_details.payment_history.payment_attempt"
+                      })), 1)
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(unref(_sfc_main$3), {
+                    color: colorMapping[paymentAttempt.result]
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(formatEnum)(paymentAttempt.result)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["color"])
+                ]),
+                paymentAttempt.payment_method_details ? (openBlock(), createBlock(unref(_sfc_main$1), {
+                  key: 0,
+                  "payment-method": paymentAttempt.payment_method_details
+                }, {
+                  description: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(formatDate)({
+                      date: paymentAttempt.created_at,
+                      format: "dateTime",
+                      offsetType: "offsetted",
+                      timezone: __props.customer.timezone
+                    })), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["payment-method"])) : createCommentVNode("", true)
+              ]),
+              _: 2
+            }, 1024);
+          }), 128))
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};