@shipengine/elements 2.20.0 → 2.21.0

package/types/src/features/select-label-layout/select-label-layout.styles.d.ts

@@ -1,9 +1,9 @@
 export declare const styles: {
-    button: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
+    button: () => {
         backgroundColor: "transparent";
         padding: number;
     };
-    buttonContainer: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
+    buttonContainer: () => {
         alignItems: "center";
         display: "flex";
         justifyContent: "left";
@@ -47,7 +47,7 @@ export declare const styles: {
         backgroundColor: string;
         border: string;
         borderRadius: string;
-        boxShadow: `0 0 0 3px ${string}`;
+        boxShadow: `0 0 0 1px ${string}`;
         boxSizing: "border-box";
         cursor: "pointer";
         display: "flex";
@@ -62,7 +62,7 @@ export declare const styles: {
         backgroundColor: string;
         border: string;
         borderRadius: string;
-        boxShadow: `0 0 0 3px ${string}`;
+        boxShadow: `0 0 0 1px ${string}`;
         cursor: "pointer";
         display: "flex";
         flexDirection: "column";

package/types/src/hooks/use-balance-services.d.ts

@@ -3,6 +3,11 @@ export type FundingOrigin = {
     balance: number;
     currency: SE.Currency;
     id: string;
+    originType: "carrier" | "fundingSource";
+};
+export type UseBalanceServicesParams = {
+    carrierId?: string;
+    fundingSourceId?: string;
 };
 export type UseBalanceServicesReturnType = ReturnType<typeof useBalanceServices>;
 /**
@@ -10,7 +15,7 @@ export type UseBalanceServicesReturnType = ReturnType<typeof useBalanceServices>
  *
  * @returns `UseBalanceServicesReturnType`
  */
-export declare const useBalanceServices: () => {
+export declare const useBalanceServices: ({ carrierId, fundingSourceId }: UseBalanceServicesParams) => {
     addFundsMutation: (funds: SE.Money) => Promise<void>;
     errors: {
         addFundsErrors: CodedError[] | undefined;

package/types/src/locales/en/index.d.ts

@@ -303,6 +303,7 @@ declare const _default: {
         };
         loading: {
             calculatingRates: string;
+            savingRate: string;
         };
         modes: {
             browseRates: string;
@@ -376,12 +377,17 @@ declare const _default: {
     };
     onboarding: {
         title: string;
+        previouslyOnboarded: {
+            title: string;
+            subtitle: string;
+        };
         confirmation: {
             title: string;
             warehouse: string;
             billingAddress: string;
             paymentMethod: string;
             action: string;
+            noPaymentMethod: string;
         };
         stepLabel: {
             confirmation: string;
@@ -403,6 +409,10 @@ declare const _default: {
                 title: string;
                 subtitle: string;
             };
+            unableToLoad: {
+                title: string;
+                subtitle: string;
+            };
         };
         success: {
             title: string;
@@ -598,6 +608,7 @@ declare const _default: {
             labelId: string;
             externalOrderId: string;
             externalShipmentId: string;
+            shipmentNumber: string;
         };
         empty: {
             title: string;
@@ -925,6 +936,9 @@ declare const _default: {
             connectCarrierForm: string;
             connectingCarriers: string;
             creatingFundingSource: string;
+            submittingOnboarding: string;
+            submittingWarehouse: string;
+            updatingPaymentMethod: string;
             data: string;
             importingSalesOrder: string;
             label: string;

package/types/src/utilities/feature-flags/types.d.ts

@@ -132,7 +132,7 @@ export type AccountSettingsFeatures = {
      */
     showVatSettings?: boolean;
 };
-export type LabelColumnName = "shipmentId" | "labelId" | "externalOrderId" | "externalShipmentId" | "packages" | "recipient" | "shippingService" | "createdDate" | "shipDate" | "status" | "trackingStatus";
+export type LabelColumnName = "shipmentId" | "labelId" | "externalOrderId" | "externalShipmentId" | "shipmentNumber" | "packages" | "recipient" | "shippingService" | "createdDate" | "shipDate" | "status" | "trackingStatus";
 export type BaseLabelColumnConfig = {
     /**
      * The name identifying the column

package/types/src/workflows/account-settings/account-settings.d.ts

@@ -339,6 +339,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                 };
                 loading: {
                     calculatingRates: string;
+                    savingRate: string;
                 };
                 modes: {
                     browseRates: string;
@@ -412,12 +413,17 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
             };
             onboarding: {
                 title: string;
+                previouslyOnboarded: {
+                    title: string;
+                    subtitle: string;
+                };
                 confirmation: {
                     title: string;
                     warehouse: string;
                     billingAddress: string;
                     paymentMethod: string;
                     action: string;
+                    noPaymentMethod: string;
                 };
                 stepLabel: {
                     confirmation: string;
@@ -439,6 +445,10 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                         title: string;
                         subtitle: string;
                     };
+                    unableToLoad: {
+                        title: string;
+                        subtitle: string;
+                    };
                 };
                 success: {
                     title: string;
@@ -634,6 +644,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                     labelId: string;
                     externalOrderId: string;
                     externalShipmentId: string;
+                    shipmentNumber: string;
                 };
                 empty: {
                     title: string;
@@ -961,6 +972,9 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                     connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
+                    submittingOnboarding: string;
+                    submittingWarehouse: string;
+                    updatingPaymentMethod: string;
                     data: string;
                     importingSalesOrder: string;
                     label: string;

package/types/src/workflows/carrier-services/carrier-services.d.ts

@@ -334,6 +334,7 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & i
                 };
                 loading: {
                     calculatingRates: string;
+                    savingRate: string;
                 };
                 modes: {
                     browseRates: string;
@@ -407,12 +408,17 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & i
             };
             onboarding: {
                 title: string;
+                previouslyOnboarded: {
+                    title: string;
+                    subtitle: string;
+                };
                 confirmation: {
                     title: string;
                     warehouse: string;
                     billingAddress: string;
                     paymentMethod: string;
                     action: string;
+                    noPaymentMethod: string;
                 };
                 stepLabel: {
                     confirmation: string;
@@ -428,34 +434,16 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & i
                     title: string;
                     subtitle: string;
                     inlineMessage: string;
-                }; /**
-                 * # Carrier-Services Component
-                 *
-                 * @param ComponentProps The base props that will be passed into the `<CarrierServices />` component.
-                 *
-                 * @returns Element A React element that renders the `<CarrierServices />` component allowing users
-                 * to view a list of carriers that are connected to their ShipEngine account, add funds to their wallet, view transaction history, and manage their payment method. This component is
-                 * composed in the `<AccountSettings />` Element.
-                 *
-                 * @example
-                 * ```tsx
-                 * (() => {
-                 *   const features = useFeatures("Global");
-                 *
-                 *   return <CarrierServices.Element features={features} />;
-                 * })();
-                 * ```
-                 *
-                 * <br />
-                 *
-                 * @see {@link CarrierServices.ComponentProps | The props that are passed into the `<CarrierServices />` component}
-                 * @see {@link AccountSettings.Element | The `<AccountSettings />` component renders the `<CarrierServices />` component}
-                 */
+                };
                 errors: {
                     noCarriers: {
                         title: string;
                         subtitle: string;
                     };
+                    unableToLoad: {
+                        title: string;
+                        subtitle: string;
+                    };
                 };
                 success: {
                     title: string;
@@ -651,6 +639,7 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & i
                     labelId: string;
                     externalOrderId: string;
                     externalShipmentId: string;
+                    shipmentNumber: string;
                 };
                 empty: {
                     title: string;
@@ -663,29 +652,6 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & i
                 };
                 status: {
                     voided: string;
-                    /**
-                     * # Carrier-Services Component
-                     *
-                     * @param ComponentProps The base props that will be passed into the `<CarrierServices />` component.
-                     *
-                     * @returns Element A React element that renders the `<CarrierServices />` component allowing users
-                     * to view a list of carriers that are connected to their ShipEngine account, add funds to their wallet, view transaction history, and manage their payment method. This component is
-                     * composed in the `<AccountSettings />` Element.
-                     *
-                     * @example
-                     * ```tsx
-                     * (() => {
-                     *   const features = useFeatures("Global");
-                     *
-                     *   return <CarrierServices.Element features={features} />;
-                     * })();
-                     * ```
-                     *
-                     * <br />
-                     *
-                     * @see {@link CarrierServices.ComponentProps | The props that are passed into the `<CarrierServices />` component}
-                     * @see {@link AccountSettings.Element | The `<AccountSettings />` component renders the `<CarrierServices />` component}
-                     */
                     error: string;
                     completed: string;
                     processing: string;
@@ -1001,6 +967,9 @@ export declare const Element: ({ resources, ...props }: CarrierServicesProps & i
                     connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
+                    submittingOnboarding: string;
+                    submittingWarehouse: string;
+                    updatingPaymentMethod: string;
                     data: string;
                     importingSalesOrder: string;
                     label: string;

package/types/src/workflows/connect-external-carrier/components/custom-external-carrier-form/custom-form-stamps_com.d.ts

@@ -0,0 +1,2 @@
+import { CustomExternalCarrierFormProps } from "../custom-external-carrier-form/custom-external-carrier-form";
+export declare const CustomExternalCarrierFormStampsCom: ({ carrierName, displayName, iconUrl, isBeta, onCancel, onCarrierConnected, }: CustomExternalCarrierFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/workflows/connect-external-carrier/connect-external-carrier.d.ts

@@ -340,6 +340,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                 };
                 loading: {
                     calculatingRates: string;
+                    savingRate: string;
                 };
                 modes: {
                     browseRates: string;
@@ -413,12 +414,17 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
             };
             onboarding: {
                 title: string;
+                previouslyOnboarded: {
+                    title: string;
+                    subtitle: string;
+                };
                 confirmation: {
                     title: string;
                     warehouse: string;
                     billingAddress: string;
                     paymentMethod: string;
                     action: string;
+                    noPaymentMethod: string;
                 };
                 stepLabel: {
                     confirmation: string;
@@ -440,6 +446,10 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                         title: string;
                         subtitle: string;
                     };
+                    unableToLoad: {
+                        title: string;
+                        subtitle: string;
+                    };
                 };
                 success: {
                     title: string;
@@ -635,6 +645,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                     labelId: string;
                     externalOrderId: string;
                     externalShipmentId: string;
+                    shipmentNumber: string;
                 };
                 empty: {
                     title: string;
@@ -962,6 +973,9 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                     connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
+                    submittingOnboarding: string;
+                    submittingWarehouse: string;
+                    updatingPaymentMethod: string;
                     data: string;
                     importingSalesOrder: string;
                     label: string;

package/types/src/workflows/label-workflow/label-workflow.d.ts

@@ -409,6 +409,7 @@ export declare const Element: ({ resources, ...props }: Omit<PurchaseLabel.Purch
                 };
                 loading: {
                     calculatingRates: string;
+                    savingRate: string;
                 };
                 modes: {
                     browseRates: string;
@@ -482,12 +483,17 @@ export declare const Element: ({ resources, ...props }: Omit<PurchaseLabel.Purch
             };
             onboarding: {
                 title: string;
+                previouslyOnboarded: {
+                    title: string;
+                    subtitle: string;
+                };
                 confirmation: {
                     title: string;
                     warehouse: string;
                     billingAddress: string;
                     paymentMethod: string;
                     action: string;
+                    noPaymentMethod: string;
                 };
                 stepLabel: {
                     confirmation: string;
@@ -509,6 +515,10 @@ export declare const Element: ({ resources, ...props }: Omit<PurchaseLabel.Purch
                         title: string;
                         subtitle: string;
                     };
+                    unableToLoad: {
+                        title: string;
+                        subtitle: string;
+                    };
                 };
                 success: {
                     title: string;
@@ -704,6 +714,7 @@ export declare const Element: ({ resources, ...props }: Omit<PurchaseLabel.Purch
                     labelId: string;
                     externalOrderId: string;
                     externalShipmentId: string;
+                    shipmentNumber: string;
                 };
                 empty: {
                     title: string;
@@ -1036,6 +1047,9 @@ export declare const Element: ({ resources, ...props }: Omit<PurchaseLabel.Purch
                     connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
+                    submittingOnboarding: string;
+                    submittingWarehouse: string;
+                    updatingPaymentMethod: string;
                     data: string;
                     importingSalesOrder: string;
                     label: string;

package/types/src/workflows/onboarding/components/confirmation-and-submission-step/confirmation-and-submission-step.d.ts

@@ -1,12 +1,17 @@
 import { WalletPayload } from "../../../../components/forms/wallet-form";
 import { WarehousePayload } from "../../../../components/forms/warehouse-form";
-import { SE } from "@shipengine/js-api";
+import { FundingSource, SE } from "@shipengine/js-api";
 export type ConfirmationAndSubmissionStepProps = {
     createFundingSourceErrors: SE.CodedError[] | null;
+    fundingSourcePaymentInfo?: {
+        billingInfo: FundingSource["billingInfo"];
+        paymentMethod: FundingSource["paymentMethod"];
+    };
     onEdit: (step: number) => void;
-    onSubmit: (wallet: WalletPayload, warehouse: WarehousePayload) => Promise<void>;
+    onSubmit: (warehouse: WarehousePayload, wallet?: WalletPayload, iovationBlackBox?: string) => Promise<void>;
     registerCarrierErrors: SE.CodedError[] | null;
-    walletPayload: WalletPayload;
+    updatePaymentMethodErrors: SE.CodedError[] | null;
+    walletPayload?: WalletPayload;
     warehousePayload: WarehousePayload;
 };
-export declare const ConfirmationAndSubmissionStep: ({ createFundingSourceErrors, onSubmit, onEdit, registerCarrierErrors, walletPayload, warehousePayload, }: ConfirmationAndSubmissionStepProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ConfirmationAndSubmissionStep: ({ createFundingSourceErrors, fundingSourcePaymentInfo, onEdit, onSubmit, registerCarrierErrors, updatePaymentMethodErrors, walletPayload, warehousePayload, }: ConfirmationAndSubmissionStepProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/workflows/onboarding/components/confirmation-and-submission-step/use-confirmation-and-submission-step.d.ts

@@ -7,15 +7,22 @@ type UseConfirmationAndSubmissionProps = {
 };
 export declare const useConfirmationAndSubmissionStep: ({ onStepComplete, }: UseConfirmationAndSubmissionProps) => {
     createFundingSourceErrors: SE.CodedError[] | null;
-    createOnboardingSubmissionHandler: ({ carrierProfiles, fundingSourceRequiredTerms, insuranceProviderProfiles, }: {
+    createOnboardingSubmissionHandler: ({ carrierProfiles, fundingSourceRequiredTerms, insuranceProviderProfiles, fundingSource, }: {
         carrierProfiles: SE.MetadataCarrierProfile[];
+        fundingSource?: SE.FundingSource | undefined;
         fundingSourceRequiredTerms: SE.MetadataRequiredTerm[];
         insuranceProviderProfiles?: InsuranceProviderProfile[] | undefined;
-    }) => ({ address, creditCard, iovationBlackbox }: WalletPayload, warehousePayload: WarehousePayload) => Promise<void>;
-    isCreatingFundingSource: boolean;
-    isRegisteringCarriers: boolean;
-    isRegisteringCarriersSuccess: boolean;
+    }) => (warehousePayload: WarehousePayload, walletPayload?: WalletPayload, iovationBlackBox?: string) => Promise<void>;
+    isLoading: {
+        connectingCarriers: boolean;
+        creatingFundingSource: boolean;
+        submittingOnboarding: boolean;
+        submittingWarehouse: boolean;
+        updatingPaymentMethod: boolean;
+    };
     registerCarrierErrors: SE.CodedError[] | null;
     resetMutations: () => void;
+    updatePaymentMethodErrors: SE.CodedError[] | null;
+    updateWarehouseErrors: SE.CodedError[] | null;
 };
 export {};

package/types/src/workflows/onboarding/components/terms-agreement-step/terms-agreement-step.d.ts

@@ -1,8 +1,9 @@
 import { InsuranceProviderProfile } from "@types";
 import { SE } from "@shipengine/js-api";
 export type TermsAgreementStepProps = {
-    carrierProfiles: SE.MetadataCarrierProfile[];
+    carrierProfilesToRegister: SE.MetadataCarrierProfile[];
+    enabledCarrierProfiles?: SE.MetadataCarrierProfile[];
     insuranceProviderProfiles?: InsuranceProviderProfile[];
     onSubmit: (agreement: boolean) => void;
 };
-export declare const TermsAgreementStep: ({ carrierProfiles, insuranceProviderProfiles, onSubmit, }: TermsAgreementStepProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TermsAgreementStep: ({ carrierProfilesToRegister, insuranceProviderProfiles, onSubmit, enabledCarrierProfiles, }: TermsAgreementStepProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/workflows/onboarding/components/terms-agreement-step/use-terms-agreement-step.d.ts

@@ -1,13 +1,20 @@
-import { InsuranceProviderProfile } from "@types";
 import { SE } from "@shipengine/react-api";
 export type UseTermsAgreementStepProps = {
     enabledCarriers: string[];
     onStepComplete: () => void;
 };
 export declare const useTermsAgreementStep: ({ enabledCarriers, onStepComplete, }: UseTermsAgreementStepProps) => {
-    carrierProfiles: SE.MetadataCarrierProfile[] | undefined;
-    fundingSourceMetadata: import("@tanstack/react-query").UseQueryResult<SE.MetadataResponse, SE.CodedError[]>;
+    carrierProfilesToRegister: SE.MetadataCarrierProfile[];
+    enabledCarrierProfiles: SE.MetadataCarrierProfile[] | undefined;
+    fundingSourceMetadata: SE.MetadataResponse | undefined;
     fundingSourceRequiredTerms: SE.MetadataRequiredTerm[] | undefined;
+    fundingSources: SE.FundingSource[] | undefined;
     handleSubmitTermsAgreement: () => void;
-    insuranceProviderProfiles: InsuranceProviderProfile[] | undefined;
+    insuranceProviderProfiles: {
+        terms: SE.MetadataOptionalTerm;
+        friendlyName: "ParcelGuard" | "XCover";
+        provider: SE.FundingSourceInsuranceProvider;
+    }[];
+    isLoadingTermsAgreementStep: boolean;
+    termsAgreementErrors: SE.CodedError[];
 };

package/types/src/workflows/onboarding/onboarding.d.ts

@@ -395,6 +395,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                 };
                 loading: {
                     calculatingRates: string;
+                    savingRate: string;
                 };
                 modes: {
                     browseRates: string;
@@ -468,12 +469,17 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
             };
             onboarding: {
                 title: string;
+                previouslyOnboarded: {
+                    title: string;
+                    subtitle: string;
+                };
                 confirmation: {
                     title: string;
                     warehouse: string;
                     billingAddress: string;
                     paymentMethod: string;
                     action: string;
+                    noPaymentMethod: string;
                 };
                 stepLabel: {
                     confirmation: string;
@@ -495,6 +501,10 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                         title: string;
                         subtitle: string;
                     };
+                    unableToLoad: {
+                        title: string;
+                        subtitle: string;
+                    };
                 };
                 success: {
                     title: string;
@@ -696,7 +706,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                     labelId: string;
                     externalOrderId: string;
                     externalShipmentId: string;
-                };
+                    shipmentNumber: string;
+                }; /** If provided, the address form will be pre-filled */
                 empty: {
                     title: string;
                     subtitle: string;
@@ -1024,6 +1035,9 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                     connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
+                    submittingOnboarding: string;
+                    submittingWarehouse: string;
+                    updatingPaymentMethod: string;
                     data: string;
                     importingSalesOrder: string;
                     label: string;

package/esm/components/tabs/index.js

@@ -1 +0,0 @@
-export { Tabs } from './tabs.js';

package/esm/components/tabs/tabs.js

@@ -1,30 +0,0 @@
-import { jsx } from '@emotion/react/jsx-runtime';
-import { styles } from './tabs.styles.js';
-
-const Tabs = ({
-  fullWidth,
-  onSelectTab,
-  selectedTab,
-  tabs
-}) => {
-  return jsx("div", Object.assign({
-    css: styles.getContainerStyles(fullWidth),
-    role: "tablist"
-  }, {
-    children: tabs.map(tab => jsx("button", Object.assign({
-      "aria-label": tab.value,
-      "aria-selected": selectedTab === tab.value ? "true" : "false",
-      css: styles.getTabStyles(selectedTab === tab.value, fullWidth),
-      onClick: e => {
-        e.preventDefault();
-        onSelectTab(tab.value);
-      },
-      role: "tab",
-      tabIndex: 0
-    }, {
-      children: tab.label
-    }), tab.value))
-  }));
-};
-
-export { Tabs };

package/types/src/components/tabs/index.d.ts

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

package/types/src/components/tabs/tabs.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-type TabsProps = {
-    fullWidth?: boolean;
-    onSelectTab: (tab: string) => void;
-    selectedTab: string;
-    tabs: {
-        label: string | React.ReactNode;
-        value: string;
-    }[];
-};
-export declare const Tabs: ({ fullWidth, onSelectTab, selectedTab, tabs }: TabsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};