@solvimon/solvimon-web 0.1.0-alpha.1

package/dist/useCustomerPaymentMethodOptions-Fe_dLxfv.mjs

@@ -0,0 +1,168 @@
+import { defineComponent, computed, openBlock, createBlock, unref, createSlots, withCtx, createElementBlock, Fragment, renderList, createVNode, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { b as useIntl, d as _sfc_main$1g, g as _sfc_main$2, _ as _sfc_main$2$1, m as _sfc_main$2H } from "./component-BkmcE85U.mjs";
+import { _ as _sfc_main$3 } from "./Skeleton.vue_vue_type_script_setup_true_lang-BFFJw-5h.mjs";
+import { u as useActionDispatchProvider } from "./useActionDispatchProvider-CBo_Hwu5.mjs";
+import { c as createPaymentMethodsService } from "./paymentMethods-CrU4G_2Y.mjs";
+import { u as useService } from "./useService-Dz13Nxbi.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "flex flex-col gap-2"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "CustomerPaymentMethodsBlock",
+  props: {
+    paymentMethods: { type: Array },
+    limit: { default: 2, type: Number },
+    isLoading: { type: Boolean },
+    showViewAllButton: { type: Boolean },
+    showAddButton: { type: Boolean }
+  },
+  emits: ["view-all-payment-methods", "add-payment-method"],
+  setup(__props) {
+    const props = __props;
+    const { $t } = useIntl();
+    const hasPaymentMethods = computed(() => props.paymentMethods.length > 0);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1g), {
+        "no-spacing": "",
+        "no-border": "",
+        title: unref($t)(
+          {
+            defaultMessage: "{count, plural, one {Payment method} other {Payment methods}}",
+            description: "Title for the payment methods block on the customer overview page",
+            id: "customer_overview.payment_methods.title"
+          },
+          { count: String(__props.paymentMethods.length) }
+        )
+      }, createSlots({
+        default: withCtx(() => [
+          hasPaymentMethods.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.paymentMethods, (paymentMethod) => {
+              return openBlock(), createBlock(unref(_sfc_main$1g), {
+                key: paymentMethod.id
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(_sfc_main$2), { "payment-method": paymentMethod }, null, 8, ["payment-method"])
+                ]),
+                _: 2
+              }, 1024);
+            }), 128))
+          ])) : (openBlock(), createBlock(unref(_sfc_main$1g), { key: 1 }, {
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$2$1), {
+                variant: "body-sm",
+                shade: "lighter",
+                "no-spacing": ""
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref($t)({
+                    defaultMessage: "Add a payment method for recurring invoice payments.",
+                    description: "Helper text for adding a payment method when no payment methods are configured",
+                    id: "customer_overview.payment_methods_block.add_payment_method_helper_text"
+                  })), 1)
+                ]),
+                _: 1
+              }),
+              __props.showAddButton ? (openBlock(), createBlock(unref(_sfc_main$2H), {
+                key: 0,
+                class: "mt-4 w-full",
+                variant: "outline",
+                color: "gray",
+                "icon-prefix": "add",
+                type: "button",
+                onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("add-payment-method"))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref($t)({
+                    defaultMessage: "Add payment method",
+                    description: "Text for the add payment method button that is shown when no payment methods have been configured",
+                    id: "customer_overview.payment_methods_block.add_payment_method_button_label"
+                  })), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }))
+        ]),
+        _: 2
+      }, [
+        __props.showViewAllButton ? {
+          name: "right",
+          fn: withCtx(() => [
+            createVNode(unref(_sfc_main$2H), {
+              size: "sm",
+              variant: "ghost",
+              color: "gray",
+              "icon-suffix": "arrow_right_alt",
+              type: "button",
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("view-all-payment-methods"))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref($t)({
+                  defaultMessage: "View all",
+                  id: "customer_overview.payment_methods_block.view_all_payment_methods_link_label",
+                  description: "The link text that links to the overview page of the customer invoices"
+                })), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["title"]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CustomerPaymentMethods",
+  props: {
+    isLoading: { type: Boolean },
+    paymentMethods: { type: Array },
+    paymentMethodsOptions: { type: Array },
+    maxPaymentMethods: { type: Number },
+    configuration: { default: () => ({
+      showViewAllButton: true,
+      showAddButton: true
+    }), type: Object }
+  },
+  setup(__props) {
+    const { dispatchAction } = useActionDispatchProvider();
+    return (_ctx, _cache) => {
+      var _a, _b;
+      return __props.isLoading ? (openBlock(), createBlock(_sfc_main$3, {
+        key: 0,
+        variant: "section",
+        class: "h-72",
+        "data-testid": "customer-payment-methods-skeleton"
+      })) : (openBlock(), createBlock(_sfc_main$1, {
+        key: 1,
+        "is-loading": __props.isLoading,
+        "payment-methods": __props.paymentMethods,
+        "payment-methods-options": __props.paymentMethodsOptions,
+        "show-view-all-button": (_a = __props.configuration) == null ? void 0 : _a.showViewAllButton,
+        "show-add-button": (_b = __props.configuration) == null ? void 0 : _b.showAddButton,
+        onViewAllPaymentMethods: _cache[0] || (_cache[0] = ($event) => unref(dispatchAction)({ action: "view-all-payment-methods" })),
+        onAddPaymentMethod: _cache[1] || (_cache[1] = ($event) => unref(dispatchAction)({ action: "add-payment-method" }))
+      }, null, 8, ["is-loading", "payment-methods", "payment-methods-options", "show-view-all-button", "show-add-button"]));
+    };
+  }
+});
+function useCustomerPaymentMethodOptions({
+  customerId,
+  amount
+}) {
+  const { getPaymentMethodOptions } = createPaymentMethodsService();
+  const { data, execute, error, apiStatus, isPending } = useService({
+    initialValue: [],
+    service: async () => {
+      const response = await getPaymentMethodOptions({ customerId, amount });
+      return response.flatMap((entry) => entry.options ?? []);
+    }
+  });
+  return { error, apiStatus, items: data, fetch: execute, isPending };
+}
+export {
+  _sfc_main as _,
+  useCustomerPaymentMethodOptions as u
+};

package/dist/useIncrementalLoading-D8oKNxX7.js

@@ -0,0 +1 @@
+const e=require("./_Uint8Array-DxISR7XF.js"),a=require("./component-Df5eNqYX.js"),t=require("vue"),i=require("./cloneDeep-Hs8Pp07F.js");exports.useIncrementalLoading=function({initialData:n=[],service:u}){const s=t.ref(n),l=t.ref(e.ApiStatus.Initial),o=t.ref(null),r=t.ref(1),c=t.ref(!1),v=t.computed(()=>l.value===e.ApiStatus.Loading),p=async t=>{var i;if(!v.value)try{o.value=null,l.value=e.ApiStatus.Loading;const n=await u(t);if(!a.isApiSuccessCollectionResponse(n))return void(l.value=e.ApiStatus.Done);const v=n;c.value=!!(null==(i=v.links)?void 0:i.next),s.value=[...s.value,...v.data],l.value=e.ApiStatus.Done,r.value=t}catch(n){o.value=n,l.value=e.ApiStatus.Failed}};return{items:t.computed(()=>i.cloneDeep(s.value)),error:o,fetchInitial:async()=>await p(1),fetchMore:async()=>await p(r.value+1),fetchAll:async()=>{o.value=null,l.value=e.ApiStatus.Loading;const t=await a.getPaginatedFullList(async t=>{const i=await u(t);if(!a.isApiSuccessCollectionResponse(i))throw l.value=e.ApiStatus.Failed,new Error("message"in i?i.message:"Request failed");return i});s.value=t.data,l.value=e.ApiStatus.Done},isPending:v,hasNextBatch:c}};

package/dist/useIncrementalLoading-fHCizCSo.mjs

@@ -0,0 +1,69 @@
+import { A as ApiStatus } from "./_Uint8Array-DHE03FZr.mjs";
+import { i as getPaginatedFullList, j as isApiSuccessCollectionResponse } from "./component-BkmcE85U.mjs";
+import { ref, computed } from "vue";
+import { c as cloneDeep } from "./cloneDeep-sm9cY-u2.mjs";
+function useIncrementalLoading({
+  initialData = [],
+  service
+}) {
+  const items = ref(initialData);
+  const status = ref(ApiStatus.Initial);
+  const error = ref(null);
+  const page = ref(1);
+  const hasNextBatch = ref(false);
+  const isPending = computed(() => status.value === ApiStatus.Loading);
+  const loadPage = async (pageNumber) => {
+    var _a;
+    if (isPending.value) return;
+    try {
+      error.value = null;
+      status.value = ApiStatus.Loading;
+      const response = await service(pageNumber);
+      if (!isApiSuccessCollectionResponse(response)) {
+        status.value = ApiStatus.Done;
+        return;
+      }
+      const successResponse = response;
+      hasNextBatch.value = !!((_a = successResponse.links) == null ? void 0 : _a.next);
+      items.value = [...items.value, ...successResponse.data];
+      status.value = ApiStatus.Done;
+      page.value = pageNumber;
+    } catch (err) {
+      error.value = err;
+      status.value = ApiStatus.Failed;
+    }
+  };
+  const fetchAll = async () => {
+    error.value = null;
+    status.value = ApiStatus.Loading;
+    const response = await getPaginatedFullList(async (pageNum) => {
+      const response2 = await service(pageNum);
+      if (!isApiSuccessCollectionResponse(response2)) {
+        status.value = ApiStatus.Failed;
+        throw new Error("message" in response2 ? response2.message : "Request failed");
+      }
+      return response2;
+    });
+    items.value = response.data;
+    status.value = ApiStatus.Done;
+  };
+  const fetchMore = async () => {
+    return await loadPage(page.value + 1);
+  };
+  const nonMutableItems = computed(() => cloneDeep(items.value));
+  const fetchInitial = async () => {
+    return await loadPage(1);
+  };
+  return {
+    items: nonMutableItems,
+    error,
+    fetchInitial,
+    fetchMore,
+    fetchAll,
+    isPending,
+    hasNextBatch
+  };
+}
+export {
+  useIncrementalLoading as u
+};

package/dist/useInvoiceData-DImEH1ca.js

@@ -0,0 +1 @@
+const e=require("./invoices-8M_3ur_U.js"),t=require("./payments-C3LPk9k9.js"),n=require("vue"),a=require("./index-2jo9BSPM.js");exports.useInvoiceData=function(r){const{getInvoice:c}=e.createInvoicesService(),{getPayments:i}=t.createPaymentsService();return(({getData:e,onError:t,watchValue:r,debounce:c=200})=>{const i=n.ref(),s=n.ref(!0),o=async()=>{try{i.value=await e(r)}catch(n){null==t||t(n)}finally{s.value=!1}};return n.onMounted(async()=>{o(),r&&a.watchDebounced(r,()=>{o()},{debounce:c})}),{data:i,isPending:s}})({getData:async()=>{const[e,t]=await Promise.all([c(r),i(r)]);return{invoice:e,paymentAttempts:t}}})};

package/dist/useInvoiceData-dyvoDwFF.mjs

@@ -0,0 +1,51 @@
+import { c as createInvoicesService } from "./invoices-C31Wz1Bu.mjs";
+import { c as createPaymentsService } from "./payments-NtWI8KlU.mjs";
+import { ref, onMounted } from "vue";
+import { w as watchDebounced } from "./index-BFZ0dPh9.mjs";
+const useData = ({
+  getData,
+  onError,
+  watchValue,
+  debounce = 200
+}) => {
+  const data = ref();
+  const isPending = ref(true);
+  const handleGetData = async () => {
+    try {
+      data.value = await getData(watchValue);
+    } catch (error) {
+      onError == null ? void 0 : onError(error);
+    } finally {
+      isPending.value = false;
+    }
+  };
+  onMounted(async () => {
+    void handleGetData();
+    if (watchValue) {
+      watchDebounced(
+        watchValue,
+        () => {
+          void handleGetData();
+        },
+        { debounce }
+      );
+    }
+  });
+  return { data, isPending };
+};
+function useInvoiceData(invoiceId) {
+  const { getInvoice } = createInvoicesService();
+  const { getPayments } = createPaymentsService();
+  return useData({
+    getData: async () => {
+      const [invoice, paymentAttempts] = await Promise.all([
+        getInvoice(invoiceId),
+        getPayments(invoiceId)
+      ]);
+      return { invoice, paymentAttempts };
+    }
+  });
+}
+export {
+  useInvoiceData as u
+};

package/dist/useInvoicesList-BZQ9Y0qN.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./component-Df5eNqYX.js"),i=require("./useActionDispatchProvider-DsIljrhi.js"),o=require("./useIncrementalLoading-D8oKNxX7.js"),n=require("./invoices-8M_3ur_U.js"),a={class:"grid-cols-1 gap-4"},c=["onClick"],r={class:"flex flex-col"},s={class:"mt-2 flex items-center justify-center"},l=e.defineComponent({__name:"InvoiceTable",props:{invoices:{type:Array},isLoading:{type:Boolean},hasMoreItems:{type:Boolean},configuration:{type:Object}},emits:["view-invoice","pay-invoice","load-more"],setup(i){const o=i,{formatDate:n,$t:l}=t.useIntl(),d=e.computed(()=>o.configuration.showPayButton),u=e.computed(()=>o.configuration.showViewButton),f=e.computed(()=>o.hasMoreItems);return(o,m)=>(e.openBlock(),e.createElementBlock("div",a,[e.createVNode(e.unref(t._sfc_main$1y),{striped:"","no-border":"",rounded:"",hoverable:"","stripe-class":"group-odd:bg-gray-50/50"},{default:e.withCtx(()=>[e.createVNode(e.unref(t.TableHead),null,{default:e.withCtx(()=>[e.createVNode(e.unref(t.TableHeadRow),null,{default:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main$1r),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)({defaultMessage:"Invoice",description:"The title of the invoice number header column of the invoice table",id:"invoice_table.header.invoice_number"})),1)]),_:1}),e.createVNode(e.unref(t._sfc_main$1r),{class:"hidden md:table-cell"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)({defaultMessage:"Date",description:"The title of the invoice date header column of the invoice table",id:"invoice_table.header.date"})),1)]),_:1}),e.createVNode(e.unref(t._sfc_main$1r),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)({defaultMessage:"Amount",description:"The title of the invoice amount header column of the invoice table",id:"invoice_table.header.amount"})),1)]),_:1}),e.createVNode(e.unref(t._sfc_main$1r),{class:"text-right"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)({defaultMessage:"Status",description:"The title of the invoice status header column of the invoice table",id:"invoice_table.header.status"})),1)]),_:1})]),_:1})]),_:1}),e.createVNode(e.unref(t.TableBody),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.invoices,i=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1q),{key:i.id},e.createSlots({default:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main$1p),{"has-padding":"",class:"h-14"},{default:e.withCtx(()=>[e.createElementVNode("div",r,[e.createVNode(e.unref(t._sfc_main$2),{tag:"span",variant:"body-sm",class:"md:hidden"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(n)({date:i.invoice_date,format:"date",offsetType:"offsetted",timezone:i.customer.timezone})),1)]),_:2},1024),e.createVNode(e.unref(t._sfc_main$2),{tag:"span",variant:"body-xs",shade:"lighter"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.invoice_number),1)]),_:2},1024)])]),_:2},1024),e.createVNode(e.unref(t._sfc_main$1p),{class:"hidden h-14 md:table-cell"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(n)({date:i.invoice_date,format:"date",offsetType:"offsetted",timezone:i.customer.timezone})),1)]),_:2},1024),e.createVNode(e.unref(t._sfc_main$1p),{class:"h-14"},{default:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main$2),{tag:"span",weight:"semibold"},{default:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main$2L),{value:i.invoice_amount_including_tax},null,8,["value"])]),_:2},1024)]),_:2},1024),e.createVNode(e.unref(t._sfc_main$1p),{class:"h-14 text-right"},{default:e.withCtx(()=>[i.paid?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$3),{key:0,color:"green"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)({defaultMessage:"Paid",description:"The label of the chip for paid invoices",id:"invoice_table.chip.paid"})),1)]),_:1})):d.value?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$2H),{key:1,variant:"outline",color:"gray",size:"sm",type:"button",onClick:e.withModifiers(e=>o.$emit("pay-invoice",{invoiceId:i.id}),["stop"])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)({defaultMessage:"Pay",description:"The label for the pay invoice button",id:"customer.invoice_table.pay_invoice_button.label"})),1)]),_:1},8,["onClick"])):e.createCommentVNode("",!0)]),_:2},1024)]),_:2},[u.value?{name:"link",fn:e.withCtx(()=>[e.createElementVNode("button",{type:"button",class:"absolute inset-0 h-full w-full",onClick:e=>o.$emit("view-invoice",{invoiceId:i.id})},null,8,c)]),key:"0"}:void 0]),1024))),128))]),_:1})]),_:1}),e.createElementVNode("div",s,[f.value?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$2H),{key:0,variant:"outline",color:"gray",size:"sm",class:"w-full",loading:i.isLoading,onClick:m[0]||(m[0]=e=>o.$emit("load-more"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l)({defaultMessage:"Load more",description:"The label for the load more button",id:"invoice_table.button.load_more"})),1)]),_:1},8,["loading"])):e.createCommentVNode("",!0)])]))}}),d=e.defineComponent({__name:"InvoicesList",props:{invoices:{type:Array},isLoading:{type:Boolean},hasMoreItems:{type:Boolean},configuration:{default:()=>({showPayButton:!0,showViewButton:!0,pagination:{batchSize:15,enabled:!0}}),type:Object}},emits:["load-more"],setup(o){const{$t:n}=t.useIntl(),{dispatchAction:a}=i.useActionDispatchProvider();return(i,c)=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1g),{"no-border":"",spacing:"none","content-background":"none",title:e.unref(n)({defaultMessage:"Invoices",description:"Invoices list title",id:"invoices_list.title"})},{default:e.withCtx(()=>[e.createVNode(l,{configuration:o.configuration,"has-more-items":o.hasMoreItems,invoices:o.invoices,"is-loading":o.isLoading,onLoadMore:c[0]||(c[0]=e=>i.$emit("load-more")),onViewInvoice:c[1]||(c[1]=t=>e.unref(a)({action:"view-invoice",data:{invoiceId:t.invoiceId}})),onPayInvoice:c[2]||(c[2]=t=>e.unref(a)({action:"pay-invoice",data:{invoiceId:t.invoiceId}}))},null,8,["configuration","has-more-items","invoices","is-loading"])]),_:1},8,["title"]))}});exports._sfc_main=d,exports.useInvoicesList=function({customerId:e,batchSize:t=15}){const i=n.createInvoicesService();return o.useIncrementalLoading({service:async o=>i.getInvoices({customerId:e,pagination:{page:o,pageSize:t}})})};

package/dist/useInvoicesList-rDvRzMqe.mjs

@@ -0,0 +1,294 @@
+import { defineComponent, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, Fragment, renderList, createBlock, createSlots, createElementVNode, withModifiers, createCommentVNode } from "vue";
+import { b as useIntl, q as _sfc_main$1y, T as TableHead, r as TableHeadRow, t as _sfc_main$1r, v as TableBody, x as _sfc_main$1q, y as _sfc_main$1p, _ as _sfc_main$2, z as _sfc_main$2L, e as _sfc_main$3, m as _sfc_main$2H, d as _sfc_main$1g } from "./component-BkmcE85U.mjs";
+import { u as useActionDispatchProvider } from "./useActionDispatchProvider-CBo_Hwu5.mjs";
+import { u as useIncrementalLoading } from "./useIncrementalLoading-fHCizCSo.mjs";
+import { c as createInvoicesService } from "./invoices-C31Wz1Bu.mjs";
+const _hoisted_1 = { class: "grid-cols-1 gap-4" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "flex flex-col" };
+const _hoisted_4 = { class: "mt-2 flex items-center justify-center" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "InvoiceTable",
+  props: {
+    invoices: { type: Array },
+    isLoading: { type: Boolean },
+    hasMoreItems: { type: Boolean },
+    configuration: { type: Object }
+  },
+  emits: ["view-invoice", "pay-invoice", "load-more"],
+  setup(__props) {
+    const props = __props;
+    const { formatDate, $t } = useIntl();
+    const showPayButton = computed(() => props.configuration.showPayButton);
+    const showViewButton = computed(() => props.configuration.showViewButton);
+    const showLoadMoreButton = computed(() => props.hasMoreItems);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(_sfc_main$1y), {
+          striped: "",
+          "no-border": "",
+          rounded: "",
+          hoverable: "",
+          "stripe-class": "group-odd:bg-gray-50/50"
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(TableHead), null, {
+              default: withCtx(() => [
+                createVNode(unref(TableHeadRow), null, {
+                  default: withCtx(() => [
+                    createVNode(unref(_sfc_main$1r), null, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref($t)({
+                          defaultMessage: "Invoice",
+                          description: "The title of the invoice number header column of the invoice table",
+                          id: "invoice_table.header.invoice_number"
+                        })), 1)
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(_sfc_main$1r), { class: "hidden md:table-cell" }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref($t)({
+                          defaultMessage: "Date",
+                          description: "The title of the invoice date header column of the invoice table",
+                          id: "invoice_table.header.date"
+                        })), 1)
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(_sfc_main$1r), null, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref($t)({
+                          defaultMessage: "Amount",
+                          description: "The title of the invoice amount header column of the invoice table",
+                          id: "invoice_table.header.amount"
+                        })), 1)
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(_sfc_main$1r), { class: "text-right" }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref($t)({
+                          defaultMessage: "Status",
+                          description: "The title of the invoice status header column of the invoice table",
+                          id: "invoice_table.header.status"
+                        })), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            createVNode(unref(TableBody), null, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.invoices, (invoice) => {
+                  return openBlock(), createBlock(unref(_sfc_main$1q), {
+                    key: invoice.id
+                  }, createSlots({
+                    default: withCtx(() => [
+                      createVNode(unref(_sfc_main$1p), {
+                        "has-padding": "",
+                        class: "h-14"
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("div", _hoisted_3, [
+                            createVNode(unref(_sfc_main$2), {
+                              tag: "span",
+                              variant: "body-sm",
+                              class: "md:hidden"
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(unref(formatDate)({
+                                  date: invoice.invoice_date,
+                                  format: "date",
+                                  offsetType: "offsetted",
+                                  timezone: invoice.customer.timezone
+                                })), 1)
+                              ]),
+                              _: 2
+                            }, 1024),
+                            createVNode(unref(_sfc_main$2), {
+                              tag: "span",
+                              variant: "body-xs",
+                              shade: "lighter"
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(invoice.invoice_number), 1)
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ])
+                        ]),
+                        _: 2
+                      }, 1024),
+                      createVNode(unref(_sfc_main$1p), { class: "hidden h-14 md:table-cell" }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(formatDate)({
+                            date: invoice.invoice_date,
+                            format: "date",
+                            offsetType: "offsetted",
+                            timezone: invoice.customer.timezone
+                          })), 1)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      createVNode(unref(_sfc_main$1p), { class: "h-14" }, {
+                        default: withCtx(() => [
+                          createVNode(unref(_sfc_main$2), {
+                            tag: "span",
+                            weight: "semibold"
+                          }, {
+                            default: withCtx(() => [
+                              createVNode(unref(_sfc_main$2L), {
+                                value: invoice.invoice_amount_including_tax
+                              }, null, 8, ["value"])
+                            ]),
+                            _: 2
+                          }, 1024)
+                        ]),
+                        _: 2
+                      }, 1024),
+                      createVNode(unref(_sfc_main$1p), { class: "h-14 text-right" }, {
+                        default: withCtx(() => [
+                          invoice.paid ? (openBlock(), createBlock(unref(_sfc_main$3), {
+                            key: 0,
+                            color: "green"
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(unref($t)({
+                                defaultMessage: "Paid",
+                                description: "The label of the chip for paid invoices",
+                                id: "invoice_table.chip.paid"
+                              })), 1)
+                            ]),
+                            _: 1
+                          })) : showPayButton.value ? (openBlock(), createBlock(unref(_sfc_main$2H), {
+                            key: 1,
+                            variant: "outline",
+                            color: "gray",
+                            size: "sm",
+                            type: "button",
+                            onClick: withModifiers(($event) => _ctx.$emit("pay-invoice", { invoiceId: invoice.id }), ["stop"])
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(unref($t)({
+                                defaultMessage: "Pay",
+                                description: "The label for the pay invoice button",
+                                id: "customer.invoice_table.pay_invoice_button.label"
+                              })), 1)
+                            ]),
+                            _: 1
+                          }, 8, ["onClick"])) : createCommentVNode("", true)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, [
+                    showViewButton.value ? {
+                      name: "link",
+                      fn: withCtx(() => [
+                        createElementVNode("button", {
+                          type: "button",
+                          class: "absolute inset-0 h-full w-full",
+                          onClick: ($event) => _ctx.$emit("view-invoice", { invoiceId: invoice.id })
+                        }, null, 8, _hoisted_2)
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1024);
+                }), 128))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        createElementVNode("div", _hoisted_4, [
+          showLoadMoreButton.value ? (openBlock(), createBlock(unref(_sfc_main$2H), {
+            key: 0,
+            variant: "outline",
+            color: "gray",
+            size: "sm",
+            class: "w-full",
+            loading: __props.isLoading,
+            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("load-more"))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref($t)({
+                defaultMessage: "Load more",
+                description: "The label for the load more button",
+                id: "invoice_table.button.load_more"
+              })), 1)
+            ]),
+            _: 1
+          }, 8, ["loading"])) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InvoicesList",
+  props: {
+    invoices: { type: Array },
+    isLoading: { type: Boolean },
+    hasMoreItems: { type: Boolean },
+    configuration: { default: () => ({
+      showPayButton: true,
+      showViewButton: true,
+      pagination: {
+        batchSize: 15,
+        enabled: true
+      }
+    }), type: Object }
+  },
+  emits: ["load-more"],
+  setup(__props) {
+    const { $t } = useIntl();
+    const { dispatchAction } = useActionDispatchProvider();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1g), {
+        "no-border": "",
+        spacing: "none",
+        "content-background": "none",
+        title: unref($t)({
+          defaultMessage: "Invoices",
+          description: "Invoices list title",
+          id: "invoices_list.title"
+        })
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$1, {
+            configuration: __props.configuration,
+            "has-more-items": __props.hasMoreItems,
+            invoices: __props.invoices,
+            "is-loading": __props.isLoading,
+            onLoadMore: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("load-more")),
+            onViewInvoice: _cache[1] || (_cache[1] = ($event) => unref(dispatchAction)({ action: "view-invoice", data: { invoiceId: $event.invoiceId } })),
+            onPayInvoice: _cache[2] || (_cache[2] = ($event) => unref(dispatchAction)({ action: "pay-invoice", data: { invoiceId: $event.invoiceId } }))
+          }, null, 8, ["configuration", "has-more-items", "invoices", "is-loading"])
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+});
+function useInvoicesList({
+  customerId,
+  batchSize: pageSize = 15
+}) {
+  const invoicesService = createInvoicesService();
+  const service = async (page) => invoicesService.getInvoices({
+    customerId,
+    pagination: { page, pageSize }
+  });
+  return useIncrementalLoading({ service });
+}
+export {
+  _sfc_main as _,
+  useInvoicesList as u
+};

package/dist/useLoadInitialData-BRg7IWqW.js

@@ -0,0 +1 @@
+const e=require("vue");exports.useLoadInitialData=function(...n){const a=e.ref(!0);return e.onMounted(async()=>{await Promise.all(n).then(()=>{a.value=!1})}),{isLoading:a}};

package/dist/useLoadInitialData-Dm48tlSO.mjs

@@ -0,0 +1,13 @@
+import { ref, onMounted } from "vue";
+function useLoadInitialData(...services) {
+  const isLoading = ref(true);
+  onMounted(async () => {
+    await Promise.all(services).then(() => {
+      isLoading.value = false;
+    });
+  });
+  return { isLoading };
+}
+export {
+  useLoadInitialData as u
+};

package/dist/usePaymentMethods-Bq5fWl1Q.mjs

@@ -0,0 +1,16 @@
+import { u as useIncrementalLoading } from "./useIncrementalLoading-fHCizCSo.mjs";
+import { c as createPaymentMethodsService } from "./paymentMethods-CrU4G_2Y.mjs";
+function usePaymentMethods({
+  customerId,
+  pageSize = 15
+}) {
+  const { getPaymentMethods } = createPaymentMethodsService();
+  const service = async (page) => getPaymentMethods({
+    customerId,
+    pagination: { page, pageSize }
+  });
+  return useIncrementalLoading({ service });
+}
+export {
+  usePaymentMethods as u
+};

package/dist/usePaymentMethods-Dbimodf0.js

@@ -0,0 +1 @@
+const e=require("./useIncrementalLoading-D8oKNxX7.js"),t=require("./paymentMethods-CzUqDlvc.js");exports.usePaymentMethods=function({customerId:n,pageSize:s=15}){const{getPaymentMethods:a}=t.createPaymentMethodsService();return e.useIncrementalLoading({service:async e=>a({customerId:n,pagination:{page:e,pageSize:s}})})};