@shipengine/elements 2.20.0 → 2.21.0

package/cjs/components/forms/vat-form/vat-form.cjs

@@ -0,0 +1,171 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var useCountryCodeOptions = require('../../../hooks/options/use-country-code-options.cjs');
+var useVatSettings = require('../../../hooks/use-vat-settings.cjs');
+var formLogger = require('../../../utilities/form-logger.cjs');
+var validation = require('../../../utilities/validation.cjs');
+var reactHookForm = require('react-hook-form');
+var reactI18next = require('react-i18next');
+var giger = require('@shipengine/giger');
+var vatFormSchema = require('./vat-form-schema.cjs');
+var vatForm_styles = require('./vat-form.styles.cjs');
+var vatTypes = require('./vat-types.cjs');
+var inputGroup = require('../../field/input-group/input-group.cjs');
+var select = require('../../field/select/select.cjs');
+var textInput = require('../../field/text-input/text-input.cjs');
+var selectAutoComplete = require('../../field/select-auto-complete/select-auto-complete.cjs');
+var buttonGroup = require('../../button-group/button-group.cjs');
+
+/**
+ * At first we are only allowing GB and VAT as Issuing Authority and Tax Type respectively.
+ * When open to all Tax types and countries remove the default values and also the
+ * `disabled` prop from "tax.type" and "issuingAuthority"
+ * There is no ticket for this at the moment
+ */
+const VatForm = ({
+  onCancel,
+  onSuccess
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation(["common", "vat-settings"]);
+  const {
+    countryCodeOptions
+  } = useCountryCodeOptions.useCountryCodeOptions();
+  const {
+    updateVatSettings,
+    updateVatSettingsErrors,
+    isLoading,
+    refreshVatSettings
+  } = useVatSettings.useVatSettings();
+  const ErrorMessages = {
+    connection_not_supported: t("vat-settings:vatFormErrors:connectionNotSupported"),
+    forbidden: t("vat-settings:vatFormErrors:forbidden"),
+    invalid_field_value: t("vat-settings:vatFormErrors:invalidFieldValue"),
+    verification_failure: t("vat-settings:vatFormErrors:verificationFailure")
+  };
+  const {
+    handleSubmit,
+    control,
+    trigger,
+    setError,
+    formState: {
+      isValid,
+      isSubmitting
+    }
+  } = reactHookForm.useForm({
+    defaultValues: {
+      issuingAuthority: "GB",
+      vat: {
+        type: "vat"
+      }
+    },
+    resolver: validation.validationResolver(vatFormSchema.vatSchema)
+  });
+  const onHandleSubmit = handleSubmit(({
+    vat: {
+      number,
+      type
+    },
+    issuingAuthority
+  }) => tslib.__awaiter(void 0, void 0, void 0, function* () {
+    yield updateVatSettings({
+      taxIdentifiers: [{
+        identifierType: type,
+        issuingAuthority,
+        value: number
+      }]
+    }, {
+      onError: errors => {
+        var _a;
+        setError("vat.number", {
+          message: ((_a = errors === null || errors === void 0 ? void 0 : errors[0]) === null || _a === void 0 ? void 0 : _a.message) || t("vat-settings:vatFormErrors:genericText")
+        });
+      },
+      onSuccess: () => tslib.__awaiter(void 0, void 0, void 0, function* () {
+        yield refreshVatSettings();
+        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess();
+      })
+    });
+  }));
+  const formWithErrors = updateVatSettingsErrors === null || updateVatSettingsErrors === void 0 ? void 0 : updateVatSettingsErrors.filter(error => error.errorCode !== "unknown").map(error => ErrorMessages[error.errorCode] || error.message);
+  return jsxRuntime.jsxs("section", Object.assign({
+    css: vatForm_styles.styles.formSection
+  }, {
+    children: [jsxRuntime.jsx(giger.Typography, Object.assign({
+      component: "p",
+      css: vatForm_styles.styles.vatFormText,
+      variant: "body1"
+    }, {
+      children: t("vat-settings:vatFormText")
+    })), jsxRuntime.jsxs("form", Object.assign({
+      id: "vat-form"
+    }, {
+      children: [jsxRuntime.jsxs(inputGroup.InputGroup, Object.assign({
+        compact: true,
+        control: control,
+        disabled: isLoading,
+        displayErrors: true,
+        label: t("vat-settings:vatNumberFieldLabel"),
+        labelPosition: "vertical",
+        labelWidth: "100%",
+        message: {
+          content: t("vat-settings:vatNumberInputHint"),
+          type: giger.FieldMessageType.HINT
+        },
+        name: "vat",
+        sizes: [135],
+        trigger: trigger
+      }, {
+        children: [jsxRuntime.jsx(select.Select, {
+          control: control,
+          disabled: true,
+          label: t("vat-settings:vatTypePlaceholder"),
+          name: "vat.type",
+          options: vatTypes.vatTypesSelectOptions,
+          placeholder: t("vat-settings:vatTypePlaceholder")
+        }), jsxRuntime.jsx(textInput.TextInput, {
+          control: control,
+          label: t("vat-settings:vatNumberFieldLabel"),
+          name: "vat.number",
+          placeholder: t("vat-settings:vatNumberInputPlaceholder")
+        })]
+      })), jsxRuntime.jsx(selectAutoComplete.SelectAutoComplete, {
+        control: control,
+        disabled: true,
+        errors: formWithErrors,
+        label: t("vat-settings:issuingAuthorityFieldLabel"),
+        labelPosition: "vertical",
+        labelWidth: "100%",
+        name: "issuingAuthority",
+        noResultsLabel: t("vat-settings:noResults"),
+        options: countryCodeOptions,
+        placeholder: t("vat-settings:issuingAuthorityPlaceholder")
+      }), jsxRuntime.jsxs(buttonGroup.ButtonGroup, Object.assign({
+        justify: "end"
+      }, {
+        children: [jsxRuntime.jsx(giger.Button, Object.assign({
+          color: giger.ButtonColor.SECONDARY,
+          disabled: isSubmitting || isLoading,
+          onClick: onCancel,
+          variant: giger.ButtonVariant.TEXT
+        }, {
+          children: t("actions.cancel")
+        })), jsxRuntime.jsx(giger.Button, Object.assign({
+          disabled: !isValid || isLoading,
+          isLoading: isSubmitting,
+          onClick: formLogger.formLogger.capture(onHandleSubmit),
+          variant: giger.ButtonVariant.OUTLINED
+        }, {
+          children: t("actions.save")
+        }))]
+      }))]
+    }))]
+  }));
+};
+
+exports.VatForm = VatForm;

package/cjs/components/forms/vat-form/vat-form.styles.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles$1 = require('../../../utilities/styles.cjs');
+
+const styles = styles$1.createStyles({
+  formSection: theme => ({
+    backgroundColor: styles$1.scopeTheme(theme).palette.gray.ultraLight,
+    padding: styles$1.scopeTheme(theme).spacing(2)
+  }),
+  inlineError: theme => ({
+    marginBottom: styles$1.scopeTheme(theme).spacing(2)
+  }),
+  vatFormText: () => ({
+    marginTop: 0
+  })
+});
+
+exports.styles = styles;

package/cjs/components/forms/vat-form/vat-types.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const vatTypesSelectOptions = [{
+  label: "EIN",
+  value: "ein"
+}, {
+  label: "EORI",
+  value: "eori"
+}, {
+  label: "IOSS",
+  value: "ioss"
+}, {
+  label: "PAN",
+  value: "pan"
+}, {
+  label: "SSN",
+  value: "ssn"
+}, {
+  label: "TIN",
+  value: "tin"
+}, {
+  label: "UKIMS",
+  value: "ukims"
+}, {
+  label: "VAT",
+  value: "vat"
+}, {
+  label: "VOEC",
+  value: "voec"
+}];
+
+exports.vatTypesSelectOptions = vatTypesSelectOptions;

package/cjs/components/forms/wallet-form/billing-fields.cjs

@@ -0,0 +1,76 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var styles = require('../../../utilities/styles.cjs');
+var reactI18next = require('react-i18next');
+var textInput = require('../../field/text-input/text-input.cjs');
+var creditCardInput = require('../../field/credit-card-input/credit-card-input.cjs');
+var expirationInput = require('../../field/expiration-input/expiration-input.cjs');
+
+const BillingFields = ({
+  form
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(textInput.TextInput, {
+      "aria-required": "true",
+      control: form.control,
+      label: t("billing.fields.name"),
+      labelWeight: "normal",
+      name: "creditCard.name",
+      nativeLabel: true
+    }), jsxRuntime.jsx(creditCardInput.CreditCardInput, {
+      "aria-required": "true",
+      control: form.control,
+      label: t("billing.fields.cardNumber"),
+      labelWeight: "normal",
+      name: "creditCard.number",
+      nativeLabel: true,
+      placeholder: t("billing.fields.cardNumberPlaceholder")
+    }), jsxRuntime.jsxs("div", Object.assign({
+      css: theme => ({
+        display: "flex",
+        gap: styles.scopeTheme(theme).spacing(2),
+        width: "100%"
+      })
+    }, {
+      children: [jsxRuntime.jsx("div", Object.assign({
+        css: {
+          flexGrow: "1"
+        }
+      }, {
+        children: jsxRuntime.jsx(expirationInput.ExpirationInput, {
+          "aria-required": "true",
+          control: form.control,
+          label: t("billing.fields.expiration"),
+          labelWeight: "normal",
+          maxLength: 7,
+          name: "creditCard.expiration",
+          nativeLabel: true,
+          placeholder: t("billing.fields.expirationPlaceholder")
+        })
+      })), jsxRuntime.jsx("div", Object.assign({
+        css: {
+          flexGrow: "1"
+        }
+      }, {
+        children: jsxRuntime.jsx(textInput.TextInput, {
+          "aria-required": "true",
+          control: form.control,
+          label: t("billing.fields.cvv"),
+          labelWeight: "normal",
+          maxLength: 4,
+          name: "creditCard.cvv",
+          nativeLabel: true,
+          placeholder: t("billing.fields.cvvPlaceholder")
+        })
+      }))]
+    }))]
+  });
+};
+
+exports.BillingFields = BillingFields;

package/cjs/components/forms/wallet-form/index.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var walletForm = require('./wallet-form.cjs');
+var walletSchema = require('./wallet-schema.cjs');
+var billingFields = require('./billing-fields.cjs');
+
+
+
+exports.WalletForm = walletForm.WalletForm;
+exports.getBillingAddressSchema = walletSchema.getBillingAddressSchema;
+exports.getWalletSchema = walletSchema.getWalletSchema;
+exports.walletBlackboxSchemas = walletSchema.walletBlackboxSchemas;
+exports.walletEmailSchemas = walletSchema.walletEmailSchemas;
+exports.BillingFields = billingFields.BillingFields;

package/cjs/components/forms/wallet-form/wallet-form.cjs

@@ -0,0 +1,200 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var useBlackBoxDetection = require('../../../hooks/use-black-box-detection.cjs');
+var useNestedForm = require('../../../hooks/use-nested-form.cjs');
+var formLogger = require('../../../utilities/form-logger.cjs');
+var address = require('../../../utilities/shipengine/address.cjs');
+var validation = require('../../../utilities/validation.cjs');
+var React = require('react');
+var reactHookForm = require('react-hook-form');
+var reactI18next = require('react-i18next');
+var giger = require('@shipengine/giger');
+var editWalletAddressForm = require('../edit-wallet-address-form/edit-wallet-address-form.cjs');
+var billingFields = require('./billing-fields.cjs');
+var walletForm_styles = require('./wallet-form.styles.cjs');
+var walletSchema = require('./wallet-schema.cjs');
+var addressPreferenceContext = require('../../address-preference-context/address-preference-context.cjs');
+var addressFields = require('../address-form/address-fields.cjs');
+var vatSettings = require('../../../features/vat-settings/vat-settings.cjs');
+var spacer = require('../../spacer/spacer.cjs');
+var addressDisplay = require('../../address-display/address-display.cjs');
+var buttonGroup = require('../../button-group/button-group.cjs');
+var submitButton = require('../../field/submit-button/submit-button.cjs');
+
+const WalletForm = ({
+  address: address$1,
+  errors,
+  onSubmit,
+  showVatSettings
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation(["register-wallet", "common"]);
+  const defaultWarehouseIsPoBox = address.isPoBoxAddress(address$1);
+  const {
+    validateAddress
+  } = addressPreferenceContext.useAddressPreference();
+  const [codedErrors, setCodedErrors] = React.useState(errors);
+  const form = reactHookForm.useForm({
+    defaultValues:
+    // If the warehouse address is a PO Box they cannot use it as their billing address
+    defaultWarehouseIsPoBox ? {
+      address: {
+        countryCode: "US"
+      }
+    } : {
+      address: Object.assign(Object.assign({}, address$1), {
+        countryCode: address$1.countryCode
+      })
+    },
+    resolver: validation.validationResolver(walletSchema.getWalletSchema("emailOptional", "blackboxRequired"), ["creditCard"])
+  });
+  const formSetValue = form.setValue;
+  useBlackBoxDetection.useBlackboxDetection({
+    onError: React.useCallback(() => {
+      setCodedErrors(errors => {
+        const blackBoxError = {
+          errorCode: "unspecified",
+          errorSource: "client",
+          errorType: "unknown",
+          message: t("register-wallet:sections.notifications.blackBox.description")
+        };
+        return [...(errors !== null && errors !== void 0 ? errors : []), blackBoxError];
+      });
+    }, [t]),
+    onSuccess: React.useCallback(bb => formSetValue("iovationBlackbox", bb), [formSetValue])
+  });
+  const watchAddress = form.watch("address");
+  const handleSubmit = form.handleSubmit(values => tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const payload = values;
+    yield validateAddress({
+      addresses: {
+        originAddress: payload.address
+      },
+      data: {
+        creditCard: payload.creditCard,
+        iovationBlackbox: payload.iovationBlackbox
+      },
+      onValid: validatedAddressesPayload => tslib.__awaiter(void 0, void 0, void 0, function* () {
+        yield onSubmit({
+          address: validatedAddressesPayload.originAddress,
+          creditCard: payload.creditCard,
+          iovationBlackbox: payload.iovationBlackbox
+        });
+      })
+    });
+  }));
+  const [editWalletAddressForm$1, isEditWalletAddressFormOpen, toggleIsEditWalletAddressFormOpen] = useNestedForm.useNestedForm(editWalletAddressForm.EditWalletAddressForm, {
+    address: watchAddress,
+    formId: "edit-address-form",
+    onSubmit: payload => tslib.__awaiter(void 0, void 0, void 0, function* () {
+      return form.setValue("address", Object.assign({}, payload));
+    })
+  });
+  return jsxRuntime.jsxs(giger.Grid, Object.assign({
+    css: walletForm_styles.styles.grid,
+    noPadding: true
+  }, {
+    children: [jsxRuntime.jsx(giger.GridChild, Object.assign({
+      colSpan: 12
+    }, {
+      children: jsxRuntime.jsxs("form", Object.assign({
+        id: "wallet-form",
+        onSubmit: formLogger.formLogger.capture(handleSubmit)
+      }, {
+        children: [jsxRuntime.jsx(giger.GridChild, Object.assign({
+          colSpan: 12
+        }, {
+          children: !!(codedErrors === null || codedErrors === void 0 ? void 0 : codedErrors.length) && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+              title: t("register-wallet:sections.notifications.error.title"),
+              type: giger.NotificationType.ERROR
+            }, {
+              children: codedErrors.map(({
+                message
+              }) => message).join(" ")
+            })), jsxRuntime.jsx(spacer.Spacer, {
+              multiplier: 2
+            })]
+          })
+        })), jsxRuntime.jsx(giger.GridChild, Object.assign({
+          colSpan: 12
+        }, {
+          children: jsxRuntime.jsx(billingFields.BillingFields, {
+            form: form
+          })
+        })), jsxRuntime.jsx(giger.GridChild, Object.assign({
+          colSpan: 12
+        }, {
+          children: jsxRuntime.jsx(giger.Typography, Object.assign({
+            variant: "subtitle1"
+          }, {
+            children: t("register-wallet:sections.billing.addressSubTitle")
+          }))
+        })), jsxRuntime.jsx(spacer.Spacer, {
+          multiplier: 1
+        }), defaultWarehouseIsPoBox ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [jsxRuntime.jsx(giger.GridChild, Object.assign({
+            colSpan: 12
+          }, {
+            children: jsxRuntime.jsx(giger.InlineNotification, Object.assign({
+              title: t("register-wallet:sections.notifications.poBox.title"),
+              type: giger.NotificationType.INFO
+            }, {
+              children: t("register-wallet:sections.notifications.poBox.description")
+            }))
+          })), jsxRuntime.jsx(giger.GridChild, Object.assign({
+            colSpan: 12
+          }, {
+            children: jsxRuntime.jsx(addressFields.AddressFields, {
+              form: form,
+              formatFieldName: fieldName => `address.${fieldName}`,
+              optionalFields: ["addressLine2", "email"]
+            })
+          }))]
+        }) : jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [jsxRuntime.jsx(giger.GridChild, Object.assign({
+            colSpan: 12
+          }, {
+            children: jsxRuntime.jsx(addressDisplay.AddressDisplay, {
+              address: form.getValues("address"),
+              onEdit: !isEditWalletAddressFormOpen ? () => toggleIsEditWalletAddressFormOpen() : undefined
+            })
+          })), jsxRuntime.jsx(giger.GridChild, Object.assign({
+            colSpan: 12
+          }, {
+            children: editWalletAddressForm$1
+          }))]
+        })]
+      }))
+    })), showVatSettings && jsxRuntime.jsxs(giger.GridChild, Object.assign({
+      colSpan: 12
+    }, {
+      children: [jsxRuntime.jsx(giger.Typography, Object.assign({
+        variant: "subtitle1"
+      }, {
+        children: t("register-wallet:sections.vatSettings.title")
+      })), jsxRuntime.jsx(vatSettings.VatSettings, {})]
+    })), jsxRuntime.jsx(giger.GridChild, Object.assign({
+      colSpan: 12
+    }, {
+      children: jsxRuntime.jsx(buttonGroup.ButtonGroup, Object.assign({
+        justify: "center"
+      }, {
+        children: jsxRuntime.jsx(submitButton.SubmitButton, Object.assign({
+          control: form.control,
+          form: "wallet-form",
+          variant: giger.ButtonVariant.FILLED
+        }, {
+          children: t("actions.continue")
+        }))
+      }))
+    }))]
+  }));
+};
+
+exports.WalletForm = WalletForm;

package/cjs/components/forms/wallet-form/wallet-form.styles.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles$1 = require('../../../utilities/styles.cjs');
+
+const styles = styles$1.createStyles({
+  centeredText: () => ({
+    textAlign: "center"
+  }),
+  grid: theme => ({
+    margin: styles$1.scopeTheme(theme).spacing(1)
+  })
+});
+
+exports.styles = styles;

package/cjs/components/forms/wallet-form/wallet-schema.cjs

@@ -0,0 +1,101 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var date = require('../../../utilities/date.cjs');
+var address$1 = require('../../../utilities/shipengine/address.cjs');
+var cardValidator = require('card-validator');
+var min = require('libphonenumber-js/min');
+var zod = require('zod');
+var addressSchema = require('../address-form/address-schema.cjs');
+var address = require('../../../constants/shipengine/address.cjs');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var cardValidator__default = /*#__PURE__*/_interopDefaultLegacy(cardValidator);
+
+const expirationYears = date.getExpirationYears(15);
+const creditCardTypes = ["visa", "mastercard", "american-express", "discover"];
+const expirationMonths = ["01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12"];
+const walletEmailSchemas = {
+  emailOptional: addressSchema.addressSchema.shape.email,
+  emailRequired: zod.z.string().trim().email().min(1)
+};
+const walletBlackboxSchemas = {
+  blackboxOptional: zod.z.string().trim().optional(),
+  blackboxRequired: zod.z.string().trim().min(1)
+};
+const getBillingAddressSchema = emailRequirement => {
+  return addressSchema.addressSchema.extend({
+    addressLine1: addressSchema.addressLine1Schema.refine(v => !address$1.isPoBox(v), "schemaErrors.invalidAddressPoBox"),
+    addressLine2: addressSchema.addressLine2Schema.refine(v => !v || !address$1.isPoBox(v), "schemaErrors.invalidAddressPoBox"),
+    companyName: zod.z.string().trim().min(1),
+    email: walletEmailSchemas[emailRequirement],
+    phone: zod.z.string().trim().min(1)
+  }).refine(schema => schema.name.match(address.addressNameRegex), {
+    message: "schemaErrors.invalidAddressNameOnboarding",
+    path: ["name"]
+  }).refine(schema => !schema.phone || min.isValidPhoneNumber(schema.phone, schema.countryCode), {
+    message: "schemaErrors.notAValidPhoneNumber",
+    path: ["phone"]
+  }).refine(schema => {
+    if (schema.countryCode === "US") {
+      return schema.stateProvince && address.usStateCodes.includes(schema.stateProvince);
+    }
+    return true;
+  }, {
+    message: "schemaErrors.invalidStateProvince",
+    path: ["stateProvince"]
+  }).refine(schema => {
+    if (schema.countryCode === "US") {
+      return address.postalCodeRegex.test(schema.postalCode);
+    }
+    return true;
+  }, {
+    message: "schemaErrors.invalidPostalCode",
+    path: ["postalCode"]
+  });
+};
+const creditCardSchema = zod.z.object({
+  cvv: zod.z.string().trim().refine(cvv => cardValidator__default["default"].cvv(cvv, [3, 4]).isValid, "Invalid CVV"),
+  expiration: zod.z.string().trim().refine(expiration => {
+    const [expirationMonth, expirationYear] = expiration.split("/");
+    return expirationMonths.includes(expirationMonth) && expirationYears.includes(expirationYear);
+  }, "schemaErrors.invalidExpirationDate"),
+  name: addressSchema.addressSchema.shape.name.refine(name => name.match(address.addressNameRegex), "schemaErrors.invalidAddressNameOnboarding"),
+  number: zod.z.string().trim().refine(number => cardValidator__default["default"].number(number).isValid, "Invalid card number").refine(number => {
+    var _a, _b;
+    return !((_a = cardValidator__default["default"].number(number).card) === null || _a === void 0 ? void 0 : _a.type) || creditCardTypes.includes((_b = cardValidator__default["default"].number(number).card) === null || _b === void 0 ? void 0 : _b.type);
+  }, "schemaErrors.invalidCreditCardType")
+}).transform(schema => {
+  var _a;
+  const {
+      cvv,
+      expiration
+    } = schema,
+    creditCard = tslib.__rest(schema, ["cvv", "expiration"]);
+  const creditCardVendor = (_a = cardValidator__default["default"].number(creditCard.number).card) === null || _a === void 0 ? void 0 : _a.type;
+  const [expirationMonth, expirationYear] = expiration.split("/").map(v => parseInt(v, 10));
+  return {
+    cardNumber: creditCard.number,
+    cvv: cvv,
+    expirationMonth: expirationMonth,
+    expirationYear: expirationYear,
+    name: creditCard.name,
+    provider: creditCardVendor === "american-express" ? "americanExpress" : creditCardVendor
+  };
+});
+const getWalletSchema = (emailRequirement, blackboxRequirement) => {
+  const billingAddressSchema = getBillingAddressSchema(emailRequirement);
+  return zod.z.object({
+    address: billingAddressSchema,
+    creditCard: creditCardSchema,
+    iovationBlackbox: walletBlackboxSchemas[blackboxRequirement]
+  });
+};
+
+exports.getBillingAddressSchema = getBillingAddressSchema;
+exports.getWalletSchema = getWalletSchema;
+exports.walletBlackboxSchemas = walletBlackboxSchemas;
+exports.walletEmailSchemas = walletEmailSchemas;

package/cjs/components/forms/warehouse-form/index.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var warehouseForm = require('./warehouse-form.cjs');
+var warehouseFormSchema = require('./warehouse-form-schema.cjs');
+
+
+
+exports.WarehouseForm = warehouseForm.WarehouseForm;
+exports.getWarehouseAddressSchema = warehouseFormSchema.getWarehouseAddressSchema;
+exports.getWarehouseSchema = warehouseFormSchema.getWarehouseSchema;