@shipengine/elements 1.6.0 → 1.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "1.6.0",
+  "version": "1.8.0",
   "peerDependencies": {
     "@shipengine/alchemy": "5.x.x",
     "@emotion/react": "11.x",
@@ -26,7 +26,7 @@
     "@rjsf/validator-ajv8": "5.16.1",
     "@shipengine/giger": "1.9.0",
     "@shipengine/giger-theme": "1.3.0",
-    "@shipengine/js-api": "1.9.0",
+    "@shipengine/js-api": "1.13.0",
     "@storybook/addons": "6.5.16",
     "@storybook/components": "7.0.0-rc.1",
     "@storybook/core-events": "7.0.0-rc.1",
@@ -35,7 +35,7 @@
     "@tanstack/react-query": "4.36.1",
     "@testing-library/dom": "8.19.0",
     "@vitejs/plugin-react": "1.3.2",
-    "axios": "0.26.1",
+    "axios": "0.28.1",
     "card-validator": "8.1.1",
     "copy-to-clipboard": "3.3.3",
     "date-fns": "3.6.0",

package/src/components/collapsible-panel/collapsible-panel.d.ts

@@ -23,6 +23,11 @@ export type CollapsiblePanelProps = WithChildrenCommonProps<{
      * should display a bust state while work is being done.
      */
     isSaving?: boolean;
+    /**
+     * `nested` is an optional boolean that will be used to determine if the panel is nested
+     * within another panel and therfore should have a different background color and padding.
+     */
+    nested?: boolean;
     /**
      * `title` is an optional string that will be used to display the title of the panel.
      */
@@ -38,4 +43,4 @@ export type CollapsiblePanelProps = WithChildrenCommonProps<{
  *
  * @see {@link CollapsiblePanelProps | The props that are passed into the `<CollapsiblePanel />` component}
  */
-export declare const CollapsiblePanel: ({ errors, initialExpanded, isSaving, children, title, }: CollapsiblePanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CollapsiblePanel: ({ errors, initialExpanded, isSaving, nested, children, title, }: CollapsiblePanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/collapsible-panel/collapsible-panel.styles.d.ts

@@ -1,11 +1,10 @@
 export declare const styles: {
-    content: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        padding: string;
+    getContentStyles: (nested?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        padding: number;
     };
-    header: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+    getHeaderStyles: (nested?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
         display: "flex";
-        height: number;
         padding: string;
     };
     icon: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {

package/src/components/display-term/display-term.d.ts

@@ -1,5 +1,5 @@
-import { MetadataRequiredTermWithLinks } from "../../types";
+import { SE } from "@shipengine/alchemy";
 export type DisplayTermProps = {
-    term: MetadataRequiredTermWithLinks;
+    term: Pick<SE.MetadataRequiredTerm, "links">;
 };
 export declare const DisplayTerm: ({ term }: DisplayTermProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/display-term/display-term.styles.d.ts

@@ -9,10 +9,12 @@ export declare const styles: {
         "&:visited": {
             color: string;
         };
+        fontWeight: number;
     };
     termLink: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         display: "flex";
         flexDirection: "column";
+        gap: number;
         listStyle: "none";
     };
     terms: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {

package/src/components/field/rate-card/cost-breakdown/cost-breakdown.d.ts

@@ -5,7 +5,7 @@ export interface CostBreakdownProps {
     insuranceAmount?: SE.Money;
     otherAmount?: SE.Money;
     shippingAmount?: SE.Money;
-    showExtendedData: boolean;
+    showExtendedData?: boolean;
     taxAmount?: SE.Money;
 }
 export declare const CostBreakdown: ({ showExtendedData, shippingAmount, insuranceAmount, confirmationAmount, taxAmount, otherAmount, }: CostBreakdownProps) => JSX.Element;

package/src/components/index.d.ts

@@ -1,8 +1,8 @@
 export * from "./add-funds-form";
-export * from "./carrier-connection-card";
 export * from "./auto-funding-form";
 export * from "./button-group";
 export * from "./carrier-balance";
+export * from "./carrier-connection-card";
 export * from "./carrier-icon";
 export * from "./carrier-logo";
 export * from "./collapsible-panel";
@@ -12,12 +12,14 @@ export * from "./date-range-combo";
 export * from "./date-range-select";
 export * from "./display-term";
 export * from "./drawer";
+export * from "./edit-billing-form";
 export * from "./error-fallback";
 export * from "./field-label";
 export * from "./field";
 export * from "./form-portal";
 export * from "./fund-and-purchase";
 export * from "./grid-controller";
+export * from "./history";
 export * from "./inline-label";
 export * from "./items-breakdown";
 export * from "./link-action";
@@ -27,13 +29,12 @@ export * from "./portal";
 export * from "./powered-by-shipengine";
 export * from "./section";
 export * from "./settings-card";
+export * from "./skeleton";
 export * from "./spacer";
 export * from "./spread";
-export * from "./skeleton";
-export * from "./suspend";
 export * from "./story-notes";
+export * from "./suspend";
 export * from "./tabs";
+export * from "./vat-form";
 export * from "./wallet-card";
 export * from "./warehouse-form";
-export * from "./edit-billing-form";
-export * from "./history";

package/src/components/templates/address-form/address-schema.d.ts

@@ -1,4 +1,6 @@
 import { z } from "zod";
+export declare const postalCodeRegex: RegExp;
+export declare const addressNameRegex: RegExp;
 export declare const addressLine1Schema: z.ZodString;
 export declare const addressLine2Schema: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
 export declare const companyNameSchema: z.ZodEffects<z.ZodUnion<[z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>, z.ZodLiteral<"">]>, string | undefined, string | null | undefined>;

package/src/components/templates/index.d.ts

@@ -6,7 +6,7 @@ export * from "./address-parser";
 export * from "./address-preference-display";
 export * from "./address-preference-select";
 export * from "./label";
-export * from "../../features/list-carriers";
+export * from "../../features/shipengine-carriers";
 export * from "./product-form";
 export * from "./rate-form";
 export * from "./shipment-form";

package/src/components/templates/rate-form/rate-form.d.ts

@@ -20,6 +20,7 @@ export type RateFormProps = {
     preferredRates?: PreferredRatesResponse;
     preferredServiceCodes?: string[];
     rates?: SE.Rate[];
+    salesOrder?: SE.SalesOrder;
     shipment?: SE.SalesOrderShipment;
 };
-export declare const RateForm: ({ carriers, disabled, displayableRateErrors, displayableSaveRateErrors, errors, features, isLoading, labelErrors, labels, labelsLoading, currency, displayableShipmentErrors, preferredRates, preferredServiceCodes, rates, shipment, onSave, onSelectRate, onSubmit, }: RateFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RateForm: ({ carriers, disabled, displayableRateErrors, displayableSaveRateErrors, errors, features, isLoading, labelErrors, labels, labelsLoading, currency, displayableShipmentErrors, preferredRates, preferredServiceCodes, rates, salesOrder, shipment, onSave, onSelectRate, onSubmit, }: RateFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/templates/wallet-form/wallet-form.d.ts

@@ -1,4 +1,5 @@
 import { SE } from "@shipengine/alchemy";
+import { VatSettingsFeatures } from "../../../features";
 export type WalletFormFeatures = {};
 export type WalletPayload = {
     address: SE.Address;
@@ -8,6 +9,7 @@ export type WalletPayload = {
 export type WalletFormProps = {
     address: SE.Address;
     errors?: SE.CodedError[] | null;
+    features?: VatSettingsFeatures;
     onSubmit: (payload: WalletPayload) => Promise<void>;
 };
-export declare const WalletForm: ({ address, errors, onSubmit }: WalletFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WalletForm: ({ address, errors, onSubmit, features }: WalletFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/templates/wallet-form/wallet-form.styles.d.ts

@@ -1,4 +1,7 @@
 export declare const styles: {
+    centeredText: () => {
+        textAlign: "center";
+    };
     grid: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         margin: number;
     };

package/src/components/templates/wallet-form/wallet-schema.d.ts

@@ -5,7 +5,7 @@ export declare const walletEmailSchemas: {
     emailRequired: z.ZodString;
 };
 export type EmailRequirementOption = keyof typeof walletEmailSchemas;
-export declare const getBillingAddressSchema: (emailRequirement: EmailRequirementOption) => z.ZodEffects<z.ZodEffects<z.ZodEffects<z.ZodObject<z.extendShape<{
+export declare const getBillingAddressSchema: (emailRequirement: EmailRequirementOption) => z.ZodEffects<z.ZodEffects<z.ZodEffects<z.ZodEffects<z.ZodObject<z.extendShape<{
     addressLine1: z.ZodString;
     addressLine2: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
     cityLocality: z.ZodString;
@@ -110,12 +110,34 @@ export declare const getBillingAddressSchema: (emailRequirement: EmailRequiremen
     name: string;
     phone: string;
     postalCode: string;
+}>, {
+    addressLine2?: string | undefined;
+    email?: string | undefined;
+    addressLine1: string;
+    cityLocality: string;
+    companyName: string;
+    countryCode: "AF" | "AX" | "AL" | "DZ" | "AS" | "AD" | "AO" | "AI" | "AQ" | "AG" | "AR" | "AM" | "AW" | "AU" | "AT" | "AZ" | "BS" | "BH" | "BD" | "BB" | "BY" | "BE" | "BZ" | "BJ" | "BM" | "BT" | "BO" | "BQ" | "BA" | "BW" | "BR" | "IO" | "VG" | "BN" | "BG" | "BF" | "BI" | "CA" | "KH" | "CM" | "CV" | "KY" | "CF" | "TD" | "CL" | "CN" | "CX" | "CC" | "CO" | "KM" | "CG" | "CD" | "CK" | "CR" | "HR" | "CU" | "CW" | "CY" | "CZ" | "DK" | "DJ" | "DM" | "DO" | "EC" | "EG" | "SV" | "GQ" | "ER" | "EE" | "ET" | "FK" | "FO" | "FM" | "FJ" | "FI" | "FR" | "GF" | "PF" | "TF" | "GA" | "GM" | "GE" | "DE" | "GH" | "GI" | "GR" | "GL" | "GD" | "GP" | "GU" | "GT" | "GG" | "GN" | "GW" | "GY" | "HT" | "VA" | "HN" | "HK" | "HU" | "IS" | "IN" | "ID" | "IR" | "IQ" | "IE" | "IM" | "IL" | "IT" | "CI" | "JM" | "JP" | "JE" | "JO" | "KZ" | "KE" | "KI" | "KR" | "KW" | "KG" | "LA" | "LV" | "LB" | "LS" | "LR" | "LY" | "LI" | "LT" | "LU" | "MO" | "MK" | "MG" | "MW" | "MY" | "MV" | "ML" | "MT" | "MH" | "MQ" | "MR" | "MU" | "YT" | "MX" | "MD" | "MC" | "MN" | "ME" | "MS" | "MA" | "MZ" | "MM" | "NA" | "NR" | "NP" | "NL" | "AN" | "NC" | "NZ" | "NI" | "NE" | "NG" | "NU" | "NF" | "KP" | "MP" | "NO" | "OM" | "PK" | "PW" | "PS" | "PA" | "PG" | "PY" | "PE" | "PH" | "PN" | "PL" | "PT" | "PR" | "QA" | "RE" | "RO" | "RU" | "RW" | "BL" | "SH" | "KN" | "LC" | "MF" | "PM" | "VC" | "WS" | "SM" | "ST" | "SA" | "SN" | "RS" | "SC" | "SL" | "SG" | "SX" | "SK" | "SI" | "SB" | "SO" | "ZA" | "GS" | "SS" | "ES" | "LK" | "SD" | "SR" | "SJ" | "SZ" | "SE" | "CH" | "SY" | "TW" | "TJ" | "TZ" | "TH" | "TL" | "TG" | "TK" | "TO" | "TT" | "TN" | "TR" | "TM" | "TC" | "TV" | "UG" | "UA" | "AE" | "GB" | "VI" | "UM" | "US" | "UY" | "UZ" | "VU" | "VE" | "VN" | "WF" | "EH" | "YE" | "ZM" | "ZW";
+    name: string;
+    phone: string;
+    postalCode: string;
+    stateProvince: string;
+}, {
+    addressLine2?: string | null | undefined;
+    email?: string | null | undefined;
+    stateProvince?: string | null | undefined;
+    addressLine1: string;
+    cityLocality: string;
+    companyName: string;
+    countryCode: "AF" | "AX" | "AL" | "DZ" | "AS" | "AD" | "AO" | "AI" | "AQ" | "AG" | "AR" | "AM" | "AW" | "AU" | "AT" | "AZ" | "BS" | "BH" | "BD" | "BB" | "BY" | "BE" | "BZ" | "BJ" | "BM" | "BT" | "BO" | "BQ" | "BA" | "BW" | "BR" | "IO" | "VG" | "BN" | "BG" | "BF" | "BI" | "CA" | "KH" | "CM" | "CV" | "KY" | "CF" | "TD" | "CL" | "CN" | "CX" | "CC" | "CO" | "KM" | "CG" | "CD" | "CK" | "CR" | "HR" | "CU" | "CW" | "CY" | "CZ" | "DK" | "DJ" | "DM" | "DO" | "EC" | "EG" | "SV" | "GQ" | "ER" | "EE" | "ET" | "FK" | "FO" | "FM" | "FJ" | "FI" | "FR" | "GF" | "PF" | "TF" | "GA" | "GM" | "GE" | "DE" | "GH" | "GI" | "GR" | "GL" | "GD" | "GP" | "GU" | "GT" | "GG" | "GN" | "GW" | "GY" | "HT" | "VA" | "HN" | "HK" | "HU" | "IS" | "IN" | "ID" | "IR" | "IQ" | "IE" | "IM" | "IL" | "IT" | "CI" | "JM" | "JP" | "JE" | "JO" | "KZ" | "KE" | "KI" | "KR" | "KW" | "KG" | "LA" | "LV" | "LB" | "LS" | "LR" | "LY" | "LI" | "LT" | "LU" | "MO" | "MK" | "MG" | "MW" | "MY" | "MV" | "ML" | "MT" | "MH" | "MQ" | "MR" | "MU" | "YT" | "MX" | "MD" | "MC" | "MN" | "ME" | "MS" | "MA" | "MZ" | "MM" | "NA" | "NR" | "NP" | "NL" | "AN" | "NC" | "NZ" | "NI" | "NE" | "NG" | "NU" | "NF" | "KP" | "MP" | "NO" | "OM" | "PK" | "PW" | "PS" | "PA" | "PG" | "PY" | "PE" | "PH" | "PN" | "PL" | "PT" | "PR" | "QA" | "RE" | "RO" | "RU" | "RW" | "BL" | "SH" | "KN" | "LC" | "MF" | "PM" | "VC" | "WS" | "SM" | "ST" | "SA" | "SN" | "RS" | "SC" | "SL" | "SG" | "SX" | "SK" | "SI" | "SB" | "SO" | "ZA" | "GS" | "SS" | "ES" | "LK" | "SD" | "SR" | "SJ" | "SZ" | "SE" | "CH" | "SY" | "TW" | "TJ" | "TZ" | "TH" | "TL" | "TG" | "TK" | "TO" | "TT" | "TN" | "TR" | "TM" | "TC" | "TV" | "UG" | "UA" | "AE" | "GB" | "VI" | "UM" | "US" | "UY" | "UZ" | "VU" | "VE" | "VN" | "WF" | "EH" | "YE" | "ZM" | "ZW";
+    name: string;
+    phone: string;
+    postalCode: string;
 }>;
 type BillingAddressSchema = ReturnType<typeof getBillingAddressSchema>;
 export type BillingAddressFields = z.input<BillingAddressSchema>;
 export type BillingAddressPayload = z.output<BillingAddressSchema>;
 export declare const getWalletSchema: (emailRequirement: EmailRequirementOption) => z.ZodObject<{
-    address: z.ZodEffects<z.ZodEffects<z.ZodEffects<z.ZodObject<z.extendShape<{
+    address: z.ZodEffects<z.ZodEffects<z.ZodEffects<z.ZodEffects<z.ZodObject<z.extendShape<{
         addressLine1: z.ZodString;
         addressLine2: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
         cityLocality: z.ZodString;
@@ -220,6 +242,28 @@ export declare const getWalletSchema: (emailRequirement: EmailRequirementOption)
         name: string;
         phone: string;
         postalCode: string;
+    }>, {
+        addressLine2?: string | undefined;
+        email?: string | undefined;
+        addressLine1: string;
+        cityLocality: string;
+        companyName: string;
+        countryCode: "AF" | "AX" | "AL" | "DZ" | "AS" | "AD" | "AO" | "AI" | "AQ" | "AG" | "AR" | "AM" | "AW" | "AU" | "AT" | "AZ" | "BS" | "BH" | "BD" | "BB" | "BY" | "BE" | "BZ" | "BJ" | "BM" | "BT" | "BO" | "BQ" | "BA" | "BW" | "BR" | "IO" | "VG" | "BN" | "BG" | "BF" | "BI" | "CA" | "KH" | "CM" | "CV" | "KY" | "CF" | "TD" | "CL" | "CN" | "CX" | "CC" | "CO" | "KM" | "CG" | "CD" | "CK" | "CR" | "HR" | "CU" | "CW" | "CY" | "CZ" | "DK" | "DJ" | "DM" | "DO" | "EC" | "EG" | "SV" | "GQ" | "ER" | "EE" | "ET" | "FK" | "FO" | "FM" | "FJ" | "FI" | "FR" | "GF" | "PF" | "TF" | "GA" | "GM" | "GE" | "DE" | "GH" | "GI" | "GR" | "GL" | "GD" | "GP" | "GU" | "GT" | "GG" | "GN" | "GW" | "GY" | "HT" | "VA" | "HN" | "HK" | "HU" | "IS" | "IN" | "ID" | "IR" | "IQ" | "IE" | "IM" | "IL" | "IT" | "CI" | "JM" | "JP" | "JE" | "JO" | "KZ" | "KE" | "KI" | "KR" | "KW" | "KG" | "LA" | "LV" | "LB" | "LS" | "LR" | "LY" | "LI" | "LT" | "LU" | "MO" | "MK" | "MG" | "MW" | "MY" | "MV" | "ML" | "MT" | "MH" | "MQ" | "MR" | "MU" | "YT" | "MX" | "MD" | "MC" | "MN" | "ME" | "MS" | "MA" | "MZ" | "MM" | "NA" | "NR" | "NP" | "NL" | "AN" | "NC" | "NZ" | "NI" | "NE" | "NG" | "NU" | "NF" | "KP" | "MP" | "NO" | "OM" | "PK" | "PW" | "PS" | "PA" | "PG" | "PY" | "PE" | "PH" | "PN" | "PL" | "PT" | "PR" | "QA" | "RE" | "RO" | "RU" | "RW" | "BL" | "SH" | "KN" | "LC" | "MF" | "PM" | "VC" | "WS" | "SM" | "ST" | "SA" | "SN" | "RS" | "SC" | "SL" | "SG" | "SX" | "SK" | "SI" | "SB" | "SO" | "ZA" | "GS" | "SS" | "ES" | "LK" | "SD" | "SR" | "SJ" | "SZ" | "SE" | "CH" | "SY" | "TW" | "TJ" | "TZ" | "TH" | "TL" | "TG" | "TK" | "TO" | "TT" | "TN" | "TR" | "TM" | "TC" | "TV" | "UG" | "UA" | "AE" | "GB" | "VI" | "UM" | "US" | "UY" | "UZ" | "VU" | "VE" | "VN" | "WF" | "EH" | "YE" | "ZM" | "ZW";
+        name: string;
+        phone: string;
+        postalCode: string;
+        stateProvince: string;
+    }, {
+        addressLine2?: string | null | undefined;
+        email?: string | null | undefined;
+        stateProvince?: string | null | undefined;
+        addressLine1: string;
+        cityLocality: string;
+        companyName: string;
+        countryCode: "AF" | "AX" | "AL" | "DZ" | "AS" | "AD" | "AO" | "AI" | "AQ" | "AG" | "AR" | "AM" | "AW" | "AU" | "AT" | "AZ" | "BS" | "BH" | "BD" | "BB" | "BY" | "BE" | "BZ" | "BJ" | "BM" | "BT" | "BO" | "BQ" | "BA" | "BW" | "BR" | "IO" | "VG" | "BN" | "BG" | "BF" | "BI" | "CA" | "KH" | "CM" | "CV" | "KY" | "CF" | "TD" | "CL" | "CN" | "CX" | "CC" | "CO" | "KM" | "CG" | "CD" | "CK" | "CR" | "HR" | "CU" | "CW" | "CY" | "CZ" | "DK" | "DJ" | "DM" | "DO" | "EC" | "EG" | "SV" | "GQ" | "ER" | "EE" | "ET" | "FK" | "FO" | "FM" | "FJ" | "FI" | "FR" | "GF" | "PF" | "TF" | "GA" | "GM" | "GE" | "DE" | "GH" | "GI" | "GR" | "GL" | "GD" | "GP" | "GU" | "GT" | "GG" | "GN" | "GW" | "GY" | "HT" | "VA" | "HN" | "HK" | "HU" | "IS" | "IN" | "ID" | "IR" | "IQ" | "IE" | "IM" | "IL" | "IT" | "CI" | "JM" | "JP" | "JE" | "JO" | "KZ" | "KE" | "KI" | "KR" | "KW" | "KG" | "LA" | "LV" | "LB" | "LS" | "LR" | "LY" | "LI" | "LT" | "LU" | "MO" | "MK" | "MG" | "MW" | "MY" | "MV" | "ML" | "MT" | "MH" | "MQ" | "MR" | "MU" | "YT" | "MX" | "MD" | "MC" | "MN" | "ME" | "MS" | "MA" | "MZ" | "MM" | "NA" | "NR" | "NP" | "NL" | "AN" | "NC" | "NZ" | "NI" | "NE" | "NG" | "NU" | "NF" | "KP" | "MP" | "NO" | "OM" | "PK" | "PW" | "PS" | "PA" | "PG" | "PY" | "PE" | "PH" | "PN" | "PL" | "PT" | "PR" | "QA" | "RE" | "RO" | "RU" | "RW" | "BL" | "SH" | "KN" | "LC" | "MF" | "PM" | "VC" | "WS" | "SM" | "ST" | "SA" | "SN" | "RS" | "SC" | "SL" | "SG" | "SX" | "SK" | "SI" | "SB" | "SO" | "ZA" | "GS" | "SS" | "ES" | "LK" | "SD" | "SR" | "SJ" | "SZ" | "SE" | "CH" | "SY" | "TW" | "TJ" | "TZ" | "TH" | "TL" | "TG" | "TK" | "TO" | "TT" | "TN" | "TR" | "TM" | "TC" | "TV" | "UG" | "UA" | "AE" | "GB" | "VI" | "UM" | "US" | "UY" | "UZ" | "VU" | "VE" | "VN" | "WF" | "EH" | "YE" | "ZM" | "ZW";
+        name: string;
+        phone: string;
+        postalCode: string;
     }>;
     creditCard: z.ZodEffects<z.ZodObject<{
         cvv: z.ZodEffects<z.ZodString, string, string>;

package/src/components/vat-form/index.d.ts

@@ -0,0 +1 @@
+export * from "./vat-form";

package/src/components/vat-form/vat-form-schema.d.ts

@@ -0,0 +1,10 @@
+import { z } from "zod";
+export declare const vatSchema: z.ZodObject<{
+    vatNumber: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    vatNumber: string;
+}, {
+    vatNumber: string;
+}>;
+export type VatSchemaFields = z.input<typeof vatSchema>;
+export type VatSchemaPayload = z.output<typeof vatSchema>;

package/src/components/vat-form/vat-form.d.ts

@@ -0,0 +1,6 @@
+export type VatFormProps = {
+    onCancel?: () => void;
+    onSuccess?: () => void;
+    showRegisterLaterText?: boolean;
+};
+export declare const VatForm: ({ onCancel, onSuccess, showRegisterLaterText }: VatFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/vat-form/vat-form.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const styles: {
+    formSection: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
+        padding: number;
+    };
+    inlineError: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        marginBottom: number;
+    };
+};

package/src/elements/external-carriers/external-carriers.d.ts

@@ -66,6 +66,7 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                 resultMessages: {
                     approved: string;
                     rejected: string;
+                    dpdwallet: string;
                 };
                 refund_process: string;
                 refund_rules: string;
@@ -107,15 +108,44 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                 };
                 noLabels: string;
             };
+            "vat-settings": {
+                addNew: string;
+                vatNumber: string;
+                vatRegistrationTooltip: string;
+                vatFormText: string;
+                vatFormRegisterLater: string;
+                vatNumberInputHint: string;
+                vatNumberInputPlaceholder: string;
+                verifiedVat: string;
+                vatFormErrors: {
+                    invalidFieldValue: string;
+                    verificationFailure: string;
+                    forbidden: string;
+                    connectionNotSupported: string;
+                    genericTitle: string;
+                    genericText: string;
+                };
+            };
+            "shipengine-carriers": {
+                title: string;
+                headers: {
+                    accountCarriers: string;
+                    carriers: string;
+                    settings: string;
+                };
+                actions: {
+                    status: {
+                        connected: string;
+                        notConnected: string;
+                    };
+                };
+            };
             "register-wallet": {
                 sections: {
                     setup: {
                         title: string;
                         subtitle: string;
-                        /**
-                         * `availableCarrierConnections` is a set of carrier codes for carriers that may be added. If this is omitted,
-                         * new carriers may not be added by this element.
-                         */
+                        hiddenTermsSubtitle: string;
                         descriptionTitle: string;
                         description: string;
                     };
@@ -125,6 +155,9 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                         addressSubTitle: string;
                         info: string;
                     };
+                    vatSettings: {
+                        title: string;
+                    };
                     carriers: {
                         title: string;
                         subtitle: string;
@@ -245,11 +278,13 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                     needToAcknowledge: string;
                 };
                 rates: {
+                    requestedShippingNotification: string;
                     uspsMediaMailAcknowledgement: string;
                     uspsFirstClassMailAcknowledgement_leof: string;
                     rateSavings: string;
                     upsGroundSaverTermsAcknowledgement: string;
                     dhlExpressTermsAcknowledgement: string;
+                    noRateService: string;
                 };
                 requirements: {
                     noWarehouse: string;
@@ -316,6 +351,8 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                     action: string;
                 };
                 termsAndAgreementLinkText: {
+                    shipEngineToS: string;
+                    auctanePrivacyPolicy: string;
                     aHR0cHM6Ly9teWRobC5leHByZXNzLmRobC91cy9lbi9sZWdhbC90ZXJtcy1hbmQtY29uZGl0aW9ucy5odG1s: string;
                     "aHR0cHM6Ly93d3cuc3RhbXBzLmNvbS9wcml2YWN5LXBvbGljeQ==": string;
                     "aHR0cHM6Ly93d3cuc3RhbXBzLmNvbS9jb25kaXRpb25zLw==": string;
@@ -327,6 +364,8 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                     aHR0cHM6Ly93d3cuc2hpcHN0YXRpb24uY29tL3Rlcm1zLXNlcnZpY2UtdW5pdGVkLWtpbmdkb20v: string;
                     "aHR0cHM6Ly93d3cuZHBkLmNvLnVrL3N0YW5kYXJkX3Rlcm1zX2FuZF9jb25kaXRpb25zLmpzcA==": string;
                     aHR0cHM6Ly93d3cuZ29nbG9iYWxwb3N0LmNvbS9jb25kaXRpb25z: string;
+                    aHR0cHM6Ly93d3cucHVyb2xhdG9yLmNvbS9mci9tb2RhbGl0ZXMtZXQtY29uZGl0aW9ucy1kZS1zZXJ2aWNl: string;
+                    aHR0cHM6Ly93d3cucHVyb2xhdG9yLmNvbS9lbi90ZXJtcy1hbmQtY29uZGl0aW9ucy1zZXJ2aWNl: string;
                 };
                 termsAndAgreementTitles: {
                     "WW9kZWwgRGlyZWN0IC0gVGVybXMgYW5kIENvbmRpdGlvbnMgKOKAnFRlcm1z4oCdKQ==": string;
@@ -334,65 +373,8 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                     "VGVybXMgb2YgU2VydmljZSBVbml0ZWQgS2luZ2RvbQ==": string;
                     RFBEIFN0YW5kYXJkIFRlcm1zIGFuZCBDb25kaXRpb25z: string;
                     "R2xvYmFsUG9zdCBUZXJtcyBhbmQgQ29uZGl0aW9ucw==": string;
-                };
-            };
-            "manage-defaults": {
-                label: {
-                    title: string;
-                    letter: {
-                        title: string;
-                        description: string;
-                    };
-                    purchase: {
-                        title: string;
-                        description: string;
-                    };
-                    thermal: {
-                        title: string; /**
-                         * # ExternalCarriers Component
-                         *
-                         * @param ComponentProps The base props that will be passed into the `<ExternalCarriers />` component.
-                         *
-                         * @returns Element A React element that renders the `<ExternalCarriers />` component allowing users
-                         * to view a list of their own carrier accounts that have been connected to their ShipEngine account,
-                         * and to add additional carriers.
-                         * This component is composed in the `<AccountSettings />` Element.
-                         *
-                         * @example
-                         * ```tsx
-                         * (() => {
-                         *   const features = useFeatures("Global");
-                         *
-                         *   return <ExternalCarriers.Component features={features} />;
-                         * })();
-                         * ```
-                         *
-                         * <br />
-                         *
-                         * @see {@link ExternalCarriers.ComponentProps | The props that are passed into the `<ExternalCarriers />` component}
-                         * @see {@link AccountSettings.Element | The `<AccountSettings />` component renders the `<ExternalCarriers />` component}
-                         */
-                        description: string;
-                    };
-                };
-                status: {
-                    saving: string;
-                    saved: string;
-                    savingFailed: string;
-                };
-                units: {
-                    title: string;
-                    dimensions: {
-                        title: string;
-                        standard: string;
-                        metric: string;
-                    };
-                    weight: {
-                        title: string;
-                        standard: string;
-                        g: string;
-                        kg: string;
-                    };
+                    "UHVyb2xhdG9yIFRlcm1zIGFuZCBDb25kaXRpb25zIG9mIFNlcnZpY2U=": string;
+                    UHVyb2xhdG9yIE1vZGFsaXTDqXMgZXQgY29uZGl0aW9ucyBkZSBzZXJ2aWNl: string;
                 };
             };
             "manage-warehouses": {
@@ -462,6 +444,65 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                 currentBalance: string;
                 maximumBalanceAmount: string;
             };
+            "manage-defaults": {
+                label: {
+                    title: string;
+                    letter: {
+                        title: string;
+                        description: string;
+                    };
+                    purchase: {
+                        title: string;
+                        description: string;
+                    };
+                    thermal: {
+                        title: string; /**
+                         * # ExternalCarriers Component
+                         *
+                         * @param ComponentProps The base props that will be passed into the `<ExternalCarriers />` component.
+                         *
+                         * @returns Element A React element that renders the `<ExternalCarriers />` component allowing users
+                         * to view a list of their own carrier accounts that have been connected to their ShipEngine account,
+                         * and to add additional carriers.
+                         * This component is composed in the `<AccountSettings />` Element.
+                         *
+                         * @example
+                         * ```tsx
+                         * (() => {
+                         *   const features = useFeatures("Global");
+                         *
+                         *   return <ExternalCarriers.Component features={features} />;
+                         * })();
+                         * ```
+                         *
+                         * <br />
+                         *
+                         * @see {@link ExternalCarriers.ComponentProps | The props that are passed into the `<ExternalCarriers />` component}
+                         * @see {@link AccountSettings.Element | The `<AccountSettings />` component renders the `<ExternalCarriers />` component}
+                         */
+                        description: string;
+                    };
+                };
+                status: {
+                    saving: string;
+                    saved: string;
+                    savingFailed: string;
+                };
+                units: {
+                    title: string;
+                    dimensions: {
+                        title: string;
+                        standard: string;
+                        metric: string;
+                    };
+                    weight: {
+                        title: string;
+                        standard: string;
+                        g: string;
+                        kg: string;
+                    };
+                };
+            };
             "list-shipments": {
                 title: string;
                 headers: {
@@ -492,18 +533,31 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                     };
                 };
             };
-            "list-carriers": {
-                title: string;
-                headers: {
-                    accountCarriers: string;
-                    carriers: string;
-                    settings: string;
-                };
+            "connect-carrier": {
                 actions: {
-                    status: {
-                        connected: string;
-                        notConnected: string;
-                    };
+                    cancel: string;
+                    carrierSettings: string;
+                    connectCarriers: string;
+                    disconnect: string;
+                    disconnectCarrier: string;
+                };
+                noCarriersDescription: string;
+                registrationForm: {
+                    error: string;
+                    title: string;
+                    betaWarning: string;
+                };
+                search: string;
+                settingsModal: {
+                    closeDialog: string;
+                    header: string;
+                };
+                status: {
+                    connected: string;
+                };
+                disconnectDropdown: {
+                    toastTitle: string;
+                    toastBody: string;
                 };
             };
             common: {
@@ -690,6 +744,7 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                     accountSettings: string;
                     carrier: string;
                     carriers: string;
+                    carrierServices: string;
                     connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
@@ -792,33 +847,6 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                 "QSBzaGlwcGluZyBjYXJyaWVyIGVycm9yIG9jY3VycmVkOiBNaXNzaW5nIG9yIGludmFsaWQgc2hpcCB0byBTdGF0ZVByb3ZpbmNlQ29kZQ==": string;
                 "QSBzaGlwcGluZyBjYXJyaWVyIGVycm9yIG9jY3VycmVkOiBJbnZhbGlkIHNvbGQgdG8gc3RhdGUgcHJvdmluY2UgY29kZS4gVmFsaWQgbGVuZ3RoIGlzIDAgdG8gNSBhbHBoYW51bWVyaWM=": string;
             };
-            "connect-carrier": {
-                actions: {
-                    cancel: string;
-                    carrierSettings: string;
-                    connectCarriers: string;
-                    disconnect: string;
-                    disconnectCarrier: string;
-                };
-                noCarriersDescription: string;
-                registrationForm: {
-                    error: string;
-                    title: string;
-                    betaWarning: string;
-                };
-                search: string;
-                settingsModal: {
-                    closeDialog: string;
-                    header: string;
-                };
-                status: {
-                    connected: string;
-                };
-                disconnectDropdown: {
-                    toastTitle: string;
-                    toastBody: string;
-                };
-            };
             "account-settings": {
                 messages: {
                     noFundingSources: string;
@@ -834,6 +862,7 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                     externalCarriers: string;
                     labelLayout: string;
                     unitSettings: string;
+                    vatSettings: string;
                 };
             };
         };