@shipengine/elements 1.2.1 → 1.3.0

package/src/components/templates/theme-creator/theme-creator.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CustomThemeData } from "@shipengine/giger-theme";
 export type ThemeCreatorProps = {
     onUpdateThemeConfig: (themeConfig: CustomThemeData) => void;
@@ -5,6 +6,10 @@ export type ThemeCreatorProps = {
         presetName: string;
         themeConfig: CustomThemeData;
     }[];
+    showDrawer?: {
+        content?: React.ReactNode;
+        copyToClipboardText?: string;
+    };
     themeConfig: CustomThemeData;
 };
-export declare const ThemeCreator: ({ themeConfig, onUpdateThemeConfig, presets }: ThemeCreatorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ThemeCreator: ({ themeConfig, onUpdateThemeConfig, presets, showDrawer, }: ThemeCreatorProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/templates/theme-creator/theme-creator.styles.d.ts

@@ -49,7 +49,7 @@ export declare const styles: {
     };
     presetOption: (theme: Theme) => {
         "&:hover": {
-            backgroundColor: string;
+            backgroundColor: "theme.palette.gray.ultraLight";
         };
         backgroundColor: "transparent";
         borderRadius: string;
@@ -60,7 +60,7 @@ export declare const styles: {
         "&:hover": {
             backgroundColor: "#d1d4d7";
         };
-        backgroundColor: string;
+        backgroundColor: "#E4E5E7";
         borderRadius: string;
         cursor: "pointer";
         display: "flex";

package/src/elements/account-settings/account-settings.d.ts

@@ -67,8 +67,15 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 actions: {
                     downloadCsv: string;
                     chooseDate: string;
+                    tryAgain: string;
+                };
+                errors: {
+                    failureToFetch: string;
                 };
                 dateRange: string;
+                details: {
+                    inaccurateWeight: string;
+                };
                 historyOptions: {
                     custom: string;
                     last30days: string;
@@ -175,6 +182,30 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     billing: {
                         title: string;
                         subtitleCard: string;
+                        /**
+                         * # Registered Account Settings Element
+                         *
+                         * - This is the registered `<AccountSettings />` element that will be used to render the
+                         * `<AccountSettings.Element />` component.
+                         *
+                         * @param ElementProps The props, callbacks, and resources necessary to render
+                         * the `<AccountSettings.Element />` component.
+                         *
+                         * @example
+                         * The `<Component />` is the source JSX that is rendered when you make use of the `AccountSettings`
+                         * Element directly. Here is a brief example of how you would use it within your application.
+                         * ```tsx
+                         * <AccountSettings.Element/>
+                         * ```
+                         *
+                         * <br />
+                         *
+                         * @see {@link AccountSettings.ComponentProps | The **props** that can be passed into the `<AccountSettings.Element />` component}
+                         * @see {@link ListCarriers.Component | The `<List-Carriers />` component used to view connected carriers}
+                         * @see {@link ManageWarehouses.Component | The `<ManageWarehouses />` component used to add, update, or remove warehouses}
+                         * @see {@link PaymentMethodSettings | The `<PaymentMethodSettings />` component used to manage payment methods}
+                         * @see {@link ManageFunding | The `<ManageFunding />` component used to manage funding rules and add funds to a carrier account}
+                         */
                         subtitleBilling: string;
                     };
                 };
@@ -192,6 +223,13 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     purchaseLabel: string;
                     purchaseNow: string;
                     showItems: string;
+                    /**
+                     * # Account Settings Component Props
+                     *
+                     * - These are the base props that will be passed into the `<AccountSettings />` component.
+                     *
+                     * @see {@link AccountSettings.Component | This prop types usage in the `<AccountSettings /> component`}
+                     */
                     showMoreRates: string;
                     showFewerRates: string;
                     saveRate: string;
@@ -380,10 +418,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 returnTo: string;
                 returnToAddressIsDifferent: string;
                 setDefault: string;
-                shipFrom: string; /**
-                 * This callback function will be used to house the logic you wish to execute when the
-                 * user saves new changes to their account settings.
-                 */
+                shipFrom: string;
             };
             "manage-funding": {
                 actions: {
@@ -461,7 +496,13 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     edit: string;
                     hide: string;
                     parse: string;
-                    purchase: string;
+                    purchase: string; /**
+                     * # Account Settings Component Props
+                     *
+                     * - These are the base props that will be passed into the `<AccountSettings />` component.
+                     *
+                     * @see {@link AccountSettings.Component | This prop types usage in the `<AccountSettings /> component`}
+                     */
                     remove: string;
                     save: string;
                     skipForNow: string;
@@ -587,6 +628,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         autoFundingSettings: string;
                         carrier: string;
                         carriers: string;
+                        connectCarrierForm: string;
                         fundingSourceMetadata: string;
                         label: string;
                         salesOrder: string;
@@ -624,6 +666,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     accountSettings: string;
                     carrier: string;
                     carriers: string;
+                    connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
                     data: string;
@@ -725,11 +768,13 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
             "connect-carrier": {
                 registrationForm: {
                     title: string;
-                    isLoading: string;
                     betaWarning: string;
                 };
             };
             "account-settings": {
+                messages: {
+                    noFundingSources: string;
+                };
                 title: string;
                 sections: {
                     accountBalance: string;

package/src/elements/configure-shipment/configure-shipment.d.ts

@@ -39,6 +39,7 @@ export type ConfigureShipmentFeatures = {
     shipmentForm?: ShipmentFormFeatures;
 };
 export type ConfigureShipmentProps = {
+    currency: SE.Currency;
     errors?: ShipmentFormProps["errors"];
     features?: ConfigureShipmentFeatures;
     getPreferredRates?: (shipment: SE.SalesOrderShipment, isInternational: boolean) => Promise<PreferredRatesResponse | undefined>;
@@ -63,4 +64,4 @@ export type ConfigureShipmentProps = {
     shippingPresets?: UseShippingPresetsOptionsProps;
     warehouseId?: string;
 };
-export declare const ConfigureShipment: ({ errors, features, getPreferredRates, onAddressValidation, onApplyPreset, onBeforeLabelCreate, onChangeAddress, onLabelCreateFailure, onLabelCreateSuccess, onRateSaved, onRatesCalculated, onShipmentUpdated, printLabelLayout, preferredServiceCodes, salesOrder, shipment, onBeforeRateSaved, ...props }: ConfigureShipmentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ConfigureShipment: ({ errors, features, currency, getPreferredRates, onAddressValidation, onApplyPreset, onBeforeLabelCreate, onChangeAddress, onLabelCreateFailure, onLabelCreateSuccess, onRateSaved, onRatesCalculated, onShipmentUpdated, printLabelLayout, preferredServiceCodes, salesOrder, shipment, onBeforeRateSaved, ...props }: ConfigureShipmentProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/elements/configure-shipment/hooks/use-customs.d.ts

@@ -5,5 +5,5 @@ export type UseCustomsProps = {
 };
 export declare const useCustoms: ({ onUpdate, shipment }: UseCustomsProps) => {
     customsErrors: SE.CodedError[] | null;
-    handleUpdateCustoms: (customs: SE.Customs) => Promise<SE.SalesOrderShipment>;
+    handleUpdateCustoms: (customs: SE.Customs, products: SE.Product[]) => Promise<SE.SalesOrderShipment>;
 };

package/src/elements/configure-shipment/hooks/use-rates-with-cache.d.ts

@@ -19,14 +19,14 @@ export declare const useRatesWithCache: ({ shipment, onRatesCalculated, getPrefe
     ratesCalculating: boolean;
     ratesErrors: SE.CodedError[] | null;
     ratesResponse: {
-        created_at: string;
+        createdAt: string;
         errors: SE.CodedError[];
         invalidRates: SE.Rate[];
-        rate_request_id: string;
+        rateRequestId: string;
         rates: SE.Rate[];
-        shipment_id: string;
+        shipmentId: string;
         status: "error" | "working" | "completed" | "partial";
-    } | SE.RateResponse | undefined;
+    } | undefined;
     requestRates: (shipment: SE.SalesOrderShipment, isInternational: boolean) => Promise<void>;
     resetRates: () => void;
 };

package/src/elements/configure-shipment/hooks/use-shipment-form.d.ts

@@ -27,7 +27,7 @@ export declare const useShipmentForm: ({ compatibleCountryCodes, onAddressValida
     onSubmitParseShipTo: ({ fullAddress }: {
         fullAddress: string;
     }) => Promise<SE.AddressExtraction>;
-    onUpdateCustoms: (customs: SE.Customs) => Promise<SE.SalesOrderShipment>;
+    onUpdateCustoms: (customs: SE.Customs, products: SE.Product[]) => Promise<SE.SalesOrderShipment>;
     parseAddressErrors: SE.CodedError[] | undefined;
     resetParseAddress: () => void;
     resetSalesOrderShipment: () => void;

package/src/elements/connect-carrier/connect-carrier.d.ts

@@ -1,14 +1,24 @@
 /// <reference types="react" />
-export declare const Component: () => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const Element: ({ resources, ...props }: object & {
+export type ComponentProps = {
+    carrierName: string;
+};
+export declare const Component: ({ carrierName }: ComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Element: ({ resources, ...props }: ComponentProps & {
     resources?: {
         en: {
             "wallet-history": {
                 actions: {
                     downloadCsv: string;
                     chooseDate: string;
+                    tryAgain: string;
+                };
+                errors: {
+                    failureToFetch: string;
                 };
                 dateRange: string;
+                details: {
+                    inaccurateWeight: string;
+                };
                 historyOptions: {
                     custom: string;
                     last30days: string;
@@ -524,6 +534,7 @@ export declare const Element: ({ resources, ...props }: object & {
                         autoFundingSettings: string;
                         carrier: string;
                         carriers: string;
+                        connectCarrierForm: string;
                         fundingSourceMetadata: string;
                         label: string;
                         salesOrder: string;
@@ -561,6 +572,7 @@ export declare const Element: ({ resources, ...props }: object & {
                     accountSettings: string;
                     carrier: string;
                     carriers: string;
+                    connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
                     data: string;
@@ -662,11 +674,13 @@ export declare const Element: ({ resources, ...props }: object & {
             "connect-carrier": {
                 registrationForm: {
                     title: string;
-                    isLoading: string;
                     betaWarning: string;
                 };
             };
             "account-settings": {
+                messages: {
+                    noFundingSources: string;
+                };
                 title: string;
                 sections: {
                     accountBalance: string;

package/src/elements/labels-grid/labels-grid.d.ts

@@ -9,8 +9,15 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 actions: {
                     downloadCsv: string;
                     chooseDate: string;
+                    tryAgain: string;
+                };
+                errors: {
+                    failureToFetch: string;
                 };
                 dateRange: string;
+                details: {
+                    inaccurateWeight: string;
+                };
                 historyOptions: {
                     custom: string;
                     last30days: string;
@@ -526,6 +533,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         autoFundingSettings: string;
                         carrier: string;
                         carriers: string;
+                        connectCarrierForm: string;
                         fundingSourceMetadata: string;
                         label: string;
                         salesOrder: string;
@@ -563,6 +571,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     accountSettings: string;
                     carrier: string;
                     carriers: string;
+                    connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
                     data: string;
@@ -664,11 +673,13 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
             "connect-carrier": {
                 registrationForm: {
                     title: string;
-                    isLoading: string;
                     betaWarning: string;
                 };
             };
             "account-settings": {
+                messages: {
+                    noFundingSources: string;
+                };
                 title: string;
                 sections: {
                     accountBalance: string;

package/src/elements/purchase-label/purchase-label-by-sales-order.d.ts

@@ -1,9 +1,11 @@
+import { SE } from "@shipengine/alchemy";
 import { UseImportSalesOrderProps } from "./hooks";
 import { PurchaseLabelCommonProps } from "./purchase-label";
 export type PurchaseLabelSalesOrderProps = PurchaseLabelCommonProps & {
+    currency?: SE.Currency;
     externalOrderId?: UseImportSalesOrderProps["externalOrderId"];
     externalOrderNumber?: UseImportSalesOrderProps["externalOrderNumber"];
     orderSourceCode?: UseImportSalesOrderProps["orderSourceCode"];
     salesOrderId?: UseImportSalesOrderProps["salesOrderId"];
 };
-export declare const PurchaseLabelBySalesOrder: ({ features, externalOrderId, externalOrderNumber, onLoad, onShipmentUpdated, orderSourceCode, salesOrderId, warehouseId, printLabelLayout, ...props }: PurchaseLabelSalesOrderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const PurchaseLabelBySalesOrder: ({ features, externalOrderId, externalOrderNumber, onLoad, onShipmentUpdated, orderSourceCode, salesOrderId, warehouseId, printLabelLayout, currency, ...props }: PurchaseLabelSalesOrderProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/elements/purchase-label/purchase-label-by-shipment.d.ts

@@ -1,5 +1,7 @@
+import { SE } from "@shipengine/alchemy";
 import { PurchaseLabelCommonProps } from "./purchase-label";
 export type PurchaseLabelByShipmentProps = PurchaseLabelCommonProps & {
+    currency?: SE.Currency;
     shipmentId?: string;
 };
-export declare const PurchaseLabelByShipment: ({ onLoad, onShipmentUpdated, shipmentId, ...props }: PurchaseLabelByShipmentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const PurchaseLabelByShipment: ({ onLoad, onShipmentUpdated, shipmentId, currency, ...props }: PurchaseLabelByShipmentProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/elements/purchase-label/purchase-label.d.ts

@@ -195,8 +195,15 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                 actions: {
                     downloadCsv: string;
                     chooseDate: string;
+                    tryAgain: string;
+                };
+                errors: {
+                    failureToFetch: string;
                 };
                 dateRange: string;
+                details: {
+                    inaccurateWeight: string;
+                };
                 historyOptions: {
                     custom: string;
                     last30days: string;
@@ -254,14 +261,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                 highVolumeForms: string;
                 multipleShippingServices: string;
                 sections: {
-                    labels: string; /**
-                     *`getPreferredRates is an async/sync optional callback function that will be invoked each time rates are caculated.
-                     * This is an optional callback function that returns an array of ShipEngine rates. The rates from this response will
-                     * be spliced into the normal get rates response the Elements makes internally. If a service code matches a service
-                     * code on a rate returned from getPreferredRates, the rate returned from getPreferredRates will not be shown in the
-                     * rate form. These preferred rates will be displayed with a set of UI enhancements that incude a dynamic cost savings
-                     * flag and green checkmark when the rate is selected.
-                     */
+                    labels: string;
                 };
                 noLabels: string;
             };
@@ -383,10 +383,6 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     today: string;
                 };
                 hints: {
-                    /**
-                     * `onBeforeRateSave` is an async/sync callback function that will be invoked before each time a user
-                     * saves a rate.
-                     */
                     contentDescription: string;
                 };
                 loading: {
@@ -405,10 +401,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                 rates: {
                     uspsMediaMailAcknowledgement: string;
                     uspsFirstClassMailAcknowledgement_leof: string;
-                    rateSavings: string; /**
-                     * `onLabelCreateSuccess` is an async/sync callback provided by the client that is invoked if the
-                     * label is successfully created/purchased.
-                     */
+                    rateSavings: string;
                     upsGroundSaverTermsAcknowledgement: string;
                     dhlExpressTermsAcknowledgement: string;
                 };
@@ -472,10 +465,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     "WW9kZWwgRGlyZWN0IC0gVGVybXMgYW5kIENvbmRpdGlvbnMgKOKAnFRlcm1z4oCdKQ==": string;
                     "RXZyaSBTZW5kIFRlcm1zICYgQ29uZGl0aW9ucw==": string;
                     "VGVybXMgb2YgU2VydmljZSBVbml0ZWQgS2luZ2RvbQ==": string;
-                }; /**
-                 * `onBeforeRateSave` is an async/sync callback function that will be invoked before each time a user
-                 * saves a rate.
-                 */
+                };
             };
             "manage-defaults": {
                 label: {
@@ -575,6 +565,11 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     unableToFindBalance: string;
                 };
                 currentBalance: string;
+                /**
+                 * `onAddressValidation` is an async/sync callback function that will be invoked on each Address
+                 * validation request. For example, whenever you update the `Ship To Address` or
+                 * `Ship From Address` for a given shipment.
+                 */
                 maximumBalanceAmount: string;
             };
             "list-carriers": {
@@ -627,9 +622,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     };
                     noResults: string;
                     subFields: {
-                        optional: string; /**
-                         * `features` is a set of feature flags you would like to enable or disable in this component.
-                         */
+                        optional: string;
                     };
                     parserFields: {
                         fullAddress: string;
@@ -664,10 +657,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                         expirationPlaceholder: string;
                         cardNumberPlaceholder: string;
                     };
-                }; /**
-                 *  `onApplyPreset` is an async/sync callback function that will be invoked each time a `Preset`
-                 *  has been applied to a shipment.
-                 */
+                };
                 carriers: {
                     fields: {
                         agreement: string;
@@ -690,6 +680,10 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     adultSignature: string;
                     delivery: string;
                     deliveryMailed: string;
+                    /**
+                     * `onChangeShipmentFormMode` is an async/sync callback function that will be invoked each time
+                     * the user toggles the `Shipment Form Mode` between `Browse Rates` and `Selected Rate`.
+                     */
                     directSignature: string;
                     none: string;
                     signature: string;
@@ -734,6 +728,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                         autoFundingSettings: string;
                         carrier: string;
                         carriers: string;
+                        connectCarrierForm: string;
                         fundingSourceMetadata: string;
                         label: string;
                         salesOrder: string;
@@ -771,6 +766,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     accountSettings: string;
                     carrier: string;
                     carriers: string;
+                    connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
                     data: string;
@@ -830,6 +826,44 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     tooManyCharacters: string;
                 };
                 shippingPresets: {
+                    /**
+                     * # Registered Purchase Label Element
+                     *
+                     * @param ElementProps The props necessary to render the `<PurchaseLabel.Element />` for shipment
+                     * based or sales order based label purchasing.
+                     *
+                     * @example
+                     * The `<Component />` is the source JSX that is rendered when you make use of the `PurchaseLabel`
+                     * Element directly.
+                     * ```tsx
+                     * <PurchaseLabel.Element
+                     *   key={currentSalesOrderId}
+                     *   printLabelLayout='4x6'
+                     *   shippingPresets={presets}
+                     *   onShipmentUpdated={(shipment) => console.log('Shipment Updated', shipment)}
+                     *   onRateSaved={(
+                     *     shipment: SE.SalesOrderShipment,
+                     *     rate?: SE.Rate,
+                     *     rateOptions?: SE.Rate[]
+                     *   ) => console.log('Rate Saved', shipment, rate, rateOptions)}
+                     *   onRatesCalculated={() => console.log('Rates Calculated')}
+                     *   onBeforeLabelCreate={onBeforeLabelPurchase}
+                     *   onLabelCreateSuccess={onLabelPurchaseSuccess}
+                     *   onLabelCreateFailure={(rate) => console.log('Label Purchase Failed', rate)}
+                     *   warehouseId={defaultWarehouseId}
+                     * />
+                     * ```
+                     *
+                     * <br />
+                     *
+                     * - Once a label has been purchased using this Element, you can take the `shipmentId` for the
+                     * associated shipment and pass it into the `<ViewShipment.Element />` Element in order to view
+                     * the shipment details.
+                     *
+                     * @see {@link PurchaseLabel.PurchaseLabelCommonProps | The **Common props** used in `<PurchaseLabel.Element />`}
+                     *
+                     * @see {@link ViewShipment.Element | The next step in the label purchase workflow `<ViewShipment.Element />`}
+                     */
                     apply: string;
                     platform: string;
                     user: string;
@@ -872,11 +906,13 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
             "connect-carrier": {
                 registrationForm: {
                     title: string;
-                    isLoading: string;
                     betaWarning: string;
                 };
             };
             "account-settings": {
+                messages: {
+                    noFundingSources: string;
+                };
                 title: string;
                 sections: {
                     accountBalance: string;

package/src/elements/shipments-grid/shipments-grid.d.ts

@@ -10,8 +10,15 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                 actions: {
                     downloadCsv: string;
                     chooseDate: string;
+                    tryAgain: string;
+                };
+                errors: {
+                    failureToFetch: string;
                 };
                 dateRange: string;
+                details: {
+                    inaccurateWeight: string;
+                };
                 historyOptions: {
                     custom: string;
                     last30days: string;
@@ -527,6 +534,7 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                         autoFundingSettings: string;
                         carrier: string;
                         carriers: string;
+                        connectCarrierForm: string;
                         fundingSourceMetadata: string;
                         label: string;
                         salesOrder: string;
@@ -564,6 +572,7 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                     accountSettings: string;
                     carrier: string;
                     carriers: string;
+                    connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
                     data: string;
@@ -665,11 +674,13 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
             "connect-carrier": {
                 registrationForm: {
                     title: string;
-                    isLoading: string;
                     betaWarning: string;
                 };
             };
             "account-settings": {
+                messages: {
+                    noFundingSources: string;
+                };
                 title: string;
                 sections: {
                     accountBalance: string;

package/src/elements/theme-creator/theme-creator.d.ts

@@ -6,6 +6,10 @@ export type ComponentProps = {
         presetName: string;
         themeConfig: CustomThemeData;
     }[];
+    showDrawer?: {
+        content?: React.ReactNode;
+        copyToClipboardText?: string;
+    };
     themeConfig: CustomThemeData;
 };
 export declare const Component: ({ ...props }: ComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -16,8 +20,15 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 actions: {
                     downloadCsv: string;
                     chooseDate: string;
+                    tryAgain: string;
+                };
+                errors: {
+                    failureToFetch: string;
                 };
                 dateRange: string;
+                details: {
+                    inaccurateWeight: string;
+                };
                 historyOptions: {
                     custom: string;
                     last30days: string;
@@ -533,6 +544,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         autoFundingSettings: string;
                         carrier: string;
                         carriers: string;
+                        connectCarrierForm: string;
                         fundingSourceMetadata: string;
                         label: string;
                         salesOrder: string;
@@ -570,6 +582,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     accountSettings: string;
                     carrier: string;
                     carriers: string;
+                    connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
                     data: string;
@@ -671,11 +684,13 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
             "connect-carrier": {
                 registrationForm: {
                     title: string;
-                    isLoading: string;
                     betaWarning: string;
                 };
             };
             "account-settings": {
+                messages: {
+                    noFundingSources: string;
+                };
                 title: string;
                 sections: {
                     accountBalance: string;