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

package/dist/PricingGroupContent.vue_vue_type_script_setup_true_lang-DWp42_G4.mjs

@@ -0,0 +1,75 @@
+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-DEo_ndpK.mjs";
+const _hoisted_1$1 = { class: "flex gap-1" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "Kpi",
+  props: {
+    icon: { type: null },
+    kpi: { type: String }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(unref(_sfc_main$4), {
+          icon: __props.icon,
+          size: "xs"
+        }, null, 8, ["icon"]),
+        createVNode(unref(_sfc_main$2), { variant: "body-xs" }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.kpi), 1)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const _hoisted_1 = { class: "flex items-start" };
+const _hoisted_2 = { class: "flex flex-col grow" };
+const _hoisted_3 = { class: "flex items-center gap-1" };
+const _hoisted_4 = { class: "flex items-center ml-4 self-center" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PricingGroupContent",
+  props: {
+    name: { type: String },
+    description: { type: String }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createVNode(unref(_sfc_main$2), {
+              tag: "span",
+              variant: "body-sm",
+              weight: "semibold"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.name), 1)
+              ]),
+              _: 1
+            }),
+            renderSlot(_ctx.$slots, "badge")
+          ]),
+          createVNode(unref(_sfc_main$2), {
+            tag: "span",
+            variant: "body-xs",
+            shade: "lighter"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.description), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  _sfc_main$1 as a
+};

package/dist/{Skeleton.vue_vue_type_script_setup_true_lang-BFFJw-5h.mjs → Skeleton.vue_vue_type_script_setup_true_lang-C-taYlG4.mjs}

@@ -1,4 +1,4 @@
-import { defineComponent, useSlots, computed, renderSlot, openBlock, createElementBlock, Fragment, mergeProps, normalizeProps, createElementVNode, normalizeClass, Comment, Text } from "vue";
+import { defineComponent, useSlots, computed, renderSlot, openBlock, createElementBlock, Fragment, mergeProps, normalizeProps, createElementVNode, normalizeClass, isVNode, Comment, Text } from "vue";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Skeleton",
   props: {
@@ -15,6 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (Array.isArray(node)) {
         return node.every(isVnodeEmpty);
       }
+      if (!isVNode(node)) return false;
       const vnode = node;
       if (vnode.type === Comment) {
         return true;
@@ -42,11 +43,11 @@ 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: "rounded border border-gray-50 bg-gray-50/50 h-6 w-40" }), null, 16)) : __props.variant === "divider-text" ? (openBlock(), createElementBlock("div", mergeProps({ key: 1 }, _ctx.$attrs, { class: "rounded border border-gray-50 bg-gray-50/50 h-4 w-12 mx-auto" }), null, 16)) : __props.variant === "section" ? (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 2 }, _ctx.$attrs)), [
-          _cache[0] || (_cache[0] = createElementVNode("div", { class: "rounded border border-gray-50 bg-gray-50/50 h-6 w-40" }, null, -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)), [
+          _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([
-              "rounded border border-gray-50 bg-gray-50/50 mt-1 md:mt-2",
+              "mt-1 rounded border border-gray-50 bg-gray-50/50 md:mt-2",
               _ctx.$props.class
             ])
           }, null, 2)

package/dist/Skeleton.vue_vue_type_script_setup_true_lang-C_BwMlBE.js

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

package/dist/{SubscriptionsList.vue_vue_type_script_setup_true_lang-DfB5BqiH.mjs → SubscriptionsList.vue_vue_type_script_setup_true_lang-Bp5RvQVS.mjs}

@@ -1,9 +1,9 @@
-import { u as useIncrementalLoading } from "./useIncrementalLoading-fHCizCSo.mjs";
-import { c as createSubscriptionsService } from "./subscriptions-3R7aMoky.mjs";
+import { u as useIncrementalLoading } from "./useIncrementalLoading-C7ToTmZK.mjs";
+import { c as createSubscriptionsService } from "./subscriptions-Bs4DIE8f.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-BkmcE85U.mjs";
-import { _ as _sfc_main$4 } from "./Skeleton.vue_vue_type_script_setup_true_lang-BFFJw-5h.mjs";
-import { u as useActionDispatchProvider } from "./useActionDispatchProvider-CBo_Hwu5.mjs";
+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-DEo_ndpK.mjs";
+import { _ as _sfc_main$4 } from "./Skeleton.vue_vue_type_script_setup_true_lang-C-taYlG4.mjs";
+import { u as useActionDispatchProvider } from "./useActionDispatchProvider-CgRcOqv3.mjs";
 function useSubscriptionsList({
   customerId,
   batchSize: pageSize = 15

package/dist/{SubscriptionsList.vue_vue_type_script_setup_true_lang-DqZLFDCv.js → SubscriptionsList.vue_vue_type_script_setup_true_lang-yyhwzYSM.js}

@@ -1 +1 @@
-const e=require("./useIncrementalLoading-D8oKNxX7.js"),t=require("./subscriptions-CqK7t-fF.js"),o=require("vue"),i=require("./component-Df5eNqYX.js"),n=require("./Skeleton.vue_vue_type_script_setup_true_lang-CQqTurIt.js"),s=require("./useActionDispatchProvider-DsIljrhi.js");const r={class:"flex flex-col gap-4 md:flex-row"},c={class:"grow"},a={class:"mt-4 flex items-center gap-6"},u={key:1,class:"flex gap-1"},l={class:"flex flex-col items-center gap-2 md:flex-row"},p=o.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:n}=i.useIntl(),{formatDate:s}=i.useIntl(),p=o.computed(()=>{var e;const o=t.subscription.pricing_plan_schedule_infos;if(0===o.length)return;const i=o[o.length-1];return null==(e=null==i?void 0:i.pricing_plan_version)?void 0:e.pricing_plan}),d=o.computed(()=>{var e;return t.subscription.name||(null==(e=p.value)?void 0:e.name)||n({defaultMessage:"Subscription",description:"The fallback name for when no subscription name can be determined",id:"customer_overview.subscriptions_block.fallback_subscription_name"})}),b=o.computed(()=>{var e;return null==(e=p.value)?void 0:e.description}),m=o.computed(()=>{const e=t.subscription.inactive_periods;return!e||0===e.length}),w=o.computed(()=>{const e=t.subscription.inactive_periods;return Array.isArray(e)&&e.length>0}),h=o.computed(()=>m.value&&t.showCancelSubscriptionButton),f=o.computed(()=>w.value&&t.showRenewSubscriptionButton),_=o.computed(()=>t.showViewSubscriptionDetailsButton);return(t,p)=>(o.openBlock(),o.createBlock(o.unref(i._sfc_main$1g),null,{default:o.withCtx(()=>[o.createElementVNode("div",r,[o.createElementVNode("div",c,[o.createVNode(o.unref(i._sfc_main$2),{tag:"h3",variant:"heading-2"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(d.value),1)]),_:1}),b.value?(o.openBlock(),o.createBlock(o.unref(i._sfc_main$2),{key:0,variant:"body-sm",tag:"span",shade:"lighter"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(b.value),1)]),_:1})):o.createCommentVNode("",!0),o.createElementVNode("div",a,[e.paymentMethod?(o.openBlock(),o.createBlock(o.unref(i._sfc_main),{key:0,variant:"condensed","payment-method":e.paymentMethod},null,8,["payment-method"])):o.createCommentVNode("",!0),e.subscription.next_invoice?(o.openBlock(),o.createElementBlock("div",u,[o.createVNode(o.unref(i._sfc_main$2),{tag:"span",variant:"body-xs",shade:"light",weight:"semibold"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(n)({defaultMessage:"Next billing date",description:"The label for the next billing date",id:"customer.subscriptions_block.next_billing_date"})),1)]),_:1}),o.createVNode(o.unref(i._sfc_main$2),{tag:"span",variant:"body-xs",shade:"light"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(s)({date:e.subscription.next_invoice.invoice_date,format:"date",offsetType:"offsetted",timezone:e.customer.timezone})),1)]),_:1})])):o.createCommentVNode("",!0)])]),o.createElementVNode("div",l,[_.value?(o.openBlock(),o.createBlock(o.unref(i._sfc_main$2H),{key:0,color:"primary",class:"w-full md:w-auto",type:"button",onClick:p[0]||(p[0]=o=>t.$emit("view-subscription-details",{subscriptionId:e.subscription.id}))},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(n)({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})):o.createCommentVNode("",!0),h.value?(o.openBlock(),o.createBlock(o.unref(i._sfc_main$2H),{key:1,variant:"outline",color:"gray",class:"w-full md:w-auto",type:"button",onClick:p[1]||(p[1]=o=>t.$emit("cancel-subscription",{subscriptionId:e.subscription.id}))},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(n)({defaultMessage:"Cancel subscription",description:"The label for the cancel subscription button in the subscriptions block",id:"customer.subscriptions_block.cancel_button_label"})),1)]),_:1})):f.value?(o.openBlock(),o.createBlock(o.unref(i._sfc_main$2H),{key:2,variant:"outline",color:"gray",class:"w-full md:w-auto",type:"button",onClick:p[2]||(p[2]=o=>t.$emit("renew-subscription",{subscriptionId:e.subscription.id}))},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(n)({defaultMessage:"Renew subscription",description:"The label for the renew subscription button in the subscriptions block",id:"customer.subscriptions_block.renew_button_label"})),1)]),_:1})):o.createCommentVNode("",!0)])])]),_:1}))}}),d={key:1,class:"grid grid-cols-1 gap-4"},b=o.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:n}=i.useIntl(),s=o.computed(()=>t.subscriptions.length>0),r=e=>{if(e)return t.paymentMethods.find(({id:t})=>t===e)},c=o.computed(()=>t.showViewAllButton);return(t,a)=>(o.openBlock(),o.createBlock(o.unref(i._sfc_main$1g),{"no-spacing":"","no-border":"",title:o.unref(n)({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)})},o.createSlots({default:o.withCtx(()=>[s.value?(o.openBlock(),o.createElementBlock("div",d,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.subscriptions,i=>(o.openBlock(),o.createBlock(p,{key:i.id,subscription:i,"payment-method":r(i.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,"show-view-all-button":e.showViewAllButton,"show-cancel-button":e.showCancelButton,"show-renew-button":e.showRenewButton,onViewSubscriptionDetails:a[1]||(a[1]=e=>t.$emit("view-subscription-details",e)),onCancelSubscription:a[2]||(a[2]=e=>t.$emit("cancel-subscription",e)),onRenewSubscription:a[3]||(a[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","show-view-all-button","show-cancel-button","show-renew-button"]))),128))])):(o.openBlock(),o.createBlock(o.unref(i._sfc_main$1g),{key:0},{default:o.withCtx(()=>[o.createVNode(o.unref(i._sfc_main$2),{tag:"h3",variant:"heading-3"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(n)({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}),o.createVNode(o.unref(i._sfc_main$2),{variant:"body-xs",shade:"lighter"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(n)({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},[c.value?{name:"right",fn:o.withCtx(()=>[o.createVNode(o.unref(i._sfc_main$2H),{size:"sm",variant:"ghost",color:"gray","icon-suffix":"arrow_right_alt",type:"button",onClick:a[0]||(a[0]=e=>t.$emit("view-all-subscriptions"))},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(n)({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"]))}}),m=o.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}=s.useActionDispatchProvider();return(i,s)=>{var r,c,a,u;return e.isLoading?(o.openBlock(),o.createBlock(n._sfc_main,{key:0,variant:"section",class:"min-h-[100px]","data-testid":"subscriptions-list-skeleton"})):e.customer?(o.openBlock(),o.createBlock(b,{key:1,customer:e.customer,subscriptions:e.subscriptions,"payment-methods":e.paymentMethods,"is-loading":e.isLoading,"show-view-all-button":null==(r=e.configuration)?void 0:r.showViewAllButton,"show-view-details-button":null==(c=e.configuration)?void 0:c.showViewDetailsButton,"show-cancel-button":null==(a=e.configuration)?void 0:a.showCancelButton,"show-renew-button":null==(u=e.configuration)?void 0:u.showRenewButton,onViewSubscriptionDetails:s[0]||(s[0]=e=>o.unref(t)({action:"view-subscription-details",data:{subscriptionId:e.subscriptionId}})),onViewAllSubscriptions:s[1]||(s[1]=e=>o.unref(t)({action:"view-all-subscriptions"})),onCancelSubscription:s[2]||(s[2]=e=>o.unref(t)({action:"cancel-subscription",data:{subscriptionId:e.subscriptionId}})),onRenewSubscription:s[3]||(s[3]=e=>o.unref(t)({action:"renew-subscription",data:{subscriptionId:e.subscriptionId}})),onLoadMore:s[4]||(s[4]=e=>i.$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"])):o.createCommentVNode("",!0)}}});exports._sfc_main=m,exports.useSubscriptionsList=function({customerId:o,batchSize:i=15}){const n=t.createSubscriptionsService();return e.useIncrementalLoading({service:async e=>n.getActiveSubscriptions({customerId:o,pagination:{page:e,pageSize:i}})})};
+const e=require("./useIncrementalLoading-D60Vttil.js"),t=require("./subscriptions-CnxvsBXd.js"),o=require("vue"),i=require("./component-XHQYFLA_.js"),n=require("./Skeleton.vue_vue_type_script_setup_true_lang-C_BwMlBE.js"),s=require("./useActionDispatchProvider-Cru69mAl.js");const r={class:"flex flex-col gap-4 md:flex-row"},c={class:"grow"},a={class:"mt-4 flex items-center gap-6"},u={key:1,class:"flex gap-1"},l={class:"flex flex-col items-center gap-2 md:flex-row"},p=o.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:n}=i.useIntl(),{formatDate:s}=i.useIntl(),p=o.computed(()=>{var e;const o=t.subscription.pricing_plan_schedule_infos;if(0===o.length)return;const i=o[o.length-1];return null==(e=null==i?void 0:i.pricing_plan_version)?void 0:e.pricing_plan}),d=o.computed(()=>{var e;return t.subscription.name||(null==(e=p.value)?void 0:e.name)||n({defaultMessage:"Subscription",description:"The fallback name for when no subscription name can be determined",id:"customer_overview.subscriptions_block.fallback_subscription_name"})}),b=o.computed(()=>{var e;return null==(e=p.value)?void 0:e.description}),m=o.computed(()=>{const e=t.subscription.inactive_periods;return!e||0===e.length}),w=o.computed(()=>{const e=t.subscription.inactive_periods;return Array.isArray(e)&&e.length>0}),h=o.computed(()=>m.value&&t.showCancelSubscriptionButton),f=o.computed(()=>w.value&&t.showRenewSubscriptionButton),_=o.computed(()=>t.showViewSubscriptionDetailsButton);return(t,p)=>(o.openBlock(),o.createBlock(o.unref(i._sfc_main$1g),null,{default:o.withCtx(()=>[o.createElementVNode("div",r,[o.createElementVNode("div",c,[o.createVNode(o.unref(i._sfc_main$2),{tag:"h3",variant:"heading-2"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(d.value),1)]),_:1}),b.value?(o.openBlock(),o.createBlock(o.unref(i._sfc_main$2),{key:0,variant:"body-sm",tag:"span",shade:"lighter"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(b.value),1)]),_:1})):o.createCommentVNode("",!0),o.createElementVNode("div",a,[e.paymentMethod?(o.openBlock(),o.createBlock(o.unref(i._sfc_main),{key:0,variant:"condensed","payment-method":e.paymentMethod},null,8,["payment-method"])):o.createCommentVNode("",!0),e.subscription.next_invoice?(o.openBlock(),o.createElementBlock("div",u,[o.createVNode(o.unref(i._sfc_main$2),{tag:"span",variant:"body-xs",shade:"light",weight:"semibold"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(n)({defaultMessage:"Next billing date",description:"The label for the next billing date",id:"customer.subscriptions_block.next_billing_date"})),1)]),_:1}),o.createVNode(o.unref(i._sfc_main$2),{tag:"span",variant:"body-xs",shade:"light"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(s)({date:e.subscription.next_invoice.invoice_date,format:"date",offsetType:"offsetted",timezone:e.customer.timezone})),1)]),_:1})])):o.createCommentVNode("",!0)])]),o.createElementVNode("div",l,[_.value?(o.openBlock(),o.createBlock(o.unref(i._sfc_main$2H),{key:0,color:"primary",class:"w-full md:w-auto",type:"button",onClick:p[0]||(p[0]=o=>t.$emit("view-subscription-details",{subscriptionId:e.subscription.id}))},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(n)({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})):o.createCommentVNode("",!0),h.value?(o.openBlock(),o.createBlock(o.unref(i._sfc_main$2H),{key:1,variant:"outline",color:"gray",class:"w-full md:w-auto",type:"button",onClick:p[1]||(p[1]=o=>t.$emit("cancel-subscription",{subscriptionId:e.subscription.id}))},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(n)({defaultMessage:"Cancel subscription",description:"The label for the cancel subscription button in the subscriptions block",id:"customer.subscriptions_block.cancel_button_label"})),1)]),_:1})):f.value?(o.openBlock(),o.createBlock(o.unref(i._sfc_main$2H),{key:2,variant:"outline",color:"gray",class:"w-full md:w-auto",type:"button",onClick:p[2]||(p[2]=o=>t.$emit("renew-subscription",{subscriptionId:e.subscription.id}))},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(n)({defaultMessage:"Renew subscription",description:"The label for the renew subscription button in the subscriptions block",id:"customer.subscriptions_block.renew_button_label"})),1)]),_:1})):o.createCommentVNode("",!0)])])]),_:1}))}}),d={key:1,class:"grid grid-cols-1 gap-4"},b=o.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:n}=i.useIntl(),s=o.computed(()=>t.subscriptions.length>0),r=e=>{if(e)return t.paymentMethods.find(({id:t})=>t===e)},c=o.computed(()=>t.showViewAllButton);return(t,a)=>(o.openBlock(),o.createBlock(o.unref(i._sfc_main$1g),{"no-spacing":"","no-border":"",title:o.unref(n)({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)})},o.createSlots({default:o.withCtx(()=>[s.value?(o.openBlock(),o.createElementBlock("div",d,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.subscriptions,i=>(o.openBlock(),o.createBlock(p,{key:i.id,subscription:i,"payment-method":r(i.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,"show-view-all-button":e.showViewAllButton,"show-cancel-button":e.showCancelButton,"show-renew-button":e.showRenewButton,onViewSubscriptionDetails:a[1]||(a[1]=e=>t.$emit("view-subscription-details",e)),onCancelSubscription:a[2]||(a[2]=e=>t.$emit("cancel-subscription",e)),onRenewSubscription:a[3]||(a[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","show-view-all-button","show-cancel-button","show-renew-button"]))),128))])):(o.openBlock(),o.createBlock(o.unref(i._sfc_main$1g),{key:0},{default:o.withCtx(()=>[o.createVNode(o.unref(i._sfc_main$2),{tag:"h3",variant:"heading-3"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(n)({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}),o.createVNode(o.unref(i._sfc_main$2),{variant:"body-xs",shade:"lighter"},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(n)({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},[c.value?{name:"right",fn:o.withCtx(()=>[o.createVNode(o.unref(i._sfc_main$2H),{size:"sm",variant:"ghost",color:"gray","icon-suffix":"arrow_right_alt",type:"button",onClick:a[0]||(a[0]=e=>t.$emit("view-all-subscriptions"))},{default:o.withCtx(()=>[o.createTextVNode(o.toDisplayString(o.unref(n)({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"]))}}),m=o.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}=s.useActionDispatchProvider();return(i,s)=>{var r,c,a,u;return e.isLoading?(o.openBlock(),o.createBlock(n._sfc_main,{key:0,variant:"section",class:"min-h-[100px]","data-testid":"subscriptions-list-skeleton"})):e.customer?(o.openBlock(),o.createBlock(b,{key:1,customer:e.customer,subscriptions:e.subscriptions,"payment-methods":e.paymentMethods,"is-loading":e.isLoading,"show-view-all-button":null==(r=e.configuration)?void 0:r.showViewAllButton,"show-view-details-button":null==(c=e.configuration)?void 0:c.showViewDetailsButton,"show-cancel-button":null==(a=e.configuration)?void 0:a.showCancelButton,"show-renew-button":null==(u=e.configuration)?void 0:u.showRenewButton,onViewSubscriptionDetails:s[0]||(s[0]=e=>o.unref(t)({action:"view-subscription-details",data:{subscriptionId:e.subscriptionId}})),onViewAllSubscriptions:s[1]||(s[1]=e=>o.unref(t)({action:"view-all-subscriptions"})),onCancelSubscription:s[2]||(s[2]=e=>o.unref(t)({action:"cancel-subscription",data:{subscriptionId:e.subscriptionId}})),onRenewSubscription:s[3]||(s[3]=e=>o.unref(t)({action:"renew-subscription",data:{subscriptionId:e.subscriptionId}})),onLoadMore:s[4]||(s[4]=e=>i.$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"])):o.createCommentVNode("",!0)}}});exports._sfc_main=m,exports.useSubscriptionsList=function({customerId:o,batchSize:i=15}){const n=t.createSubscriptionsService();return e.useIncrementalLoading({service:async e=>n.getActiveSubscriptions({customerId:o,pagination:{page:e,pageSize:i}})})};