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

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

@@ -1,7 +1,540 @@
-import { C, S, d } from "../../Invoice.entry.ce-CdJ9TPZe.mjs";
-import "../../component-BkmcE85U.mjs";
+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-5sgImpzc.mjs";
+import { u as useInvoice, a as usePayments } from "../../usePayments-Cw5PPEJa.mjs";
+import { _ as _sfc_main$g, d as defineCustomElement, g as getComponentName } from "../../component-Djrf1L-Z.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, l as _sfc_main$9, b as _sfc_main$a, G as _sfc_main$b, y as _sfc_main$c, z as _sfc_main$d, c as _sfc_main$f } from "../../vendor-ui-C0K3osvz.mjs";
+import { u as useViewport } from "../../useViewport-Bu0cyeSi.mjs";
+import { _ as _sfc_main$e } from "../../InvoiceDetailsBlock.vue_vue_type_script_setup_true_lang-Bc2hkpTb.mjs";
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "Invoice.entry.view",
+  props: {
+    environment: { type: String },
+    locale: { type: String },
+    dateLocale: { type: String },
+    messages: { type: Object },
+    primaryColor: { type: String },
+    secondaryColor: { type: String },
+    isShadowRoot: { type: Boolean },
+    experimentalFeatures: { type: Array },
+    logLevel: { type: String },
+    onLog: { type: Function },
+    allowedPortalTypes: { type: Array },
+    portalObject: { type: Object },
+    cssOverrides: { type: [String, Array] },
+    branding: { type: Object },
+    configuration: { type: Object }
+  },
+  setup(__props) {
+    const props = __props;
+    const invoice = useInvoice({ invoiceId: props.configuration.invoiceId });
+    const payments = usePayments();
+    const { isLoading } = useLoadInitialData(
+      invoice.get(),
+      payments.get(props.configuration.invoiceId)
+    );
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", {
+        invoice: unref(invoice).invoice.value,
+        invoiceDownloadService: unref(invoice).downloadInvoicePdf,
+        payments: unref(payments),
+        isLoading: unref(isLoading)
+      });
+    };
+  }
+});
+const buildInvoiceCreditsBreakdown = ({
+  invoice,
+  getPeriodTitle,
+  getCreditTypeLabel,
+  formatQuantity
+}) => {
+  const periods = [...invoice.periods ?? [], ...invoice.closed_periods ?? []];
+  return periods.map((period) => {
+    var _a, _b, _c, _d;
+    const walletRowsByLabel = /* @__PURE__ */ new Map();
+    const rowKeysByLabel = /* @__PURE__ */ new Map();
+    for (const group of period.groups ?? []) {
+      for (const line of group.lines ?? []) {
+        const walletBalanceDetails = (_a = line == null ? void 0 : line.details) == null ? void 0 : _a.wallet_balance_details;
+        if (!walletBalanceDetails) {
+          continue;
+        }
+        const primaryCredit = walletBalanceDetails.used_wallet_credits ?? walletBalanceDetails.left_wallet_credits ?? walletBalanceDetails.available_wallet_credits;
+        const label = getCreditTypeLabel(primaryCredit);
+        const row = {
+          id: `${period.period_order}-${group.group_order}-${line.line_order}`,
+          label,
+          used: formatQuantity((_b = walletBalanceDetails.used_wallet_credits) == null ? void 0 : _b.quantity),
+          left: formatQuantity((_c = walletBalanceDetails.left_wallet_credits) == null ? void 0 : _c.quantity),
+          available: formatQuantity(
+            (_d = walletBalanceDetails.available_wallet_credits) == null ? void 0 : _d.quantity
+          )
+        };
+        const rowKey = `${row.label}-${row.used}-${row.left}-${row.available}`;
+        const rowKeys = rowKeysByLabel.get(label) ?? /* @__PURE__ */ new Set();
+        if (rowKeys.has(rowKey)) {
+          continue;
+        }
+        rowKeys.add(rowKey);
+        rowKeysByLabel.set(label, rowKeys);
+        const walletRow = walletRowsByLabel.get(label) ?? {
+          id: `${period.period_order}-${label}`,
+          label,
+          amount: row.available,
+          rows: []
+        };
+        walletRow.rows.push(row);
+        walletRowsByLabel.set(label, walletRow);
+      }
+    }
+    return {
+      id: `${period.period_order}-${period.start_at}`,
+      title: getPeriodTitle(period),
+      rows: [...walletRowsByLabel.values()]
+    };
+  }).filter((period) => period.rows.length > 0);
+};
+const _hoisted_1$1 = {
+  key: 0,
+  class: "mt-8"
+};
+const _hoisted_2$1 = { class: "flex flex-col gap-6" };
+const _hoisted_3$1 = ["onClick", "onKeyup"];
+const _hoisted_4 = { class: "ml-1 inline-flex h-3.5 w-3.5 items-center justify-center rounded-full bg-blue-100 text-2xs font-bold text-blue-600" };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { class: "p-0" };
+const _hoisted_7 = { class: "-mx-9 bg-gray-50 px-9 py-3 text-xs" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "InvoiceCreditsBreakdown",
+  props: {
+    invoice: { type: Object }
+  },
+  setup(__props) {
+    const props = __props;
+    const { formatDate, $t, formatMessage, formatNumber } = useIntl();
+    const { getIsOpen, toggle } = useToggleList();
+    const creditTypesById = computed(
+      () => Object.fromEntries(
+        (props.invoice.credit_types ?? []).map((creditType) => [
+          creditType.id,
+          creditType
+        ])
+      )
+    );
+    const getPeriodTitle = (period) => formatMessage(
+      {
+        defaultMessage: "Service period - {startAt} - {endAt}",
+        id: "wallet_balance.service_period_heading",
+        description: "Heading shown above wallet balance details for an invoice period"
+      },
+      {
+        startAt: formatDate({
+          date: period.start_at,
+          format: "date",
+          offsetType: "offsetted",
+          timezone: props.invoice.customer.timezone
+        }),
+        endAt: formatDate({
+          date: period.end_at,
+          format: "date",
+          offsetType: "offsetted",
+          timezone: props.invoice.customer.timezone
+        })
+      }
+    );
+    const getCreditTypeLabel = (credits) => {
+      var _a;
+      if (!(credits == null ? void 0 : credits.credit_type_id)) {
+        return formatMessage({
+          defaultMessage: "Credits",
+          id: "wallet_balance.credit_type_fallback_label",
+          description: "Fallback label for wallet balance credit types when no name is available"
+        });
+      }
+      return ((_a = creditTypesById.value[credits.credit_type_id]) == null ? void 0 : _a.name) ?? credits.credit_type_id;
+    };
+    const formatQuantity = (quantity) => quantity ? formatNumber(Number(quantity)) : formatMessage({
+      defaultMessage: "-",
+      id: "empty_value_placeholder",
+      description: "Placeholder shown when a wallet balance quantity is missing"
+    });
+    const periodsWithCredits = computed(
+      () => buildInvoiceCreditsBreakdown({
+        invoice: props.invoice,
+        getPeriodTitle,
+        getCreditTypeLabel,
+        formatQuantity
+      })
+    );
+    return (_ctx, _cache) => {
+      return periodsWithCredits.value.length > 0 ? (openBlock(), createElementBlock("section", _hoisted_1$1, [
+        createElementVNode("div", _hoisted_2$1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(periodsWithCredits.value, (period) => {
+            return openBlock(), createElementBlock("section", {
+              key: period.id
+            }, [
+              createVNode(unref(_sfc_main$5), { class: "mt-4" }, {
+                default: withCtx(() => [
+                  createVNode(unref(_sfc_main$6), {
+                    tag: "h3",
+                    variant: "caps-heading"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(period.title), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1024),
+              createVNode(unref(InvoiceTable), { class: "mt-3" }, {
+                default: withCtx(() => [
+                  createElementVNode("tr", null, [
+                    createVNode(unref(_sfc_main$7), {
+                      left: "",
+                      class: "text-gray-600"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref($t)({
+                          defaultMessage: "Wallet balance",
+                          id: "wallet_balance.details.header",
+                          description: "Section header for invoice wallet balance details"
+                        })), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(period.rows, (row) => {
+                    return openBlock(), createElementBlock(Fragment, {
+                      key: row.id
+                    }, [
+                      createElementVNode("tr", {
+                        class: "cursor-pointer border-t",
+                        tabindex: "0",
+                        onClick: ($event) => unref(toggle)(row.id),
+                        onKeyup: [
+                          withKeys(($event) => unref(toggle)(row.id), ["enter"]),
+                          withKeys(($event) => unref(toggle)(row.id), ["space"])
+                        ]
+                      }, [
+                        createVNode(unref(_sfc_main$8), { class: "p-0" }, {
+                          default: withCtx(() => [
+                            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) }])
+                            }, null, 8, ["class"]),
+                            createTextVNode(" " + toDisplayString(row.label) + " ", 1),
+                            createElementVNode("span", _hoisted_4, toDisplayString(row.rows.length), 1)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ], 40, _hoisted_3$1),
+                      unref(getIsOpen)(row.id) ? (openBlock(), createElementBlock("tr", _hoisted_5, [
+                        createElementVNode("td", _hoisted_6, [
+                          createElementVNode("div", _hoisted_7, [
+                            createVNode(unref(InvoiceTable), null, {
+                              default: withCtx(() => [
+                                createElementVNode("tr", null, [
+                                  createVNode(unref(_sfc_main$7), {
+                                    left: "",
+                                    class: "w-2/5"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(unref($t)({
+                                        defaultMessage: "Credit breakdown",
+                                        id: "invoice_credits.credit_breakdown.table_header",
+                                        description: "Column header for wallet balance credit type details"
+                                      })), 1)
+                                    ]),
+                                    _: 1
+                                  }),
+                                  createVNode(unref(_sfc_main$7), {
+                                    right: "",
+                                    class: "w-1/5"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(unref($t)({
+                                        defaultMessage: "Balance",
+                                        id: "invoice_credits.balance.table_header",
+                                        description: "Column header for the available wallet balance amount"
+                                      })), 1)
+                                    ]),
+                                    _: 1
+                                  }),
+                                  createVNode(unref(_sfc_main$7), {
+                                    right: "",
+                                    class: "w-1/5"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(unref($t)({
+                                        defaultMessage: "Used",
+                                        id: "invoice_credits.used.table_header",
+                                        description: "Column header for the used wallet credit amount"
+                                      })), 1)
+                                    ]),
+                                    _: 1
+                                  }),
+                                  createVNode(unref(_sfc_main$7), {
+                                    right: "",
+                                    class: "w-1/5"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(unref($t)({
+                                        defaultMessage: "Remaining",
+                                        id: "invoice_credits.remaining.table_header",
+                                        description: "Column header for the remaining wallet credit amount"
+                                      })), 1)
+                                    ]),
+                                    _: 1
+                                  })
+                                ]),
+                                (openBlock(true), createElementBlock(Fragment, null, renderList(row.rows, (breakdownRow) => {
+                                  return openBlock(), createElementBlock("tr", {
+                                    key: breakdownRow.id,
+                                    class: "border-t"
+                                  }, [
+                                    createVNode(unref(_sfc_main$8), null, {
+                                      default: withCtx(() => [
+                                        createTextVNode(toDisplayString(breakdownRow.label), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1024),
+                                    createVNode(unref(_sfc_main$8), { number: "" }, {
+                                      default: withCtx(() => [
+                                        createTextVNode(toDisplayString(breakdownRow.available), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1024),
+                                    createVNode(unref(_sfc_main$8), { number: "" }, {
+                                      default: withCtx(() => [
+                                        createTextVNode(toDisplayString(breakdownRow.used), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1024),
+                                    createVNode(unref(_sfc_main$8), { number: "" }, {
+                                      default: withCtx(() => [
+                                        createTextVNode(toDisplayString(breakdownRow.left), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1024)
+                                  ]);
+                                }), 128))
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ])
+                        ])
+                      ])) : createCommentVNode("", true)
+                    ], 64);
+                  }), 128))
+                ]),
+                _: 2
+              }, 1024)
+            ]);
+          }), 128))
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "InvoiceBlock",
+  props: {
+    invoice: { type: Object }
+  },
+  setup(__props) {
+    const { $t } = useIntl();
+    const { isMobileViewport: isSmallScreen } = useViewport();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$a), {
+        class: "sv-invoice__summary grow",
+        title: unref($t)({
+          defaultMessage: "Invoice",
+          description: "Title for the invoice block on the invoice details page",
+          id: "sdk.invoice_details.invoice.title"
+        })
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(["sv-invoice__summary-body", { "p-6 pt-2": !unref(isSmallScreen) }])
+          }, [
+            unref(isSmallScreen) ? (openBlock(), createBlock(unref(_sfc_main$b), {
+              key: 0,
+              variant: "default",
+              "has-icon": "",
+              class: "sv-invoice__download-hint justify-center border-gray-100 bg-gray-50 font-semibold text-gray-800"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref($t)({
+                  defaultMessage: "Download the PDF for a full breakdown",
+                  description: "Download the PDF for a full breakdown",
+                  id: "sdk.invoice_details.invoice.download_pdf"
+                })), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            createVNode(unref(_sfc_main$c), {
+              class: "sv-invoice__summary-content",
+              invoice: __props.invoice,
+              "is-expandable": !unref(isSmallScreen)
+            }, {
+              logo: withCtx(() => [
+                renderSlot(_ctx.$slots, "logo")
+              ]),
+              _: 3
+            }, 8, ["invoice", "is-expandable"]),
+            createVNode(_sfc_main$3, {
+              class: "sv-invoice__credits-breakdown",
+              invoice: __props.invoice
+            }, null, 8, ["invoice"])
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["title"]);
+    };
+  }
+});
+const _hoisted_1 = { class: "sv-invoice sv-root sv-component" };
+const _hoisted_2 = { class: "sv-invoice__body flex flex-col gap-3 lg:flex-row lg:gap-6" };
+const _hoisted_3 = { class: "sv-invoice__aside flex shrink-0 flex-col gap-8 lg:w-72 lg:gap-6" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "Invoice",
+  props: {
+    isLoading: { type: Boolean },
+    invoice: { type: Object },
+    payments: { type: Array },
+    invoiceDownloadService: { type: Function },
+    configuration: { type: Object }
+  },
+  setup(__props) {
+    const PaymentHistoryBlock = defineAsyncComponent(
+      () => import("../../PaymentHistoryBlock-D_B099M7.mjs")
+    );
+    const { $t } = useIntl();
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(_sfc_main$d), {
+          class: "sv-invoice__header mb-6",
+          "payment-attempts": __props.payments ?? [],
+          invoice: __props.invoice,
+          "download-service": () => __props.invoiceDownloadService(__props.invoice.id),
+          "show-download-button": __props.configuration.enableDownloadButton,
+          variant: "external"
+        }, null, 8, ["payment-attempts", "invoice", "download-service", "show-download-button"]),
+        createElementVNode("div", _hoisted_2, [
+          __props.invoice ? (openBlock(), createBlock(_sfc_main$2, {
+            key: 0,
+            class: "sv-invoice__main",
+            invoice: __props.invoice
+          }, null, 8, ["invoice"])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_3, [
+            createVNode(_sfc_main$e, {
+              class: "sv-invoice__details",
+              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,
+              class: "sv-invoice__payment-history",
+              "payment-attempts": __props.payments,
+              customer: __props.invoice.customer
+            }, null, 8, ["payment-attempts", "customer"])) : createCommentVNode("", true),
+            __props.configuration.enableCustomerBillingInformation ? (openBlock(), createBlock(unref(_sfc_main$f), {
+              key: 1,
+              class: "sv-invoice__billing-information",
+              customer: __props.invoice.customer,
+              title: unref($t)({
+                defaultMessage: "Your billing information",
+                description: "Title for the billing information on the detailed invoice view",
+                id: "sdk.invoice_details.customer_billing_information.title"
+              })
+            }, null, 8, ["customer", "title"])) : createCommentVNode("", true)
+          ])
+        ])
+      ]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Invoice.entry",
+  props: {
+    environment: { type: String },
+    locale: { type: String },
+    dateLocale: { type: String },
+    messages: { type: Object },
+    primaryColor: { type: String },
+    secondaryColor: { type: String },
+    isShadowRoot: { type: Boolean },
+    experimentalFeatures: { type: Array },
+    logLevel: { type: String },
+    onLog: { type: Function },
+    allowedPortalTypes: { type: Array },
+    portalObject: { type: Object },
+    cssOverrides: { type: [String, Array] },
+    branding: { type: Object },
+    configuration: { type: Object }
+  },
+  setup(__props) {
+    var _a;
+    const props = __props;
+    if (!((_a = props.configuration) == null ? void 0 : _a.invoiceId)) {
+      throw new Error("Missing invoice id");
+    }
+    const resolvedProps = computed(() => ({
+      ...props,
+      configuration: {
+        enableCustomerBillingInformation: true,
+        enableDownloadButton: true,
+        enablePaymentAttempts: true,
+        ...props.configuration
+      }
+    }));
+    return (_ctx, _cache) => {
+      var _a2, _b, _c, _d;
+      return openBlock(), createBlock(unref(_sfc_main$g), {
+        "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,
+        "css-overrides": __props.cssOverrides,
+        onError: _cache[0] || (_cache[0] = (error) => _ctx.$emit("error", error))
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$4, normalizeProps(guardReactiveProps(resolvedProps.value)), {
+            default: withCtx(({ invoice, payments, isLoading, invoiceDownloadService }) => [
+              invoice ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
+                "is-loading": isLoading,
+                invoice,
+                "invoice-download-service": invoiceDownloadService,
+                payments: payments.payments.value,
+                configuration: __props.configuration
+              }, null, 8, ["is-loading", "invoice", "invoice-download-service", "payments", "configuration"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 16)
+        ]),
+        _: 1
+      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log", "css-overrides"]);
+    };
+  }
+});
+const SolvimonInvoice = defineCustomElement(_sfc_main);
+const COMPONENT_NAME = getComponentName("invoice");
+const defineSolvimonInvoice = () => {
+  if (!customElements.get(COMPONENT_NAME)) {
+    customElements.define(COMPONENT_NAME, SolvimonInvoice);
+  }
+};
 export {
-  C as COMPONENT_NAME,
-  S as SolvimonInvoice,
-  d as defineSolvimonInvoice
+  COMPONENT_NAME,
+  SolvimonInvoice,
+  defineSolvimonInvoice
 };

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

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