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

package/dist/BillingInformationForm.entry.ce-xfT0Jqps.mjs

@@ -1,579 +0,0 @@
-import { ref, computed, defineComponent, watch, openBlock, createElementBlock, withModifiers, createVNode, unref, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, createCommentVNode, Fragment, onMounted, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { F as useValidation, G as objectDiff, H as isOrganization, I as isIndividual, b as useIntl, _ as _sfc_main$2$1, J as _sfc_main$2a, K as _sfc_main$1$, L as _sfc_main$20, E as _sfc_main$16, m as _sfc_main$2H, M as getApiError, o as _sfc_main$4, p as defineCustomElement, n as getComponentName } from "./component-BkmcE85U.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-BRY0tuBH.mjs";
-const useForm = ({
-  initialState,
-  validationRules = {},
-  nullifyEmptyValues = false,
-  mode = "shallow"
-}) => {
-  const initialFormState = ref(cloneDeep(initialState));
-  const form = ref(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_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;
-  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: customer.organization.tax_id ?? ""
-  };
-};
-const mapFormStateToCustomerPayload = (data) => data.type === "ORGANIZATION" ? {
-  type: "ORGANIZATION",
-  email: data.email,
-  organization: {
-    legal_name: data.companyLegalName ?? "",
-    tax_id: data.companyVatNumber ?? "",
-    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).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 {
-  COMPONENT_NAME as C,
-  SolvimonBillingInformationForm as S,
-  _sfc_main as _,
-  defineSolvimonBillingInformationForm as d
-};