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

package/dist/components/PaymentMethodForm/PaymentMethodForm.es.js

@@ -1,7 +1,219 @@
-import { C, S, d } from "../../PaymentMethodForm.entry.ce-f4cFExKc.mjs";
-import "../../component-BkmcE85U.mjs";
+import { defineComponent, renderSlot, unref, computed, openBlock, createBlock, withCtx, createVNode, mergeProps, normalizeProps, guardReactiveProps, createCommentVNode } from "vue";
+import { _ as _sfc_main$6, d as defineCustomElement, g as getComponentName } from "../../component-Djrf1L-Z.mjs";
+import { v as getCustomerCountry, u as useIntl, b as _sfc_main$4 } from "../../vendor-ui-C0K3osvz.mjs";
+import { u as useLoadInitialData } from "../../useLoadInitialData-5sgImpzc.mjs";
+import { u as useCustomer } from "../../useCustomer-Ba9WRtuT.mjs";
+import { u as usePaymentMethodOptions } from "../../usePaymentMethodOptions-C2k4npCQ.mjs";
+import { _ as _sfc_main$3 } from "../../Skeleton.vue_vue_type_script_setup_true_lang-DGMxHc20.mjs";
+import { _ as _sfc_main$5 } from "../../PaymentIntegrationForm.vue_vue_type_script_setup_true_lang-Do2KIVKH.mjs";
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "PaymentMethodForm.entry.view",
+  props: {
+    environment: { type: String },
+    locale: { type: String },
+    dateLocale: { type: String },
+    messages: { type: Object },
+    primaryColor: { type: String },
+    secondaryColor: { type: String },
+    isShadowRoot: { type: Boolean },
+    experimentalFeatures: { type: Array },
+    logLevel: { type: String },
+    onLog: { type: Function },
+    allowedPortalTypes: { type: Array },
+    portalObject: { type: Object },
+    cssOverrides: { type: [String, Array] },
+    branding: { type: Object },
+    configuration: { type: Object },
+    countryCode: { type: String }
+  },
+  setup(__props) {
+    const props = __props;
+    const customer = useCustomer({ customerId: props.portalObject.customer_id });
+    const paymentMethodOptions = usePaymentMethodOptions();
+    const initialLoad = async () => {
+      var _a;
+      const customerResponse = await customer.get.execute();
+      const country = getCustomerCountry(customerResponse);
+      await paymentMethodOptions.get({
+        customerId: customerResponse.id,
+        country,
+        amount: (_a = props.configuration) == null ? void 0 : _a.amount
+      });
+    };
+    const { isLoading } = useLoadInitialData(initialLoad());
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", {
+        customer: unref(customer).customer.value,
+        paymentMethodOptions: unref(paymentMethodOptions),
+        isLoading: unref(isLoading)
+      });
+    };
+  }
+});
+const FALLBACK_COUNTRY_CODE = "NL";
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "PaymentMethodForm",
+  props: {
+    customer: { type: Object },
+    paymentMethodOptions: { type: Array },
+    configuration: { type: Object },
+    isLoading: { type: Boolean, default: false },
+    countryCode: { type: String }
+  },
+  setup(__props) {
+    const DEFAULT_AMOUNT = {
+      currency: "EUR",
+      quantity: "0"
+    };
+    const props = __props;
+    const { $t } = useIntl();
+    const resolveConfiguration = (configuration2) => {
+      if ((configuration2 == null ? void 0 : configuration2.variant) === "AUTHORIZE") {
+        return configuration2;
+      }
+      return {
+        ...configuration2,
+        variant: "TOKENIZE"
+      };
+    };
+    const configuration = computed(
+      () => resolveConfiguration(props.configuration)
+    );
+    const countryCode = computed(() => {
+      let result = FALLBACK_COUNTRY_CODE;
+      if (props.countryCode) {
+        result = props.countryCode;
+        return result;
+      }
+      if (props.customer) {
+        const country = getCustomerCountry(props.customer);
+        if (country) {
+          result = country;
+          return result;
+        }
+      }
+      return FALLBACK_COUNTRY_CODE;
+    });
+    const paymentIntegrationProps = computed(() => {
+      if (configuration.value.variant === "AUTHORIZE") {
+        return {
+          paymentMethodOptions: props.paymentMethodOptions,
+          countryCode: countryCode.value,
+          variant: "AUTHORIZE",
+          amount: configuration.value.amount,
+          context: configuration.value.context,
+          invoiceId: configuration.value.invoiceId,
+          successRedirectUrl: configuration.value.successRedirectUrl,
+          selectedOption: configuration.value.selectedOption,
+          validateOnSubmit: configuration.value.validateOnSubmit,
+          forceStorePaymentMethod: configuration.value.forceStorePaymentMethod
+        };
+      }
+      return {
+        paymentMethodOptions: props.paymentMethodOptions,
+        customerId: props.customer.id,
+        countryCode: countryCode.value,
+        variant: "TOKENIZE",
+        amount: configuration.value.amount ?? DEFAULT_AMOUNT,
+        invoiceId: configuration.value.invoiceId,
+        successRedirectUrl: configuration.value.successRedirectUrl,
+        selectedOption: configuration.value.selectedOption,
+        validateOnSubmit: configuration.value.validateOnSubmit,
+        forceStorePaymentMethod: configuration.value.forceStorePaymentMethod
+      };
+    });
+    return (_ctx, _cache) => {
+      return __props.isLoading ? (openBlock(), createBlock(_sfc_main$3, {
+        key: 0,
+        variant: "section",
+        class: "sv-payment-method-form sv-root sv-component sv-loading min-h-[180px]",
+        "data-testid": "payment-method-form-skeleton"
+      })) : (openBlock(), createBlock(unref(_sfc_main$4), {
+        key: 1,
+        class: "sv-payment-method-form sv-root sv-component",
+        "no-border": "",
+        "no-spacing": "",
+        "content-background": "none",
+        title: unref($t)({
+          defaultMessage: "Available payment methods",
+          description: "Title of the available payment methods form",
+          id: "components.payment_method_form.section_title"
+        })
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$5, mergeProps({ class: "sv-payment-method-form__integration" }, paymentIntegrationProps.value), null, 16)
+        ]),
+        _: 1
+      }, 8, ["title"]));
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PaymentMethodForm.entry",
+  props: {
+    environment: { type: String },
+    locale: { type: String },
+    dateLocale: { type: String },
+    messages: { type: Object },
+    primaryColor: { type: String },
+    secondaryColor: { type: String },
+    isShadowRoot: { type: Boolean },
+    experimentalFeatures: { type: Array },
+    logLevel: { type: String },
+    onLog: { type: Function },
+    allowedPortalTypes: { type: Array },
+    portalObject: { type: Object },
+    cssOverrides: { type: [String, Array] },
+    branding: { type: Object },
+    configuration: { type: Object },
+    countryCode: { type: String }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return openBlock(), createBlock(unref(_sfc_main$6), {
+        "custom-element-name": unref(COMPONENT_NAME),
+        environment: __props.environment,
+        locale: __props.locale,
+        "portal-object": __props.portalObject,
+        "allowed-portal-types": ["CUSTOMER"],
+        "primary-color": (_b = (_a = __props.branding) == null ? void 0 : _a.colors) == null ? void 0 : _b.primary,
+        "secondary-color": (_d = (_c = __props.branding) == null ? void 0 : _c.colors) == null ? void 0 : _d.secondary,
+        "experimental-features": __props.experimentalFeatures,
+        "log-level": __props.logLevel,
+        "on-log": __props.onLog,
+        "css-overrides": __props.cssOverrides,
+        onError: _cache[0] || (_cache[0] = (error) => _ctx.$emit("error", error))
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$2, normalizeProps(guardReactiveProps(props)), {
+            default: withCtx(({ customer, paymentMethodOptions, isLoading }) => [
+              customer ? (openBlock(), createBlock(_sfc_main$1, {
+                key: 0,
+                customer,
+                "payment-method-options": paymentMethodOptions.paymentMethodOptions.value,
+                configuration: __props.configuration,
+                "is-loading": isLoading
+              }, null, 8, ["customer", "payment-method-options", "configuration", "is-loading"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 16)
+        ]),
+        _: 1
+      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log", "css-overrides"]);
+    };
+  }
+});
+const SolvimonPaymentMethodForm = defineCustomElement(_sfc_main);
+const COMPONENT_NAME = getComponentName("payment-method-form");
+const defineSolvimonPaymentMethodForm = () => {
+  if (!customElements.get(COMPONENT_NAME)) {
+    customElements.define(COMPONENT_NAME, SolvimonPaymentMethodForm);
+  }
+};
 export {
-  C as COMPONENT_NAME,
-  S as SolvimonPaymentMethodForm,
-  d as defineSolvimonPaymentMethodForm
+  COMPONENT_NAME,
+  SolvimonPaymentMethodForm,
+  defineSolvimonPaymentMethodForm
 };

package/dist/components/SubscriptionSchedules/SubscriptionSchedules.ce.d.ts

@@ -1,3 +1,3 @@
-export declare const SolvimonSubscriptionSchedules: import('vue').VueElementConstructor<unknown>;
+export declare const SolvimonSubscriptionSchedules: import('../../../../node_modules/vue/dist/vue.d.ts').VueElementConstructor<unknown>;
 export declare const COMPONENT_NAME: string;
 export declare const defineSolvimonSubscriptionSchedules: () => void;

package/dist/components/SubscriptionSchedules/SubscriptionSchedules.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../SubscriptionSchedules.entry.ce-B4T_yQC1.js");require("../../component-Df5eNqYX.js"),exports.COMPONENT_NAME=e.COMPONENT_NAME,exports.SolvimonSubscriptionSchedules=e.SolvimonSubscriptionSchedules,exports.defineSolvimonSubscriptionSchedules=e.defineSolvimonSubscriptionSchedules;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../component-BOqPDAVk.js"),n=require("../../vendor-ui-5pJF5KBP.js"),r=require("../../useService-Bb9r_sOQ.js"),o=require("../../subscriptions-jelITJcX.js"),i=require("../../useLoadInitialData-DjwRHcAH.js"),s=e.defineComponent({__name:"SubscriptionSchedules",props:{schedulesData:{type:Array},configuration:{type:Object},isLoading:{type:Boolean}},setup(t){const{$t:r}=n.useIntl();return(o,i)=>(e.openBlock(),e.createBlock(e.unref(n._sfc_main$1),{class:"sv-subscription-schedules sv-root sv-component","no-border":"","no-spacing":"","content-background":"none",title:e.unref(r)({defaultMessage:"Schedules",description:"Invoices list title",id:"invoices_list.title"})},{default:e.withCtx(()=>[e.createVNode(e.unref(n.PricingPlanSchedules),{class:"sv-subscription-schedules__list",schedules:t.schedulesData},null,8,["schedules"])]),_:1},8,["title"]))}});const a=e.defineComponent({__name:"SubscriptionSchedules.entry.view",props:{environment:{type:String},locale:{type:String},dateLocale:{type:String},messages:{type:Object},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},portalObject:{type:Object},cssOverrides:{type:[String,Array]},branding:{type:Object},configuration:{type:Object}},setup(t){const n=t,{subscription:s,withPlanData:a,get:l}=function({subscriptionId:e}){const{getSubscription:t}=o.createSubscriptionsService(),{data:n,execute:i,apiStatus:s,error:a,isPending:l}=r.useService({service:()=>t({id:e,expanded:!0})});return{subscription:n,withPlanData:e=>e.pricing_plan_schedule_infos.map(e=>({schedule:e.pricing_plan_schedule,selectedPricingPlan:e.pricing_plan_version.pricing_plan,selectedPricingPlanVersion:e.pricing_plan_version})),apiStatus:s,error:a,get:i,isPending:l}}({subscriptionId:n.configuration.subscriptionId}),{isLoading:c}=i.useLoadInitialData(l());return(t,n)=>e.renderSlot(t.$slots,"default",{schedulesData:e.unref(s)?e.unref(a)(e.unref(s)):void 0,isLoading:e.unref(c)})}}),l=e.defineComponent({__name:"SubscriptionSchedules.entry",props:{environment:{type:String},locale:{type:String},dateLocale:{type:String},messages:{type:Object},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},portalObject:{type:Object},cssOverrides:{type:[String,Array]},branding:{type:Object},configuration:{type:Object}},setup(n){const r=n;return(o,i)=>{var l,c,u,d;return e.openBlock(),e.createBlock(e.unref(t._sfc_main),{"custom-element-name":e.unref(p),environment:n.environment,locale:n.locale,"portal-object":n.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(c=null==(l=n.branding)?void 0:l.colors)?void 0:c.primary,"secondary-color":null==(d=null==(u=n.branding)?void 0:u.colors)?void 0:d.secondary,"experimental-features":n.experimentalFeatures,"log-level":n.logLevel,"on-log":n.onLog,"css-overrides":n.cssOverrides,onError:i[0]||(i[0]=e=>o.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(a,e.normalizeProps(e.guardReactiveProps(r)),{default:e.withCtx(({schedulesData:t,isLoading:r})=>[t?(e.openBlock(),e.createBlock(s,{key:0,"schedules-data":t,"is-loading":r,configuration:n.configuration},null,8,["schedules-data","is-loading","configuration"])):e.createCommentVNode("",!0)]),_:1},16)]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log","css-overrides"])}}}),c=t.defineCustomElement(l),p=t.getComponentName("subscription-schedules");exports.COMPONENT_NAME=p,exports.SolvimonSubscriptionSchedules=c,exports.defineSolvimonSubscriptionSchedules=()=>{customElements.get(p)||customElements.define(p,c)};

package/dist/components/SubscriptionSchedules/SubscriptionSchedules.es.js

@@ -1,7 +1,156 @@
-import { C, S, d } from "../../SubscriptionSchedules.entry.ce-B4vQ7QLk.mjs";
-import "../../component-BkmcE85U.mjs";
+import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from "vue";
+import { _ as _sfc_main$4, d as defineCustomElement, g as getComponentName } from "../../component-Djrf1L-Z.mjs";
+import { u as useIntl, b as _sfc_main$3, P as PricingPlanSchedules } from "../../vendor-ui-C0K3osvz.mjs";
+import { u as useService } from "../../useService-BsSEI8DZ.mjs";
+import { c as createSubscriptionsService } from "../../subscriptions-ClGIr_aS.mjs";
+import { u as useLoadInitialData } from "../../useLoadInitialData-5sgImpzc.mjs";
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "SubscriptionSchedules",
+  props: {
+    schedulesData: { type: Array },
+    configuration: { type: Object },
+    isLoading: { type: Boolean }
+  },
+  setup(__props) {
+    const { $t } = useIntl();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$3), {
+        class: "sv-subscription-schedules sv-root sv-component",
+        "no-border": "",
+        "no-spacing": "",
+        "content-background": "none",
+        title: unref($t)({
+          defaultMessage: "Schedules",
+          description: "Invoices list title",
+          id: "invoices_list.title"
+        })
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(PricingPlanSchedules), {
+            class: "sv-subscription-schedules__list",
+            schedules: __props.schedulesData
+          }, null, 8, ["schedules"])
+        ]),
+        _: 1
+      }, 8, ["title"]);
+    };
+  }
+});
+function useSubscription({
+  subscriptionId
+}) {
+  const { getSubscription } = createSubscriptionsService();
+  const { data, execute: get, apiStatus, error, isPending } = useService({
+    service: () => getSubscription({ id: subscriptionId, expanded: true })
+  });
+  const withPlanData = (subscription) => {
+    return subscription.pricing_plan_schedule_infos.map((schedule) => {
+      return {
+        schedule: schedule.pricing_plan_schedule,
+        selectedPricingPlan: schedule.pricing_plan_version.pricing_plan,
+        selectedPricingPlanVersion: schedule.pricing_plan_version
+      };
+    });
+  };
+  return { subscription: data, withPlanData, apiStatus, error, get, isPending };
+}
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "SubscriptionSchedules.entry.view",
+  props: {
+    environment: { type: String },
+    locale: { type: String },
+    dateLocale: { type: String },
+    messages: { type: Object },
+    primaryColor: { type: String },
+    secondaryColor: { type: String },
+    isShadowRoot: { type: Boolean },
+    experimentalFeatures: { type: Array },
+    logLevel: { type: String },
+    onLog: { type: Function },
+    allowedPortalTypes: { type: Array },
+    portalObject: { type: Object },
+    cssOverrides: { type: [String, Array] },
+    branding: { type: Object },
+    configuration: { type: Object }
+  },
+  setup(__props) {
+    const props = __props;
+    const { subscription, withPlanData, get } = useSubscription({
+      subscriptionId: props.configuration.subscriptionId
+    });
+    const { isLoading } = useLoadInitialData(get());
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", {
+        schedulesData: unref(subscription) ? unref(withPlanData)(unref(subscription)) : void 0,
+        isLoading: unref(isLoading)
+      });
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SubscriptionSchedules.entry",
+  props: {
+    environment: { type: String },
+    locale: { type: String },
+    dateLocale: { type: String },
+    messages: { type: Object },
+    primaryColor: { type: String },
+    secondaryColor: { type: String },
+    isShadowRoot: { type: Boolean },
+    experimentalFeatures: { type: Array },
+    logLevel: { type: String },
+    onLog: { type: Function },
+    allowedPortalTypes: { type: Array },
+    portalObject: { type: Object },
+    cssOverrides: { type: [String, Array] },
+    branding: { type: Object },
+    configuration: { type: Object }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return openBlock(), createBlock(unref(_sfc_main$4), {
+        "custom-element-name": unref(COMPONENT_NAME),
+        environment: __props.environment,
+        locale: __props.locale,
+        "portal-object": __props.portalObject,
+        "allowed-portal-types": ["CUSTOMER"],
+        "primary-color": (_b = (_a = __props.branding) == null ? void 0 : _a.colors) == null ? void 0 : _b.primary,
+        "secondary-color": (_d = (_c = __props.branding) == null ? void 0 : _c.colors) == null ? void 0 : _d.secondary,
+        "experimental-features": __props.experimentalFeatures,
+        "log-level": __props.logLevel,
+        "on-log": __props.onLog,
+        "css-overrides": __props.cssOverrides,
+        onError: _cache[0] || (_cache[0] = (error) => _ctx.$emit("error", error))
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$1, normalizeProps(guardReactiveProps(props)), {
+            default: withCtx(({ schedulesData, isLoading }) => [
+              schedulesData ? (openBlock(), createBlock(_sfc_main$2, {
+                key: 0,
+                "schedules-data": schedulesData,
+                "is-loading": isLoading,
+                configuration: __props.configuration
+              }, null, 8, ["schedules-data", "is-loading", "configuration"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 16)
+        ]),
+        _: 1
+      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log", "css-overrides"]);
+    };
+  }
+});
+const SolvimonSubscriptionSchedules = defineCustomElement(_sfc_main);
+const COMPONENT_NAME = getComponentName("subscription-schedules");
+const defineSolvimonSubscriptionSchedules = () => {
+  if (!customElements.get(COMPONENT_NAME)) {
+    customElements.define(COMPONENT_NAME, SolvimonSubscriptionSchedules);
+  }
+};
 export {
-  C as COMPONENT_NAME,
-  S as SolvimonSubscriptionSchedules,
-  d as defineSolvimonSubscriptionSchedules
+  COMPONENT_NAME,
+  SolvimonSubscriptionSchedules,
+  defineSolvimonSubscriptionSchedules
 };

package/dist/components/SubscriptionsList/SubscriptionsList.ce.d.ts

@@ -1,3 +1,3 @@
-export declare const SolvimonSubscriptionsList: import('vue').VueElementConstructor<unknown>;
+export declare const SolvimonSubscriptionsList: import('../../../../node_modules/vue/dist/vue.d.ts').VueElementConstructor<unknown>;
 export declare const COMPONENT_NAME: string;
 export declare const defineSolvimonSubscriptionsList: () => void;

package/dist/components/SubscriptionsList/SubscriptionsList.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../SubscriptionsList.entry.ce-B5SJCQW0.js");require("../../component-Df5eNqYX.js"),exports.COMPONENT_NAME=i.COMPONENT_NAME,exports.SolvimonSubscriptionsList=i.SolvimonSubscriptionsList,exports.defineSolvimonSubscriptionsList=i.defineSolvimonSubscriptionsList;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("../../SubscriptionsList.vue_vue_type_script_setup_true_lang-AHw3iTfi.js"),t=require("../../component-BOqPDAVk.js"),r=require("../../useCustomer-CUcaeQn_.js"),n=require("../../useLoadInitialData-DjwRHcAH.js"),s=require("../../usePaymentMethods-ryN_YohI.js"),i=e.defineComponent({__name:"SubscriptionsList.entry.view",props:{environment:{type:String},locale:{type:String},dateLocale:{type:String},messages:{type:Object},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},portalObject:{type:Object},cssOverrides:{type:[String,Array]},branding:{type:Object},configuration:{type:Object}},setup(i){const l=i.portalObject.customer_id,a=r.useCustomer({customerId:l}),p=o.useSubscriptionsList({customerId:l}),u=s.usePaymentMethods({customerId:l}),{isLoading:m}=n.useLoadInitialData(a.get.execute(),p.fetchInitial(),u.fetchAll());return(o,r)=>{var n,s,l,d;return e.openBlock(),e.createBlock(e.unref(t._sfc_main),{"custom-element-name":e.unref(c),environment:i.environment,locale:i.locale,"portal-object":i.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(s=null==(n=i.branding)?void 0:n.colors)?void 0:s.primary,"secondary-color":null==(d=null==(l=i.branding)?void 0:l.colors)?void 0:d.secondary,"experimental-features":i.experimentalFeatures,"log-level":i.logLevel,"on-log":i.onLog,"css-overrides":i.cssOverrides,onError:r[0]||(r[0]=e=>o.$emit("error",e))},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{customer:e.unref(a),subscriptions:e.unref(p).items,paymentMethods:e.unref(u).items,isLoading:e.unref(m),loadMore:e.unref(p).fetchMore})]),_:3},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log","css-overrides"])}}}),l=e.defineComponent({__name:"SubscriptionsList.entry",props:{environment:{type:String},locale:{type:String},dateLocale:{type:String},messages:{type:Object},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},portalObject:{type:Object},cssOverrides:{type:[String,Array]},branding:{type:Object},configuration:{type:Object}},setup:r=>(n,s)=>{var l,a,p,u;return e.openBlock(),e.createBlock(e.unref(t._sfc_main),{"custom-element-name":e.unref(c),environment:r.environment,locale:r.locale,"portal-object":r.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(a=null==(l=r.branding)?void 0:l.colors)?void 0:a.primary,"secondary-color":null==(u=null==(p=r.branding)?void 0:p.colors)?void 0:u.secondary,"experimental-features":r.experimentalFeatures,"log-level":r.logLevel,"on-log":r.onLog,"css-overrides":r.cssOverrides,onError:s[0]||(s[0]=e=>n.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(i,e.normalizeProps(e.guardReactiveProps(n.$props)),{default:e.withCtx(({customer:t,subscriptions:n,paymentMethods:s,isLoading:i,loadMore:l})=>[e.createVNode(o._sfc_main,{configuration:r.configuration,customer:t.customer.value,subscriptions:n.value,"payment-methods":s.value,"is-loading":i,onLoadMore:l},null,8,["configuration","customer","subscriptions","payment-methods","is-loading","onLoadMore"])]),_:1},16)]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log","css-overrides"])}}),a=t.defineCustomElement(l),c=t.getComponentName("subscriptions-list");exports.COMPONENT_NAME=c,exports.SolvimonSubscriptionsList=a,exports.defineSolvimonSubscriptionsList=()=>{customElements.get(c)||customElements.define(c,a)};

package/dist/components/SubscriptionsList/SubscriptionsList.es.js

@@ -1,7 +1,134 @@
-import { C, S, d } from "../../SubscriptionsList.entry.ce-cNYuQZZj.mjs";
-import "../../component-BkmcE85U.mjs";
+import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, normalizeProps, guardReactiveProps } from "vue";
+import { u as useSubscriptionsList, _ as _sfc_main$3 } from "../../SubscriptionsList.vue_vue_type_script_setup_true_lang-BkzLj8n2.mjs";
+import { _ as _sfc_main$2, d as defineCustomElement, g as getComponentName } from "../../component-Djrf1L-Z.mjs";
+import { u as useCustomer } from "../../useCustomer-Ba9WRtuT.mjs";
+import { u as useLoadInitialData } from "../../useLoadInitialData-5sgImpzc.mjs";
+import { u as usePaymentMethods } from "../../usePaymentMethods-CRWbH48K.mjs";
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "SubscriptionsList.entry.view",
+  props: {
+    environment: { type: String },
+    locale: { type: String },
+    dateLocale: { type: String },
+    messages: { type: Object },
+    primaryColor: { type: String },
+    secondaryColor: { type: String },
+    isShadowRoot: { type: Boolean },
+    experimentalFeatures: { type: Array },
+    logLevel: { type: String },
+    onLog: { type: Function },
+    allowedPortalTypes: { type: Array },
+    portalObject: { type: Object },
+    cssOverrides: { type: [String, Array] },
+    branding: { type: Object },
+    configuration: { type: Object }
+  },
+  setup(__props) {
+    const props = __props;
+    const customerId = props.portalObject.customer_id;
+    const customer = useCustomer({ customerId });
+    const subscriptions = useSubscriptionsList({ customerId });
+    const paymentMethods = usePaymentMethods({ customerId });
+    const { isLoading } = useLoadInitialData(
+      customer.get.execute(),
+      subscriptions.fetchInitial(),
+      paymentMethods.fetchAll()
+    );
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return openBlock(), createBlock(unref(_sfc_main$2), {
+        "custom-element-name": unref(COMPONENT_NAME),
+        environment: __props.environment,
+        locale: __props.locale,
+        "portal-object": __props.portalObject,
+        "allowed-portal-types": ["CUSTOMER"],
+        "primary-color": (_b = (_a = __props.branding) == null ? void 0 : _a.colors) == null ? void 0 : _b.primary,
+        "secondary-color": (_d = (_c = __props.branding) == null ? void 0 : _c.colors) == null ? void 0 : _d.secondary,
+        "experimental-features": __props.experimentalFeatures,
+        "log-level": __props.logLevel,
+        "on-log": __props.onLog,
+        "css-overrides": __props.cssOverrides,
+        onError: _cache[0] || (_cache[0] = (error) => _ctx.$emit("error", error))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {
+            customer: unref(customer),
+            subscriptions: unref(subscriptions).items,
+            paymentMethods: unref(paymentMethods).items,
+            isLoading: unref(isLoading),
+            loadMore: unref(subscriptions).fetchMore
+          })
+        ]),
+        _: 3
+      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log", "css-overrides"]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SubscriptionsList.entry",
+  props: {
+    environment: { type: String },
+    locale: { type: String },
+    dateLocale: { type: String },
+    messages: { type: Object },
+    primaryColor: { type: String },
+    secondaryColor: { type: String },
+    isShadowRoot: { type: Boolean },
+    experimentalFeatures: { type: Array },
+    logLevel: { type: String },
+    onLog: { type: Function },
+    allowedPortalTypes: { type: Array },
+    portalObject: { type: Object },
+    cssOverrides: { type: [String, Array] },
+    branding: { type: Object },
+    configuration: { type: Object }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return openBlock(), createBlock(unref(_sfc_main$2), {
+        "custom-element-name": unref(COMPONENT_NAME),
+        environment: __props.environment,
+        locale: __props.locale,
+        "portal-object": __props.portalObject,
+        "allowed-portal-types": ["CUSTOMER"],
+        "primary-color": (_b = (_a = __props.branding) == null ? void 0 : _a.colors) == null ? void 0 : _b.primary,
+        "secondary-color": (_d = (_c = __props.branding) == null ? void 0 : _c.colors) == null ? void 0 : _d.secondary,
+        "experimental-features": __props.experimentalFeatures,
+        "log-level": __props.logLevel,
+        "on-log": __props.onLog,
+        "css-overrides": __props.cssOverrides,
+        onError: _cache[0] || (_cache[0] = (error) => _ctx.$emit("error", error))
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$props)), {
+            default: withCtx(({ customer, subscriptions, paymentMethods, isLoading, loadMore }) => [
+              createVNode(_sfc_main$3, {
+                configuration: __props.configuration,
+                customer: customer.customer.value,
+                subscriptions: subscriptions.value,
+                "payment-methods": paymentMethods.value,
+                "is-loading": isLoading,
+                onLoadMore: loadMore
+              }, null, 8, ["configuration", "customer", "subscriptions", "payment-methods", "is-loading", "onLoadMore"])
+            ]),
+            _: 1
+          }, 16)
+        ]),
+        _: 1
+      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log", "css-overrides"]);
+    };
+  }
+});
+const SolvimonSubscriptionsList = defineCustomElement(_sfc_main);
+const COMPONENT_NAME = getComponentName("subscriptions-list");
+const defineSolvimonSubscriptionsList = () => {
+  if (!customElements.get(COMPONENT_NAME)) {
+    customElements.define(COMPONENT_NAME, SolvimonSubscriptionsList);
+  }
+};
 export {
-  C as COMPONENT_NAME,
-  S as SolvimonSubscriptionsList,
-  d as defineSolvimonSubscriptionsList
+  COMPONENT_NAME,
+  SolvimonSubscriptionsList,
+  defineSolvimonSubscriptionsList
 };

package/dist/components/WalletBalances/WalletBalances.ce.d.ts

@@ -0,0 +1,3 @@
+export declare const SolvimonWalletBalances: import('../../../../node_modules/vue/dist/vue.d.ts').VueElementConstructor<unknown>;
+export declare const COMPONENT_NAME: string;
+export declare const defineSolvimonWalletBalances: () => void;

package/dist/components/WalletBalances/WalletBalances.cjs.js

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("../../ApiStatus-oqvUEWJx.js"),a=require("../../useWalletBalanceItems-CpZ1NWPr.js"),l=require("../../useLoadInitialData-DjwRHcAH.js"),r=require("../../component-BOqPDAVk.js"),o=e.defineComponent({__name:"WalletBalances",props:{hasError:{type:Boolean},isLoading:{type:Boolean},walletBalances:{type:Array}},setup:t=>(l,r)=>(e.openBlock(),e.createBlock(a._sfc_main,{class:"sv-wallet-balances sv-root sv-component","has-error":t.hasError,"is-loading":t.isLoading,"wallet-balances":t.walletBalances},null,8,["has-error","is-loading","wallet-balances"]))}),n=e.defineComponent({__name:"WalletBalances.entry.view",props:{portalObject:{type:Object},environment:{type:String},locale:{type:String},dateLocale:{type:String},messages:{type:Object},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},cssOverrides:{type:[String,Array]},branding:{type:Object}},setup(t){const r=t.portalObject.customer_id,o=a.useCustomerWalletBalances({customerId:r}),n=a.useWalletBalanceItems(o.walletBalances),{isLoading:s}=l.useLoadInitialData(o.fetch());return(t,a)=>e.renderSlot(t.$slots,"default",{customerWalletBalances:e.unref(o),walletBalanceItems:e.unref(n),isLoading:e.unref(s)})}}),s=e.defineComponent({__name:"WalletBalances.entry",props:{portalObject:{type:Object},environment:{type:String},locale:{type:String},dateLocale:{type:String},messages:{type:Object},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},cssOverrides:{type:[String,Array]},branding:{type:Object}},setup:a=>(l,s)=>{var i,p,m,u;return e.openBlock(),e.createBlock(e.unref(r._sfc_main),{"custom-element-name":e.unref(c),environment:a.environment,locale:a.locale,"portal-object":a.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(p=null==(i=a.branding)?void 0:i.colors)?void 0:p.primary,"secondary-color":null==(u=null==(m=a.branding)?void 0:m.colors)?void 0:u.secondary,"experimental-features":a.experimentalFeatures,"log-level":a.logLevel,"on-log":a.onLog,"css-overrides":a.cssOverrides,onError:s[0]||(s[0]=e=>l.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(n,e.normalizeProps(e.guardReactiveProps(l.$props)),{default:e.withCtx(({customerWalletBalances:a,walletBalanceItems:l,isLoading:r})=>[e.createVNode(o,{"has-error":a.apiStatus.value===e.unref(t.ApiStatus).Failed,"is-loading":r,"wallet-balances":l},null,8,["has-error","is-loading","wallet-balances"])]),_:1},16)]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log","css-overrides"])}}),i=r.defineCustomElement(s),c=r.getComponentName("wallet-balances");exports.COMPONENT_NAME=c,exports.SolvimonWalletBalances=i,exports.defineSolvimonWalletBalances=()=>{customElements.get(c)||customElements.define(c,i)};