@solvimon/solvimon-web 0.1.0-alpha.1

package/dist/SubscriptionsList.vue_vue_type_script_setup_true_lang-DfB5BqiH.mjs

@@ -0,0 +1,373 @@
+import { u as useIncrementalLoading } from "./useIncrementalLoading-fHCizCSo.mjs";
+import { c as createSubscriptionsService } from "./subscriptions-3R7aMoky.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";
+function useSubscriptionsList({
+  customerId,
+  batchSize: pageSize = 15
+}) {
+  const subscriptionsService = createSubscriptionsService();
+  const service = async (page) => subscriptionsService.getActiveSubscriptions({
+    customerId,
+    pagination: { page, pageSize }
+  });
+  return useIncrementalLoading({ service });
+}
+const _hoisted_1$1 = { class: "flex flex-col gap-4 md:flex-row" };
+const _hoisted_2 = { class: "grow" };
+const _hoisted_3 = { class: "mt-4 flex items-center gap-6" };
+const _hoisted_4 = {
+  key: 1,
+  class: "flex gap-1"
+};
+const _hoisted_5 = { class: "flex flex-col items-center gap-2 md:flex-row" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "SubscriptionsListItem",
+  props: {
+    subscription: { type: Object },
+    paymentMethod: { type: Object },
+    customer: { type: Object },
+    showViewSubscriptionDetailsButton: { type: Boolean, default: true },
+    showCancelSubscriptionButton: { type: Boolean, default: true },
+    showRenewSubscriptionButton: { type: Boolean, default: true }
+  },
+  emits: ["view-subscription-details", "cancel-subscription", "renew-subscription"],
+  setup(__props) {
+    const props = __props;
+    const { $t } = useIntl();
+    const { formatDate } = useIntl();
+    const mostRecentPricingPlan = computed(() => {
+      var _a;
+      const scheduleInfos = props.subscription.pricing_plan_schedule_infos;
+      if (scheduleInfos.length === 0) {
+        return void 0;
+      }
+      const latestScheduleInfo = scheduleInfos[scheduleInfos.length - 1];
+      return (_a = latestScheduleInfo == null ? void 0 : latestScheduleInfo.pricing_plan_version) == null ? void 0 : _a.pricing_plan;
+    });
+    const subscriptionName = computed(
+      () => {
+        var _a;
+        return props.subscription.name || ((_a = mostRecentPricingPlan.value) == null ? void 0 : _a.name) || $t({
+          defaultMessage: "Subscription",
+          description: "The fallback name for when no subscription name can be determined",
+          id: "customer_overview.subscriptions_block.fallback_subscription_name"
+        });
+      }
+    );
+    const subscriptionDescription = computed(
+      () => {
+        var _a;
+        return (_a = mostRecentPricingPlan.value) == null ? void 0 : _a.description;
+      }
+    );
+    const isCancellable = computed(() => {
+      const inactivePeriods = props.subscription.inactive_periods;
+      return !inactivePeriods || inactivePeriods.length === 0;
+    });
+    const isRenewable = computed(() => {
+      const inactivePeriods = props.subscription.inactive_periods;
+      return Array.isArray(inactivePeriods) && inactivePeriods.length > 0;
+    });
+    const isCancelButtonVisible = computed(
+      () => isCancellable.value && props.showCancelSubscriptionButton
+    );
+    const isRenewButtonVisible = computed(
+      () => isRenewable.value && props.showRenewSubscriptionButton
+    );
+    const isDetailButtonVisible = computed(() => props.showViewSubscriptionDetailsButton);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1g), null, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$1, [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(unref(_sfc_main$2$1), {
+                tag: "h3",
+                variant: "heading-2"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(subscriptionName.value), 1)
+                ]),
+                _: 1
+              }),
+              subscriptionDescription.value ? (openBlock(), createBlock(unref(_sfc_main$2$1), {
+                key: 0,
+                variant: "body-sm",
+                tag: "span",
+                shade: "lighter"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(subscriptionDescription.value), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_3, [
+                __props.paymentMethod ? (openBlock(), createBlock(unref(_sfc_main$3), {
+                  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), {
+                    tag: "span",
+                    variant: "body-xs",
+                    shade: "light",
+                    weight: "semibold"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref($t)({
+                        defaultMessage: "Next billing date",
+                        description: "The label for the next billing date",
+                        id: "customer.subscriptions_block.next_billing_date"
+                      })), 1)
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(unref(_sfc_main$2$1), {
+                    tag: "span",
+                    variant: "body-xs",
+                    shade: "light"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(formatDate)({
+                        date: __props.subscription.next_invoice.invoice_date,
+                        format: "date",
+                        offsetType: "offsetted",
+                        timezone: __props.customer.timezone
+                      })), 1)
+                    ]),
+                    _: 1
+                  })
+                ])) : createCommentVNode("", true)
+              ])
+            ]),
+            createElementVNode("div", _hoisted_5, [
+              isDetailButtonVisible.value ? (openBlock(), createBlock(unref(_sfc_main$2H), {
+                key: 0,
+                color: "primary",
+                class: "w-full md:w-auto",
+                type: "button",
+                onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("view-subscription-details", { subscriptionId: __props.subscription.id }))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref($t)({
+                    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
+              })) : createCommentVNode("", true),
+              isCancelButtonVisible.value ? (openBlock(), createBlock(unref(_sfc_main$2H), {
+                key: 1,
+                variant: "outline",
+                color: "gray",
+                class: "w-full md:w-auto",
+                type: "button",
+                onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("cancel-subscription", { subscriptionId: __props.subscription.id }))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref($t)({
+                    defaultMessage: "Cancel subscription",
+                    description: "The label for the cancel subscription button in the subscriptions block",
+                    id: "customer.subscriptions_block.cancel_button_label"
+                  })), 1)
+                ]),
+                _: 1
+              })) : isRenewButtonVisible.value ? (openBlock(), createBlock(unref(_sfc_main$2H), {
+                key: 2,
+                variant: "outline",
+                color: "gray",
+                class: "w-full md:w-auto",
+                type: "button",
+                onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("renew-subscription", { subscriptionId: __props.subscription.id }))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref($t)({
+                    defaultMessage: "Renew subscription",
+                    description: "The label for the renew subscription button in the subscriptions block",
+                    id: "customer.subscriptions_block.renew_button_label"
+                  })), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 1,
+  class: "grid grid-cols-1 gap-4"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "SubscriptionsList",
+  props: {
+    customer: { type: Object },
+    subscriptions: { type: Array },
+    paymentMethods: { default: () => [], type: Array },
+    isLoading: { type: Boolean },
+    showViewAllButton: { type: Boolean, default: true },
+    showViewDetailsButton: { type: Boolean, default: true },
+    showCancelButton: { type: Boolean, default: true },
+    showRenewButton: { type: Boolean, default: true }
+  },
+  emits: ["view-subscription-details", "view-all-subscriptions", "cancel-subscription", "renew-subscription", "load-more"],
+  setup(__props) {
+    const props = __props;
+    const { $t } = useIntl();
+    const hasSubscriptions = computed(() => props.subscriptions.length > 0);
+    const getPaymentMethod = (paymentMethodId) => {
+      if (!paymentMethodId) return void 0;
+      return props.paymentMethods.find(({ id }) => id === paymentMethodId);
+    };
+    const isViewAllButtonVisible = computed(() => props.showViewAllButton);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1g), {
+        "no-spacing": "",
+        "no-border": "",
+        title: unref($t)(
+          {
+            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(__props.subscriptions.length) }
+        )
+      }, createSlots({
+        default: withCtx(() => [
+          !hasSubscriptions.value ? (openBlock(), createBlock(unref(_sfc_main$1g), { key: 0 }, {
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$2$1), {
+                tag: "h3",
+                variant: "heading-3"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref($t)({
+                    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
+              }),
+              createVNode(unref(_sfc_main$2$1), {
+                variant: "body-xs",
+                shade: "lighter"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref($t)({
+                    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
+          })) : (openBlock(), createElementBlock("div", _hoisted_1, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.subscriptions, (subscription) => {
+              return openBlock(), createBlock(_sfc_main$2, {
+                key: subscription.id,
+                subscription,
+                "payment-method": getPaymentMethod(subscription.payment_method_id),
+                customer: __props.customer,
+                "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"]);
+            }), 128))
+          ]))
+        ]),
+        _: 2
+      }, [
+        isViewAllButtonVisible.value ? {
+          name: "right",
+          fn: withCtx(() => [
+            createVNode(unref(_sfc_main$2H), {
+              size: "sm",
+              variant: "ghost",
+              color: "gray",
+              "icon-suffix": "arrow_right_alt",
+              type: "button",
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("view-all-subscriptions"))
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref($t)({
+                  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"]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SubscriptionsList",
+  props: {
+    customer: { type: null },
+    subscriptions: { type: Array },
+    paymentMethods: { type: Array },
+    isLoading: { type: Boolean },
+    configuration: { type: Object }
+  },
+  emits: ["load-more"],
+  setup(__props) {
+    const { dispatchAction } = useActionDispatchProvider();
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return __props.isLoading ? (openBlock(), createBlock(_sfc_main$4, {
+        key: 0,
+        variant: "section",
+        class: "min-h-[100px]",
+        "data-testid": "subscriptions-list-skeleton"
+      })) : __props.customer ? (openBlock(), createBlock(_sfc_main$1, {
+        key: 1,
+        customer: __props.customer,
+        subscriptions: __props.subscriptions,
+        "payment-methods": __props.paymentMethods,
+        "is-loading": __props.isLoading,
+        "show-view-all-button": (_a = __props.configuration) == null ? void 0 : _a.showViewAllButton,
+        "show-view-details-button": (_b = __props.configuration) == null ? void 0 : _b.showViewDetailsButton,
+        "show-cancel-button": (_c = __props.configuration) == null ? void 0 : _c.showCancelButton,
+        "show-renew-button": (_d = __props.configuration) == null ? void 0 : _d.showRenewButton,
+        onViewSubscriptionDetails: _cache[0] || (_cache[0] = ($event) => unref(dispatchAction)({
+          action: "view-subscription-details",
+          data: { subscriptionId: $event.subscriptionId }
+        })),
+        onViewAllSubscriptions: _cache[1] || (_cache[1] = ($event) => unref(dispatchAction)({ action: "view-all-subscriptions" })),
+        onCancelSubscription: _cache[2] || (_cache[2] = ($event) => unref(dispatchAction)({
+          action: "cancel-subscription",
+          data: { subscriptionId: $event.subscriptionId }
+        })),
+        onRenewSubscription: _cache[3] || (_cache[3] = ($event) => unref(dispatchAction)({
+          action: "renew-subscription",
+          data: { subscriptionId: $event.subscriptionId }
+        })),
+        onLoadMore: _cache[4] || (_cache[4] = ($event) => _ctx.$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"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as _,
+  useSubscriptionsList as u
+};

package/dist/SubscriptionsList.vue_vue_type_script_setup_true_lang-DqZLFDCv.js

@@ -0,0 +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}})})};