@shipengine/elements 2.11.1 → 2.12.0

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

@@ -1,10 +1,9 @@
 import React from "react";
+import { SE } from "@shipengine/react-api";
 import { UseShippingPresetsOptionsProps } from "../../hooks";
 import { PurchaseLabelFeatures } from "../../utilities";
 import { ConfigureShipmentProps } from "./configure-shipment";
-import { UseConfigureShipmentProps } from "./hooks";
-import { PurchaseLabelSalesOrderProps } from "./purchase-label-by-sales-order";
-import { PurchaseLabelByShipmentProps } from "./purchase-label-by-shipment";
+import { UseConfigureShipmentProps, UseImportSalesOrderProps } from "./hooks";
 /**
  * # Purchase Label Component Props
  *
@@ -14,6 +13,25 @@ import { PurchaseLabelByShipmentProps } from "./purchase-label-by-shipment";
  * @see {@link PurchaseLabel.Element | This prop types usage in `<PurchaseLabel.Element />`}
  */
 export type PurchaseLabelCommonProps = {
+    /**
+     * The Currency used through out the label purchase process. Default to USD
+     */
+    currency?: SE.Currency;
+    /**
+     * A unique ID assigned during the creation of a sales order. It can be used to locate the
+     * sales order and any subsequent shipments related to that order.
+     */
+    externalOrderId?: UseImportSalesOrderProps["externalOrderId"];
+    /**
+     * A unique ID assigned during the creation of a sales order. It can be used to locate the
+     * sales order and any subsequent shipments related to that order.
+     */
+    externalOrderNumber?: UseImportSalesOrderProps["externalOrderNumber"];
+    /**
+     * A unique ID assigned during the creation of a sales order. It can be used to locate the
+     * sales order and any subsequent shipments related to that order.
+     */
+    externalShipmentId?: string;
     /**
      * `features` is a set of feature flags you would like to enable or disable in this component.
      */
@@ -95,6 +113,10 @@ export type PurchaseLabelCommonProps = {
      * the formatted address that we return after validation.
      */
     onToggleAddressPreferenceDisclosure?: ConfigureShipmentProps["onToggleAddressPreferenceDisclosure"];
+    /**
+     * A unique Id refering the API code used to identify the type of order source, e.g. "amazon_ca"
+     */
+    orderSourceCode?: UseImportSalesOrderProps["orderSourceCode"];
     /**
      * `preferredServiceCodes` is an array of service codes you would like to be marked as preferred. The services
      * codes corresponding rate will get the same UI enhancements as the rates received from getPreferredRates.
@@ -105,6 +127,19 @@ export type PurchaseLabelCommonProps = {
      * purchasing a label. e.g. `4x6`
      */
     printLabelLayout?: ConfigureShipmentProps["printLabelLayout"];
+    /**
+     * A unique Id used to indentify a ShipEngine Sales Order
+     */
+    salesOrderId?: UseImportSalesOrderProps["salesOrderId"];
+    /**
+     * `shipFromAddresses` is an array of objects that contain the ship from and return to addresses to be used when purchasing a label.
+     * This can be used in lieu of a `warehouseId` if initializing the Purchase Label Element without a pre-existing shipment or sales order.
+     */
+    shipFromAddresses?: ConfigureShipmentProps["shipFromAddresses"];
+    /**
+     * A unique Id used to indentify a ShipEngine Shipment
+     */
+    shipmentId?: string;
     /**
      * `shippingPresets` is an object that contains configured shipment details/specs
      * (dimensions, shipping service, etc) that can be applied to a shipment when purchasing a label.
@@ -119,13 +154,9 @@ export type PurchaseLabelCommonProps = {
 /**
  * # PurchaseLabel Element Props
  *
- * - The Purchase Label `ElementProps` is a `union` of the `PurchaseLabelByShipmentProps` and
- * `PurchaseLabelSalesOrderProps` prop types. This is for ease of use when purchasing labels by
- * `shipment` or `sales order`.
- *
  * @see {@link PurchaseLabel.Element | This prop types usage in `<PurchaseLabel />`}
  */
-export type ElementProps = PurchaseLabelByShipmentProps | PurchaseLabelSalesOrderProps;
+export type ElementProps = PurchaseLabelCommonProps;
 /**
  * # Purchase Label Component
  *
@@ -150,7 +181,7 @@ export type ElementProps = PurchaseLabelByShipmentProps | PurchaseLabelSalesOrde
  *
  * @see {@link PurchaseLabel.Element | The **Element** created to render `<PurchaseLabel />`}
  */
-export declare const Component: ({ features, ...props }: ElementProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Component: ({ features, externalOrderId, externalOrderNumber, externalShipmentId, onLoad, onShipmentUpdated, orderSourceCode, salesOrderId, shipFromAddresses, warehouseId, shipmentId, printLabelLayout, currency: currencyProp, ...props }: ElementProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 /**
  * # Registered Purchase Label Element
  *
@@ -189,7 +220,7 @@ export declare const Component: ({ features, ...props }: ElementProps) => import
  *
  * @see {@link ShipmentSummary.Element | The next step in the label purchase workflow `<ShipmentSummary.Element />`}
  */
-export declare const Element: ({ resources, ...props }: ElementProps & {
+export declare const Element: ({ resources, ...props }: PurchaseLabelCommonProps & {
     resources?: {
         en: {
             "wallet-history": {
@@ -406,6 +437,14 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     location_fee: string;
                     oversize: string;
                     returns: string;
+                    /**
+                     * # Purchase Label Component Props
+                     *
+                     * These are the shared props that will be passed into the `<PurchaseLabel.Element />`, and work
+                     * for either shipment-based or sales order-based label purchasing.
+                     *
+                     * @see {@link PurchaseLabel.Element | This prop types usage in `<PurchaseLabel.Element />`}
+                     */
                     notifications: string;
                     tip: string;
                     duties_and_taxes: string;
@@ -475,10 +514,6 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     addShipToAddress: string;
                     warehouse: string;
                     weight: {
-                        /**
-                         * `onBeforeLabelCreate` is an async/sync callback function that will be invoked before every
-                         * label purchase.
-                         */
                         whole: string;
                         fractional: string;
                     };
@@ -506,7 +541,10 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     uspsMediaMailAcknowledgement: string;
                     uspsFirstClassMailAcknowledgement_leof: string;
                     rateSavings: string;
-                    upsGroundSaverTermsAcknowledgement: string;
+                    upsGroundSaverTermsAcknowledgement: 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`.
+                     */
                     dhlExpressTermsAcknowledgement: string;
                     noRateService: string;
                 };
@@ -516,18 +554,14 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                         b2c: string;
                         c2b: string;
                         c2c: string;
-                        b2b: string;
-                    }; /**
-                     * `onRatesCalculated` is an async/sync callback function that will be invoked each time rates
-                     * are calculated for a given shipment.
-                     */
+                        b2b: string; /**
+                         * `onLabelCreateSuccess` is an async/sync callback provided by the client that is invoked if the
+                         * label is successfully created/purchased.
+                         */
+                    };
                     notAtRisk: string;
                     notAtRiskShipmentTootip: string;
                 };
-                /**
-                 * `onShipmentUpdated` is an async/sync callback function that will be invoked each time a
-                 * shipment is updated with a new `ShipTo/ShipFrom Address`, `rate`, `preset`, etc.
-                 */
                 requirements: {
                     noWarehouse: string;
                     noCarrier: string;
@@ -561,7 +595,9 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     windsorFramework: string;
                     shipment: string;
                     rate_one: string;
-                    rate_other: string;
+                    rate_other: string; /**
+                     * A unique Id refering the API code used to identify the type of order source, e.g. "amazon_ca"
+                     */
                     payment: string;
                 };
             };
@@ -790,6 +826,8 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     status: string;
                     trackingStatus: string;
                     labelId: string;
+                    externalOrderId: string;
+                    externalShipmentId: string;
                 };
                 empty: {
                     title: string;
@@ -852,14 +890,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                 deleteCarrierErrorTitle: string;
                 deleteCarrierErrorMessage: string;
                 loadingDeletingCarrier: 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.
-             */
+            };
             common: {
                 actions: {
                     add: string;
@@ -899,6 +930,9 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     subFields: {
                         optional: string;
                     };
+                    /**
+                     * The Currency used through out the label purchase process. Default to USD
+                     */
                     parserFields: {
                         fullAddress: string;
                     };
@@ -947,10 +981,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                         message: string;
                     };
                     address: {
-                        message: string; /**
-                         * `onChangeAddress` is an async/sync callback function that will be invoked each time a
-                         * `Ship To Address` or `Ship From Address` has been updated.
-                         */
+                        message: string;
                         title: string;
                     };
                 };
@@ -967,10 +998,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     addDeclaration: string;
                     noResults: string;
                     contents: {
-                        documents: string; /**
-                         * `onLabelCreateFailure` is an async/sync callback function that will be invoked each time a
-                         * label purchase fails.
-                         */
+                        documents: string;
                         gift: string;
                         merchandise: string;
                         returnedGoods: string;
@@ -997,13 +1025,8 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                         description: string;
                         harmonizedTariffCode: string;
                         ifDeliveryFails: string;
+                        dutiesTaxes: string;
                         quantity: string;
-                        /**
-                         * `onToggleAddressPreferenceDisclosure` is an async/sync callback function that will be invoked
-                         * each time the user toggles the `Address Preference` disclosure. This disclosure component
-                         * allows the user to select whether they would like to use the address they entered, or
-                         * the formatted address that we return after validation.
-                         */
                         sku: string;
                         value: string;
                         valueQuantity: string;
@@ -1017,6 +1040,23 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                         returnToSender: string;
                         treatAsAbandoned: string;
                     };
+                    canadaDeliveredDuty: {
+                        senderPrepay: string;
+                        recipientPays: string;
+                        tooltip: {
+                            title: string;
+                            /**
+                             * `onToggleAddressPreferenceDisclosure` is an async/sync callback function that will be invoked
+                             * each time the user toggles the `Address Preference` disclosure. This disclosure component
+                             * allows the user to select whether they would like to use the address they entered, or
+                             * the formatted address that we return after validation.
+                             */
+                            restriction: string;
+                            requirement1: string;
+                            requirement2: string;
+                            requirement3: string;
+                        };
+                    };
                     removeAllDeclarations: string;
                     total: string;
                 };
@@ -1209,6 +1249,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                         edit: string;
                         remove: string;
                         viewDetails: string;
+                        cancelShipment: string;
                     };
                 };
                 ZnVuZGluZ19zb3VyY2VfaWQgbXVzdCBiZSBhbiBpbnRlZ2Vy: string;

package/src/elements/select-label-layout/select-label-layout-element.d.ts

@@ -590,6 +590,8 @@ export declare const Element: ({ resources, ...props }: object & {
                     status: string;
                     trackingStatus: string;
                     labelId: string;
+                    externalOrderId: string;
+                    externalShipmentId: string;
                 };
                 empty: {
                     title: string;
@@ -784,6 +786,7 @@ export declare const Element: ({ resources, ...props }: object & {
                         description: string;
                         harmonizedTariffCode: string;
                         ifDeliveryFails: string;
+                        dutiesTaxes: string;
                         quantity: string;
                         sku: string;
                         value: string;
@@ -798,6 +801,17 @@ export declare const Element: ({ resources, ...props }: object & {
                         returnToSender: string;
                         treatAsAbandoned: string;
                     };
+                    canadaDeliveredDuty: {
+                        senderPrepay: string;
+                        recipientPays: string;
+                        tooltip: {
+                            title: string;
+                            restriction: string;
+                            requirement1: string;
+                            requirement2: string;
+                            requirement3: string;
+                        };
+                    };
                     removeAllDeclarations: string;
                     total: string;
                 };
@@ -990,6 +1004,7 @@ export declare const Element: ({ resources, ...props }: object & {
                         edit: string;
                         remove: string;
                         viewDetails: string;
+                        cancelShipment: string;
                     };
                 };
                 ZnVuZGluZ19zb3VyY2VfaWQgbXVzdCBiZSBhbiBpbnRlZ2Vy: string;

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

@@ -688,6 +688,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     status: string;
                     trackingStatus: string;
                     labelId: string;
+                    externalOrderId: string;
+                    externalShipmentId: string;
                 };
                 empty: {
                     title: string;
@@ -702,7 +704,10 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     voided: string;
                     error: string;
                     completed: string;
-                    processing: string;
+                    processing: string; /**
+                     * `onClickPrintLabel` is a callback function that will be invoked when the user clicks the
+                     * `Print Label` button.
+                     */
                 };
                 trackingStatus: {
                     unknown: string;
@@ -714,10 +719,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     title: string;
                     print: string;
                     void: string;
-                    printForms: string; /**
-                     * `onClickPurchaseLabel` is a callback function that will be invoked when the user clicks the
-                     * `Purchase Label` button.
-                     */
+                    printForms: string;
                 };
                 errorMessages: {
                     title: string;
@@ -910,7 +912,14 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         description: string;
                         harmonizedTariffCode: string;
                         ifDeliveryFails: string;
-                        quantity: string;
+                        dutiesTaxes: string;
+                        quantity: string; /**
+                         * # Shipment Summary Element Props
+                         *
+                         * - These are the base props that will be passed into the `<ShipmentSummary />` element.
+                         *
+                         * @see {@link ShipmentSummary.Element | See the full type that `typeof Element` will return}
+                         */
                         sku: string;
                         value: string;
                         valueQuantity: string;
@@ -924,6 +933,17 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         returnToSender: string;
                         treatAsAbandoned: string;
                     };
+                    canadaDeliveredDuty: {
+                        senderPrepay: string;
+                        recipientPays: string;
+                        tooltip: {
+                            title: string;
+                            restriction: string;
+                            requirement1: string;
+                            requirement2: string;
+                            requirement3: string;
+                        };
+                    };
                     removeAllDeclarations: string;
                     total: string;
                 };
@@ -1116,6 +1136,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         edit: string;
                         remove: string;
                         viewDetails: string;
+                        cancelShipment: string;
                     };
                 };
                 ZnVuZGluZ19zb3VyY2VfaWQgbXVzdCBiZSBhbiBpbnRlZ2Vy: string;

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

@@ -6,6 +6,11 @@ import { SE } from "@shipengine/js-api";
  * @see {@link ShipmentsGrid.Element | This prop types usage in `<ShipmentsGrid />`}
  */
 export type ShipmentsGridProps = {
+    /**
+     * `onClickCancelShipment` is a callback function that controls the display of `Cancel shipment` option and
+     *  will be invoked when the user clicks on it.
+     */
+    onClickCancelShipment?: (shipment: SE.Shipment) => void;
     /**
      * `onRowClick` callback invoked when a row is clicked.
      */
@@ -45,7 +50,7 @@ export type ShipmentsGridProps = {
  *
  * @see {@link ShipmentsGrid.Element | The **Element** created to render `<ShipmentsGrid />`}
  */
-export declare const Component: ({ onRowClick, shipmentStatus, showShipmentIdFilter, showCreatedDateFilter, }: ShipmentsGridProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Component: ({ onRowClick, onClickCancelShipment, shipmentStatus, showShipmentIdFilter, showCreatedDateFilter, }: ShipmentsGridProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 /**
  * # Registered Shipments Grid Element
  *
@@ -177,6 +182,9 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                     forbidden: string;
                     connectionNotSupported: string;
                     genericTitle: string;
+                    /**
+                     * `onRowClick` callback invoked when a row is clicked.
+                     */
                     genericText: string;
                 };
             };
@@ -282,11 +290,6 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                     special_goods: string;
                     pickup: string;
                     location_fee: string;
-                    /**
-                     * # Shipments Grid Props
-                     *
-                     * @see {@link ShipmentsGrid.Element | This prop types usage in `<ShipmentsGrid />`}
-                     */
                     oversize: string;
                     returns: string;
                     notifications: string;
@@ -335,6 +338,27 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                 fields: {
                     "requires-additional-handling": string;
                     addOns: string;
+                    /**
+                     * # Shipments Grid Component
+                     *
+                     * - The `<ShipmentsGrid />` component is used to view the user's list of shipments.
+                     *
+                     * @param ShipmentsGridProps The base props that will be passed into the `<ShipmentsGrid />` component.
+                     *
+                     * @returns Element An EmotionJSX.Element that will render the `<ShipmentsGrid />` component.
+                     *
+                     * @example
+                     * You can see how the `<Component />` is used in the `createElement` function call below.
+                     * ```tsx
+                     * export const Element = createElement(Component, ErrorFallback, {
+                     *   resources: { en },
+                     * });
+                     * ```
+                     *
+                     * <br />
+                     *
+                     * @see {@link ShipmentsGrid.Element | The **Element** created to render `<ShipmentsGrid />`}
+                     */
                     contentDescription: string;
                     confirmation: string;
                     dimensions: {
@@ -461,6 +485,11 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                 };
                 warehouse: {
                     title: string;
+                    /**
+                     * # Shipments Grid Props
+                     *
+                     * @see {@link ShipmentsGrid.Element | This prop types usage in `<ShipmentsGrid />`}
+                     */
                     subtitle: string;
                     inlineMessage: string;
                 };
@@ -478,7 +507,9 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                 termsAndAgreementLinkText: {
                     shipEngineToS: string;
                     auctanePrivacyPolicy: string;
-                    aHR0cHM6Ly9teWRobC5leHByZXNzLmRobC91cy9lbi9sZWdhbC90ZXJtcy1hbmQtY29uZGl0aW9ucy5odG1s: string;
+                    aHR0cHM6Ly9teWRobC5leHByZXNzLmRobC91cy9lbi9sZWdhbC90ZXJtcy1hbmQtY29uZGl0aW9ucy5odG1s: string; /**
+                     * `showShipmentIdFilter` controls the display of the shipmentId search filter
+                     */
                     "aHR0cHM6Ly93d3cuc3RhbXBzLmNvbS9wcml2YWN5LXBvbGljeQ==": string;
                     "aHR0cHM6Ly93d3cuc3RhbXBzLmNvbS9jb25kaXRpb25zLw==": string;
                     "aHR0cHM6Ly93d3cudXBzLmNvbS91cy9lbi9zdXBwb3J0L3NoaXBwaW5nLXN1cHBvcnQvc2hpcHBpbmctc3BlY2lhbC1jYXJlLXJlZ3VsYXRlZC1pdGVtcy9wcm9oaWJpdGVkLWl0ZW1zLnBhZ2U=": string;
@@ -608,9 +639,6 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                         metric: string;
                     };
                     weight: {
-                        /**
-                         * `onRowClick` callback invoked when a row is clicked.
-                         */
                         title: string;
                         standard: string;
                         g: string;
@@ -650,9 +678,7 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                 };
                 errorMessages: {
                     title: string;
-                    subtitle: string; /**
-                     * `showCreatedDateFilter` controls the display of the Created Date filter
-                     */
+                    subtitle: string;
                 };
             };
             "list-labels": {
@@ -667,6 +693,8 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                     status: string;
                     trackingStatus: string;
                     labelId: string;
+                    externalOrderId: string;
+                    externalShipmentId: string;
                 };
                 empty: {
                     title: string;
@@ -678,7 +706,10 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                     button: string;
                 };
                 status: {
-                    voided: string;
+                    voided: string; /**
+                     * `onClickCancelShipment` is a callback function that controls the display of `Cancel shipment` option and
+                     *  will be invoked when the user clicks on it.
+                     */
                     error: string;
                     completed: string;
                     processing: string;
@@ -717,11 +748,13 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                 search: string;
                 settingsModal: {
                     closeDialog: string;
-                    header: string; /**
-                     * `onRowClick` callback invoked when a row is clicked.
-                     */
+                    header: string;
                 };
                 status: {
+                    /**
+                     * `onClickCancelShipment` is a callback function that controls the display of `Cancel shipment` option and
+                     *  will be invoked when the user clicks on it.
+                     */
                     connected: string;
                 };
                 disconnectDropdown: {
@@ -762,7 +795,10 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                         addressLine2: string;
                         cityLocality: string;
                         stateProvince: string;
-                        postalCode: string;
+                        postalCode: string; /**
+                         * `onClickCancelShipment` is a callback function that controls the display of `Cancel shipment` option and
+                         *  will be invoked when the user clicks on it.
+                         */
                         phone: string;
                         email: string;
                         addressResidentialIndicator: string;
@@ -781,7 +817,9 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                         modified: string;
                         title: string;
                         originalAddress: string;
-                        matchedAddress: string;
+                        matchedAddress: string; /**
+                         * `showShipmentIdFilter` controls the display of the shipmentId search filter
+                         */
                         unableToValidate: string;
                         use: {
                             originalAddress: string;
@@ -789,7 +827,27 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                         };
                     };
                     validation: {
-                        notValidated: string;
+                        notValidated: string; /**
+                         * # Shipments Grid Component
+                         *
+                         * - The `<ShipmentsGrid />` component is used to view the user's list of shipments.
+                         *
+                         * @param ShipmentsGridProps The base props that will be passed into the `<ShipmentsGrid />` component.
+                         *
+                         * @returns Element An EmotionJSX.Element that will render the `<ShipmentsGrid />` component.
+                         *
+                         * @example
+                         * You can see how the `<Component />` is used in the `createElement` function call below.
+                         * ```tsx
+                         * export const Element = createElement(Component, ErrorFallback, {
+                         *   resources: { en },
+                         * });
+                         * ```
+                         *
+                         * <br />
+                         *
+                         * @see {@link ShipmentsGrid.Element | The **Element** created to render `<ShipmentsGrid />`}
+                         */
                         validated: string;
                     };
                 };
@@ -863,6 +921,7 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                         description: string;
                         harmonizedTariffCode: string;
                         ifDeliveryFails: string;
+                        dutiesTaxes: string;
                         quantity: string;
                         sku: string;
                         value: string;
@@ -877,6 +936,17 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                         returnToSender: string;
                         treatAsAbandoned: string;
                     };
+                    canadaDeliveredDuty: {
+                        senderPrepay: string;
+                        recipientPays: string;
+                        tooltip: {
+                            title: string;
+                            restriction: string;
+                            requirement1: string;
+                            requirement2: string;
+                            requirement3: string;
+                        };
+                    };
                     removeAllDeclarations: string;
                     total: string;
                 };
@@ -1069,6 +1139,7 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                         edit: string;
                         remove: string;
                         viewDetails: string;
+                        cancelShipment: string;
                     };
                 };
                 ZnVuZGluZ19zb3VyY2VfaWQgbXVzdCBiZSBhbiBpbnRlZ2Vy: string;

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

@@ -603,6 +603,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     status: string;
                     trackingStatus: string;
                     labelId: string;
+                    externalOrderId: string;
+                    externalShipmentId: string;
                 };
                 empty: {
                     title: string;
@@ -797,6 +799,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         description: string;
                         harmonizedTariffCode: string;
                         ifDeliveryFails: string;
+                        dutiesTaxes: string;
                         quantity: string;
                         sku: string;
                         value: string;
@@ -811,6 +814,17 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         returnToSender: string;
                         treatAsAbandoned: string;
                     };
+                    canadaDeliveredDuty: {
+                        senderPrepay: string;
+                        recipientPays: string;
+                        tooltip: {
+                            title: string;
+                            restriction: string;
+                            requirement1: string;
+                            requirement2: string;
+                            requirement3: string;
+                        };
+                    };
                     removeAllDeclarations: string;
                     total: string;
                 };
@@ -1003,6 +1017,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         edit: string;
                         remove: string;
                         viewDetails: string;
+                        cancelShipment: string;
                     };
                 };
                 ZnVuZGluZ19zb3VyY2VfaWQgbXVzdCBiZSBhbiBpbnRlZ2Vy: string;