@shipengine/elements 1.9.0 → 2.0.0

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

@@ -98,7 +98,7 @@ export declare const Element: ({ resources, ...props }: object & {
                     genericText: string;
                 };
             };
-            "shipengine-carriers": {
+            "manage-carriers": {
                 title: string;
                 headers: {
                     accountCarriers: string;

package/src/elements/manage-warehouses/manage-warehouses.d.ts

@@ -116,7 +116,7 @@ export declare const Element: ({ resources, ...props }: object & {
                     genericText: string;
                 };
             };
-            "shipengine-carriers": {
+            "manage-carriers": {
                 title: string;
                 headers: {
                     accountCarriers: string;
@@ -578,7 +578,24 @@ export declare const Element: ({ resources, ...props }: object & {
                     confirm: string;
                     connect: string;
                     continue: string;
-                    delete: string;
+                    delete: string; /**
+                     * # Manage Warehouses Component
+                     *
+                     * - The `<ManageWarehouses />` component is used to manage warehouses on a user's ShipEngine account. Users can add, update, or make warehouses inactive.
+                     *
+                     * @returns Element A React element that renders the `<ManageWarehouses />` component allowing users
+                     * to manage warehouses on their ShipEngine account.
+                     *
+                     * @example
+                     * ```tsx
+                     * export const ManageWarehousesExample = () => {
+                     *   return <ManageWarehouses.Component />;
+                     * };
+                     * ```
+                     *
+                     * <br />
+                     *
+                     */
                     edit: string;
                     hide: string;
                     parse: string;

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

@@ -98,7 +98,7 @@ export declare const Element: ({ resources, ...props }: object & {
                     genericText: string;
                 };
             };
-            "shipengine-carriers": {
+            "manage-carriers": {
                 title: string;
                 headers: {
                     accountCarriers: string;

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

@@ -1,38 +1,15 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 import { RateFormProps } from "../../components/templates/rate-form";
-import { ShipmentFormFeatures, ShipmentFormProps } from "../../components/templates/shipment-form";
-import { VatSettingsFeatures } from "../../features";
+import { ShipmentFormProps } from "../../components/templates/shipment-form";
 import { UseShippingPresetsOptionsProps } from "../../hooks";
 import { PreferredRatesResponse } from "../../types";
+import { PurchaseLabelFeatures } from "../../utilities";
 import { UseRatesFormProps, UseShipmentFormProps } from "./hooks";
 export type ShipmentFormMode = "browse_rates" | "select_service";
-export type RateFormFeatures = {
-    enableFunding?: boolean;
-    enableGlobalPostFiltering?: boolean;
-    enablePudoUI?: boolean;
-    labelLayout?: boolean;
-    nicknameRate?: boolean;
-    requireDhlTermsAcknowledgement?: boolean;
-    saveRate?: boolean;
-};
-export type ConfigureShipmentFeatures = {
-    compatibleCountryCodes?: UseShipmentFormProps["compatibleCountryCodes"];
-    configureShipment?: {
-        enableErrorWhenShipmentCancelled: boolean;
-    };
-    partnerMessages?: {
-        incompleteLabelPurchaseRequirements?: string;
-    };
-    presentation?: {
-        poweredByShipEngine?: boolean;
-    };
-    rateForm?: RateFormFeatures;
-    shipmentForm?: ShipmentFormFeatures;
-};
 export type ConfigureShipmentProps = {
     currency: SE.Currency;
     errors?: ShipmentFormProps["errors"];
-    features?: ConfigureShipmentFeatures & VatSettingsFeatures;
+    features?: PurchaseLabelFeatures;
     getPreferredRates?: (shipment: SE.SalesOrderShipment, isInternational: boolean) => Promise<PreferredRatesResponse | undefined>;
     insuranceAccount?: SE.InsuranceAccount;
     isLoading?: ShipmentFormProps["isLoading"];

package/src/elements/purchase-label/hooks/use-address.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 import { AddressParserPayload } from "../../../components/templates/address-parser";
 import { AddressPreference } from "../../../components/templates/address-preference-display";
 import { CharsetWarning, OnChangeAddressOptions } from "../../../components/templates/shipment-form";

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

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 import { ConfigureShipmentProps } from "../configure-shipment";
 import { UsePendingShipmentProps } from "./use-pending-shipment";
 export type UseConfigureShipmentProps = {

package/src/elements/purchase-label/hooks/use-customs.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 export type UseCustomsProps = {
     onUpdate?: (shipment: SE.SalesOrderShipment) => Promise<void> | void;
     shipment?: SE.SalesOrderShipment;

package/src/elements/purchase-label/hooks/use-import-sales-order.d.ts

@@ -5,7 +5,7 @@ export type UseImportSalesOrderProps = {
     salesOrderId?: string;
 };
 export declare const useImportSalesOrder: ({ externalOrderId, externalOrderNumber, orderSourceCode, salesOrderId, }: UseImportSalesOrderProps) => {
-    errors: import("@shipengine/alchemy").CodedError[] | undefined;
+    errors: import("@shipengine/react-api").CodedError[] | undefined;
     isLoading: boolean;
-    salesOrder: import("@shipengine/alchemy").SalesOrder | undefined;
+    salesOrder: import("@shipengine/react-api").SalesOrder | undefined;
 };

package/src/elements/purchase-label/hooks/use-load-shipment.d.ts

@@ -2,8 +2,8 @@ export type UseLoadShipmentProps = {
     shipmentId: string;
 };
 export declare const useLoadShipment: ({ shipmentId }: UseLoadShipmentProps) => {
-    errors: import("@shipengine/alchemy").CodedError[] | undefined;
+    errors: import("@shipengine/react-api").CodedError[] | undefined;
     isLoading: boolean;
-    refetchShipment: <TPageData>(options?: (import("@tanstack/query-core").RefetchOptions & import("@tanstack/query-core").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@shipengine/alchemy").SalesOrderShipment, import("@shipengine/alchemy").CodedError[]>>;
-    shipment: import("@shipengine/alchemy").SalesOrderShipment | undefined;
+    refetchShipment: <TPageData>(options?: (import("@tanstack/query-core").RefetchOptions & import("@tanstack/query-core").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@shipengine/react-api").SalesOrderShipment, import("@shipengine/react-api").CodedError[]>>;
+    shipment: import("@shipengine/react-api").SalesOrderShipment | undefined;
 };

package/src/elements/purchase-label/hooks/use-pending-shipment.d.ts

@@ -1,4 +1,4 @@
-import { CodedError, SE } from "@shipengine/alchemy";
+import { CodedError, SE } from "@shipengine/react-api";
 export type UsePendingShipmentProps = {
     breakOnCancelledShipment?: boolean;
     onLoad?: (salesOrder: SE.SalesOrder, shipments: SE.SalesOrderShipment[], pendingShipment?: SE.SalesOrderShipment) => Promise<void> | void;

package/src/elements/purchase-label/hooks/use-presets.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 import { ShippingPreset } from "../../../types";
 export type UsePresetsProps = {
     onApply?: (preset: ShippingPreset, shipment: SE.SalesOrderShipment) => Promise<void> | void;

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

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 import { UseRatesWithCacheProps } from "./use-rates-with-cache";
 export type UseRatesFormProps = {
     getPreferredRates?: UseRatesWithCacheProps["getPreferredRates"];

package/src/elements/purchase-label/hooks/use-rates-with-cache.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 import { UseRequestRatesProps } from "./use-request-rates";
 export type UseRatesWithCacheProps = {
     getPreferredRates?: UseRequestRatesProps["getPreferredRates"];

package/src/elements/purchase-label/hooks/use-request-preferred-rates.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 import { UseRequestRatesProps } from "./use-request-rates";
 export type RequestPreferredRatesProps = {
     getPreferredRates?: UseRequestRatesProps["getPreferredRates"];

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

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 import { PreferredRatesResponse } from "../../../types";
 import { ConfigureShipmentProps } from "../configure-shipment";
 export type UseRequestRatesProps = {

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

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 import { ShippingPreset } from "../../../types";
 import { UseAddressProps } from "./use-address";
 import { UsePresetsProps } from "./use-presets";

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

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 import { UseImportSalesOrderProps } from "./hooks";
 import { PurchaseLabelCommonProps } from "./purchase-label";
 export type PurchaseLabelSalesOrderProps = PurchaseLabelCommonProps & {

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

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 import { PurchaseLabelCommonProps } from "./purchase-label";
 export type PurchaseLabelByShipmentProps = PurchaseLabelCommonProps & {
     currency?: SE.Currency;

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

@@ -1,5 +1,6 @@
 import React from "react";
 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";
@@ -16,7 +17,7 @@ export type PurchaseLabelCommonProps = {
     /**
      * `features` is a set of feature flags you would like to enable or disable in this component.
      */
-    features?: ConfigureShipmentProps["features"];
+    features?: PurchaseLabelFeatures;
     /**
      *`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
@@ -139,7 +140,7 @@ export type ElementProps = PurchaseLabelByShipmentProps | PurchaseLabelSalesOrde
  * @example
  * You can see how the `<Component />` is used in the `createElement` function call below.
  * ```tsx
- * export const Element = alchemy.createElement(Component, ErrorFallback, {
+ * export const Element = createElement(Component, ErrorFallback, {
  *   css: { height: "100%", maxWidth: "800px", minWidth: "440px", width: "100%" },
  *   resources: { en },
  * });
@@ -181,12 +182,12 @@ export declare const Component: ({ features, ...props }: ElementProps) => import
  * <br />
  *
  * - Once a label has been purchased using this Element, you can take the `shipmentId` for the
- * associated shipment and pass it into the `<ViewShipment.Element />` Element in order to view
+ * associated shipment and pass it into the `<ShipmentSummary.Element />` Element in order to view
  * the shipment details.
  *
  * @see {@link PurchaseLabel.PurchaseLabelCommonProps | The **Common props** used in `<PurchaseLabel.Element />`}
  *
- * @see {@link ViewShipment.Element | The next step in the label purchase workflow `<ViewShipment.Element />`}
+ * @see {@link ShipmentSummary.Element | The next step in the label purchase workflow `<ShipmentSummary.Element />`}
  */
 export declare const Element: ({ resources, ...props }: ElementProps & {
     resources?: {
@@ -286,7 +287,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     genericText: string;
                 };
             };
-            "shipengine-carriers": {
+            "manage-carriers": {
                 title: string;
                 headers: {
                     accountCarriers: string;
@@ -318,14 +319,6 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     vatSettings: {
                         title: 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 />`}
-                     */
                     carriers: {
                         title: string;
                         subtitle: string;
@@ -426,14 +419,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     addPackageDetails: string;
                 };
                 errorMessages: {
-                    customsItemsRequired: 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 />`}
-                     */
+                    customsItemsRequired: string;
                     invalidAddress: string;
                     noRates: string;
                     salesOrderNotLoaded: string;
@@ -466,6 +452,10 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     requestedShipping: string;
                     shipDate: string;
                     service: string;
+                    /**
+                     *  `onApplyPreset` is an async/sync callback function that will be invoked each time a `Preset`
+                     *  has been applied to a shipment.
+                     */
                     shipTo: string;
                     addShipToAddress: string;
                     warehouse: string;
@@ -480,10 +470,6 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     contentDescription: string;
                 };
                 loading: {
-                    /**
-                     * `onBeforeRateSave` is an async/sync callback function that will be invoked before each time a user
-                     * saves a rate.
-                     */
                     calculatingRates: string;
                 };
                 modes: {
@@ -591,10 +577,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                 };
                 termsAndAgreementTitles: {
                     "WW9kZWwgRGlyZWN0IC0gVGVybXMgYW5kIENvbmRpdGlvbnMgKOKAnFRlcm1z4oCdKQ==": string;
-                    "RXZyaSBTZW5kIFRlcm1zICYgQ29uZGl0aW9ucw==": 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`.
-                     */
+                    "RXZyaSBTZW5kIFRlcm1zICYgQ29uZGl0aW9ucw==": string;
                     "VGVybXMgb2YgU2VydmljZSBVbml0ZWQgS2luZ2RvbQ==": string;
                     RFBEIFN0YW5kYXJkIFRlcm1zIGFuZCBDb25kaXRpb25z: string;
                     "R2xvYmFsUG9zdCBUZXJtcyBhbmQgQ29uZGl0aW9ucw==": string;
@@ -856,10 +839,6 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     adultSignature: string;
                     delivery: string;
                     deliveryMailed: string;
-                    /**
-                     * `onChangeShipmentFormMode` is an async/sync callback function that will be invoked each time
-                     * the user toggles the `Shipment Form Mode` between `Browse Rates` and `Selected Rate`.
-                     */
                     directSignature: string;
                     none: string;
                     signature: string;
@@ -871,6 +850,10 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                         documents: string;
                         gift: string;
                         merchandise: string;
+                        /**
+                         * `onLabelCreateFailure` is an async/sync callback function that will be invoked each time a
+                         * label purchase fails.
+                         */
                         returnedGoods: string;
                         sample: string;
                     };
@@ -883,10 +866,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     };
                     fields: {
                         contentsType: string;
-                        countryOfOrigin: string; /**
-                         * `onRateSaved` is an async/sync callback function that will be invoked each time a rate is
-                         * saved by the user when rate shopping in the host application.
-                         */
+                        countryOfOrigin: string;
                         description: string;
                         harmonizedTariffCode: string;
                         ifDeliveryFails: string;
@@ -916,10 +896,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                         fundingSourceMetadata: string;
                         label: string;
                         labels: string;
-                        salesOrder: string; /**
-                         * `printLabelLayout` is a string that represents the label layout you would like to use when
-                         * purchasing a label. e.g. `4x6`
-                         */
+                        salesOrder: string;
                         shipment: string;
                         shipments: string;
                         warehouses: string;

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

@@ -0,0 +1 @@
+export * as ShipmentSummary from "./shipment-summary";

package/src/elements/{view-shipment/view-shipment.d.ts → shipment-summary/shipment-summary.d.ts}

@@ -1,19 +1,18 @@
 /// <reference types="react" />
-import { SE } from "@shipengine/alchemy";
-import { ShipmentFeatures } from "../../components/templates/shipment";
-import { VatSettingsFeatures } from "../../features";
+import { SE } from "@shipengine/react-api";
+import { ShipmentSummaryFeatures } from "../../utilities";
 /**
- * # View Shipment Component Props
+ * # Shipment Summary Component Props
  *
- * - These are the base props that will be passed into the `<ViewShipment />` component.
+ * - These are the base props that will be passed into the `<ShipmentSummary />` component.
  *
- * @see {@link ViewShipment.Component | This prop types usage in the `<ViewShipment />` component}
+ * @see {@link ShipmentSummary.Component | This prop types usage in the `<ShipmentSummary />` component}
  */
 export type ComponentProps = {
     /**
      * `features` is a set of feature flags you would like to enable or disable in this component.
      */
-    features?: ShipmentFeatures & VatSettingsFeatures;
+    features?: ShipmentSummaryFeatures;
     /**
      * `onClickPrintLabel` is a callback function that will be invoked when the user clicks the
      * `Print Label` button.
@@ -35,21 +34,21 @@ export type ComponentProps = {
     shipmentId?: string;
 };
 /**
- * # View Shipment Component
+ * # Shipment Summary Component
  *
- * - The `<ViewShipment />` component is used to for viewing the shipment's tracking number, printing the label that
+ * - The `<ShipmentSummary />` component is used to for viewing the shipment's tracking number, printing the label that
  * was created, and the option to void the label. When a label is voided, you can see a list of the
  * previously voided labels for a given shipment using this component.
  *
- * @param ComponentProps The base props that will be passed into the `<ViewShipment />` component.
+ * @param ComponentProps The base props that will be passed into the `<ShipmentSummary />` component.
  *
- * @returns Element An EmotionJSX.Element that will render the `<ViewShipment />` component
+ * @returns Element An EmotionJSX.Element that will render the `<ShipmentSummary />` component
  * with all the appropriate wrappers.
  *
  * @example
  * You can see how the `<Component />` is used in the `createElement` function call below.
  * ```tsx
- * export const Element = alchemy.createElement(Component, ErrorFallback, {
+ * export const Element = createElement(Component, ErrorFallback, {
  *   css: { height: "100%", maxWidth: "800px", minWidth: "440px", width: "100%" },
  *   resources: { en },
  * });
@@ -57,23 +56,23 @@ export type ComponentProps = {
  *
  * <br />
  *
- * @see {@link ViewShipment.Element | The **Element** created to render `<ViewShipment />`}
+ * @see {@link ShipmentSummary.Element | The **Element** created to render `<ShipmentSummary />`}
  */
 export declare const Component: ({ features, onClickPrintLabel, onClickPurchaseLabel, onClickVoidLabel, shipmentId, }: ComponentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 /**
- * # Registered View Shipment Element
+ * # Registered Shipment Summary Element
  *
- * - This is the registered `<ViewShipment />` element that will be used to render the
- * `<ViewShipment.Element />` component.
+ * - This is the registered `<ShipmentSummary />` element that will be used to render the
+ * `<ShipmentSummary.Element />` component.
  *
  * @param ElementProps The props, callbacks, and resources necessary to render
- * the `<ViewShipment.Element />` component.
+ * the `<ShipmentSummary.Element />` component.
  *
  * @example
- * The `<Component />` is the source JSX that is rendered when you make use of the `ViewShipment`
+ * The `<Component />` is the source JSX that is rendered when you make use of the `ShipmentSummary`
  * Element directly. Here is a brief example of how you would use it within your application.
  * ```tsx
- * <ViewShipment.Element
+ * <ShipmentSummary.Element
  *   onClickPurchaseLabel={({ salesOrderId }) => {
  *     console.log('sales order ID', salesOrderId);
  *   }}
@@ -86,7 +85,7 @@ export declare const Component: ({ features, onClickPrintLabel, onClickPurchaseL
  *
  * <br />
  *
- * @see {@link ViewShipment.ComponentProps | The **props** that can be passed into the `<ViewShipment.Element />` component}
+ * @see {@link ShipmentSummary.ComponentProps | The **props** that can be passed into the `<ShipmentSummary.Element />` component}
  *
  * @see {@link VoidLabel.Element | The next step in the label purchase workflow `<VoidLabel.Element />`}
  **/
@@ -158,9 +157,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     shipDate: string;
                     shipTo: string;
                     warehouse: string;
-                    weight: string; /**
-                     * `features` is a set of feature flags you would like to enable or disable in this component.
-                     */
+                    weight: string;
                     insuredValue: string;
                     deliveryConfirmation: string;
                 };
@@ -168,10 +165,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 multipleShippingServices: string;
                 sections: {
                     labels: string;
-                    shipmentSummary: string; /**
-                     * `onClickVoidLabel` is a callback function that will be invoked when the user clicks the
-                     * `Void Label` button.
-                     */
+                    shipmentSummary: string;
                 };
                 noLabels: string;
             };
@@ -193,7 +187,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     genericText: string;
                 };
             };
-            "shipengine-carriers": {
+            "manage-carriers": {
                 title: string;
                 headers: {
                     accountCarriers: string;
@@ -295,13 +289,12 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     oversize: string;
                     returns: string;
                     notifications: string;
-                    tip: string;
+                    tip: string; /**
+                     * `features` is a set of feature flags you would like to enable or disable in this component.
+                     */
                     duties_and_taxes: string;
                     brokerage_fee: string;
-                    admin_fee: string; /**
-                     * `onClickPrintLabel` is a callback function that will be invoked when the user clicks the
-                     * `Print Label` button.
-                     */
+                    admin_fee: string;
                     adjustment: string;
                     auctane_service_fee: string;
                     product_price: string;
@@ -418,7 +411,13 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     today: string;
                     viewMap: string;
                     otherLocations: string;
-                    noServicePointsForService: string;
+                    noServicePointsForService: 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}
+                     */
                     error: string;
                     paperless: string;
                     localTimeDisclaimer: string;
@@ -517,30 +516,19 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     error: {
                         title: string;
                         message: string;
-                    }; /**
-                     * # View Shipment Component Props
-                     *
-                     * - These are the base props that will be passed into the `<ViewShipment />` component.
-                     *
-                     * @see {@link ViewShipment.Component | This prop types usage in the `<ViewShipment />` component}
-                     */
+                    };
                     isEnabledCTA: string;
                     isEnabled: string;
                     isLoading: string;
                     lowBalancePurchaseThreshold: string;
-                    maximumPurchasesPerDay: string; /**
-                     * `features` is a set of feature flags you would like to enable or disable in this component.
-                     */
+                    maximumPurchasesPerDay: string;
                     purchaseAmount: string;
                     readSettings: string;
                 };
                 addFunds: {
                     custom: string;
                     error: {
-                        title: string; /**
-                         * `onClickPurchaseLabel` is a callback function that will be invoked when the user clicks the
-                         * `Purchase Label` button.
-                         */
+                        title: string;
                         message: string;
                     };
                     isLoading: string;
@@ -709,7 +697,9 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         modified: string;
                         title: string;
                         originalAddress: string;
-                        matchedAddress: string;
+                        matchedAddress: string; /**
+                         * `shipmentId` is the unique identifier for the shipment you wish to view.
+                         */
                         unableToValidate: string;
                         use: {
                             originalAddress: string;
@@ -798,13 +788,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     invalidNameOrCompany: string;
                     parsingFailure: string;
                     incompleteLabelPurchaseRequirements: string;
-                    /**
-                     * # View Shipment Element Props
-                     *
-                     * - These are the base props that will be passed into the `<ViewShipment />` element.
-                     *
-                     * @see {@link ViewShipment.Element | See the full type that `typeof Element` will return}
-                     */
                     shipmentCancelled: string;
                     unableToLoad: {
                         accountSettings: string;
@@ -978,10 +961,10 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
     } | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;
 /**
- * # View Shipment Element Props
+ * # Shipment Summary Element Props
  *
- * - These are the base props that will be passed into the `<ViewShipment />` element.
+ * - These are the base props that will be passed into the `<ShipmentSummary />` element.
  *
- * @see {@link ViewShipment.Element | See the full type that `typeof Element` will return}
+ * @see {@link ShipmentSummary.Element | See the full type that `typeof Element` will return}
  */
 export type ElementProps = React.ComponentProps<typeof Element>;

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

@@ -1,4 +1,4 @@
-import { Shipment, ShipmentStatus } from "@shipengine/alchemy";
+import { Shipment, ShipmentStatus } from "@shipengine/react-api";
 type ShipmentsGridProps = {
     onRowClick?: (data: Shipment) => void;
     shipmentStatus?: ShipmentStatus;
@@ -101,7 +101,7 @@ export declare const Element: ({ resources, ...props }: ShipmentsGridProps & {
                     genericText: string;
                 };
             };
-            "shipengine-carriers": {
+            "manage-carriers": {
                 title: string;
                 headers: {
                     accountCarriers: string;

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

@@ -111,7 +111,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     genericText: string;
                 };
             };
-            "shipengine-carriers": {
+            "manage-carriers": {
                 title: string;
                 headers: {
                     accountCarriers: string;

package/src/elements/transaction-history/index.d.ts

@@ -0,0 +1 @@
+export * as TransactionHistory from "./transaction-history-element";

package/src/elements/{wallet-history/wallet-history-element.d.ts → transaction-history/transaction-history-element.d.ts}

@@ -98,7 +98,7 @@ export declare const Element: ({ resources, ...props }: object & {
                     genericText: string;
                 };
             };
-            "shipengine-carriers": {
+            "manage-carriers": {
                 title: string;
                 headers: {
                     accountCarriers: string;