@shipengine/elements 2.20.0 → 2.22.0

package/types/src/elements/labels-grid/hooks/use-tracking-status-filter.d.ts

@@ -0,0 +1,25 @@
+import { LabelTrackingStatus, SE } from "@shipengine/js-api";
+export declare const useTrackingStatusFilter: ({ isActive, labelStatus, shipmentId, trackingStatusFilters, sortDir, currentPage, pageSize, }: {
+    currentPage: number;
+    isActive: boolean;
+    labelStatus?: SE.LabelStatus | undefined;
+    pageSize: number;
+    shipmentId?: string | undefined;
+    sortDir: SE.SortableQuery["sortDir"];
+    trackingStatusFilters: LabelTrackingStatus[];
+}) => {
+    allLabelsCount: number;
+    fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions | undefined) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<SE.ListLabelsResult, SE.CodedError[]>>;
+    filteredLabelsCount: number;
+    hasMorePages: boolean | undefined;
+    hasMoreUnfetchedResults: boolean | undefined;
+    isFetchingNextPage: boolean;
+    isLoading: boolean;
+    labels: SE.Label[];
+    paginationInfo: {
+        currentPage: number;
+        pageSize: number;
+        totalCount: number;
+        totalPages: number;
+    };
+};

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: {
@@ -138,7 +143,10 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                         };
                         registerSuccess: {
                             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.
+                             */
                         };
                     };
                 };
@@ -169,10 +177,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: {
@@ -320,7 +325,8 @@ 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.
                  */
@@ -357,13 +363,17 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                         fractional: string;
                     };
                     weightGroup: string;
-                    today: string;
+                    today: string; /**
+                     * `onViewDetails` is a callback function that controls the "View Details" action button and
+                     *  will be invoked when the user clicks on it.
+                     */
                 };
                 hints: {
                     contentDescription: string;
                 };
                 loading: {
                     calculatingRates: string;
+                    savingRate: string;
                 };
                 modes: {
                     browseRates: string;
@@ -437,12 +447,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 +479,10 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                         title: string;
                         subtitle: string;
                     };
+                    unableToLoad: {
+                        title: string;
+                        subtitle: string;
+                    };
                 };
                 success: {
                     title: string;
@@ -484,10 +503,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 +678,7 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                     labelId: string;
                     externalOrderId: string;
                     externalShipmentId: string;
+                    shipmentNumber: string;
                 };
                 empty: {
                     title: string;
@@ -694,7 +710,10 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                     printForms: string;
                 };
                 errorMessages: {
-                    title: string;
+                    title: string; /**
+                     * `labelStatus` is the status of the labels you wish to view.
+                     * If no value is defined, all labels will be rendered.
+                     */
                     subtitle: string;
                 };
             };
@@ -727,7 +746,10 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                 settingsModal: {
                     closeDialog: string;
                     header: string;
-                };
+                }; /**
+                 * `features` provides optional feature configuration for the Element
+                 * If no value is defined, default configuration will be used.
+                 */
                 status: {
                     connected: string;
                 };
@@ -785,9 +807,17 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                     paste: string;
                     preference: {
                         confirm: string;
+                        /**
+                         * `features` provides optional feature configuration for the Element
+                         * If no value is defined, default configuration will be used.
+                         */
                         addressNotValidated: string;
                         modified: string;
                         title: string;
+                        /**
+                         * `labelStatus` is the status of the labels you wish to view.
+                         * If no value is defined, all labels will be rendered.
+                         */
                         originalAddress: string;
                         matchedAddress: string;
                         unableToValidate: string;
@@ -811,7 +841,10 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                         cvvPlaceholder: string;
                         expirationPlaceholder: string;
                         cardNumberPlaceholder: string;
-                    };
+                    }; /**
+                     * `onClickPrintLabel` is an optional callback function that will be invoked when the user clicks the
+                     * `Print Label` button.
+                     */
                 };
                 carriers: {
                     fields: {
@@ -953,6 +986,7 @@ export declare const Element: ({ resources, ...props }: LabelsGridProps & import
                 grid: {
                     "row-count_one": string;
                     "row-count_other": string;
+                    "row-count-plus_other": string;
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
@@ -990,6 +1024,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;
@@ -917,6 +928,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                 grid: {
                     "row-count_one": string;
                     "row-count_other": string;
+                    "row-count-plus_other": string;
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
@@ -954,6 +966,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;
@@ -960,6 +971,7 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                 grid: {
                     "row-count_one": string;
                     "row-count_other": string;
+                    "row-count-plus_other": string;
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
@@ -997,6 +1009,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;
@@ -894,6 +905,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                 grid: {
                     "row-count_one": string;
                     "row-count_other": string;
+                    "row-count-plus_other": string;
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
@@ -931,6 +943,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;
@@ -928,6 +939,7 @@ export declare const Element: ({ resources, ...props }: import("../../create-ele
                 grid: {
                     "row-count_one": string;
                     "row-count_other": string;
+                    "row-count-plus_other": string;
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
@@ -965,6 +977,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;
@@ -893,6 +904,7 @@ export declare const Element: ({ resources, ...props }: PaymentMethodSettingsPro
                 grid: {
                     "row-count_one": string;
                     "row-count_other": string;
+                    "row-count-plus_other": string;
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
@@ -930,6 +942,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/fund-and-purchase/fund-and-purchase.d.ts

@@ -16,7 +16,7 @@ export type FundAndPurchaseProps = {
     isFundingEnabled?: boolean;
     isInvalidatedByError?: boolean;
     onPurchase: () => void;
-    onSave: () => Promise<void>;
+    onSave?: () => Promise<void>;
     onVatRegistrationComplete?: () => void;
     rateData?: {
         isPreferredRate?: boolean;
@@ -35,4 +35,4 @@ export type FundAndPurchaseProps = {
  *
  * @see {@link FundAndPurchaseProps | The props that are passed into the `<FundAndPurchase />` component}
  */
-export declare const FundAndPurchase: ({ control, currency, disabled, isFundingEnabled, showVatSettings, onSave, onPurchase, onVatRegistrationComplete, isInvalidatedByError, rateData, }: FundAndPurchaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const FundAndPurchase: ({ control, currency, disabled, isFundingEnabled, isInvalidatedByError, onPurchase, onSave, onVatRegistrationComplete, rateData, showVatSettings, }: FundAndPurchaseProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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[];
+};