@solvimon/solvimon-web 0.1.0-alpha.7 → 0.1.0-alpha.8

package/dist/{useInvoicesList-DFhF_gp7.mjs → useInvoicesList-BQQxcPdz.mjs}

@@ -1,245 +1,8 @@
-import { defineComponent, provide, openBlock, createElementBlock, createElementVNode, renderSlot, ref, onMounted, Fragment, createCommentVNode, inject, computed, normalizeClass, createBlock, toRef, unref, resolveDynamicComponent, normalizeStyle, withCtx, createVNode, createTextVNode, toDisplayString, useSlots, renderList, createSlots, withModifiers } from "vue";
-import { _ as _sfc_main$h } from "./Section.vue.es-3-H1pUTB.mjs";
-import { a as useIntl, _ as _sfc_main$d } from "./component-dpA83LIN.mjs";
-import { _ as _sfc_main$e } from "./Amount.vue.es-C6JE5rL8.mjs";
-import { a as _sfc_main$a, _ as _sfc_main$g } from "./Button.vue.es-6sBk5tBL.mjs";
-import { b as _export_sfc, _ as _sfc_main$f } from "./Chip.vue.es-DcW2CjUA.mjs";
-import { _ as _sfc_main$b, T as TooltipContent, a as _sfc_main$c } from "./TooltipParagraph.vue.es-DVJLF9Kv.mjs";
-import { u as useActionDispatchProvider } from "./useActionDispatchProvider-eO2qFPGv.mjs";
-import { u as useIncrementalLoading } from "./useIncrementalLoading-CcnL3flF.mjs";
-import { c as createInvoicesService } from "./invoices-CNK1Ushv.mjs";
-const _hoisted_1$5 = { class: "relative" };
-const _hoisted_2$2 = { class: "w-full text-sm text-left text-gray-500" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  __name: "Table",
-  props: {
-    striped: { type: Boolean },
-    stripeClass: {},
-    hoverable: { type: Boolean },
-    sorting: {},
-    rounded: { type: Boolean },
-    noBorder: { type: Boolean }
-  },
-  emits: ["sort"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    provide("striped", props.striped);
-    provide("stripeClass", props.stripeClass);
-    provide("hoverable", props.hoverable);
-    provide("sorting", props.sorting);
-    provide("emit", emit);
-    provide("rounded", props.rounded ?? false);
-    provide("noBorder", props.noBorder ?? false);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
-        createElementVNode("table", _hoisted_2$2, [
-          renderSlot(_ctx.$slots, "default")
-        ])
-      ]);
-    };
-  }
-});
-const _hoisted_1$4 = {
-  key: 0,
-  class: "transition-opacity transition-duration-700 shadow-left absolute z-10 pointer-events-none w-3.5 h-full shadow-none top-0 bg-transparent right-0 translate-x-3.5 bg-gradient-to-r from-black/[.06] to-transparent [.scroll-shadow-left_&]:opacity-100 opacity-0"
-};
-const _hoisted_2$1 = {
-  key: 1,
-  class: "transition-opacity transition-duration-700 shadow-right absolute z-10 pointer-events-none w-3.5 h-full shadow-none top-0 bg-transparent left-0 -translate-x-3.5 bg-gradient-to-l from-black/[.06] to-transparent [.scroll-shadow-right_&]:opacity-100 opacity-0"
-};
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "TableCellScrollShadow",
-  props: {
-    elRef: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const isFirst = ref(false);
-    const isLast = ref(false);
-    onMounted(() => {
-      var _a;
-      if (((_a = props.elRef) == null ? void 0 : _a.value) && props.elRef.value.parentElement) {
-        const siblings = Array.from(props.elRef.value.parentElement.children);
-        isFirst.value = siblings[0] === props.elRef.value;
-        isLast.value = siblings[siblings.length - 1] === props.elRef.value;
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        isFirst.value ? (openBlock(), createElementBlock("div", _hoisted_1$4)) : createCommentVNode("", true),
-        isLast.value ? (openBlock(), createElementBlock("div", _hoisted_2$1)) : createCommentVNode("", true)
-      ], 64);
-    };
-  }
-});
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "TableCell",
-  props: {
-    hasPadding: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const stripeClass = inject("stripeClass") ?? "group-odd:bg-gray-50";
-    const rounded = inject("rounded") ?? false;
-    const isHoverable = inject("hoverable");
-    const isStriped = inject("striped");
-    const tdLinkSlot = inject("tdLinkSlot");
-    const props = __props;
-    const el = ref();
-    const classes = computed(() => {
-      let classes2 = "relative transition ease-in-out px-4 py-3 text-gray-800 first:whitespace-nowrap leading-none";
-      if (isStriped) classes2 += ` group-even:bg-white ${stripeClass}`;
-      if (rounded) classes2 += " first-of-type:rounded-l last-of-type:rounded-r overflow-clip";
-      if (!props.hasPadding) classes2 += " first:pl-0";
-      if (isHoverable) classes2 += " group-hover:bg-gray-50 cursor-pointer";
-      return classes2;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("td", {
-        ref_key: "el",
-        ref: el,
-        class: normalizeClass(classes.value)
-      }, [
-        el.value ? (openBlock(), createBlock(_sfc_main$8, {
-          key: 0,
-          "el-ref": toRef(el.value)
-        }, null, 8, ["el-ref"])) : createCommentVNode("", true),
-        unref(tdLinkSlot) ? (openBlock(), createBlock(resolveDynamicComponent(unref(tdLinkSlot)), { key: 1 })) : createCommentVNode("", true),
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _hoisted_1$3 = ["colspan", "tabindex"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "TableHeadCell",
-  props: {
-    colspan: {},
-    columnName: {},
-    sortable: { type: Boolean },
-    hasPadding: { type: Boolean, default: false },
-    tooltip: {},
-    fixedWidth: {}
-  },
-  emits: ["sort"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const sorting = inject("sorting");
-    const props = __props;
-    const el = ref();
-    const sorted = computed(() => {
-      if (!props.sortable || !sorting) return false;
-      return sorting.columnName === props.columnName ? sorting == null ? void 0 : sorting.direction : false;
-    });
-    const handleClick = () => {
-      if (!props.sortable || !sorting) return;
-      if (props.columnName) {
-        emit("sort", props.columnName);
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("th", {
-        ref_key: "el",
-        ref: el,
-        style: normalizeStyle(__props.fixedWidth ? { "--col-w": `${__props.fixedWidth}px` } : void 0),
-        class: normalizeClass([[
-          { "cursor-pointer": __props.sortable, "first:pl-0": !__props.hasPadding },
-          __props.fixedWidth ? ["min-w-[var(--col-w)]"] : null
-        ], "relative px-4 py-2 font-medium text-xs whitespace-nowrap select-none"]),
-        colspan: __props.colspan,
-        tabindex: __props.sortable ? 0 : -1,
-        scope: "col",
-        onClick: handleClick
-      }, [
-        el.value ? (openBlock(), createBlock(_sfc_main$8, {
-          key: 0,
-          "el-ref": toRef(el.value)
-        }, null, 8, ["el-ref"])) : createCommentVNode("", true),
-        createElementVNode("span", {
-          class: normalizeClass({ "text-blue-700": sorted.value })
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2),
-        __props.sortable ? (openBlock(), createBlock(_sfc_main$a, {
-          key: 1,
-          icon: sorted.value && sorted.value === "desc" ? "north" : "south",
-          class: normalizeClass([{ "text-blue-700": sorted.value }, "text-sm"]),
-          size: "2xs"
-        }, null, 8, ["icon", "class"])) : createCommentVNode("", true),
-        __props.tooltip ? (openBlock(), createBlock(_sfc_main$b, {
-          key: 2,
-          variant: "outline"
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$a, {
-              icon: "help",
-              size: "xs",
-              class: "rounded drop-shadow-sm hover:bg-gray-50 hover:cursor-default -mt-0.5 ml-0.5"
-            })
-          ]),
-          tooltip: withCtx(() => [
-            createVNode(TooltipContent, null, {
-              default: withCtx(() => [
-                createVNode(_sfc_main$c, null, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(__props.tooltip), 1)
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })) : createCommentVNode("", true)
-      ], 14, _hoisted_1$3);
-    };
-  }
-});
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "TableRow",
-  props: {
-    backgroundClass: {}
-  },
-  setup(__props) {
-    const slot = useSlots();
-    provide("tdLinkSlot", slot.link);
-    const noBorder = inject("noBorder");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("tr", {
-        class: normalizeClass(["group rounded-md", {
-          "bg-white": !__props.backgroundClass,
-          "border-y border-gray-200": !unref(noBorder)
-        }])
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$4 = {};
-function _sfc_render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("tbody", null, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-const TableBody = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$2]]);
-const _sfc_main$3 = {};
-const _hoisted_1$2 = { class: "bg-white" };
-function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("thead", _hoisted_1$2, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-const TableHead = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$1]]);
-const _sfc_main$2 = {};
-const _hoisted_1$1 = { class: "bg-white" };
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("tr", _hoisted_1$1, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-const TableHeadRow = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render]]);
+import { defineComponent, computed, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, Fragment, renderList, createBlock, createSlots, createElementVNode, withModifiers, createCommentVNode } from "vue";
+import { u as useIntl, k as _sfc_main$2, T as TableHead, l as TableHeadRow, m as _sfc_main$3, n as TableBody, o as _sfc_main$4, p as _sfc_main$5, _ as _sfc_main$6, q as _sfc_main$7, f as _sfc_main$8, e as _sfc_main$9, b as _sfc_main$a } from "./vendor-ui-BwxuPDg8.mjs";
+import { u as useActionDispatchProvider } from "./useActionDispatchProvider-B4gszz0Q.mjs";
+import { u as useIncrementalLoading } from "./useIncrementalLoading-RRicokf1.mjs";
+import { c as createInvoicesService } from "./invoices-BuVOuTOm.mjs";
 const _hoisted_1 = { class: "grid-cols-1 gap-4" };
 const _hoisted_2 = ["onClick"];
 const _hoisted_3 = { class: "flex flex-col" };
@@ -261,7 +24,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const showLoadMoreButton = computed(() => props.hasMoreItems);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(unref(_sfc_main$9), {
+        createVNode(unref(_sfc_main$2), {
           striped: "",
           "no-border": "",
           rounded: "",
@@ -273,7 +36,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createVNode(unref(TableHeadRow), null, {
                   default: withCtx(() => [
-                    createVNode(unref(_sfc_main$6), null, {
+                    createVNode(unref(_sfc_main$3), null, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(unref($t)({
                           defaultMessage: "Invoice",
@@ -283,7 +46,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    createVNode(unref(_sfc_main$6), { class: "hidden md:table-cell" }, {
+                    createVNode(unref(_sfc_main$3), { class: "hidden md:table-cell" }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(unref($t)({
                           defaultMessage: "Date",
@@ -293,7 +56,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    createVNode(unref(_sfc_main$6), null, {
+                    createVNode(unref(_sfc_main$3), null, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(unref($t)({
                           defaultMessage: "Amount",
@@ -303,7 +66,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       ]),
                       _: 1
                     }),
-                    createVNode(unref(_sfc_main$6), { class: "text-right" }, {
+                    createVNode(unref(_sfc_main$3), { class: "text-right" }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(unref($t)({
                           defaultMessage: "Status",
@@ -322,17 +85,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             createVNode(unref(TableBody), null, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(__props.invoices, (invoice) => {
-                  return openBlock(), createBlock(unref(_sfc_main$5), {
+                  return openBlock(), createBlock(unref(_sfc_main$4), {
                     key: invoice.id
                   }, createSlots({
                     default: withCtx(() => [
-                      createVNode(unref(_sfc_main$7), {
+                      createVNode(unref(_sfc_main$5), {
                         "has-padding": "",
                         class: "h-14"
                       }, {
                         default: withCtx(() => [
                           createElementVNode("div", _hoisted_3, [
-                            createVNode(unref(_sfc_main$d), {
+                            createVNode(unref(_sfc_main$6), {
                               tag: "span",
                               variant: "body-sm",
                               class: "md:hidden"
@@ -347,7 +110,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                               ]),
                               _: 2
                             }, 1024),
-                            createVNode(unref(_sfc_main$d), {
+                            createVNode(unref(_sfc_main$6), {
                               tag: "span",
                               variant: "body-xs",
                               shade: "lighter"
@@ -361,7 +124,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 2
                       }, 1024),
-                      createVNode(unref(_sfc_main$7), { class: "hidden h-14 md:table-cell" }, {
+                      createVNode(unref(_sfc_main$5), { class: "hidden h-14 md:table-cell" }, {
                         default: withCtx(() => [
                           createTextVNode(toDisplayString(unref(formatDate)({
                             date: invoice.invoice_date,
@@ -372,14 +135,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 2
                       }, 1024),
-                      createVNode(unref(_sfc_main$7), { class: "h-14" }, {
+                      createVNode(unref(_sfc_main$5), { class: "h-14" }, {
                         default: withCtx(() => [
-                          createVNode(unref(_sfc_main$d), {
+                          createVNode(unref(_sfc_main$6), {
                             tag: "span",
                             weight: "semibold"
                           }, {
                             default: withCtx(() => [
-                              createVNode(unref(_sfc_main$e), {
+                              createVNode(unref(_sfc_main$7), {
                                 value: invoice.invoice_amount_including_tax
                               }, null, 8, ["value"])
                             ]),
@@ -388,9 +151,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         ]),
                         _: 2
                       }, 1024),
-                      createVNode(unref(_sfc_main$7), { class: "h-14 text-right" }, {
+                      createVNode(unref(_sfc_main$5), { class: "h-14 text-right" }, {
                         default: withCtx(() => [
-                          invoice.paid ? (openBlock(), createBlock(unref(_sfc_main$f), {
+                          invoice.paid ? (openBlock(), createBlock(unref(_sfc_main$8), {
                             key: 0,
                             color: "green"
                           }, {
@@ -402,7 +165,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                               })), 1)
                             ]),
                             _: 1
-                          })) : showPayButton.value ? (openBlock(), createBlock(unref(_sfc_main$g), {
+                          })) : showPayButton.value ? (openBlock(), createBlock(unref(_sfc_main$9), {
                             key: 1,
                             variant: "outline",
                             color: "gray",
@@ -445,7 +208,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           _: 1
         }),
         createElementVNode("div", _hoisted_4, [
-          showLoadMoreButton.value ? (openBlock(), createBlock(unref(_sfc_main$g), {
+          showLoadMoreButton.value ? (openBlock(), createBlock(unref(_sfc_main$9), {
             key: 0,
             variant: "outline",
             color: "gray",
@@ -488,7 +251,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { $t } = useIntl();
     const { dispatchAction } = useActionDispatchProvider();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$h), {
+      return openBlock(), createBlock(unref(_sfc_main$a), {
         "no-border": "",
         "no-spacing": "",
         "content-background": "none",

package/dist/useInvoicesList-CtJqmblZ.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./vendor-ui-Ce_Yp7xA.js"),i=require("./useActionDispatchProvider-DfS2P0bd.js"),o=require("./useIncrementalLoading-DFe5Yh8M.js"),n=require("./invoices-DbvwXAsm.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$6),{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$7),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$7),{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$7),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$7),{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$8),{key:i.id},e.createSlots({default:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main$9),{"has-padding":"",class:"h-14"},{default:e.withCtx(()=>[e.createElementVNode("div",r,[e.createVNode(e.unref(t._sfc_main),{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),{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$9),{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$9),{class:"h-14"},{default:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main),{tag:"span",weight:"semibold"},{default:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main$10),{value:i.invoice_amount_including_tax},null,8,["value"])]),_:2},1024)]),_:2},1024),e.createVNode(e.unref(t._sfc_main$9),{class:"h-14 text-right"},{default:e.withCtx(()=>[i.paid?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$4),{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$3),{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$3),{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$1),{"no-border":"","no-spacing":"","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/usePaymentMethodOptions-2MloZ9bY.mjs

@@ -0,0 +1,26 @@
+import { u as useService } from "./useService-BuWWE5ND.mjs";
+import { c as createPaymentMethodsService } from "./paymentMethods-Di32oJ39.mjs";
+function hasCustomerId(payload) {
+  return payload.customerId !== void 0;
+}
+function usePaymentMethodOptions() {
+  const { getPaymentMethodOptions } = createPaymentMethodsService();
+  const service = (payload) => hasCustomerId(payload) ? getPaymentMethodOptions({
+    customerId: payload.customerId,
+    amount: payload.amount,
+    country: payload.country
+  }) : getPaymentMethodOptions({
+    subscriptionId: payload.subscriptionId,
+    amount: payload.amount,
+    country: payload.country
+  });
+  const initialValue = [];
+  const { data, execute: get, apiStatus, error, isPending } = useService({
+    initialValue,
+    service
+  });
+  return { paymentMethodOptions: data, get, apiStatus, error, isPending };
+}
+export {
+  usePaymentMethodOptions as u
+};

package/dist/usePaymentMethodOptions-D01YWW3G.js

@@ -0,0 +1 @@
+const e=require("./useService-9fCKPTmu.js"),t=require("./paymentMethods-B4AYGf0K.js");exports.usePaymentMethodOptions=function(){const{getPaymentMethodOptions:n}=t.createPaymentMethodsService(),{data:o,execute:r,apiStatus:u,error:i,isPending:s}=e.useService({initialValue:[],service:e=>function(e){return void 0!==e.customerId}(e)?n({customerId:e.customerId,amount:e.amount,country:e.country}):n({subscriptionId:e.subscriptionId,amount:e.amount,country:e.country})});return{paymentMethodOptions:o,get:r,apiStatus:u,error:i,isPending:s}};

package/dist/{usePaymentMethods-BRQ7-dUr.js → usePaymentMethods-Cm9WdSW0.js}

@@ -1 +1 @@
-const e=require("./useIncrementalLoading-CAdNW-Bf.js"),t=require("./paymentMethods-DZRf0WRl.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}})})};
+const e=require("./useIncrementalLoading-DFe5Yh8M.js"),t=require("./paymentMethods-B4AYGf0K.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}})})};

package/dist/{usePaymentMethods-BX2RnHZN.mjs → usePaymentMethods-DZvfWSlx.mjs}

@@ -1,5 +1,5 @@
-import { u as useIncrementalLoading } from "./useIncrementalLoading-CcnL3flF.mjs";
-import { c as createPaymentMethodsService } from "./paymentMethods-C-ApE-G4.mjs";
+import { u as useIncrementalLoading } from "./useIncrementalLoading-RRicokf1.mjs";
+import { c as createPaymentMethodsService } from "./paymentMethods-Di32oJ39.mjs";
 function usePaymentMethods({
   customerId,
   pageSize = 15

package/dist/usePayments-B13S_yai.js

@@ -0,0 +1 @@
+const e=require("./invoices-DbvwXAsm.js"),i=require("./useService-9fCKPTmu.js"),t=require("./payments-DeutKq9x.js");exports.useInvoice=function({invoiceId:t}){const{getInvoice:r,getInvoicePdf:n}=e.createInvoicesService(),{data:s,execute:c,apiStatus:o,error:a,isPending:u}=i.useService({service:()=>r(t)});return{invoice:s,downloadInvoicePdf:n,apiStatus:o,error:a,get:c,isPending:u}},exports.usePayments=function(){const{getPayments:e}=t.createPaymentsService(),{data:r,execute:n,error:s,apiStatus:c,isPending:o}=i.useService({service:e,isCollection:!0});return{payments:r,get:n,error:s,apiStatus:c,isPending:o}};

package/dist/usePayments-D4uGKBsV.mjs

@@ -0,0 +1,36 @@
+import { c as createInvoicesService } from "./invoices-BuVOuTOm.mjs";
+import { u as useService } from "./useService-BuWWE5ND.mjs";
+import { c as createPaymentsService } from "./payments-C5fD1PXB.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 };
+}
+export {
+  usePayments as a,
+  useInvoice as u
+};

package/dist/usePortal-DJDJNLbo.mjs

@@ -0,0 +1,12 @@
+import { inject } from "vue";
+import { P as PORTAL_INJECTION_KEY } from "./component-CM9g6tbD.mjs";
+function usePortal() {
+  const portal = inject(PORTAL_INJECTION_KEY);
+  if (!portal) {
+    throw new Error("PortalProvider is not provided");
+  }
+  return portal;
+}
+export {
+  usePortal as u
+};

package/dist/usePortal-DWJEVkTj.js

@@ -0,0 +1 @@
+const r=require("vue"),e=require("./component-C2Gc-wsE.js");exports.usePortal=function(){const o=r.inject(e.PORTAL_INJECTION_KEY);if(!o)throw new Error("PortalProvider is not provided");return o};

package/dist/useService-9fCKPTmu.js

@@ -0,0 +1 @@
+const e=require("./ApiStatus-oqvUEWJx.js"),t=require("vue");function n(e,t){return void 0===t?"\0undefined":t}function r(e,t){return JSON.stringify(e,n)===JSON.stringify(t,n)}function i(e,t){return t?function(e){if(!function(e){return"object"==typeof e&&null!==e&&"data"in e}(e))throw new Error("Expected collection response.");return e.data}(e):e}exports.isEmpty=function(e){return null==e||("string"==typeof e||Array.isArray(e)?0===e.length:e instanceof Map||e instanceof Set?0===e.size:"object"!=typeof e||0===Object.keys(e).length)},exports.isEqual=r,exports.useService=function({initialValue:n,service:u,isCollection:a=!1}){const o=t.shallowRef(n),s=t.ref(e.ApiStatus.Initial),c=t.ref(null),l=t.computed(()=>s.value===e.ApiStatus.Loading);return{data:o,execute:async(...t)=>{try{s.value=e.ApiStatus.Loading,c.value=null;const f=i(await u(...t),a);return l=f,r((n=o).value,l)||(n.value=l),s.value=e.ApiStatus.Done,f}catch(f){return c.value=function(e){return e instanceof Error?e:new Error("Something went wrong while fetching data.")}(f),s.value=e.ApiStatus.Failed,Promise.reject()}var n,l},apiStatus:s,isPending:l,error:c}};

package/dist/useService-BuWWE5ND.mjs

@@ -0,0 +1,68 @@
+import { A as ApiStatus } from "./ApiStatus-CyNDp_op.mjs";
+import { shallowRef, ref, computed } from "vue";
+const UNDEFINED_SENTINEL = "\0undefined";
+function replacer(_key, value) {
+  return value === void 0 ? UNDEFINED_SENTINEL : value;
+}
+function isEqual(a, b) {
+  return JSON.stringify(a, replacer) === JSON.stringify(b, replacer);
+}
+function isEmpty(value) {
+  if (value == null) return true;
+  if (typeof value === "string" || Array.isArray(value)) return value.length === 0;
+  if (value instanceof Map || value instanceof Set) return value.size === 0;
+  if (typeof value === "object") return Object.keys(value).length === 0;
+  return true;
+}
+function updateRefIfChanged(ref2, value) {
+  if (isEqual(ref2.value, value)) {
+    return;
+  }
+  ref2.value = value;
+}
+function toError(error) {
+  return error instanceof Error ? error : new Error("Something went wrong while fetching data.");
+}
+function isCollectionResponse(response) {
+  return typeof response === "object" && response !== null && "data" in response;
+}
+function getCollectionResponseData(response) {
+  if (!isCollectionResponse(response)) {
+    throw new Error("Expected collection response.");
+  }
+  return response.data;
+}
+function mapServiceResponse(response, isCollection) {
+  return isCollection ? getCollectionResponseData(response) : response;
+}
+function useService({
+  initialValue,
+  service,
+  isCollection = false
+}) {
+  const data = shallowRef(initialValue);
+  const apiStatus = ref(ApiStatus.Initial);
+  const error = ref(null);
+  const isPending = computed(() => apiStatus.value === ApiStatus.Loading);
+  const execute = async (...args) => {
+    try {
+      apiStatus.value = ApiStatus.Loading;
+      error.value = null;
+      const response = await service(...args);
+      const mapped = mapServiceResponse(response, isCollection);
+      updateRefIfChanged(data, mapped);
+      apiStatus.value = ApiStatus.Done;
+      return mapped;
+    } catch (err) {
+      error.value = toError(err);
+      apiStatus.value = ApiStatus.Failed;
+      return Promise.reject();
+    }
+  };
+  return { data, execute, apiStatus, isPending, error };
+}
+export {
+  isEmpty as a,
+  isEqual as i,
+  useService as u
+};

package/dist/useViewport-Bu0cyeSi.mjs

@@ -0,0 +1,38 @@
+import { ref, onMounted, onUnmounted } from "vue";
+function useMediaQuery(query) {
+  const matches = ref(false);
+  let mediaQueryList;
+  const handler = (event) => {
+    matches.value = event.matches;
+  };
+  onMounted(() => {
+    mediaQueryList = window.matchMedia(query);
+    matches.value = mediaQueryList.matches;
+    mediaQueryList.addEventListener("change", handler);
+  });
+  onUnmounted(() => {
+    mediaQueryList == null ? void 0 : mediaQueryList.removeEventListener("change", handler);
+  });
+  return matches;
+}
+const breakpoints = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+};
+function useBreakpoints() {
+  const smaller = (bp) => useMediaQuery(`(max-width: ${breakpoints[bp] - 1}px)`);
+  const smallerOrEqual = (bp) => useMediaQuery(`(max-width: ${breakpoints[bp]}px)`);
+  const greaterOrEqual = (bp) => useMediaQuery(`(min-width: ${breakpoints[bp]}px)`);
+  return { smaller, smallerOrEqual, greaterOrEqual };
+}
+function useViewport() {
+  const breakpoints2 = useBreakpoints();
+  const isMobileViewport = breakpoints2.smallerOrEqual("sm");
+  return { isMobileViewport };
+}
+export {
+  useViewport as u
+};

package/dist/useViewport-CKRY1CKR.js

@@ -0,0 +1 @@
+const e=require("vue");function t(t){const n=e.ref(!1);let r;const a=e=>{n.value=e.matches};return e.onMounted(()=>{r=window.matchMedia(t),n.value=r.matches,r.addEventListener("change",a)}),e.onUnmounted(()=>{null==r||r.removeEventListener("change",a)}),n}const n={sm:640,md:768,lg:1024,xl:1280,"2xl":1536};exports.useViewport=function(){return{isMobileViewport:{smaller:e=>t(`(max-width: ${n[e]-1}px)`),smallerOrEqual:e=>t(`(max-width: ${n[e]}px)`),greaterOrEqual:e=>t(`(min-width: ${n[e]}px)`)}.smallerOrEqual("sm")}};