@shipengine/elements 2.28.0 → 2.29.1

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

@@ -1,71 +0,0 @@
-'use strict';
-
-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", {
-      css: theme => ({
-        display: "flex",
-        gap: styles.scopeTheme(theme).spacing(2),
-        width: "100%"
-      }),
-      children: [jsxRuntime.jsx("div", {
-        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", {
-        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/dist/esm/components/forms/wallet-form/billing-fields.js

@@ -1,69 +0,0 @@
-import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
-import { scopeTheme } from '../../../utilities/styles.js';
-import { useTranslation } from 'react-i18next';
-import { TextInput } from '../../field/text-input/text-input.js';
-import { CreditCardInput } from '../../field/credit-card-input/credit-card-input.js';
-import { ExpirationInput } from '../../field/expiration-input/expiration-input.js';
-
-const BillingFields = ({
-  form
-}) => {
-  const {
-    t
-  } = useTranslation();
-  return jsxs(Fragment, {
-    children: [jsx(TextInput, {
-      "aria-required": "true",
-      control: form.control,
-      label: t("billing.fields.name"),
-      labelWeight: "normal",
-      name: "creditCard.name",
-      nativeLabel: true
-    }), jsx(CreditCardInput, {
-      "aria-required": "true",
-      control: form.control,
-      label: t("billing.fields.cardNumber"),
-      labelWeight: "normal",
-      name: "creditCard.number",
-      nativeLabel: true,
-      placeholder: t("billing.fields.cardNumberPlaceholder")
-    }), jsxs("div", {
-      css: theme => ({
-        display: "flex",
-        gap: scopeTheme(theme).spacing(2),
-        width: "100%"
-      }),
-      children: [jsx("div", {
-        css: {
-          flexGrow: "1"
-        },
-        children: jsx(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")
-        })
-      }), jsx("div", {
-        css: {
-          flexGrow: "1"
-        },
-        children: jsx(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")
-        })
-      })]
-    })]
-  });
-};
-
-export { BillingFields };

package/dist/types/components/forms/wallet-form/billing-fields.d.ts

@@ -1,7 +0,0 @@
-import type { UseFormReturn } from "react-hook-form";
-import type { WalletFormFields } from "./wallet-schema";
-export type BillingFieldProps = {
-    form: UseFormReturn<WalletFormFields>;
-};
-export declare const BillingFields: ({ form }: BillingFieldProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=billing-fields.d.ts.map

package/dist/types/components/forms/wallet-form/billing-fields.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"billing-fields.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/wallet-form/billing-fields.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAKrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG;IAAE,IAAI,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAA;CAAE,CAAC;AAE1E,eAAO,MAAM,aAAa,GAAI,UAAU,iBAAiB,qDAmExD,CAAC"}