@solvimon/solvimon-web 0.1.0-alpha.1

package/dist/Invoice.entry.ce-CdJ9TPZe.mjs

@@ -0,0 +1,583 @@
+import { defineComponent, renderSlot, unref, computed, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createVNode, withCtx, createTextVNode, toDisplayString, withKeys, normalizeClass, createCommentVNode, createBlock, normalizeProps, guardReactiveProps } from "vue";
+import { u as useLoadInitialData } from "./useLoadInitialData-Dm48tlSO.mjs";
+import { c as createInvoicesService } from "./invoices-C31Wz1Bu.mjs";
+import { u as useService } from "./useService-Dz13Nxbi.mjs";
+import { c as createPaymentsService } from "./payments-NtWI8KlU.mjs";
+import { b as useIntl, N as useToggleList, O as _sfc_main$2q, _ as _sfc_main$2$1, Q as InvoiceTable, R as _sfc_main$t, S as _sfc_main$u, U as _sfc_main$4$1, d as _sfc_main$1g, V as _sfc_main$1J, W as _sfc_main$e, X as _sfc_main$w, l as _sfc_main$z, o as _sfc_main$8, p as defineCustomElement, n as getComponentName } from "./component-BkmcE85U.mjs";
+import { u as useWindowSize } from "./index-D3v7hAtc.mjs";
+import { _ as _sfc_main$6 } from "./InvoiceDetailsBlock.vue_vue_type_script_setup_true_lang-5yBnSRap.mjs";
+import { _ as _sfc_main$7 } from "./PaymentHistoryBlock.vue_vue_type_script_setup_true_lang-CknZKCmY.mjs";
+function useInvoice({ invoiceId }) {
+  const { getInvoice, getInvoicePdf: downloadInvoicePdf } = createInvoicesService();
+  const service = () => getInvoice(invoiceId);
+  const {
+    data,
+    execute: get,
+    apiStatus,
+    error,
+    isPending
+  } = useService({
+    service
+  });
+  return {
+    invoice: data,
+    downloadInvoicePdf,
+    apiStatus,
+    error,
+    get,
+    isPending
+  };
+}
+function usePayments() {
+  const { getPayments } = createPaymentsService();
+  const { data, execute: get, error, apiStatus, isPending } = useService({
+    service: getPayments,
+    isCollection: true
+  });
+  return { payments: data, get, error, apiStatus, isPending };
+}
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "Invoice.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 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 = ["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$4 = /* @__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: "kFCxC4",
+        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: "K2fM1n",
+          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: "dHb0fN",
+      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$2q), { class: "mt-4" }, {
+                default: withCtx(() => [
+                  createVNode(unref(_sfc_main$2$1), {
+                    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$t), {
+                      left: "",
+                      class: "text-gray-600"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref($t)({
+                          defaultMessage: "Wallet balance",
+                          id: "j2d7b2",
+                          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$u), { class: "p-0" }, {
+                          default: withCtx(() => [
+                            createVNode(unref(_sfc_main$4$1), {
+                              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),
+                      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$t), {
+                                    left: "",
+                                    class: "w-2/5"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(unref($t)({
+                                        defaultMessage: "Credit breakdown",
+                                        id: "65I4e4",
+                                        description: "Column header for wallet balance credit type details"
+                                      })), 1)
+                                    ]),
+                                    _: 1
+                                  }),
+                                  createVNode(unref(_sfc_main$t), {
+                                    right: "",
+                                    class: "w-1/5"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(unref($t)({
+                                        defaultMessage: "Balance",
+                                        id: "4UjRe6",
+                                        description: "Column header for the available wallet balance amount"
+                                      })), 1)
+                                    ]),
+                                    _: 1
+                                  }),
+                                  createVNode(unref(_sfc_main$t), {
+                                    right: "",
+                                    class: "w-1/5"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(unref($t)({
+                                        defaultMessage: "Used",
+                                        id: "rUy4Lk",
+                                        description: "Column header for the used wallet credit amount"
+                                      })), 1)
+                                    ]),
+                                    _: 1
+                                  }),
+                                  createVNode(unref(_sfc_main$t), {
+                                    right: "",
+                                    class: "w-1/5"
+                                  }, {
+                                    default: withCtx(() => [
+                                      createTextVNode(toDisplayString(unref($t)({
+                                        defaultMessage: "Remaining",
+                                        id: "C8F4/r",
+                                        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$u), null, {
+                                      default: withCtx(() => [
+                                        createTextVNode(toDisplayString(breakdownRow.label), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1024),
+                                    createVNode(unref(_sfc_main$u), { number: "" }, {
+                                      default: withCtx(() => [
+                                        createTextVNode(toDisplayString(breakdownRow.available), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1024),
+                                    createVNode(unref(_sfc_main$u), { number: "" }, {
+                                      default: withCtx(() => [
+                                        createTextVNode(toDisplayString(breakdownRow.used), 1)
+                                      ]),
+                                      _: 2
+                                    }, 1024),
+                                    createVNode(unref(_sfc_main$u), { 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$3 = /* @__PURE__ */ defineComponent({
+  __name: "InvoiceBlock",
+  props: {
+    invoice: { type: Object }
+  },
+  setup(__props) {
+    const { $t } = useIntl();
+    const { width } = useWindowSize();
+    const isSmallScreen = computed(() => width.value <= 768);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1g), {
+        title: unref($t)({
+          defaultMessage: "Invoice",
+          description: "Title for the invoice block on the invoice details page",
+          id: "sdk.invoice_details.invoice.title"
+        }),
+        class: "grow"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass({ "p-6 pt-2": !isSmallScreen.value })
+          }, [
+            isSmallScreen.value ? (openBlock(), createBlock(unref(_sfc_main$1J), {
+              key: 0,
+              variant: "default",
+              "has-icon": "",
+              class: "justify-center bg-gray-50 border-gray-100 text-gray-800 font-semibold"
+            }, {
+              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$e), {
+              invoice: __props.invoice,
+              "is-expandable": !isSmallScreen.value
+            }, {
+              logo: withCtx(() => [
+                renderSlot(_ctx.$slots, "logo")
+              ]),
+              _: 3
+            }, 8, ["invoice", "is-expandable"]),
+            createVNode(_sfc_main$4, { invoice: __props.invoice }, null, 8, ["invoice"])
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["title"]);
+    };
+  }
+});
+const _hoisted_1 = { class: "flex flex-col gap-3 lg:flex-row lg:gap-6" };
+const _hoisted_2 = { class: "flex shrink-0 flex-col gap-8 lg:w-72 lg:gap-6" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "InvoiceDetail",
+  props: {
+    invoice: { type: Object },
+    paymentAttempts: { default: () => [], type: Array },
+    downloadService: { type: Function },
+    showDownloadButton: { type: Boolean, default: true },
+    showCustomerBillingInformation: { type: Boolean, default: true },
+    showPaymentAttempts: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const { $t } = useIntl();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(_sfc_main$w), {
+          class: "mb-6",
+          "payment-attempts": __props.paymentAttempts,
+          invoice: __props.invoice,
+          "download-service": () => __props.downloadService(__props.invoice.id),
+          "show-download-button": __props.showDownloadButton,
+          variant: "external"
+        }, null, 8, ["payment-attempts", "invoice", "download-service", "show-download-button"]),
+        createElementVNode("div", _hoisted_1, [
+          __props.invoice ? (openBlock(), createBlock(_sfc_main$3, {
+            key: 0,
+            invoice: __props.invoice
+          }, null, 8, ["invoice"])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_2, [
+            createVNode(_sfc_main$6, { invoice: __props.invoice }, null, 8, ["invoice"]),
+            __props.showPaymentAttempts && __props.paymentAttempts.length ? (openBlock(), createBlock(_sfc_main$7, {
+              key: 0,
+              "payment-attempts": __props.paymentAttempts,
+              customer: __props.invoice.customer
+            }, null, 8, ["payment-attempts", "customer"])) : createCommentVNode("", true),
+            __props.showCustomerBillingInformation ? (openBlock(), createBlock(unref(_sfc_main$z), {
+              key: 1,
+              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)
+          ])
+        ])
+      ], 64);
+    };
+  }
+});
+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) {
+    return (_ctx, _cache) => {
+      var _a, _b, _c;
+      return openBlock(), createBlock(_sfc_main$2, {
+        invoice: __props.invoice,
+        "payment-attempts": __props.payments,
+        "download-service": __props.invoiceDownloadService,
+        "show-download-button": (_a = __props.configuration) == null ? void 0 : _a.enableDownloadButton,
+        "show-customer-billing-information": (_b = __props.configuration) == null ? void 0 : _b.enableCustomerBillingInformation,
+        "show-payment-attempts": (_c = __props.configuration) == null ? void 0 : _c.enablePaymentAttempts
+      }, null, 8, ["invoice", "payment-attempts", "download-service", "show-download-button", "show-customer-billing-information", "show-payment-attempts"]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Invoice.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");
+    }
+    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$8), {
+        "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$5, 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"]);
+    };
+  }
+});
+const SolvimonInvoice = defineCustomElement(_sfc_main);
+const COMPONENT_NAME = getComponentName("invoice");
+const defineSolvimonInvoice = () => {
+  if (!customElements.get(COMPONENT_NAME)) {
+    customElements.define(COMPONENT_NAME, SolvimonInvoice);
+  }
+};
+export {
+  COMPONENT_NAME as C,
+  SolvimonInvoice as S,
+  _sfc_main as _,
+  defineSolvimonInvoice as d
+};

package/dist/Invoice.entry.ce-Cgr43ome.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./useLoadInitialData-BRg7IWqW.js"),o=require("./invoices-8M_3ur_U.js"),n=require("./useService-bNNi4GB8.js"),i=require("./payments-C3LPk9k9.js"),a=require("./component-Df5eNqYX.js"),r=require("./index-CWSXne1Q.js"),l=require("./InvoiceDetailsBlock.vue_vue_type_script_setup_true_lang-t6E9_dWJ.js"),c=require("./PaymentHistoryBlock.vue_vue_type_script_setup_true_lang-8UxAr2hU.js");const s=e.defineComponent({__name:"Invoice.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(a){const r=a,l=function({invoiceId:e}){const{getInvoice:t,getInvoicePdf:i}=o.createInvoicesService(),{data:a,execute:r,apiStatus:l,error:c,isPending:s}=n.useService({service:()=>t(e)});return{invoice:a,downloadInvoicePdf:i,apiStatus:l,error:c,get:r,isPending:s}}({invoiceId:r.configuration.invoiceId}),c=function(){const{getPayments:e}=i.createPaymentsService(),{data:t,execute:o,error:a,apiStatus:r,isPending:l}=n.useService({service:e,isCollection:!0});return{payments:t,get:o,error:a,apiStatus:r,isPending:l}}(),{isLoading:s}=t.useLoadInitialData(l.get(),c.get(r.configuration.invoiceId));return(t,o)=>e.renderSlot(t.$slots,"default",{invoice:e.unref(l).invoice.value,invoiceDownloadService:e.unref(l).downloadInvoicePdf,payments:e.unref(c),isLoading:e.unref(s)})}}),d={key:0,class:"mt-8"},u={class:"flex flex-col gap-6"},p=["onClick","onKeyup"],m={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"},f={key:0},v={class:"p-0"},g={class:"-mx-9 bg-gray-50 px-9 py-3 text-xs"},y=e.defineComponent({__name:"InvoiceCreditsBreakdown",props:{invoice:{type:Object}},setup(t){const o=t,{formatDate:n,$t:i,formatMessage:r,formatNumber:l}=a.useIntl(),{getIsOpen:c,toggle:s}=a.useToggleList(),y=e.computed(()=>Object.fromEntries((o.invoice.credit_types??[]).map(e=>[e.id,e]))),_=e=>r({defaultMessage:"Service period - {startAt} - {endAt}",id:"kFCxC4",description:"Heading shown above wallet balance details for an invoice period"},{startAt:n({date:e.start_at,format:"date",offsetType:"offsetted",timezone:o.invoice.customer.timezone}),endAt:n({date:e.end_at,format:"date",offsetType:"offsetted",timezone:o.invoice.customer.timezone})}),w=e=>{var t;return(null==e?void 0:e.credit_type_id)?(null==(t=y.value[e.credit_type_id])?void 0:t.name)??e.credit_type_id:r({defaultMessage:"Credits",id:"K2fM1n",description:"Fallback label for wallet balance credit types when no name is available"})},b=e=>e?l(Number(e)):r({defaultMessage:"-",id:"dHb0fN",description:"Placeholder shown when a wallet balance quantity is missing"}),h=e.computed(()=>(({invoice:e,getPeriodTitle:t,getCreditTypeLabel:o,formatQuantity:n})=>[...e.periods??[],...e.closed_periods??[]].map(e=>{var i,a,r,l;const c=new Map,s=new Map;for(const t of e.groups??[])for(const d of t.lines??[]){const u=null==(i=null==d?void 0:d.details)?void 0:i.wallet_balance_details;if(!u)continue;const p=u.used_wallet_credits??u.left_wallet_credits??u.available_wallet_credits,m=o(p),f={id:`${e.period_order}-${t.group_order}-${d.line_order}`,label:m,used:n(null==(a=u.used_wallet_credits)?void 0:a.quantity),left:n(null==(r=u.left_wallet_credits)?void 0:r.quantity),available:n(null==(l=u.available_wallet_credits)?void 0:l.quantity)},v=`${f.label}-${f.used}-${f.left}-${f.available}`,g=s.get(m)??new Set;if(g.has(v))continue;g.add(v),s.set(m,g);const y=c.get(m)??{id:`${e.period_order}-${m}`,label:m,amount:f.available,rows:[]};y.rows.push(f),c.set(m,y)}return{id:`${e.period_order}-${e.start_at}`,title:t(e),rows:[...c.values()]}}).filter(e=>e.rows.length>0))({invoice:o.invoice,getPeriodTitle:_,getCreditTypeLabel:w,formatQuantity:b}));return(t,o)=>h.value.length>0?(e.openBlock(),e.createElementBlock("section",d,[e.createElementVNode("div",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,t=>(e.openBlock(),e.createElementBlock("section",{key:t.id},[e.createVNode(e.unref(a._sfc_main$2q),{class:"mt-4"},{default:e.withCtx(()=>[e.createVNode(e.unref(a._sfc_main$2),{tag:"h3",variant:"caps-heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),_:2},1024)]),_:2},1024),e.createVNode(e.unref(a.InvoiceTable),{class:"mt-3"},{default:e.withCtx(()=>[e.createElementVNode("tr",null,[e.createVNode(e.unref(a._sfc_main$t),{left:"",class:"text-gray-600"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Wallet balance",id:"j2d7b2",description:"Section header for invoice wallet balance details"})),1)]),_:1})]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.rows,t=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t.id},[e.createElementVNode("tr",{class:"cursor-pointer border-t",tabindex:"0",onClick:o=>e.unref(s)(t.id),onKeyup:[e.withKeys(o=>e.unref(s)(t.id),["enter"]),e.withKeys(o=>e.unref(s)(t.id),["space"])]},[e.createVNode(e.unref(a._sfc_main$u),{class:"p-0"},{default:e.withCtx(()=>[e.createVNode(e.unref(a._sfc_main$4),{icon:"keyboard_arrow_down",size:"md",class:e.normalizeClass(["absolute -translate-x-7 text-slate-400",{"-rotate-90":!e.unref(c)(t.id)}])},null,8,["class"]),e.createTextVNode(" "+e.toDisplayString(t.label)+" ",1),e.createElementVNode("span",m,e.toDisplayString(t.rows.length),1)]),_:2},1024)],40,p),e.unref(c)(t.id)?(e.openBlock(),e.createElementBlock("tr",f,[e.createElementVNode("td",v,[e.createElementVNode("div",g,[e.createVNode(e.unref(a.InvoiceTable),null,{default:e.withCtx(()=>[e.createElementVNode("tr",null,[e.createVNode(e.unref(a._sfc_main$t),{left:"",class:"w-2/5"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Credit breakdown",id:"65I4e4",description:"Column header for wallet balance credit type details"})),1)]),_:1}),e.createVNode(e.unref(a._sfc_main$t),{right:"",class:"w-1/5"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Balance",id:"4UjRe6",description:"Column header for the available wallet balance amount"})),1)]),_:1}),e.createVNode(e.unref(a._sfc_main$t),{right:"",class:"w-1/5"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Used",id:"rUy4Lk",description:"Column header for the used wallet credit amount"})),1)]),_:1}),e.createVNode(e.unref(a._sfc_main$t),{right:"",class:"w-1/5"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Remaining",id:"C8F4/r",description:"Column header for the remaining wallet credit amount"})),1)]),_:1})]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.rows,t=>(e.openBlock(),e.createElementBlock("tr",{key:t.id,class:"border-t"},[e.createVNode(e.unref(a._sfc_main$u),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:2},1024),e.createVNode(e.unref(a._sfc_main$u),{number:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.available),1)]),_:2},1024),e.createVNode(e.unref(a._sfc_main$u),{number:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.used),1)]),_:2},1024),e.createVNode(e.unref(a._sfc_main$u),{number:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.left),1)]),_:2},1024)]))),128))]),_:2},1024)])])])):e.createCommentVNode("",!0)],64))),128))]),_:2},1024)]))),128))])])):e.createCommentVNode("",!0)}}),_=e.defineComponent({__name:"InvoiceBlock",props:{invoice:{type:Object}},setup(t){const{$t:o}=a.useIntl(),{width:n}=r.useWindowSize(),i=e.computed(()=>n.value<=768);return(n,r)=>(e.openBlock(),e.createBlock(e.unref(a._sfc_main$1g),{title:e.unref(o)({defaultMessage:"Invoice",description:"Title for the invoice block on the invoice details page",id:"sdk.invoice_details.invoice.title"}),class:"grow"},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass({"p-6 pt-2":!i.value})},[i.value?(e.openBlock(),e.createBlock(e.unref(a._sfc_main$1J),{key:0,variant:"default","has-icon":"",class:"justify-center bg-gray-50 border-gray-100 text-gray-800 font-semibold"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o)({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})):e.createCommentVNode("",!0),e.createVNode(e.unref(a._sfc_main$e),{invoice:t.invoice,"is-expandable":!i.value},{logo:e.withCtx(()=>[e.renderSlot(n.$slots,"logo")]),_:3},8,["invoice","is-expandable"]),e.createVNode(y,{invoice:t.invoice},null,8,["invoice"])],2)]),_:3},8,["title"]))}}),w={class:"flex flex-col gap-3 lg:flex-row lg:gap-6"},b={class:"flex shrink-0 flex-col gap-8 lg:w-72 lg:gap-6"},h=e.defineComponent({__name:"InvoiceDetail",props:{invoice:{type:Object},paymentAttempts:{default:()=>[],type:Array},downloadService:{type:Function},showDownloadButton:{type:Boolean,default:!0},showCustomerBillingInformation:{type:Boolean,default:!0},showPaymentAttempts:{type:Boolean,default:!0}},setup(t){const{$t:o}=a.useIntl();return(n,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(a._sfc_main$w),{class:"mb-6","payment-attempts":t.paymentAttempts,invoice:t.invoice,"download-service":()=>t.downloadService(t.invoice.id),"show-download-button":t.showDownloadButton,variant:"external"},null,8,["payment-attempts","invoice","download-service","show-download-button"]),e.createElementVNode("div",w,[t.invoice?(e.openBlock(),e.createBlock(_,{key:0,invoice:t.invoice},null,8,["invoice"])):e.createCommentVNode("",!0),e.createElementVNode("div",b,[e.createVNode(l._sfc_main,{invoice:t.invoice},null,8,["invoice"]),t.showPaymentAttempts&&t.paymentAttempts.length?(e.openBlock(),e.createBlock(c._sfc_main,{key:0,"payment-attempts":t.paymentAttempts,customer:t.invoice.customer},null,8,["payment-attempts","customer"])):e.createCommentVNode("",!0),t.showCustomerBillingInformation?(e.openBlock(),e.createBlock(e.unref(a._sfc_main$z),{key:1,customer:t.invoice.customer,title:e.unref(o)({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"])):e.createCommentVNode("",!0)])])],64))}}),x=e.defineComponent({__name:"Invoice",props:{isLoading:{type:Boolean},invoice:{type:Object},payments:{type:Array},invoiceDownloadService:{type:Function},configuration:{type:Object}},setup:t=>(o,n)=>{var i,a,r;return e.openBlock(),e.createBlock(h,{invoice:t.invoice,"payment-attempts":t.payments,"download-service":t.invoiceDownloadService,"show-download-button":null==(i=t.configuration)?void 0:i.enableDownloadButton,"show-customer-billing-information":null==(a=t.configuration)?void 0:a.enableCustomerBillingInformation,"show-payment-attempts":null==(r=t.configuration)?void 0:r.enablePaymentAttempts},null,8,["invoice","payment-attempts","download-service","show-download-button","show-customer-billing-information","show-payment-attempts"])}}),k=e.defineComponent({__name:"Invoice.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;const n=t;if(!(null==(o=n.configuration)?void 0:o.invoiceId))throw new Error("Missing invoice id");const i=e.computed(()=>({...n,configuration:{enableCustomerBillingInformation:!0,enableDownloadButton:!0,enablePaymentAttempts:!0,...n.configuration}}));return(o,n)=>{var r,l,c,d;return e.openBlock(),e.createBlock(e.unref(a._sfc_main$1),{"custom-element-name":e.unref(N),environment:t.environment,locale:t.locale,"portal-object":t.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(l=null==(r=t.branding)?void 0:r.colors)?void 0:l.primary,"secondary-color":null==(d=null==(c=t.branding)?void 0:c.colors)?void 0:d.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(s,e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(({invoice:o,payments:n,isLoading:i,invoiceDownloadService:a})=>[o?(e.openBlock(),e.createBlock(x,{key:0,"is-loading":i,invoice:o,"invoice-download-service":a,payments:n.payments.value,configuration:t.configuration},null,8,["is-loading","invoice","invoice-download-service","payments","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=a.defineCustomElement(k),N=a.getComponentName("invoice");exports.COMPONENT_NAME=N,exports.SolvimonInvoice=C,exports._sfc_main=k,exports.defineSolvimonInvoice=()=>{customElements.get(N)||customElements.define(N,C)};