@shipengine/elements 2.20.0 → 2.21.0

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

@@ -32,6 +32,11 @@ export type LabelsGridProps = {
      * `Print Label` button.
      */
     onClickPrintLabel?: () => void;
+    /**
+     * `onClickShipmentNumber` is an optional callback function that will be invoked when the user clicks the value within the
+     * `Shipment Number` column, if present.
+     */
+    onClickShipmentNumber?: (shipmentNumber?: string) => void;
     /**
      * `onViewDetails` is a callback function that controls the "View Details" action button and
      *  will be invoked when the user clicks on it.
@@ -50,7 +55,7 @@ export type LabelsGridProps = {
 export type Label = SE.Label & {
     serviceName: string | undefined | null;
 };
-export declare const Component: ({ labelStatus, features, onClickPrintLabel, onClickVoidLabel, onClickPrintForms, onClickViewDetails, onRowClick, onClickExternalOrderId, onClickExternalShipmentId, }: LabelsGridProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Component: ({ labelStatus, features, onClickPrintLabel, onClickVoidLabel, onClickPrintForms, onClickViewDetails, onRowClick, onClickExternalOrderId, onClickExternalShipmentId, onClickShipmentNumber, }: LabelsGridProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const Element: ({ resources, ...props }: LabelsGridProps & import("../../create-element/element").CSSProp & {
     resources?: {
         en: {
@@ -139,10 +144,17 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                         registerSuccess: {
                             title: string;
                             description: string;
-                        };
+                        }; /**
+                         * `onClickExternalOrderId` is an optional callback function that will be invoked when the user clicks the id number within the
+                         * `External Order ID` column, if present.
+                         */
                     };
                 };
                 highVolumeForms: string;
+                /**
+                 * `onClickExternalShipmentId` is an optional callback function that will be invoked when the user clicks the id number within
+                 * `External Shipment Id` column, if present.
+                 */
                 multipleShippingServices: string;
                 sections: {
                     labels: string;
@@ -169,10 +181,7 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                     connectionNotSupported: string;
                     genericText: string;
                 };
-            }; /**
-             * `features` provides optional feature configuration for the Element
-             * If no value is defined, default configuration will be used.
-             */
+            };
             "manage-carriers": {
                 title: string;
                 headers: {
@@ -225,7 +234,10 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                         };
                         poBox: {
                             title: string;
-                            description: string;
+                            description: string; /**
+                             * `onClickExternalOrderId` is an optional callback function that will be invoked when the user clicks the id number within the
+                             * `External Order ID` column, if present.
+                             */
                         };
                         carrier: {
                             title: string;
@@ -243,7 +255,10 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                         title: string;
                         subtitleCard: string;
                         subtitleBilling: string;
-                    };
+                    }; /**
+                     * `onClickPrintLabel` is an optional callback function that will be invoked when the user clicks the
+                     * `Print Label` button.
+                     */
                 };
             };
             "register-carrier": {
@@ -320,10 +335,7 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                     unsupportedAddress: string;
                     saveRateFailedMessage: string;
                     saveRateFailedTitle: string;
-                }; /**
-                 * `onClickExternalOrderId` is an optional callback function that will be invoked when the user clicks the id number within the
-                 * `External Order ID` column, if present.
-                 */
+                };
                 errorTypes: {
                     results: string;
                 };
@@ -364,6 +376,7 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                 };
                 loading: {
                     calculatingRates: string;
+                    savingRate: string;
                 };
                 modes: {
                     browseRates: string;
@@ -437,12 +450,17 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & 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;
@@ -464,6 +482,10 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                         title: string;
                         subtitle: string;
                     };
+                    unableToLoad: {
+                        title: string;
+                        subtitle: string;
+                    };
                 };
                 success: {
                     title: string;
@@ -484,10 +506,6 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                     aHR0cHM6Ly93d3cuc2hpcHN0YXRpb24uY29tL3Rlcm1zLXNlcnZpY2UtdW5pdGVkLWtpbmdkb20v: string;
                     "aHR0cHM6Ly93d3cuZHBkLmNvLnVrL3N0YW5kYXJkX3Rlcm1zX2FuZF9jb25kaXRpb25zLmpzcA==": string;
                     aHR0cHM6Ly93d3cuZ29nbG9iYWxwb3N0LmNvbS9jb25kaXRpb25z: string;
-                    /**
-                     * `onClickVoidLabel` is a callback function that controls the display of `Void Label` button and
-                     *  will be invoked when the user clicks on it.
-                     */
                     aHR0cHM6Ly93d3cucHVyb2xhdG9yLmNvbS9mci9tb2RhbGl0ZXMtZXQtY29uZGl0aW9ucy1kZS1zZXJ2aWNl: string;
                     aHR0cHM6Ly93d3cucHVyb2xhdG9yLmNvbS9lbi90ZXJtcy1hbmQtY29uZGl0aW9ucy1zZXJ2aWNl: string;
                 };
@@ -663,6 +681,7 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                     labelId: string;
                     externalOrderId: string;
                     externalShipmentId: string;
+                    shipmentNumber: string;
                 };
                 empty: {
                     title: string;
@@ -990,6 +1009,9 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                     connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
+                    submittingOnboarding: string;
+                    submittingWarehouse: string;
+                    updatingPaymentMethod: string;
                     data: string;
                     importingSalesOrder: string;
                     label: string;

package/types/src/elements/manage-carriers/manage-carriers.d.ts

@@ -332,6 +332,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                 };
                 loading: {
                     calculatingRates: string;
+                    savingRate: string;
                 };
                 modes: {
                     browseRates: string;
@@ -405,12 +406,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;
@@ -432,6 +438,10 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                         title: string;
                         subtitle: string;
                     };
+                    unableToLoad: {
+                        title: string;
+                        subtitle: string;
+                    };
                 };
                 success: {
                     title: string;
@@ -627,6 +637,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                     labelId: string;
                     externalOrderId: string;
                     externalShipmentId: string;
+                    shipmentNumber: string;
                 };
                 empty: {
                     title: string;
@@ -954,6 +965,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/elements/manage-external-carriers/manage-external-carriers.d.ts

@@ -331,6 +331,7 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                 };
                 loading: {
                     calculatingRates: string;
+                    savingRate: string;
                 };
                 modes: {
                     browseRates: string;
@@ -404,12 +405,17 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
             };
             onboarding: {
                 title: string;
+                previouslyOnboarded: {
+                    title: string;
+                    subtitle: string;
+                };
                 confirmation: {
                     title: string;
                     warehouse: string;
                     billingAddress: string;
                     paymentMethod: string;
                     action: string;
+                    noPaymentMethod: string;
                 };
                 stepLabel: {
                     confirmation: string;
@@ -431,6 +437,10 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                         title: string;
                         subtitle: string;
                     };
+                    unableToLoad: {
+                        title: string;
+                        subtitle: string;
+                    };
                 };
                 success: {
                     title: string;
@@ -670,6 +680,7 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                     labelId: string;
                     externalOrderId: string;
                     externalShipmentId: string;
+                    shipmentNumber: string;
                 };
                 empty: {
                     title: string;
@@ -997,6 +1008,9 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                     connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
+                    submittingOnboarding: string;
+                    submittingWarehouse: string;
+                    updatingPaymentMethod: string;
                     data: string;
                     importingSalesOrder: string;
                     label: string;

package/types/src/elements/manage-funding/manage-funding-element.d.ts

@@ -309,6 +309,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                 };
                 loading: {
                     calculatingRates: string;
+                    savingRate: string;
                 };
                 modes: {
                     browseRates: string;
@@ -382,12 +383,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;
@@ -409,6 +415,10 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                         title: string;
                         subtitle: string;
                     };
+                    unableToLoad: {
+                        title: string;
+                        subtitle: string;
+                    };
                 };
                 success: {
                     title: string;
@@ -604,6 +614,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                     labelId: string;
                     externalOrderId: string;
                     externalShipmentId: string;
+                    shipmentNumber: string;
                 };
                 empty: {
                     title: string;
@@ -931,6 +942,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/elements/manage-warehouses/manage-warehouses.d.ts

@@ -325,6 +325,7 @@ export declare const Element: ({ resources, ...props }: import("../../create-ele
                 };
                 loading: {
                     calculatingRates: string;
+                    savingRate: string;
                 };
                 modes: {
                     browseRates: string;
@@ -398,12 +399,17 @@ export declare const Element: ({ resources, ...props }: import("../../create-ele
             };
             onboarding: {
                 title: string;
+                previouslyOnboarded: {
+                    title: string;
+                    subtitle: string;
+                };
                 confirmation: {
                     title: string;
                     warehouse: string;
                     billingAddress: string;
                     paymentMethod: string;
                     action: string;
+                    noPaymentMethod: string;
                 };
                 stepLabel: {
                     confirmation: string;
@@ -425,6 +431,10 @@ export declare const Element: ({ resources, ...props }: import("../../create-ele
                         title: string;
                         subtitle: string;
                     };
+                    unableToLoad: {
+                        title: string;
+                        subtitle: string;
+                    };
                 };
                 success: {
                     title: string;
@@ -620,6 +630,7 @@ export declare const Element: ({ resources, ...props }: import("../../create-ele
                     labelId: string;
                     externalOrderId: string;
                     externalShipmentId: string;
+                    shipmentNumber: string;
                 };
                 empty: {
                     title: string;
@@ -965,6 +976,9 @@ export declare const Element: ({ resources, ...props }: import("../../create-ele
                     connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
+                    submittingOnboarding: string;
+                    submittingWarehouse: string;
+                    updatingPaymentMethod: string;
                     data: string;
                     importingSalesOrder: string;
                     label: string;

package/types/src/elements/payment-method-settings/payment-method-settings-element.d.ts

@@ -308,6 +308,7 @@ export declare const Element: ({ resources, ...props }: PaymentMethodSettingsPro
                 };
                 loading: {
                     calculatingRates: string;
+                    savingRate: string;
                 };
                 modes: {
                     browseRates: string;
@@ -381,12 +382,17 @@ export declare const Element: ({ resources, ...props }: PaymentMethodSettingsPro
             };
             onboarding: {
                 title: string;
+                previouslyOnboarded: {
+                    title: string;
+                    subtitle: string;
+                };
                 confirmation: {
                     title: string;
                     warehouse: string;
                     billingAddress: string;
                     paymentMethod: string;
                     action: string;
+                    noPaymentMethod: string;
                 };
                 stepLabel: {
                     confirmation: string;
@@ -408,6 +414,10 @@ export declare const Element: ({ resources, ...props }: PaymentMethodSettingsPro
                         title: string;
                         subtitle: string;
                     };
+                    unableToLoad: {
+                        title: string;
+                        subtitle: string;
+                    };
                 };
                 success: {
                     title: string;
@@ -603,6 +613,7 @@ export declare const Element: ({ resources, ...props }: PaymentMethodSettingsPro
                     labelId: string;
                     externalOrderId: string;
                     externalShipmentId: string;
+                    shipmentNumber: string;
                 };
                 empty: {
                     title: string;
@@ -930,6 +941,9 @@ export declare const Element: ({ resources, ...props }: PaymentMethodSettingsPro
                     connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
+                    submittingOnboarding: string;
+                    submittingWarehouse: string;
+                    updatingPaymentMethod: string;
                     data: string;
                     importingSalesOrder: string;
                     label: string;

package/types/src/elements/purchase-label/components/pudo/pudo-rate-tabs/pudo-list-view/pudo-list-view.d.ts

@@ -2,4 +2,4 @@ import { PudoRateListProps } from "../pudo-rate-tabs";
 export type PudoListViewProps = PudoRateListProps & {
     showServicePoints?: boolean;
 };
-export declare const PudoListView: ({ form, onSelectRate, servicePointsLoading, onViewServicePoint, nicknameFeature, preferredServiceCodes, showHiddenRates, setShowHiddenRates, getFilteredRateOptions, rateFormScrollToRef, options: rateOptions, showServicePoints, }: PudoListViewProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const PudoListView: ({ form, onSelectRate, servicePointsLoading, onViewServicePoint, nicknameFeature, preferredServiceCodes, showHiddenRates, handleShowMoreRates, rateFormScrollToRef, options: rateOptions, showServicePoints, filterVisibleRateOptions, }: PudoListViewProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/elements/purchase-label/components/pudo/pudo-rate-tabs/pudo-rate-tabs.d.ts

@@ -3,13 +3,13 @@ import { RateOption } from "@types";
 import { UseFormReturn } from "react-hook-form";
 import { CodedError, SE, ServicePoint } from "@shipengine/js-api";
 export type PudoRateListProps = RateSelectProps & {
+    filterVisibleRateOptions: (rateOptions: RateOption[]) => RateOption[];
     form?: UseFormReturn<{
         rate: {
             isAcknowledged: boolean;
             rateId: string;
         };
     }, any>;
-    getFilteredRateOptions: (rateOptions: RateOption[]) => RateOption[];
     nicknameFeature?: boolean;
     onSelectRate?: (rateId: string) => void;
     onViewServicePoint: (servicePoint?: ServicePoint) => void;

package/types/src/elements/purchase-label/components/rate-form/rate-form.d.ts

@@ -1,5 +1,5 @@
 import { FundingOrigin } from "../../../../hooks/use-balance-services";
-import { PreferredRatesResponse } from "@types";
+import { PreferredRatesResponse, RateOption } from "@types";
 import { PurchaseLabelFeatures, RateFormFeatures } from "../../../../utilities/feature-flags";
 import { SE } from "@shipengine/react-api";
 import { ServicePointSearchQuery } from "../../hooks";
@@ -16,13 +16,14 @@ export type RateFormProps = {
     fetchServicePoints: (searchQuery: string) => void;
     fundingOrigin?: FundingOrigin;
     hasShipFromAddressErrors?: boolean;
-    isLoading?: boolean;
+    isCalculatingRates?: boolean;
+    isSavingRate?: boolean;
     labelErrors?: string[];
     labels?: SE.Label[];
     labelsLoading?: boolean;
     listServicePointsErrors?: SE.CodedError[] | null;
     onSave?: (rate: Pick<SE.Rate, "carrierId" | "serviceCode">) => Promise<void> | void;
-    onSelectRate?: (rateId: string) => void;
+    onSelectRate?: (rate: RateOption) => void;
     onSubmit?: (rateId: string, servicePoint?: SE.ServicePoint) => Promise<void> | void;
     onVatRegistrationComplete?: () => void;
     preferredRates?: PreferredRatesResponse;
@@ -35,4 +36,4 @@ export type RateFormProps = {
     shipment?: SE.SalesOrderShipment;
     showVatFeatures?: boolean;
 };
-export declare const RateForm: ({ carriers, currency, defaultFeatures, disabled, displayableRateErrors, displayableSaveRateErrors, displayableShipmentErrors, errors, features, fetchServicePoints, fundingOrigin, isLoading, labelErrors, labels, labelsLoading, listServicePointsErrors, onSave, onSelectRate, onSubmit, onVatRegistrationComplete, preferredRates, preferredServiceCodes, rates, salesOrder, servicePointSearchQuery, servicePointsFetching, servicePointsResponse, shipment, hasShipFromAddressErrors, showVatFeatures, }: RateFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RateForm: ({ carriers, currency, defaultFeatures, disabled, displayableRateErrors, displayableSaveRateErrors, displayableShipmentErrors, errors, features, fetchServicePoints, fundingOrigin, isCalculatingRates, isSavingRate, labelErrors, labels, labelsLoading, listServicePointsErrors, onSave, onSelectRate, onSubmit, onVatRegistrationComplete, preferredRates, preferredServiceCodes, rates, salesOrder, servicePointSearchQuery, servicePointsFetching, servicePointsResponse, shipment, hasShipFromAddressErrors, showVatFeatures, }: RateFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/elements/purchase-label/components/rate-form/rate-view.d.ts

@@ -23,7 +23,8 @@ export type RateViewProps = {
         windsorFrameworkEnabled: boolean;
     };
     form: UseFormReturn<RateFormFields>;
-    isLoading?: boolean;
+    isCalculatingRates?: boolean;
+    isSavingRate?: boolean;
     onSelectRate?: (rateId: string) => void;
     preferredServiceCodes?: string[];
     pudoServicePointDetails?: PudoServicePointsDetails;
@@ -35,4 +36,4 @@ export type RateViewProps = {
     shipment?: SE.SalesOrderShipment;
     showVatFeatures?: boolean;
 };
-export declare const RateView: ({ carriers, errors, features, form, isLoading, onSelectRate, preferredServiceCodes, pudoServicePointDetails, rateFormScrollToRef, rateOptions, rates, salesOrder, selectedRate, shipment, showVatFeatures, }: RateViewProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RateView: ({ carriers, errors, features, form, isCalculatingRates, isSavingRate, onSelectRate, preferredServiceCodes, pudoServicePointDetails, rateFormScrollToRef, rateOptions, rates, salesOrder, selectedRate, shipment, showVatFeatures, }: RateViewProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/elements/purchase-label/components/shipment-form/shipment-form.styles.d.ts

@@ -25,13 +25,13 @@ export declare const styles: {
     shipFromEditButton: (theme: import("../../../../utilities/styles").ScopedGigerTheme) => {
         border: number;
         fontWeight: number;
+        height: number;
         marginTop: number;
     };
     shipFromSelectContainer: (theme: import("../../../../utilities/styles").ScopedGigerTheme) => {
         display: "flex";
         gap: number;
         justifyContent: "space-between";
-        marginBottom: number;
     };
     well: (theme: import("../../../../utilities/styles").ScopedGigerTheme) => {
         backgroundColor: string;

package/types/src/elements/purchase-label/hooks/index.d.ts

@@ -18,3 +18,4 @@ export { useCustomsNonDeliveryOptions } from "./use-customs-non-delivery-options
 export { useCustomsContentsOptions } from "./use-customs-contents-options";
 export { useConfirmationOptions } from "./use-confirmation-options";
 export { type UseShippingPresetsOptionsProps, useShippingPresetsOptions, } from "./use-shipping-presets-options";
+export { useFilterVisibleRateOptions, COLLAPSED_RATE_VIEW_LIMIT, } from "./use-filter-visible-rate-options/use-filter-visible-rate-options";

package/types/src/elements/purchase-label/hooks/use-filter-visible-rate-options/use-filter-visible-rate-options.d.ts

@@ -0,0 +1,13 @@
+import { RateOption } from "@types";
+export declare const COLLAPSED_RATE_VIEW_LIMIT = 4;
+/**
+ * @internal
+ *
+ * # Filter Visible Rate Options Hook
+ *
+ */
+export declare const useFilterVisibleRateOptions: (rateOptions: RateOption[], selectedRate?: RateOption, preferredServiceCodes?: string[]) => {
+    COLLAPSED_RATE_VIEW_LIMIT: number;
+    collapsedRateOptionList: RateOption[];
+    filterVisibleRateOptions: (options: RateOption[]) => RateOption[];
+};

package/types/src/elements/purchase-label/hooks/use-rates-form.d.ts

@@ -1,3 +1,4 @@
+import { RateOption } from "@types";
 import { PurchaseLabelFeatures } from "../../../utilities/feature-flags";
 import { SE } from "@shipengine/react-api";
 import { UseRatesWithCacheProps } from "./use-rates-with-cache";
@@ -21,22 +22,24 @@ export type UseRatesFormProps = {
     onRatesCalculated?: UseRatesWithCacheProps["onRatesCalculated"];
     onShipmentUpdated?: (shipment: SE.SalesOrderShipment) => Promise<void> | void;
     printLabelLayout?: SE.LabelLayout;
+    selectedRate?: RateOption;
     shipment?: SE.SalesOrderShipment;
 };
-export declare const useRatesForm: ({ getPreferredRates, disabledShippingServices, onBeforeRateSaved, onBeforeLabelCreate, onLabelCreateFailure, onLabelCreateSuccess, onRateSaved, onRatesCalculated, onShipmentUpdated, printLabelLayout, shipment, }: UseRatesFormProps) => {
+export declare const useRatesForm: ({ getPreferredRates, disabledShippingServices, onBeforeRateSaved, onBeforeLabelCreate, onLabelCreateFailure, onLabelCreateSuccess, onRateSaved, onRatesCalculated, onShipmentUpdated, printLabelLayout, selectedRate, shipment, }: UseRatesFormProps) => {
     carriers: SE.Carrier[] | undefined;
     displayableRateErrors: string[] | undefined;
     errors: SE.CodedError[] | undefined;
     fetchServicePoints: (searchQuery?: import("./use-service-points").ServicePointSearchQuery | undefined) => void;
     fundingOrigin: import("../../../hooks/use-balance-services").FundingOrigin | undefined;
-    isLoading: boolean;
+    isCalculatingRates: boolean;
+    isSavingRate: boolean;
     labelErrors: string[] | undefined;
     labels: SE.Label[];
     labelsLoading: boolean;
     listServicePointsErrors: SE.CodedError[] | null;
     onSave: ({ carrierId, serviceCode }: Pick<SE.Rate, "carrierId" | "serviceCode">) => Promise<void>;
     onSubmit: (rateId: string, servicePoint?: SE.ServicePoint) => Promise<void>;
-    preferredRates: import("../../..").PreferredRatesResponse | undefined;
+    preferredRates: import("@types").PreferredRatesResponse | undefined;
     rates: SE.Rate[] | undefined;
     requestRates: (shipment: SE.SalesOrderShipment, isInternational: boolean) => Promise<void>;
     resetLabel: () => void;