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

package/dist/{PricingGroupContent.vue_vue_type_script_setup_true_lang-DAwMy1l8.mjs → PricingGroupContent.vue_vue_type_script_setup_true_lang-BbvDXvIS.mjs}

@@ -1,5 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, renderSlot } from "vue";
-import { n as _sfc_main$4, _ as _sfc_main$2 } from "./component-B0RYS5uK.mjs";
+import { _ as _sfc_main$3 } from "./component-dpA83LIN.mjs";
+import { a as _sfc_main$2 } from "./Button.vue.es-6sBk5tBL.mjs";
 const _hoisted_1$1 = { class: "flex gap-1" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "Kpi",
@@ -10,11 +11,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createVNode(unref(_sfc_main$4), {
+        createVNode(unref(_sfc_main$2), {
           icon: __props.icon,
           size: "xs"
         }, null, 8, ["icon"]),
-        createVNode(unref(_sfc_main$2), { variant: "body-xs" }, {
+        createVNode(unref(_sfc_main$3), { variant: "body-xs" }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(__props.kpi), 1)
           ]),
@@ -39,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
           createElementVNode("div", _hoisted_3, [
-            createVNode(unref(_sfc_main$2), {
+            createVNode(unref(_sfc_main$3), {
               tag: "span",
               variant: "body-sm",
               weight: "semibold"
@@ -51,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }),
             renderSlot(_ctx.$slots, "badge")
           ]),
-          createVNode(unref(_sfc_main$2), {
+          createVNode(unref(_sfc_main$3), {
             tag: "span",
             variant: "body-xs",
             shade: "lighter"

package/dist/PricingGroupContent.vue_vue_type_script_setup_true_lang-CmQILA3q.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./component-ZRZIt3ZW.js"),n=require("./Button.vue.es-BC4_TItq.js"),i={class:"flex gap-1"},a=e.defineComponent({__name:"Kpi",props:{icon:{type:null},kpi:{type:String}},setup:a=>(o,r)=>(e.openBlock(),e.createElementBlock("div",i,[e.createVNode(e.unref(n._sfc_main$1),{icon:a.icon,size:"xs"},null,8,["icon"]),e.createVNode(e.unref(t._sfc_main),{variant:"body-xs"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.kpi),1)]),_:1})]))}),o={class:"flex items-start"},r={class:"flex flex-col grow"},s={class:"flex items-center gap-1"},c={class:"flex items-center ml-4 self-center"},l=e.defineComponent({__name:"PricingGroupContent",props:{name:{type:String},description:{type:String}},setup:n=>(i,a)=>(e.openBlock(),e.createElementBlock("div",o,[e.createElementVNode("div",r,[e.createElementVNode("div",s,[e.createVNode(e.unref(t._sfc_main),{tag:"span",variant:"body-sm",weight:"semibold"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.name),1)]),_:1}),e.renderSlot(i.$slots,"badge")]),e.createVNode(e.unref(t._sfc_main),{tag:"span",variant:"body-xs",shade:"lighter"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.description),1)]),_:1})]),e.createElementVNode("div",c,[e.renderSlot(i.$slots,"default")])]))});exports._sfc_main=l,exports._sfc_main$1=a;

package/dist/Section.vue.es-3-H1pUTB.mjs

@@ -0,0 +1,79 @@
+import { defineComponent, openBlock, createElementBlock, createBlock, unref, withCtx, renderSlot, createCommentVNode, resolveDynamicComponent, createVNode, createSlots, createTextVNode, toDisplayString, createElementVNode, normalizeClass } from "vue";
+import { _ as _sfc_main$2 } from "./component-dpA83LIN.mjs";
+const _hoisted_1 = { class: "flex gap-4 items-center" };
+const _hoisted_2 = { key: 1 };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "SectionTitle",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.$slots.default ? (openBlock(), createBlock(unref(_sfc_main$2), {
+          key: 0,
+          tag: "h2",
+          variant: "heading-3",
+          class: "grow"
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        })) : createCommentVNode("", true),
+        _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "right")
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Section",
+  props: {
+    contentClasses: {},
+    contentBackground: { default: "gray" },
+    title: {},
+    noSpacing: { type: Boolean },
+    hasError: { type: Boolean },
+    noBorder: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(__props.title ? "section" : "div"), null, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$1, null, createSlots({ _: 2 }, [
+            __props.title ? {
+              name: "default",
+              fn: withCtx(() => [
+                createTextVNode(toDisplayString(__props.title), 1)
+              ]),
+              key: "0"
+            } : void 0,
+            _ctx.$slots.right ? {
+              name: "right",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "right")
+              ]),
+              key: "1"
+            } : void 0
+          ]), 1024),
+          createElementVNode("div", {
+            class: normalizeClass({
+              "rounded border": !__props.noBorder,
+              "p-3 py-2": !__props.noSpacing,
+              "bg-gray-50/50": __props.contentBackground === "gray",
+              "mt-1 md:mt-2": !!__props.title,
+              [__props.contentClasses ?? ""]: !!__props.contentClasses,
+              "border-red-600": __props.hasError,
+              "border-gray-100": !__props.hasError
+            })
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 2)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/Section.vue.es-BuzTXRLP.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./component-ZRZIt3ZW.js"),o={class:"flex gap-4 items-center"},n={key:1},r=e.defineComponent({__name:"SectionTitle",setup:r=>(r,l)=>(e.openBlock(),e.createElementBlock("div",o,[r.$slots.default?(e.openBlock(),e.createBlock(e.unref(t._sfc_main),{key:0,tag:"h2",variant:"heading-3",class:"grow"},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3})):e.createCommentVNode("",!0),r.$slots.right?(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(r.$slots,"right")])):e.createCommentVNode("",!0)]))}),l=e.defineComponent({__name:"Section",props:{contentClasses:{},contentBackground:{default:"gray"},title:{},noSpacing:{type:Boolean},hasError:{type:Boolean},noBorder:{type:Boolean,default:!1}},setup:t=>(o,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.title?"section":"div"),null,{default:e.withCtx(()=>[e.createVNode(r,null,e.createSlots({_:2},[t.title?{name:"default",fn:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.title),1)]),key:"0"}:void 0,o.$slots.right?{name:"right",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"right")]),key:"1"}:void 0]),1024),e.createElementVNode("div",{class:e.normalizeClass({"rounded border":!t.noBorder,"p-3 py-2":!t.noSpacing,"bg-gray-50/50":"gray"===t.contentBackground,"mt-1 md:mt-2":!!t.title,[t.contentClasses??""]:!!t.contentClasses,"border-red-600":t.hasError,"border-gray-100":!t.hasError})},[e.renderSlot(o.$slots,"default")],2)]),_:3}))});exports._sfc_main=l;

package/dist/Skeleton.vue_vue_type_script_setup_true_lang-D1Xzfc70.js

@@ -0,0 +1 @@
+const e=require("vue"),t=["data-testid"],r=["data-testid"],a=["data-testid"],d=["data-testid"],n=e.defineComponent({__name:"Skeleton",props:{variant:{type:String},class:{type:String},dataTestid:{type:String}},setup(n){const o=e.useSlots(),s=t=>{if(null==t||!1===t)return!0;if("string"==typeof t||"number"==typeof t)return 0===String(t).trim().length;if(Array.isArray(t))return t.every(s);if(!e.isVNode(t))return!1;const r=t;return r.type===e.Comment||(r.type===e.Text?"string"!=typeof r.children||!r.children.trim():r.type===e.Fragment&&(null==r.children||!!Array.isArray(r.children)&&r.children.every(s)))},l=e.computed(()=>{if(!o.default)return!1;const e=o.default({});return!(!e||0===e.length)&&!e.every(s)});return(o,s)=>l.value?e.renderSlot(o.$slots,"default",{key:0}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},["title"===n.variant?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0},o.$attrs,{"data-testid":n.dataTestid,class:"h-6 w-40 rounded border border-gray-50 bg-gray-50/50"}),null,16,t)):"divider-text"===n.variant?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:1},o.$attrs,{"data-testid":n.dataTestid,class:"mx-auto h-4 w-12 rounded border border-gray-50 bg-gray-50/50"}),null,16,r)):"section"===n.variant?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:2},o.$attrs,{"data-testid":n.dataTestid}),[s[0]||(s[0]=e.createElementVNode("div",{class:"h-6 w-40 rounded border border-gray-50 bg-gray-50/50"},null,-1)),e.createElementVNode("div",{class:e.normalizeClass(["mt-1 rounded border border-gray-50 bg-gray-50/50 md:mt-2",o.$props.class])},null,2)],16,a)):(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:3},o.$attrs,{"data-testid":n.dataTestid,class:["rounded border border-gray-50 bg-gray-50/50",o.$props.class]}),null,16,d))],64))}});exports._sfc_main=n;

package/dist/{Skeleton.vue_vue_type_script_setup_true_lang-C-taYlG4.mjs → Skeleton.vue_vue_type_script_setup_true_lang-DXJcL7x6.mjs}

@@ -1,9 +1,14 @@
-import { defineComponent, useSlots, computed, renderSlot, openBlock, createElementBlock, Fragment, mergeProps, normalizeProps, createElementVNode, normalizeClass, isVNode, Comment, Text } from "vue";
+import { defineComponent, useSlots, computed, renderSlot, openBlock, createElementBlock, Fragment, mergeProps, createElementVNode, normalizeClass, isVNode, Comment, Text } from "vue";
+const _hoisted_1 = ["data-testid"];
+const _hoisted_2 = ["data-testid"];
+const _hoisted_3 = ["data-testid"];
+const _hoisted_4 = ["data-testid"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Skeleton",
   props: {
     variant: { type: String },
-    class: { type: String }
+    class: { type: String },
+    dataTestid: { type: String }
   },
   setup(__props) {
     const slots = useSlots();
@@ -43,7 +48,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return hasSlotContent.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        __props.variant === "title" ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$attrs, { class: "h-6 w-40 rounded border border-gray-50 bg-gray-50/50" }), null, 16)) : __props.variant === "divider-text" ? (openBlock(), createElementBlock("div", mergeProps({ key: 1 }, _ctx.$attrs, { class: "mx-auto h-4 w-12 rounded border border-gray-50 bg-gray-50/50" }), null, 16)) : __props.variant === "section" ? (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 2 }, _ctx.$attrs)), [
+        __props.variant === "title" ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, _ctx.$attrs, {
+          "data-testid": __props.dataTestid,
+          class: "h-6 w-40 rounded border border-gray-50 bg-gray-50/50"
+        }), null, 16, _hoisted_1)) : __props.variant === "divider-text" ? (openBlock(), createElementBlock("div", mergeProps({ key: 1 }, _ctx.$attrs, {
+          "data-testid": __props.dataTestid,
+          class: "mx-auto h-4 w-12 rounded border border-gray-50 bg-gray-50/50"
+        }), null, 16, _hoisted_2)) : __props.variant === "section" ? (openBlock(), createElementBlock("div", mergeProps({ key: 2 }, _ctx.$attrs, { "data-testid": __props.dataTestid }), [
           _cache[0] || (_cache[0] = createElementVNode("div", { class: "h-6 w-40 rounded border border-gray-50 bg-gray-50/50" }, null, -1)),
           createElementVNode("div", {
             class: normalizeClass([
@@ -51,9 +62,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               _ctx.$props.class
             ])
           }, null, 2)
-        ], 16)) : (openBlock(), createElementBlock("div", mergeProps({ key: 3 }, _ctx.$attrs, {
+        ], 16, _hoisted_3)) : (openBlock(), createElementBlock("div", mergeProps({ key: 3 }, _ctx.$attrs, {
+          "data-testid": __props.dataTestid,
           class: ["rounded border border-gray-50 bg-gray-50/50", _ctx.$props.class]
-        }), null, 16))
+        }), null, 16, _hoisted_4))
       ], 64));
     };
   }

package/dist/{SubscriptionsList.vue_vue_type_script_setup_true_lang-Cj4cnM8z.mjs → SubscriptionsList.vue_vue_type_script_setup_true_lang-DVhJy0t8.mjs}

@@ -1,9 +1,12 @@
-import { u as useIncrementalLoading } from "./useIncrementalLoading-BqD4k_-r.mjs";
-import { c as createSubscriptionsService } from "./subscriptions-BepBTXR5.mjs";
+import { u as useIncrementalLoading } from "./useIncrementalLoading-CcnL3flF.mjs";
+import { c as createSubscriptionsService } from "./subscriptions-CoeCrY1I.mjs";
 import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString, createCommentVNode, createElementBlock, createSlots, Fragment, renderList } from "vue";
-import { b as useIntl, d as _sfc_main$1g, _ as _sfc_main$2$1, g as _sfc_main$3, m as _sfc_main$2H } from "./component-B0RYS5uK.mjs";
-import { _ as _sfc_main$4 } from "./Skeleton.vue_vue_type_script_setup_true_lang-C-taYlG4.mjs";
-import { u as useActionDispatchProvider } from "./useActionDispatchProvider-B_SkyymZ.mjs";
+import { _ as _sfc_main$3 } from "./Section.vue.es-3-H1pUTB.mjs";
+import { _ as _sfc_main$6 } from "./Button.vue.es-6sBk5tBL.mjs";
+import { a as useIntl, _ as _sfc_main$4 } from "./component-dpA83LIN.mjs";
+import { _ as _sfc_main$5 } from "./PaymentMethod.vue.es-nXZoQjG3.mjs";
+import { _ as _sfc_main$7 } from "./Skeleton.vue_vue_type_script_setup_true_lang-DXJcL7x6.mjs";
+import { u as useActionDispatchProvider } from "./useActionDispatchProvider-eO2qFPGv.mjs";
 function useSubscriptionsList({
   customerId,
   batchSize: pageSize = 15
@@ -79,11 +82,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     );
     const isDetailButtonVisible = computed(() => props.showViewSubscriptionDetailsButton);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1g), null, {
+      return openBlock(), createBlock(unref(_sfc_main$3), null, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$1, [
             createElementVNode("div", _hoisted_2, [
-              createVNode(unref(_sfc_main$2$1), {
+              createVNode(unref(_sfc_main$4), {
                 tag: "h3",
                 variant: "heading-2"
               }, {
@@ -92,7 +95,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }),
-              subscriptionDescription.value ? (openBlock(), createBlock(unref(_sfc_main$2$1), {
+              subscriptionDescription.value ? (openBlock(), createBlock(unref(_sfc_main$4), {
                 key: 0,
                 variant: "body-sm",
                 tag: "span",
@@ -104,13 +107,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 _: 1
               })) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_3, [
-                __props.paymentMethod ? (openBlock(), createBlock(unref(_sfc_main$3), {
+                __props.paymentMethod ? (openBlock(), createBlock(unref(_sfc_main$5), {
                   key: 0,
                   variant: "condensed",
                   "payment-method": __props.paymentMethod
                 }, null, 8, ["payment-method"])) : createCommentVNode("", true),
                 __props.subscription.next_invoice ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                  createVNode(unref(_sfc_main$2$1), {
+                  createVNode(unref(_sfc_main$4), {
                     tag: "span",
                     variant: "body-xs",
                     shade: "light",
@@ -125,7 +128,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }),
-                  createVNode(unref(_sfc_main$2$1), {
+                  createVNode(unref(_sfc_main$4), {
                     tag: "span",
                     variant: "body-xs",
                     shade: "light"
@@ -144,7 +147,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               ])
             ]),
             createElementVNode("div", _hoisted_5, [
-              isDetailButtonVisible.value ? (openBlock(), createBlock(unref(_sfc_main$2H), {
+              isDetailButtonVisible.value ? (openBlock(), createBlock(unref(_sfc_main$6), {
                 key: 0,
                 color: "primary",
                 class: "w-full md:w-auto",
@@ -160,7 +163,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })) : createCommentVNode("", true),
-              isCancelButtonVisible.value ? (openBlock(), createBlock(unref(_sfc_main$2H), {
+              isCancelButtonVisible.value ? (openBlock(), createBlock(unref(_sfc_main$6), {
                 key: 1,
                 variant: "outline",
                 color: "gray",
@@ -176,7 +179,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   })), 1)
                 ]),
                 _: 1
-              })) : isRenewButtonVisible.value ? (openBlock(), createBlock(unref(_sfc_main$2H), {
+              })) : isRenewButtonVisible.value ? (openBlock(), createBlock(unref(_sfc_main$6), {
                 key: 2,
                 variant: "outline",
                 color: "gray",
@@ -228,7 +231,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     const isViewAllButtonVisible = computed(() => props.showViewAllButton);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1g), {
+      return openBlock(), createBlock(unref(_sfc_main$3), {
         "no-spacing": "",
         "no-border": "",
         title: unref($t)(
@@ -241,9 +244,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         )
       }, createSlots({
         default: withCtx(() => [
-          !hasSubscriptions.value ? (openBlock(), createBlock(unref(_sfc_main$1g), { key: 0 }, {
+          !hasSubscriptions.value ? (openBlock(), createBlock(unref(_sfc_main$3), { key: 0 }, {
             default: withCtx(() => [
-              createVNode(unref(_sfc_main$2$1), {
+              createVNode(unref(_sfc_main$4), {
                 tag: "h3",
                 variant: "heading-3"
               }, {
@@ -256,7 +259,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }),
-              createVNode(unref(_sfc_main$2$1), {
+              createVNode(unref(_sfc_main$4), {
                 variant: "body-xs",
                 shade: "lighter"
               }, {
@@ -281,13 +284,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 "show-view-subscription-details-button": __props.showViewDetailsButton,
                 "show-cancel-subscription-button": __props.showCancelButton,
                 "show-renew-subscription-button": __props.showRenewButton,
-                "show-view-all-button": __props.showViewAllButton,
-                "show-cancel-button": __props.showCancelButton,
-                "show-renew-button": __props.showRenewButton,
                 onViewSubscriptionDetails: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("view-subscription-details", $event)),
                 onCancelSubscription: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("cancel-subscription", $event)),
                 onRenewSubscription: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("renew-subscription", $event))
-              }, null, 8, ["subscription", "payment-method", "customer", "show-view-subscription-details-button", "show-cancel-subscription-button", "show-renew-subscription-button", "show-view-all-button", "show-cancel-button", "show-renew-button"]);
+              }, null, 8, ["subscription", "payment-method", "customer", "show-view-subscription-details-button", "show-cancel-subscription-button", "show-renew-subscription-button"]);
             }), 128))
           ]))
         ]),
@@ -296,7 +296,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         isViewAllButtonVisible.value ? {
           name: "right",
           fn: withCtx(() => [
-            createVNode(unref(_sfc_main$2H), {
+            createVNode(unref(_sfc_main$6), {
               size: "sm",
               variant: "ghost",
               color: "gray",
@@ -334,7 +334,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { dispatchAction } = useActionDispatchProvider();
     return (_ctx, _cache) => {
       var _a, _b, _c, _d;
-      return __props.isLoading ? (openBlock(), createBlock(_sfc_main$4, {
+      return __props.isLoading ? (openBlock(), createBlock(_sfc_main$7, {
         key: 0,
         variant: "section",
         class: "min-h-[100px]",

package/dist/SubscriptionsList.vue_vue_type_script_setup_true_lang-Pq3d7DTb.js

@@ -0,0 +1 @@
+const e=require("./useIncrementalLoading-CAdNW-Bf.js"),t=require("./subscriptions-CS8HTxzC.js"),i=require("vue"),o=require("./Section.vue.es-BuzTXRLP.js"),n=require("./Button.vue.es-BC4_TItq.js"),s=require("./component-ZRZIt3ZW.js"),r=require("./PaymentMethod.vue.es-DYlnmZh7.js"),c=require("./Skeleton.vue_vue_type_script_setup_true_lang-D1Xzfc70.js"),a=require("./useActionDispatchProvider-CWVV_xsi.js");const u={class:"flex flex-col gap-4 md:flex-row"},l={class:"grow"},p={class:"mt-4 flex items-center gap-6"},d={key:1,class:"flex gap-1"},b={class:"flex flex-col items-center gap-2 md:flex-row"},m=i.defineComponent({__name:"SubscriptionsListItem",props:{subscription:{type:Object},paymentMethod:{type:Object},customer:{type:Object},showViewSubscriptionDetailsButton:{type:Boolean,default:!0},showCancelSubscriptionButton:{type:Boolean,default:!0},showRenewSubscriptionButton:{type:Boolean,default:!0}},emits:["view-subscription-details","cancel-subscription","renew-subscription"],setup(e){const t=e,{$t:c}=s.useIntl(),{formatDate:a}=s.useIntl(),m=i.computed(()=>{var e;const i=t.subscription.pricing_plan_schedule_infos;if(0===i.length)return;const o=i[i.length-1];return null==(e=null==o?void 0:o.pricing_plan_version)?void 0:e.pricing_plan}),f=i.computed(()=>{var e;return t.subscription.name||(null==(e=m.value)?void 0:e.name)||c({defaultMessage:"Subscription",description:"The fallback name for when no subscription name can be determined",id:"customer_overview.subscriptions_block.fallback_subscription_name"})}),h=i.computed(()=>{var e;return null==(e=m.value)?void 0:e.description}),w=i.computed(()=>{const e=t.subscription.inactive_periods;return!e||0===e.length}),_=i.computed(()=>{const e=t.subscription.inactive_periods;return Array.isArray(e)&&e.length>0}),v=i.computed(()=>w.value&&t.showCancelSubscriptionButton),g=i.computed(()=>_.value&&t.showRenewSubscriptionButton),y=i.computed(()=>t.showViewSubscriptionDetailsButton);return(t,m)=>(i.openBlock(),i.createBlock(i.unref(o._sfc_main),null,{default:i.withCtx(()=>[i.createElementVNode("div",u,[i.createElementVNode("div",l,[i.createVNode(i.unref(s._sfc_main),{tag:"h3",variant:"heading-2"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(f.value),1)]),_:1}),h.value?(i.openBlock(),i.createBlock(i.unref(s._sfc_main),{key:0,variant:"body-sm",tag:"span",shade:"lighter"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(h.value),1)]),_:1})):i.createCommentVNode("",!0),i.createElementVNode("div",p,[e.paymentMethod?(i.openBlock(),i.createBlock(i.unref(r._sfc_main),{key:0,variant:"condensed","payment-method":e.paymentMethod},null,8,["payment-method"])):i.createCommentVNode("",!0),e.subscription.next_invoice?(i.openBlock(),i.createElementBlock("div",d,[i.createVNode(i.unref(s._sfc_main),{tag:"span",variant:"body-xs",shade:"light",weight:"semibold"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(c)({defaultMessage:"Next billing date",description:"The label for the next billing date",id:"customer.subscriptions_block.next_billing_date"})),1)]),_:1}),i.createVNode(i.unref(s._sfc_main),{tag:"span",variant:"body-xs",shade:"light"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(a)({date:e.subscription.next_invoice.invoice_date,format:"date",offsetType:"offsetted",timezone:e.customer.timezone})),1)]),_:1})])):i.createCommentVNode("",!0)])]),i.createElementVNode("div",b,[y.value?(i.openBlock(),i.createBlock(i.unref(n._sfc_main),{key:0,color:"primary",class:"w-full md:w-auto",type:"button",onClick:m[0]||(m[0]=i=>t.$emit("view-subscription-details",{subscriptionId:e.subscription.id}))},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(c)({defaultMessage:"Subscription details",description:"The label for the subscription details button in the subscriptions block",id:"customer.subscriptions_block.show_details_button_label"})),1)]),_:1})):i.createCommentVNode("",!0),v.value?(i.openBlock(),i.createBlock(i.unref(n._sfc_main),{key:1,variant:"outline",color:"gray",class:"w-full md:w-auto",type:"button",onClick:m[1]||(m[1]=i=>t.$emit("cancel-subscription",{subscriptionId:e.subscription.id}))},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(c)({defaultMessage:"Cancel subscription",description:"The label for the cancel subscription button in the subscriptions block",id:"customer.subscriptions_block.cancel_button_label"})),1)]),_:1})):g.value?(i.openBlock(),i.createBlock(i.unref(n._sfc_main),{key:2,variant:"outline",color:"gray",class:"w-full md:w-auto",type:"button",onClick:m[2]||(m[2]=i=>t.$emit("renew-subscription",{subscriptionId:e.subscription.id}))},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(c)({defaultMessage:"Renew subscription",description:"The label for the renew subscription button in the subscriptions block",id:"customer.subscriptions_block.renew_button_label"})),1)]),_:1})):i.createCommentVNode("",!0)])])]),_:1}))}}),f={key:1,class:"grid grid-cols-1 gap-4"},h=i.defineComponent({__name:"SubscriptionsList",props:{customer:{type:Object},subscriptions:{type:Array},paymentMethods:{default:()=>[],type:Array},isLoading:{type:Boolean},showViewAllButton:{type:Boolean,default:!0},showViewDetailsButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},showRenewButton:{type:Boolean,default:!0}},emits:["view-subscription-details","view-all-subscriptions","cancel-subscription","renew-subscription","load-more"],setup(e){const t=e,{$t:r}=s.useIntl(),c=i.computed(()=>t.subscriptions.length>0),a=e=>{if(e)return t.paymentMethods.find(({id:t})=>t===e)},u=i.computed(()=>t.showViewAllButton);return(t,l)=>(i.openBlock(),i.createBlock(i.unref(o._sfc_main),{"no-spacing":"","no-border":"",title:i.unref(r)({defaultMessage:"{count, plural, one {My subscription} other {My subscriptions}}",description:"Title for the subscriptions block on the customer overview page",id:"customer_overview.subscriptions_block.title"},{count:String(e.subscriptions.length)})},i.createSlots({default:i.withCtx(()=>[c.value?(i.openBlock(),i.createElementBlock("div",f,[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(e.subscriptions,o=>(i.openBlock(),i.createBlock(m,{key:o.id,subscription:o,"payment-method":a(o.payment_method_id),customer:e.customer,"show-view-subscription-details-button":e.showViewDetailsButton,"show-cancel-subscription-button":e.showCancelButton,"show-renew-subscription-button":e.showRenewButton,onViewSubscriptionDetails:l[1]||(l[1]=e=>t.$emit("view-subscription-details",e)),onCancelSubscription:l[2]||(l[2]=e=>t.$emit("cancel-subscription",e)),onRenewSubscription:l[3]||(l[3]=e=>t.$emit("renew-subscription",e))},null,8,["subscription","payment-method","customer","show-view-subscription-details-button","show-cancel-subscription-button","show-renew-subscription-button"]))),128))])):(i.openBlock(),i.createBlock(i.unref(o._sfc_main),{key:0},{default:i.withCtx(()=>[i.createVNode(i.unref(s._sfc_main),{tag:"h3",variant:"heading-3"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(r)({defaultMessage:"No subscriptions",description:"Title for the my subscriptions block on the customer overview page",id:"customer_overview.subscriptions_block.no_active_subscription_title"})),1)]),_:1}),i.createVNode(i.unref(s._sfc_main),{variant:"body-xs",shade:"lighter"},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(r)({defaultMessage:"There’s no active subscription to display.",description:"Text that is being displayed when there is no active subscription in the subscriptions block",id:"customer_overview.subscriptions_block.no_active_subscription_content"})),1)]),_:1})]),_:1}))]),_:2},[u.value?{name:"right",fn:i.withCtx(()=>[i.createVNode(i.unref(n._sfc_main),{size:"sm",variant:"ghost",color:"gray","icon-suffix":"arrow_right_alt",type:"button",onClick:l[0]||(l[0]=e=>t.$emit("view-all-subscriptions"))},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(r)({defaultMessage:"View all",description:"The text for the view all subscriptions button",id:"customer_overview.subscriptions_block.view_all_button_label"})),1)]),_:1})]),key:"0"}:void 0]),1032,["title"]))}}),w=i.defineComponent({__name:"SubscriptionsList",props:{customer:{type:null},subscriptions:{type:Array},paymentMethods:{type:Array},isLoading:{type:Boolean},configuration:{type:Object}},emits:["load-more"],setup(e){const{dispatchAction:t}=a.useActionDispatchProvider();return(o,n)=>{var s,r,a,u;return e.isLoading?(i.openBlock(),i.createBlock(c._sfc_main,{key:0,variant:"section",class:"min-h-[100px]","data-testid":"subscriptions-list-skeleton"})):e.customer?(i.openBlock(),i.createBlock(h,{key:1,customer:e.customer,subscriptions:e.subscriptions,"payment-methods":e.paymentMethods,"is-loading":e.isLoading,"show-view-all-button":null==(s=e.configuration)?void 0:s.showViewAllButton,"show-view-details-button":null==(r=e.configuration)?void 0:r.showViewDetailsButton,"show-cancel-button":null==(a=e.configuration)?void 0:a.showCancelButton,"show-renew-button":null==(u=e.configuration)?void 0:u.showRenewButton,onViewSubscriptionDetails:n[0]||(n[0]=e=>i.unref(t)({action:"view-subscription-details",data:{subscriptionId:e.subscriptionId}})),onViewAllSubscriptions:n[1]||(n[1]=e=>i.unref(t)({action:"view-all-subscriptions"})),onCancelSubscription:n[2]||(n[2]=e=>i.unref(t)({action:"cancel-subscription",data:{subscriptionId:e.subscriptionId}})),onRenewSubscription:n[3]||(n[3]=e=>i.unref(t)({action:"renew-subscription",data:{subscriptionId:e.subscriptionId}})),onLoadMore:n[4]||(n[4]=e=>o.$emit("load-more"))},null,8,["customer","subscriptions","payment-methods","is-loading","show-view-all-button","show-view-details-button","show-cancel-button","show-renew-button"])):i.createCommentVNode("",!0)}}});exports._sfc_main=w,exports.useSubscriptionsList=function({customerId:i,batchSize:o=15}){const n=t.createSubscriptionsService();return e.useIncrementalLoading({service:async e=>n.getActiveSubscriptions({customerId:i,pagination:{page:e,pageSize:o}})})};

package/dist/TooltipParagraph.vue.es-DVJLF9Kv.mjs

@@ -0,0 +1,136 @@
+import { defineComponent, ref, inject, provide, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, normalizeStyle, renderSlot, unref, createBlock, Teleport, normalizeClass, createVNode, withCtx, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { u as useFloating, o as offset, f as flip, a as autoUpdate, b as _export_sfc } from "./Chip.vue.es-DcW2CjUA.mjs";
+import { T as TOOLTIP_PORTAL_NAME, e as TOOLTIP_DARK_MODE_INJECT_KEY, _ as _sfc_main$3 } from "./component-dpA83LIN.mjs";
+const _hoisted_1$1 = {
+  key: 0,
+  class: "px-3 mb-1"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "Tooltip",
+  props: {
+    variant: { default: "default" },
+    placement: { default: "bottom-end" },
+    offset: { default: 4 },
+    maxWidth: { default: "xs" },
+    rootClass: {},
+    title: {},
+    isDarkMode: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const triggerRef = ref();
+    const tooltipRef = ref(null);
+    const isVisible = ref(false);
+    const tooltipTeleportTarget = inject(TOOLTIP_PORTAL_NAME);
+    const { floatingStyles } = useFloating(triggerRef, tooltipRef, {
+      whileElementsMounted: autoUpdate,
+      placement: props.placement,
+      middleware: [offset(props.offset), flip()]
+    });
+    provide(TOOLTIP_DARK_MODE_INJECT_KEY, props.isDarkMode);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("span", mergeProps(_ctx.$attrs, {
+          ref_key: "triggerRef",
+          ref: triggerRef,
+          class: "relative leading-none",
+          onMouseenter: _cache[0] || (_cache[0] = ($event) => isVisible.value = true),
+          onMouseleave: _cache[1] || (_cache[1] = ($event) => isVisible.value = false)
+        }), [
+          createElementVNode("span", {
+            class: "absolute",
+            style: normalizeStyle({
+              inset: `-${__props.offset}px`
+            })
+          }, null, 4),
+          renderSlot(_ctx.$slots, "default")
+        ], 16),
+        unref(tooltipTeleportTarget) ? (openBlock(), createBlock(Teleport, {
+          key: 0,
+          to: unref(tooltipTeleportTarget)
+        }, [
+          isVisible.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "tooltipRef",
+            ref: tooltipRef,
+            style: normalizeStyle(unref(floatingStyles)),
+            class: normalizeClass(["border z-70 shadow-md", [
+              __props.rootClass,
+              `max-w-${__props.maxWidth}`,
+              {
+                "border-gray-200 rounded bg-white": !__props.isDarkMode,
+                "border-gray-700 rounded bg-gray-700": __props.isDarkMode
+              }
+            ]]),
+            onMouseenter: _cache[2] || (_cache[2] = ($event) => isVisible.value = true),
+            onMouseleave: _cache[3] || (_cache[3] = ($event) => isVisible.value = false)
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(["rounded", {
+                "border-gray-50 bg-gray-50": __props.variant === "outline" && !__props.isDarkMode,
+                "border-gray-600 bg-gray-600": __props.variant === "outline" && __props.isDarkMode,
+                "border-4": __props.variant === "outline" && !__props.title,
+                "border-2": __props.variant === "outline" && __props.title,
+                "pt-0": !!__props.title
+              }])
+            }, [
+              __props.title ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+                createVNode(_sfc_main$3, {
+                  variant: "caps-heading",
+                  shade: "lighter",
+                  class: normalizeClass({ "!text-gray-100": __props.isDarkMode }),
+                  "no-spacing": ""
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(__props.title), 1)
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", {
+                class: normalizeClass(["py-2 rounded", {
+                  "bg-white": __props.variant === "outline" && !__props.isDarkMode,
+                  "bg-gray-700": __props.variant === "outline" && __props.isDarkMode
+                }])
+              }, [
+                renderSlot(_ctx.$slots, "tooltip")
+              ], 2)
+            ], 2)
+          ], 38)) : createCommentVNode("", true)
+        ], 8, ["to"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+const _sfc_main$1 = {};
+const _hoisted_1 = { class: "px-3" };
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+const TooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TooltipParagraph",
+  setup(__props) {
+    const isDarkMode = inject(TOOLTIP_DARK_MODE_INJECT_KEY);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$3), {
+        tag: "p",
+        variant: "body-xs",
+        shade: "lighter",
+        class: normalizeClass({ "!text-gray-200": unref(isDarkMode) })
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+export {
+  TooltipContent as T,
+  _sfc_main$2 as _,
+  _sfc_main as a
+};

package/dist/TooltipParagraph.vue.es-kTbRGoPF.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./Chip.vue.es-D0fkSe8a.js"),o=require("./component-ZRZIt3ZW.js"),a={key:0,class:"px-3 mb-1"},r=e.defineComponent({__name:"Tooltip",props:{variant:{default:"default"},placement:{default:"bottom-end"},offset:{default:4},maxWidth:{default:"xs"},rootClass:{},title:{},isDarkMode:{type:Boolean}},setup(r){const l=r,n=e.ref(),s=e.ref(null),i=e.ref(!1),d=e.inject(o.TOOLTIP_PORTAL_NAME),{floatingStyles:c}=t.useFloating(n,s,{whileElementsMounted:t.autoUpdate,placement:l.placement,middleware:[t.offset(l.offset),t.flip()]});return e.provide(o.TOOLTIP_DARK_MODE_INJECT_KEY,l.isDarkMode),(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("span",e.mergeProps(t.$attrs,{ref_key:"triggerRef",ref:n,class:"relative leading-none",onMouseenter:l[0]||(l[0]=e=>i.value=!0),onMouseleave:l[1]||(l[1]=e=>i.value=!1)}),[e.createElementVNode("span",{class:"absolute",style:e.normalizeStyle({inset:`-${r.offset}px`})},null,4),e.renderSlot(t.$slots,"default")],16),e.unref(d)?(e.openBlock(),e.createBlock(e.Teleport,{key:0,to:e.unref(d)},[i.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"tooltipRef",ref:s,style:e.normalizeStyle(e.unref(c)),class:e.normalizeClass(["border z-70 shadow-md",[r.rootClass,`max-w-${r.maxWidth}`,{"border-gray-200 rounded bg-white":!r.isDarkMode,"border-gray-700 rounded bg-gray-700":r.isDarkMode}]]),onMouseenter:l[2]||(l[2]=e=>i.value=!0),onMouseleave:l[3]||(l[3]=e=>i.value=!1)},[e.createElementVNode("div",{class:e.normalizeClass(["rounded",{"border-gray-50 bg-gray-50":"outline"===r.variant&&!r.isDarkMode,"border-gray-600 bg-gray-600":"outline"===r.variant&&r.isDarkMode,"border-4":"outline"===r.variant&&!r.title,"border-2":"outline"===r.variant&&r.title,"pt-0":!!r.title}])},[r.title?(e.openBlock(),e.createElementBlock("div",a,[e.createVNode(o._sfc_main,{variant:"caps-heading",shade:"lighter",class:e.normalizeClass({"!text-gray-100":r.isDarkMode}),"no-spacing":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.title),1)]),_:1},8,["class"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["py-2 rounded",{"bg-white":"outline"===r.variant&&!r.isDarkMode,"bg-gray-700":"outline"===r.variant&&r.isDarkMode}])},[e.renderSlot(t.$slots,"tooltip")],2)],2)],38)):e.createCommentVNode("",!0)],8,["to"])):e.createCommentVNode("",!0)],64))}}),l={},n={class:"px-3"};const s=t._export_sfc(l,[["render",function(t,o){return e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(t.$slots,"default")])}]]),i=e.defineComponent({__name:"TooltipParagraph",setup(t){const a=e.inject(o.TOOLTIP_DARK_MODE_INJECT_KEY);return(t,r)=>(e.openBlock(),e.createBlock(e.unref(o._sfc_main),{tag:"p",variant:"body-xs",shade:"lighter",class:e.normalizeClass({"!text-gray-200":e.unref(a)})},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},8,["class"]))}});exports.TooltipContent=s,exports._sfc_main=r,exports._sfc_main$1=i;