@shipengine/elements 0.20.1 → 0.21.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "0.20.1",
+  "version": "0.21.0",
   "typedoc": {
     "entryPoint": "./src/index.ts",
     "readmeFile": "../../README.md",
@@ -31,8 +31,8 @@
     "@hookform/resolvers": "2.9.1",
     "@packlink/brands": "3.24.0",
     "@packlink/giger-theme": "1.3.1",
-    "@shipengine/api": "0.19.1",
-    "@shipengine/react": "0.19.1",
+    "@shipengine/js-api": "0.6.1",
+    "@shipengine/react-api": "0.4.2",
     "@storybook/manager-api": "7.0.0-rc.1",
     "@storybook/theming": "7.0.0-rc.1",
     "axios": "0.26.1",

package/src/components/add-funds-form/add-funds-schema.d.ts

@@ -2,33 +2,33 @@ import { z } from "zod";
 export declare const getAddFundsSchema: (minimumAmount?: number) => z.ZodEffects<z.ZodObject<{
     funds: z.ZodObject<z.extendShape<{
         amount: z.ZodNumber;
-        currency: z.ZodNativeEnum<typeof import("dist/shipengine-api/src").Currency>;
+        currency: z.ZodNativeEnum<typeof import("@shipengine/js-api").Currency>;
     }, {
         amount: z.ZodNumber;
     }>, "strip", z.ZodTypeAny, {
         amount: number;
-        currency: import("dist/shipengine-api/src").Currency;
+        currency: import("@shipengine/js-api").Currency;
     }, {
         amount: number;
-        currency: import("dist/shipengine-api/src").Currency;
+        currency: import("@shipengine/js-api").Currency;
     }>;
 }, "strip", z.ZodTypeAny, {
     funds: {
         amount: number;
-        currency: import("dist/shipengine-api/src").Currency;
+        currency: import("@shipengine/js-api").Currency;
     };
 }, {
     funds: {
         amount: number;
-        currency: import("dist/shipengine-api/src").Currency;
+        currency: import("@shipengine/js-api").Currency;
     };
 }>, {
     amount: number;
-    currency: import("dist/shipengine-api/src").Currency;
+    currency: import("@shipengine/js-api").Currency;
 }, {
     funds: {
         amount: number;
-        currency: import("dist/shipengine-api/src").Currency;
+        currency: import("@shipengine/js-api").Currency;
     };
 }>;
 type AddFundsFormSchema = ReturnType<typeof getAddFundsSchema>;

package/src/components/address-preference-context/address-preference-context.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from "react";
+import { SE } from "@shipengine/js-api";
+import { WalletPayload, WarehousePayload } from "../templates";
+import { AddressValidationPreference } from "../templates/address-preference-select";
+type WarehouseData = Pick<WarehousePayload, "name" | "isDefault">;
+type WalletData = {
+    creditCard: WalletPayload["creditCard"];
+};
+type InternalValidateAddressPayload = {
+    addresses: {
+        originAddress: SE.Address;
+        returnAddress?: SE.Address | undefined;
+    };
+    data?: WarehouseData | WalletData;
+    onValid: (payload: {
+        originAddress: SE.Address;
+        returnAddress?: SE.Address;
+    }) => void;
+};
+export type ValidationPreference = {
+    originAddress: AddressValidationPreference;
+    returnAddress?: AddressValidationPreference;
+};
+export type AddressPreferenceProvideProps = {
+    children: ReactNode;
+    className?: string;
+    formHeader?: React.ReactNode;
+    onSubmit: (payload: {
+        originAddress: SE.Address;
+        passengerData: InternalValidateAddressPayload["data"];
+        returnAddress?: SE.Address | undefined;
+    }) => Promise<void> | void;
+};
+export type AddressPreferenceValue = {
+    data: InternalValidateAddressPayload["data"];
+    validateAddress: (payload: InternalValidateAddressPayload) => Promise<void>;
+    validationPreference?: ValidationPreference;
+};
+export declare const AddressPreferenceContext: import("react").Context<AddressPreferenceValue | undefined>;
+export declare const AddressPreferenceProvider: (props: AddressPreferenceProvideProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const useAddressPreference: () => AddressPreferenceValue;
+export {};

package/src/components/address-preference-context/index.d.ts

@@ -0,0 +1 @@
+export * from "./address-preference-context";

package/src/components/auto-funding-form/auto-funding-schema.d.ts

@@ -3,50 +3,50 @@ export declare const autoFundingSchema: z.ZodObject<{
     isEnabled: z.ZodBoolean;
     lowBalancePurchaseThreshold: z.ZodObject<z.extendShape<{
         amount: z.ZodNumber;
-        currency: z.ZodNativeEnum<typeof import("dist/shipengine-api/src").Currency>;
+        currency: z.ZodNativeEnum<typeof import("@shipengine/js-api").Currency>;
     }, {
         amount: z.ZodNumber;
     }>, "strip", z.ZodTypeAny, {
         amount: number;
-        currency: import("dist/shipengine-api/src").Currency;
+        currency: import("@shipengine/js-api").Currency;
     }, {
         amount: number;
-        currency: import("dist/shipengine-api/src").Currency;
+        currency: import("@shipengine/js-api").Currency;
     }>;
     maximumPurchasesPerDay: z.ZodNumber;
     purchaseAmount: z.ZodObject<z.extendShape<{
         amount: z.ZodNumber;
-        currency: z.ZodNativeEnum<typeof import("dist/shipengine-api/src").Currency>;
+        currency: z.ZodNativeEnum<typeof import("@shipengine/js-api").Currency>;
     }, {
         amount: z.ZodNumber;
     }>, "strip", z.ZodTypeAny, {
         amount: number;
-        currency: import("dist/shipengine-api/src").Currency;
+        currency: import("@shipengine/js-api").Currency;
     }, {
         amount: number;
-        currency: import("dist/shipengine-api/src").Currency;
+        currency: import("@shipengine/js-api").Currency;
     }>;
 }, "strip", z.ZodTypeAny, {
     isEnabled: boolean;
     lowBalancePurchaseThreshold: {
         amount: number;
-        currency: import("dist/shipengine-api/src").Currency;
+        currency: import("@shipengine/js-api").Currency;
     };
     maximumPurchasesPerDay: number;
     purchaseAmount: {
         amount: number;
-        currency: import("dist/shipengine-api/src").Currency;
+        currency: import("@shipengine/js-api").Currency;
     };
 }, {
     isEnabled: boolean;
     lowBalancePurchaseThreshold: {
         amount: number;
-        currency: import("dist/shipengine-api/src").Currency;
+        currency: import("@shipengine/js-api").Currency;
     };
     maximumPurchasesPerDay: number;
     purchaseAmount: {
         amount: number;
-        currency: import("dist/shipengine-api/src").Currency;
+        currency: import("@shipengine/js-api").Currency;
     };
 }>;
 export type AutoFundingFormFields = z.input<typeof autoFundingSchema>;

package/src/components/date-range-combo/date-range-combo.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { DateRange, DateRangeOption } from "../../hooks";
+export type DateRangeComboProps = {
+    children?: (renderedComponent: JSX.Element) => React.ReactNode;
+    onChange: (nextOption: DateRangeOption | undefined, nextCustomRange: [Date, Date] | undefined) => Promise<void> | void;
+    options: DateRangeOption[];
+    values: {
+        customRange?: DateRange;
+        selectedOption?: DateRangeOption;
+    };
+};
+export declare const DateRangeCombo: ({ children: renderChildren, onChange, options, values: { customRange, selectedOption }, }: DateRangeComboProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/date-range-combo/index.d.ts

@@ -0,0 +1 @@
+export * from "./date-range-combo";

package/src/components/date-range-select/date-range-select.d.ts

@@ -0,0 +1,8 @@
+import { DateRangeOption } from "../../hooks";
+export type DateRangeSelectProps = {
+    fullWidth?: boolean;
+    onChange: (nextOption: DateRangeOption) => void | Promise<void>;
+    options: DateRangeOption[];
+    value?: DateRangeOption;
+};
+export declare const DateRangeSelect: ({ fullWidth, onChange, options, value }: DateRangeSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/date-range-select/date-range-select.styles.d.ts

@@ -0,0 +1 @@
+export declare const getStyles: (fullWidth?: boolean) => Record<"dateRangeSelect", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;

package/src/components/date-range-select/index.d.ts

@@ -0,0 +1 @@
+export * from './date-range-select';

package/src/components/field/fields.d.ts

@@ -1,11 +1,12 @@
-export * from "./credit-card-input";
 export * from "./checkbox-input";
+export * from "./credit-card-input";
 export * from "./date-picker";
 export * from "./expiration-input";
 export * from "./input-group";
 export * from "./money-input";
 export * from "./number-input";
 export * from "./rate-select";
+export * from "./select-auto-complete";
 export * from "./select";
 export * from "./submit-button";
 export * from "./switch";

package/src/components/field/money-input/hooks/use-utils.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 type UseUtils = {
     getCurrencySymbol: (currency: SE.Currency) => string | undefined;
 };

package/src/components/field/money-input/money-input.d.ts

@@ -1,5 +1,5 @@
 import { InputProps } from "@packlink/giger";
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 import { ControlledField } from "../create-field-controller";
 export declare const transform: {
     in: ({ amount, currency }?: Partial<{

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 export interface CostBreakdownProps {
     confirmationAmount?: SE.Money;
     insuranceAmount?: SE.Money;

package/src/components/field/select-auto-complete/index.d.ts

@@ -0,0 +1 @@
+export * from "./select-auto-complete";

package/src/components/field/select-auto-complete/select-auto-complete.d.ts

@@ -0,0 +1,7 @@
+import { ISelectAutocomplete as NativeSelectAutoCompleteProps } from "@packlink/giger";
+import { ControlledField } from "../create-field-controller";
+type SelectAutoCompleteProps = {
+    onChange?: (value?: string) => void;
+};
+export declare const SelectAutoComplete: ControlledField<NativeSelectAutoCompleteProps, SelectAutoCompleteProps>;
+export {};

package/src/components/history/history-card/history-card.d.ts

@@ -0,0 +1,5 @@
+import { WalletTransaction } from "@shipengine/js-api";
+export type HistoryCardProps = {
+    transaction: WalletTransaction;
+};
+export declare const HistoryCard: ({ transaction }: HistoryCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/history/history-card/history-card.styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: (isReload?: boolean) => Record<"amountTypography" | "balanceTypography" | "cardColumn" | "cardContainer" | "carrierRow" | "carrierTypography" | "dateTypography" | "providerTypography" | "tagText", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;

package/src/components/history/history-card/index.d.ts

@@ -0,0 +1 @@
+export * from "./history-card";

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

@@ -1 +1 @@
-export * from "./history";
+export * from "./history-card";

package/src/components/index.d.ts

@@ -1,10 +1,11 @@
 export * as Templates from "./templates";
-export * from "./accordion";
 export * from "./add-funds-form";
 export * from "./auto-funding-form";
 export * from "./button-group";
 export * from "./carrier-balance";
 export * from "./cube";
+export * from "./date-range-combo";
+export * from "./date-range-select";
 export * from "./error-boundary";
 export * from "./field";
 export * from "./field-label";
@@ -16,6 +17,7 @@ export * from "./link-action";
 export * from "./loader";
 export * from "./manage-funding";
 export * from "./portal";
+export * from "./section";
 export * from "./spacer";
 export * from "./spread";
 export * from "./story-notes";

package/src/components/inline-label/inline-label.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
+import { WithConditionalCSSProp } from "@emotion/react/types/jsx-namespace";
+import { ITypographyProps } from "@packlink/giger";
 export type InlineLabelProps = {
     children: React.ReactElement;
+    isLabelRight?: boolean;
     label: string;
+    labelProps?: WithConditionalCSSProp<ITypographyProps<"span">>;
 };
-export declare const InlineLabel: ({ children, label }: InlineLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const InlineLabel: ({ children, label, isLabelRight, labelProps, }: InlineLabelProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/src/components/inline-label/inline-label.styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: (isLabelRight?: boolean) => Record<"inlineContainer", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;

package/src/components/items-breakdown/items-breakdown.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 export type Item = {
     detail: string;
     name: string;

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

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

package/src/components/label/label.d.ts

@@ -0,0 +1,10 @@
+import { WithConditionalCSSProp } from "@emotion/react/types/jsx-namespace";
+import { ITypographyProps, WithChildrenCommonProps } from "@packlink/giger";
+export type LabelProps = WithChildrenCommonProps<{
+    spacing?: number;
+    text: string;
+    textProps?: WithConditionalCSSProp<ITypographyProps<"span">>;
+    variant?: LabelVariant;
+}>;
+export type LabelVariant = "subtitle" | "inline" | "inline-right";
+export declare const Label: ({ spacing, children, text, textProps, variant }: LabelProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/src/components/label/label.styles.d.ts

@@ -0,0 +1,2 @@
+import { LabelProps } from "./label";
+export declare const styles: (variant?: LabelProps["variant"], spacing?: number) => Record<"labelContainer", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;

package/src/components/label-layout/index.d.ts

@@ -1 +1,3 @@
 export * from "./label-layout";
+export * from "./label-layout-settings";
+export * from "./label-layout-purchase";

package/src/components/label-layout/label-layout-purchase.d.ts

@@ -1,4 +1,5 @@
-export type LabelLayoutSettingsProps = {
-    updateLabelLayout: (newLabelLayout: string) => void;
+import { SE } from "@shipengine/js-api";
+export type LabelLayoutPurchaseProps = {
+    onChange: (layout: SE.LabelLayout) => void;
 };
-export declare const LabelLayoutPurchase: ({ updateLabelLayout }: LabelLayoutSettingsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const LabelLayoutPurchase: ({ onChange }: LabelLayoutPurchaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/label-layout/label-layout-settings.d.ts

@@ -1,4 +1,5 @@
+import { SE } from "@shipengine/js-api";
 export type LabelLayoutSettingsProps = {
-    updateLabelLayout: (newLabelLayout: string) => void;
+    onChange: (layout: SE.LabelLayout) => void;
 };
-export declare const LabelLayoutSettings: ({ updateLabelLayout }: LabelLayoutSettingsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const LabelLayoutSettings: ({ onChange }: LabelLayoutSettingsProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/label-layout/label-layout.styles.d.ts

@@ -1 +1 @@
-export declare const styles: Record<"subtitle" | "letter" | "button" | "buttonContainer" | "headingContainer" | "icon" | "letterInner" | "letterLabel" | "selectedLetter" | "selectedThermal" | "thermal" | "thermalIcon" | "thermalInner" | "thermalLabel", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: Record<"button" | "icon" | "letter" | "buttonContainer" | "letterInner" | "letterLabel" | "selectedLetter" | "selectedThermal" | "thermal" | "thermalIcon" | "thermalInner" | "thermalLabel", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;

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

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

package/src/components/section/section.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { WithChildrenCommonProps } from "@packlink/giger";
+export type SectionProps = WithChildrenCommonProps<{
+    bold?: boolean;
+    /** Element to render at the right part of the summary */
+    rightContent?: JSX.Element;
+    /** Title to show */
+    title?: string;
+}>;
+export declare const Section: ({ bold, title, children, rightContent, ...rest }: SectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/section/section.styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: Record<"icon" | "rightContentWrapper" | "section" | "summary" | "summaryWrapper", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;

package/src/components/templates/add-carrier-form/add-carrier-form-schema.d.ts

@@ -4,7 +4,7 @@ export declare const addCarrierSchema: z.ZodObject<{
         addressLine1: z.ZodString;
         addressLine2: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
         cityLocality: z.ZodString;
-        companyName: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
+        companyName: z.ZodEffects<z.ZodUnion<[z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>, z.ZodLiteral<"">]>, string | undefined, string | null | undefined>;
         countryCode: z.ZodEnum<["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: z.ZodEffects<z.ZodString, string, string>;
         phone: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string, string | null | undefined>;

package/src/components/templates/add-carrier-form/add-carrier-form.d.ts

@@ -1,4 +1,4 @@
-import { CodedError } from "@shipengine/api";
+import { CodedError } from "@shipengine/js-api";
 import { CarrierTerms } from "../../../types";
 import { AddCarrierFormPayload } from "./add-carrier-form-schema";
 export type AddCarrierFormProps = {

package/src/components/templates/address-display/address-display.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 type AddressDisplayProps = {
     address: SE.Address;
     decoratorText?: string;

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

@@ -3,7 +3,7 @@ export declare const addressFormSchema: z.ZodEffects<z.ZodEffects<z.ZodEffects<z
     addressLine1: z.ZodString;
     addressLine2: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
     cityLocality: z.ZodString;
-    companyName: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
+    companyName: z.ZodEffects<z.ZodUnion<[z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>, z.ZodLiteral<"">]>, string | undefined, string | null | undefined>;
     countryCode: z.ZodEnum<["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: z.ZodEffects<z.ZodString, string, string>;
     phone: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string, string | null | undefined>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 import { AddressParserPayload } from "../address-parser";
 export type AddressFormProps<T = undefined> = {
     address?: SE.Address;

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

@@ -1,11 +1,12 @@
 import { z } from "zod";
 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>;
 export declare const addressSchema: z.ZodObject<{
     addressLine1: z.ZodString;
     addressLine2: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
     cityLocality: z.ZodString;
-    companyName: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
+    companyName: z.ZodEffects<z.ZodUnion<[z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>, z.ZodLiteral<"">]>, string | undefined, string | null | undefined>;
     countryCode: z.ZodEnum<["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: z.ZodEffects<z.ZodString, string, string>;
     phone: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string, string | null | undefined>;

package/src/components/templates/address-preference-display/address-preference-display.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 export type AddressPreference = SE.AddressValidation & {
     alternative?: SE.Address;
     alternativeSource: "originalAddress" | "matchedAddress";

package/src/components/templates/address-preference-select/address-preference-select.d.ts

@@ -0,0 +1,24 @@
+import { SE } from "@shipengine/js-api";
+export type AddressSuggested = {
+    validation: SE.AddressValidation;
+    validationType: "SUGGESTED";
+};
+export type AddressError = {
+    validation: SE.AddressValidation;
+    validationType: "ERROR";
+};
+export type AddressExactOrSoft = {
+    address: SE.Address;
+    validationType: "EXACT" | "SOFT";
+};
+export type AddressValidationPreference = AddressSuggested | AddressError | AddressExactOrSoft;
+export type AddressPreferenceSelectProps = {
+    onCancel: () => void;
+    onSubmit: (payload: {
+        originAddress: SE.Address;
+        returnAddress?: SE.Address;
+    }) => Promise<void> | void;
+    originAddress: AddressValidationPreference;
+    returnAddress?: AddressValidationPreference;
+};
+export declare const AddressPreferenceSelect: ({ onCancel, onSubmit, originAddress, returnAddress, }: AddressPreferenceSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/templates/address-preference-select/index.d.ts

@@ -0,0 +1 @@
+export * from "./address-preference-select";

package/src/components/templates/carrier-recovery-form/carrier-recovery-form-schema.d.ts

@@ -4,7 +4,7 @@ export declare const getCarrierRecoverySchema: (requiresAddress?: boolean) => z.
         addressLine1: z.ZodString;
         addressLine2: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
         cityLocality: z.ZodString;
-        companyName: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
+        companyName: z.ZodEffects<z.ZodUnion<[z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>, z.ZodLiteral<"">]>, string | undefined, string | null | undefined>;
         countryCode: z.ZodEnum<["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: z.ZodEffects<z.ZodString, string, string>;
         phone: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string, string | null | undefined>;
@@ -106,7 +106,7 @@ export declare const getCarrierRecoverySchema: (requiresAddress?: boolean) => z.
         addressLine1: z.ZodString;
         addressLine2: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
         cityLocality: z.ZodString;
-        companyName: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
+        companyName: z.ZodEffects<z.ZodUnion<[z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>, z.ZodLiteral<"">]>, string | undefined, string | null | undefined>;
         countryCode: z.ZodEnum<["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: z.ZodEffects<z.ZodString, string, string>;
         phone: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string, string | null | undefined>;

package/src/components/templates/carrier-recovery-form/carrier-recovery-form.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 import { CarrierRecoveryFormPayload } from "./carrier-recovery-form-schema";
 export type CarrierRecoveryFormProps = {
     address?: SE.Address;

package/src/components/templates/carrier-terms-form/carrier-terms-form.d.ts

@@ -1,4 +1,4 @@
-import { CarrierConnection } from "@shipengine/api";
+import { CarrierConnection } from "@shipengine/js-api";
 export type CarrierTermsProps = {
     carrierCodes: CarrierConnection["carrierCode"][];
     onSubmit: (agreement: boolean) => void;