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

package/dist/components/BillingInformationForm/BillingInformationForm.es.js

@@ -1,7 +1,584 @@
-import { C, S, d } from "../../BillingInformationForm.entry.ce-xfT0Jqps.mjs";
-import "../../component-BkmcE85U.mjs";
+import { shallowRef, computed, defineComponent, ref, watch, openBlock, createElementBlock, withModifiers, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, createCommentVNode, Fragment, onMounted, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { G as useValidation, H as objectDiff, I as isOrganization, J as isIndividual, b as useIntl, _ as _sfc_main$2$1, K as _sfc_main$2a, L as _sfc_main$1$, M as _sfc_main$20, D as _sfc_main$16, m as _sfc_main$2H, N as getApiError, p as _sfc_main$4, q as defineCustomElement, o as getComponentName } from "../../component-DEo_ndpK.mjs";
+import { e as email, r as required } from "../../index-CzL1ZcGi.mjs";
+import { c as cloneDeep } from "../../cloneDeep-sm9cY-u2.mjs";
+import { u as useCustomer } from "../../useCustomer-DlcjY3fP.mjs";
+const useForm = ({
+  initialState,
+  validationRules,
+  nullifyEmptyValues = false,
+  mode = "shallow"
+}) => {
+  const initialFormState = shallowRef(cloneDeep(initialState));
+  const form = shallowRef(cloneDeep(initialState));
+  const validation = useValidation(validationRules ?? {}, form);
+  const changes = computed(
+    () => objectDiff({ from: initialFormState.value, to: form.value, mode, nullifyEmptyValues })
+  );
+  const hasChanges = computed(() => Object.entries(changes.value).length > 0);
+  const updateInitialState = (state) => {
+    form.value = cloneDeep(state);
+    initialFormState.value = cloneDeep(state);
+  };
+  const reset = () => {
+    form.value = cloneDeep(initialState);
+    validation.value.$reset();
+  };
+  return {
+    form,
+    validation,
+    changes,
+    hasChanges,
+    reset,
+    updateInitialState,
+    initialState: initialFormState
+  };
+};
+const DEFAULT_TAX_IDENTIFIER_TYPE = "GENERIC_TAX_ID";
+const DEFAULT_FORM_STATE = {
+  type: "INDIVIDUAL",
+  email: "",
+  country: "",
+  addressLine1: "",
+  postalCode: "",
+  city: "",
+  state: ""
+};
+function useBillingInformationForm({
+  initialState = {},
+  onSubmit
+}) {
+  const {
+    form,
+    validation,
+    changes,
+    hasChanges,
+    updateInitialState: updateFormInitialState,
+    initialState: currentInitialState
+  } = useForm({
+    initialState: {
+      ...DEFAULT_FORM_STATE,
+      ...initialState
+    },
+    validationRules: {
+      email: { required, email }
+    },
+    nullifyEmptyValues: true,
+    mode: "deep"
+  });
+  const updateInitialState = (customer) => {
+    updateFormInitialState(mapCustomerToFormState(customer));
+  };
+  const submit = (customerId, data = form.value) => {
+    return onSubmit({
+      customerId,
+      payload: mapFormStateToCustomerPayload(data)
+    });
+  };
+  return {
+    form,
+    isOrganization,
+    validation,
+    changes,
+    hasChanges,
+    updateInitialState,
+    submit,
+    initialState: currentInitialState
+  };
+}
+const mapCustomerToFormState = (customer) => {
+  var _a, _b, _c, _d;
+  if (isIndividual(customer)) {
+    const address2 = customer.individual.residential_address;
+    return {
+      type: "INDIVIDUAL",
+      email: customer.email ?? "",
+      country: (address2 == null ? void 0 : address2.country) ?? "",
+      addressLine1: (address2 == null ? void 0 : address2.line1) ?? "",
+      addressLine2: (address2 == null ? void 0 : address2.line2) ?? "",
+      postalCode: (address2 == null ? void 0 : address2.postal_code) ?? "",
+      city: (address2 == null ? void 0 : address2.city) ?? "",
+      state: (address2 == null ? void 0 : address2.state) ?? "",
+      firstName: ((_a = customer.individual.name) == null ? void 0 : _a.first_name) ?? "",
+      lastName: ((_b = customer.individual.name) == null ? void 0 : _b.last_name) ?? ""
+    };
+  }
+  const address = customer.organization.registered_address;
+  return {
+    type: "ORGANIZATION",
+    email: customer.email ?? "",
+    country: (address == null ? void 0 : address.country) ?? "",
+    addressLine1: (address == null ? void 0 : address.line1) ?? "",
+    addressLine2: (address == null ? void 0 : address.line2) ?? "",
+    postalCode: (address == null ? void 0 : address.postal_code) ?? "",
+    city: (address == null ? void 0 : address.city) ?? "",
+    state: (address == null ? void 0 : address.state) ?? "",
+    companyLegalName: customer.organization.legal_name ?? "",
+    companyVatNumber: ((_d = (_c = customer.organization.tax_ids) == null ? void 0 : _c[0]) == null ? void 0 : _d.id) ?? ""
+  };
+};
+const mapFormStateToCustomerPayload = (data) => data.type === "ORGANIZATION" ? {
+  type: "ORGANIZATION",
+  email: data.email,
+  organization: {
+    legal_name: data.companyLegalName ?? "",
+    tax_ids: data.companyVatNumber ? [
+      {
+        id: data.companyVatNumber,
+        type: DEFAULT_TAX_IDENTIFIER_TYPE
+      }
+    ] : void 0,
+    registered_address: {
+      line1: data.addressLine1,
+      line2: data.addressLine2 ?? "",
+      postal_code: data.postalCode,
+      city: data.city,
+      country: data.country,
+      state: data.state ?? ""
+    }
+  }
+} : {
+  type: "INDIVIDUAL",
+  email: data.email,
+  individual: {
+    name: {
+      first_name: data.firstName ?? "",
+      last_name: data.lastName ?? ""
+    },
+    residential_address: {
+      line1: data.addressLine1,
+      line2: data.addressLine2 ?? "",
+      postal_code: data.postalCode,
+      city: data.city,
+      country: data.country,
+      state: data.state ?? ""
+    }
+  }
+};
+const _hoisted_1 = { class: "grid grid-cols-1 gap-4" };
+const _hoisted_2 = { class: "flex grow flex-col" };
+const _hoisted_3 = { class: "mt-6 flex items-center justify-between gap-4" };
+const _hoisted_4 = { class: "flex flex-col gap-2" };
+const _hoisted_5 = {
+  key: 0,
+  class: "grid grid-cols-2 gap-2"
+};
+const _hoisted_6 = { class: "grid grid-cols-3 gap-2" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "BillingInformationForm",
+  props: {
+    customer: { type: Object },
+    isLoading: { type: Boolean },
+    apiError: { type: null },
+    updateCustomer: { type: Function }
+  },
+  setup(__props) {
+    const props = __props;
+    const { $t } = useIntl();
+    const { validation, form, updateInitialState, submit, hasChanges } = useBillingInformationForm({
+      onSubmit: ({ customerId, payload }) => props.updateCustomer({ customerId, payload })
+    });
+    const hasHydratedFromCustomer = ref(false);
+    const isCompanyPurchase = computed(() => form.value.type === "ORGANIZATION");
+    const showCompanyPurchaseToggle = computed(() => !hasHydratedFromCustomer.value);
+    const companyPurchaseModel = computed({
+      get: () => isCompanyPurchase.value,
+      set: (value) => form.value.type = value ? "ORGANIZATION" : "INDIVIDUAL"
+    });
+    const handleSubmit = async () => {
+      var _a;
+      await validation.value.$validate();
+      const isValid = !validation.value.$invalid;
+      if (!isValid) return;
+      if (!((_a = props.customer) == null ? void 0 : _a.id)) return;
+      await submit(props.customer.id);
+    };
+    watch(
+      () => props.customer,
+      (customer) => {
+        if (!customer || hasHydratedFromCustomer.value) {
+          return;
+        }
+        updateInitialState(customer);
+        hasHydratedFromCustomer.value = true;
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+      return openBlock(), createElementBlock("form", {
+        onSubmit: withModifiers(handleSubmit, ["prevent"])
+      }, [
+        createVNode(unref(_sfc_main$2$1), {
+          variant: "heading-3",
+          tag: "h2"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref($t)({
+              defaultMessage: "Customer information",
+              id: "checkout.contact_information_block.title",
+              description: "The title of the contact information block in the checkout form"
+            })), 1)
+          ]),
+          _: 1
+        }),
+        createElementVNode("div", _hoisted_1, [
+          createVNode(unref(_sfc_main$2a), {
+            modelValue: unref(form).email,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(form).email = $event),
+            required: "",
+            type: "email",
+            label: unref($t)({
+              defaultMessage: "Email address",
+              id: "checkout.email_address.label",
+              description: "The email address of the customer in the checkout form"
+            }),
+            placeholder: unref($t)({
+              defaultMessage: "Email address...",
+              id: "checkout.email_address.placeholder",
+              description: "The email address of the customer in the checkout form"
+            }),
+            error: ((_a = unref(validation).value.email) == null ? void 0 : _a.$errors) || ((_b = __props.apiError) == null ? void 0 : _b.email)
+          }, null, 8, ["modelValue", "label", "placeholder", "error"]),
+          createVNode(unref(_sfc_main$1$), {
+            "single-model-value": unref(form).country,
+            "onUpdate:singleModelValue": _cache[1] || (_cache[1] = ($event) => unref(form).country = $event),
+            label: unref($t)({
+              defaultMessage: "Country",
+              id: "checkout.country.label",
+              description: "The country of the customer in the checkout form"
+            }),
+            error: (_c = __props.apiError) == null ? void 0 : _c.country
+          }, null, 8, ["single-model-value", "label", "error"]),
+          showCompanyPurchaseToggle.value ? (openBlock(), createBlock(unref(_sfc_main$20), {
+            key: 0,
+            modelValue: companyPurchaseModel.value,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => companyPurchaseModel.value = $event),
+            "label-position": "before"
+          }, {
+            "inline-label": withCtx(() => [
+              createElementVNode("div", _hoisted_2, [
+                createVNode(unref(_sfc_main$2$1), { tag: "span" }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref($t)({
+                      defaultMessage: "Company purchase",
+                      id: "checkout.company_purchase_toggle.title",
+                      description: "The title of the company purchase toggle in the checkout"
+                    })), 1)
+                  ]),
+                  _: 1
+                }),
+                createVNode(unref(_sfc_main$2$1), {
+                  tag: "span",
+                  variant: "body-xs",
+                  shade: "lighter"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref($t)({
+                      defaultMessage: "I am purchasing on behalf of a company",
+                      id: "checkout.company_purchase_toggle.sub_title",
+                      description: "The subtitle of the company purchase toggle in the checkout"
+                    })), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])) : createCommentVNode("", true),
+          isCompanyPurchase.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createVNode(unref(_sfc_main$2a), {
+              modelValue: unref(form).companyVatNumber,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(form).companyVatNumber = $event),
+              name: "vat_number",
+              label: unref($t)({
+                defaultMessage: "VAT number",
+                id: "checkout.vat_number.label",
+                description: "The label for the vat number in the checkout form"
+              }),
+              placeholder: unref($t)({
+                defaultMessage: "VAT number...",
+                id: "checkout.vat_number.placeholder",
+                description: "The label for the vat number in the checkout form"
+              }),
+              error: (_d = __props.apiError) == null ? void 0 : _d.vat_number
+            }, null, 8, ["modelValue", "label", "placeholder", "error"]),
+            createVNode(unref(_sfc_main$2a), {
+              modelValue: unref(form).companyLegalName,
+              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(form).companyLegalName = $event),
+              required: "",
+              name: "legal_name",
+              label: unref($t)({
+                defaultMessage: "Legal entity name",
+                id: "checkout.legal_name.label",
+                description: "The legal name of the organization customer in the checkout form"
+              }),
+              placeholder: unref($t)({
+                defaultMessage: "Legal entity name...",
+                id: "checkout.legal_name.placeholder",
+                description: "The legal name of the organization customer in the checkout form"
+              }),
+              error: (_e = __props.apiError) == null ? void 0 : _e.legal_name
+            }, null, 8, ["modelValue", "label", "placeholder", "error"])
+          ], 64)) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createVNode(unref(_sfc_main$2$1), {
+            variant: "heading-3",
+            tag: "h2"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref($t)({
+                defaultMessage: "Billing details",
+                id: "checkout.billing_information_block.title",
+                description: "The title of the billing information block in the checkout form"
+              })), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          !isCompanyPurchase.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            createVNode(unref(_sfc_main$2a), {
+              modelValue: unref(form).firstName,
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(form).firstName = $event),
+              name: "first_name",
+              label: unref($t)({
+                defaultMessage: "First name",
+                id: "checkout.first_name.label",
+                description: "The first name of the customer in the checkout form"
+              }),
+              placeholder: unref($t)({
+                defaultMessage: "First name...",
+                id: "checkout.first_name.placeholder",
+                description: "The first name of the customer in the checkout form"
+              }),
+              error: (_f = __props.apiError) == null ? void 0 : _f.first_name
+            }, null, 8, ["modelValue", "label", "placeholder", "error"]),
+            createVNode(unref(_sfc_main$2a), {
+              modelValue: unref(form).lastName,
+              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(form).lastName = $event),
+              name: "last_name",
+              label: unref($t)({
+                defaultMessage: "Last name",
+                id: "checkout.last_name.label",
+                description: "The last name of the customer in the checkout form"
+              }),
+              placeholder: unref($t)({
+                defaultMessage: "Last name...",
+                id: "checkout.last_name.placeholder",
+                description: "The last name of the customer in the checkout form"
+              }),
+              error: (_g = __props.apiError) == null ? void 0 : _g.last_name
+            }, null, 8, ["modelValue", "label", "placeholder", "error"])
+          ])) : createCommentVNode("", true),
+          createVNode(unref(_sfc_main$2a), {
+            modelValue: unref(form).addressLine1,
+            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(form).addressLine1 = $event),
+            name: "address_line_1",
+            label: unref($t)({
+              defaultMessage: "Billing address",
+              id: "checkout.address.title",
+              description: "Address line 1 of the customer address in the checkout form"
+            }),
+            placeholder: unref($t)({
+              defaultMessage: "Address line 1...",
+              id: "checkout.address.line1.placeholder",
+              description: "Address line 1 of the customer address in the checkout form"
+            }),
+            error: (_h = __props.apiError) == null ? void 0 : _h.address_line_1
+          }, null, 8, ["modelValue", "label", "placeholder", "error"]),
+          createVNode(unref(_sfc_main$2a), {
+            modelValue: unref(form).addressLine2,
+            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(form).addressLine2 = $event),
+            name: "address_line_2",
+            placeholder: unref($t)({
+              defaultMessage: "Address line 2...",
+              id: "checkout.address.line2.placeholder",
+              description: "Address line 2 of the customer address in the checkout form"
+            }),
+            error: (_i = __props.apiError) == null ? void 0 : _i.address_line_2
+          }, null, 8, ["modelValue", "placeholder", "error"]),
+          createElementVNode("div", _hoisted_6, [
+            createVNode(unref(_sfc_main$2a), {
+              modelValue: unref(form).postalCode,
+              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(form).postalCode = $event),
+              name: "postal_code",
+              placeholder: unref($t)({
+                defaultMessage: "Postal code...",
+                id: "checkout.address.portal_code.placeholder",
+                description: "Postal code of the customer address in the checkout form"
+              }),
+              error: (_j = __props.apiError) == null ? void 0 : _j.postal_code
+            }, null, 8, ["modelValue", "placeholder", "error"]),
+            createVNode(unref(_sfc_main$2a), {
+              modelValue: unref(form).city,
+              "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => unref(form).city = $event),
+              name: "city",
+              placeholder: unref($t)({
+                defaultMessage: "City...",
+                id: "checkout.address.city.placeholder",
+                description: "City of the customer address in the checkout form"
+              }),
+              error: (_k = __props.apiError) == null ? void 0 : _k.city
+            }, null, 8, ["modelValue", "placeholder", "error"]),
+            createVNode(unref(_sfc_main$2a), {
+              modelValue: unref(form).state,
+              "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => unref(form).state = $event),
+              name: "state",
+              placeholder: unref($t)({
+                defaultMessage: "State...",
+                id: "checkout.address.state.placeholder",
+                description: "State of the customer address in the checkout form"
+              }),
+              error: (_l = __props.apiError) == null ? void 0 : _l.state
+            }, null, 8, ["modelValue", "placeholder", "error"])
+          ])
+        ]),
+        ((_m = __props.apiError) == null ? void 0 : _m._generic) ? (openBlock(), createBlock(unref(_sfc_main$16), {
+          key: 0,
+          class: "mt-4",
+          title: __props.apiError._generic
+        }, null, 8, ["title"])) : createCommentVNode("", true),
+        createVNode(unref(_sfc_main$2H), {
+          type: "submit",
+          color: "primary",
+          disabled: !unref(hasChanges),
+          loading: __props.isLoading,
+          class: "mt-4"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref($t)({
+              defaultMessage: "Save changes",
+              id: "billing_information_form.submit_button.label",
+              description: "The label for the submit button of the billing information form"
+            })), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled", "loading"])
+      ], 32);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "BillingInformationForm",
+  props: {
+    customer: { type: Object },
+    apiError: { type: null },
+    updateCustomer: { type: Function },
+    isLoading: { type: Boolean }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$3, {
+        customer: __props.customer,
+        "update-customer": __props.updateCustomer,
+        "is-loading": __props.isLoading,
+        "api-error": __props.apiError
+      }, null, 8, ["customer", "update-customer", "is-loading", "api-error"]);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "BillingInformationForm.entry.view",
+  props: {
+    environment: { type: String },
+    locale: { type: String },
+    dateLocale: { type: String },
+    messages: { type: Object },
+    showTimezones: { type: Boolean },
+    primaryColor: { type: String },
+    secondaryColor: { type: String },
+    isShadowRoot: { type: Boolean },
+    experimentalFeatures: { type: Array },
+    logLevel: { type: String },
+    onLog: { type: Function },
+    allowedPortalTypes: { type: Array },
+    portalObject: { type: Object },
+    customElementName: { type: String },
+    branding: { type: Object }
+  },
+  setup(__props) {
+    const props = __props;
+    const customerId = props.portalObject.customer_id;
+    const { customer, get, update } = useCustomer({ customerId });
+    onMounted(async () => {
+      await get.execute();
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", {
+        customer: unref(customer),
+        isLoading: unref(get).isPending.value || unref(update).isPending.value,
+        updateCustomer: unref(update),
+        apiError: unref(getApiError)(unref(update).error)
+      });
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BillingInformationForm.entry",
+  props: {
+    environment: { type: String },
+    locale: { type: String },
+    dateLocale: { type: String },
+    messages: { type: Object },
+    showTimezones: { type: Boolean },
+    primaryColor: { type: String },
+    secondaryColor: { type: String },
+    isShadowRoot: { type: Boolean },
+    experimentalFeatures: { type: Array },
+    logLevel: { type: String },
+    onLog: { type: Function },
+    allowedPortalTypes: { type: Array },
+    portalObject: { type: Object },
+    customElementName: { type: String },
+    branding: { type: Object }
+  },
+  emits: ["error"],
+  setup(__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,
+        onError: _cache[0] || (_cache[0] = (error) => _ctx.$emit("error", error))
+      }, {
+        default: withCtx(() => [
+          createVNode(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$props)), {
+            default: withCtx(({ customer, updateCustomer, isLoading, apiError }) => [
+              customer ? (openBlock(), createBlock(_sfc_main$2, {
+                key: 0,
+                customer,
+                "is-loading": isLoading,
+                "update-customer": ({ payload }) => updateCustomer.execute(payload),
+                "api-error": apiError
+              }, null, 8, ["customer", "is-loading", "update-customer", "api-error"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 16)
+        ]),
+        _: 1
+      }, 8, ["custom-element-name", "environment", "locale", "portal-object", "primary-color", "secondary-color", "experimental-features", "log-level", "on-log"]);
+    };
+  }
+});
+const SolvimonBillingInformationForm = defineCustomElement(_sfc_main);
+const COMPONENT_NAME = getComponentName("billing-information-form");
+const defineSolvimonBillingInformationForm = () => {
+  if (!customElements.get(COMPONENT_NAME)) {
+    customElements.define(COMPONENT_NAME, SolvimonBillingInformationForm);
+  }
+};
 export {
-  C as COMPONENT_NAME,
-  S as SolvimonBillingInformationForm,
-  d as defineSolvimonBillingInformationForm
+  COMPONENT_NAME,
+  SolvimonBillingInformationForm,
+  defineSolvimonBillingInformationForm
 };

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

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

package/dist/components/CustomerPaymentMethods/CustomerPaymentMethods.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../CustomerPaymentMethods.entry.ce-DnjlRHPA.js");require("../../component-Df5eNqYX.js"),exports.COMPONENT_NAME=e.COMPONENT_NAME,exports.SolvimonCustomerPaymentMethods=e.SolvimonCustomerPaymentMethods,exports.defineSolvimonCustomerPaymentMethods=e.defineSolvimonCustomerPaymentMethods;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("../../useCustomerPaymentMethodOptions-C-8BLzqb.js"),t=require("../../component-XHQYFLA_.js"),n=require("../../useLoadInitialData-BRg7IWqW.js"),r=require("../../usePaymentMethods-DCGVRXA4.js"),a=e.defineComponent({__name:"CustomerPaymentMethods.entry.view",props:{portalObject:{type:Object},environment:{type:String},locale:{type:String},dateLocale:{type:String},messages:{type:Object},showTimezones:{type:Boolean},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},customElementName:{type:String},branding:{type:Object},configuration:{type:Object}},setup(a){var l;const i=a,m=i.portalObject.customer_id,p=r.usePaymentMethods({customerId:m,pageSize:(null==(l=i.configuration)?void 0:l.maxItems)||3}),c=o.useCustomerPaymentMethodOptions({customerId:m}),{isLoading:u}=n.useLoadInitialData(p.fetchInitial(),c.fetch());return(o,n)=>{var r,l,i,m;return e.openBlock(),e.createBlock(e.unref(t._sfc_main$1),{"custom-element-name":e.unref(s),environment:a.environment,locale:a.locale,"portal-object":a.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(l=null==(r=a.branding)?void 0:r.colors)?void 0:l.primary,"secondary-color":null==(m=null==(i=a.branding)?void 0:i.colors)?void 0:m.secondary,"experimental-features":a.experimentalFeatures,"log-level":a.logLevel,"on-log":a.onLog,onError:n[0]||(n[0]=e=>o.$emit("error",e))},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{paymentMethods:e.unref(p).items.value,paymentMethodsOptions:e.unref(c).items.value,isLoading:e.unref(u)})]),_:3},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log"])}}}),l=e.defineComponent({__name:"CustomerPaymentMethods.entry",props:{portalObject:{type:Object},environment:{type:String},locale:{type:String},dateLocale:{type:String},messages:{type:Object},showTimezones:{type:Boolean},primaryColor:{type:String},secondaryColor:{type:String},isShadowRoot:{type:Boolean},experimentalFeatures:{type:Array},logLevel:{type:String},onLog:{type:Function},allowedPortalTypes:{type:Array},customElementName:{type:String},branding:{type:Object},configuration:{type:Object}},setup:n=>(r,l)=>{var i,m,p,c;return e.openBlock(),e.createBlock(e.unref(t._sfc_main$1),{"custom-element-name":e.unref(s),environment:n.environment,locale:n.locale,"portal-object":n.portalObject,"allowed-portal-types":["CUSTOMER"],"primary-color":null==(m=null==(i=n.branding)?void 0:i.colors)?void 0:m.primary,"secondary-color":null==(c=null==(p=n.branding)?void 0:p.colors)?void 0:c.secondary,"experimental-features":n.experimentalFeatures,"log-level":n.logLevel,"on-log":n.onLog,onError:l[0]||(l[0]=e=>r.$emit("error",e))},{default:e.withCtx(()=>[e.createVNode(a,e.normalizeProps(e.guardReactiveProps(r.$props)),{default:e.withCtx(({paymentMethods:t,paymentMethodsOptions:r,isLoading:a})=>[e.createVNode(o._sfc_main,{configuration:n.configuration,"payment-methods":t,"payment-methods-options":r,"is-loading":a},null,8,["configuration","payment-methods","payment-methods-options","is-loading"])]),_:1},16)]),_:1},8,["custom-element-name","environment","locale","portal-object","primary-color","secondary-color","experimental-features","log-level","on-log"])}}),i=t.defineCustomElement(l),s=t.getComponentName("customer-payment-methods");exports.COMPONENT_NAME=s,exports.SolvimonCustomerPaymentMethods=i,exports.defineSolvimonCustomerPaymentMethods=()=>{customElements.get(s)||customElements.define(s,i)};