@shipengine/elements 1.9.0 → 2.1.0

package/src/components/templates/connected-carrier-list/connected-carrier-row/connected-carrier-row.styles.d.ts

@@ -12,19 +12,21 @@ export declare const styles: {
     disconnectCarrierOption: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
     };
-    dropdownOptionList: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        minWidth: number;
-    };
-    iconButton: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        "&:hover": {
-            backgroundColor: "transparent !important";
-            color: `${string} !important`;
-        };
-        backgroundColor: "transparent";
-        border: number;
+    disconnectTitle: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
         color: string;
-        cursor: "pointer";
-        padding: number;
+        display: "flex";
+        gap: number;
+    };
+    dropdownContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        display: "flex";
+        flexDirection: "column";
+        gap: number;
+        padding: string;
+    };
+    iconButton: {
+        padding: string;
+        verticalAlign: string;
     };
     logoContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
@@ -37,6 +39,11 @@ export declare const styles: {
         display: "flex";
         flexDirection: "column";
     };
+    rightContentContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        display: "flex";
+        gap: number;
+    };
     rowContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         display: "flex";

package/src/components/templates/index.d.ts

@@ -5,7 +5,7 @@ export * from "./address-parser";
 export * from "./address-preference-display";
 export * from "./address-preference-select";
 export * from "./label";
-export * from "../../features/shipengine-carriers";
+export * from "../../features/manage-carriers";
 export * from "./product-form";
 export * from "./rate-form";
 export * from "./shipment-form";

package/src/components/templates/label/label.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 export type LabelProps = {
     label: SE.Label & {
         carrier?: SE.Carrier;

package/src/components/templates/product-form/product-form.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 export type ProductFormProps<T = undefined> = {
     currency: SE.Currency;
     expectedCurrency?: SE.Currency;

package/src/components/templates/products-display/products-display.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 type ProductsDisplayProps = {
     currency: SE.Currency;
     onUpdate: (products: SE.Product[]) => Promise<void>;

package/src/components/templates/products-display/products-display.styles.d.ts

@@ -1,10 +1,10 @@
 export declare const styles: {
-    actions: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+    actions: () => {
         background: string;
         display: "flex";
         flexDirection: "column";
     };
-    actionsButton: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+    actionsButton: () => {
         padding: string;
         verticalAlign: string;
     };
@@ -21,7 +21,10 @@ export declare const styles: {
         fontWeight: number;
         paddingLeft: string;
     };
-    header: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+    form: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        marginBottom: number;
+    };
+    header: () => {
         "& > tr > th": {
             "&:after": {
                 borderBottom: string;
@@ -82,12 +85,17 @@ export declare const styles: {
         textAlign: "right";
         width: number;
     };
+    section: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        marginBottom: number;
+        width: string;
+    };
     subtitle: () => {
         letterSpacing: string;
     };
-    table: () => {
+    table: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         border: string;
         borderRadius: string;
         boxShadow: "none";
+        marginBottom: number;
     };
 };

package/src/components/templates/rate-form/rate-form.d.ts

@@ -1,8 +1,7 @@
-import { SE } from "@shipengine/alchemy";
-import { ConfigureShipmentFeatures } from "../../../elements/purchase-label/configure-shipment";
-import { VatSettingsFeatures } from "../../../features";
+import { SE } from "@shipengine/react-api";
 import { ServicePointSearchQuery } from "../../../hooks";
 import { PreferredRatesResponse } from "../../../types";
+import { RateFormFeatures } from "../../../utilities";
 export type RateFormProps = {
     carriers?: SE.Carrier[];
     currency: SE.Currency;
@@ -11,7 +10,7 @@ export type RateFormProps = {
     displayableSaveRateErrors?: string[];
     displayableShipmentErrors?: string[];
     errors?: SE.CodedError[];
-    features?: ConfigureShipmentFeatures & VatSettingsFeatures;
+    features?: RateFormFeatures;
     fetchServicePoints: (searchQuery: string) => void;
     isLoading?: boolean;
     labelErrors?: string[];

package/src/components/templates/shipment/shipment.d.ts

@@ -1,17 +1,9 @@
-import { SE } from "@shipengine/alchemy";
-import { VatSettingsFeatures } from "../../../features";
+import { SE } from "@shipengine/react-api";
+import { ShipmentSummaryFeatures } from "../../../utilities";
 export declare const schedulePickupForCarrier: (carrierCode?: string, plaftformSchedulePickupUrl?: string) => string | undefined;
-export type ShipmentFeatures = {
-    presentation?: {
-        poweredByShipEngine?: boolean;
-    };
-    shipment?: {
-        schedulePickup?: boolean;
-    };
-};
 export type ShipmentProps = {
     carriers?: SE.Carrier[];
-    features?: ShipmentFeatures & VatSettingsFeatures;
+    features?: ShipmentSummaryFeatures;
     labels?: SE.Label[];
     onClickPrintLabel?: () => void;
     onClickPurchaseLabel?: (order: SE.SalesOrder) => void;

package/src/components/templates/shipment-form/sections/customs-forms/components/index.d.ts

@@ -0,0 +1,2 @@
+export { TaxIds } from "./tax-ids";
+export type { TaxIdFormSchema } from "./tax-ids";

package/src/components/templates/shipment-form/sections/customs-forms/components/tax-ids/form/index.d.ts

@@ -0,0 +1,3 @@
+export { getTaxIdSchema } from "./schema";
+export { entityTypeOptions, taxIdTypesOptions } from "./values";
+export type { TaxIdFormSchema } from "./schema";

package/src/components/templates/shipment-form/sections/customs-forms/components/tax-ids/form/schema.d.ts

@@ -0,0 +1,38 @@
+import { z } from "zod";
+import { SE } from "@shipengine/react-api";
+export type TaxIdFormSchema = {
+    entityType: SE.TaxableEntityType;
+    issuingAuthority: string;
+    tax: {
+        type: SE.TaxableIdentifierType;
+        value: string;
+    };
+};
+export declare const getTaxIdSchema: () => z.ZodObject<{
+    entityType: z.ZodString;
+    issuingAuthority: z.ZodString;
+    tax: z.ZodObject<{
+        type: z.ZodString;
+        value: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        value: string;
+        type: string;
+    }, {
+        value: string;
+        type: string;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    entityType: string;
+    issuingAuthority: string;
+    tax: {
+        value: string;
+        type: string;
+    };
+}, {
+    entityType: string;
+    issuingAuthority: string;
+    tax: {
+        value: string;
+        type: string;
+    };
+}>;

package/src/components/templates/shipment-form/sections/customs-forms/components/tax-ids/form/values.d.ts

@@ -0,0 +1,12 @@
+import { SE } from "@shipengine/react-api";
+type TaxIdTypeOption = {
+    label: string;
+    value: SE.TaxableIdentifierType;
+};
+type EntityTypeOption = {
+    label: string;
+    value: SE.TaxableEntityType;
+};
+export declare const taxIdTypesOptions: TaxIdTypeOption[];
+export declare const entityTypeOptions: EntityTypeOption[];
+export {};

package/src/components/templates/shipment-form/sections/customs-forms/components/tax-ids/index.d.ts

@@ -0,0 +1,2 @@
+export { TaxIds } from "./tax-ids";
+export type { TaxIdFormSchema } from "./form";

package/src/components/templates/shipment-form/sections/customs-forms/components/tax-ids/tax-id-form.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { SE } from "@shipengine/react-api";
+import { TaxIdFormSchema } from "./form";
+export declare const FormID = "tax-id-form";
+type TaxIdFormProps = {
+    onCancel?: () => void;
+    onSubmit: (values: TaxIdFormSchema) => void;
+    taxIdToEdit?: SE.TaxIdentifier;
+} & ({
+    formId: string;
+    portalRef: React.RefObject<HTMLElement>;
+} | {
+    formId?: string;
+    portalRef?: never;
+});
+export declare const TaxIdForm: ({ portalRef, taxIdToEdit, onSubmit, onCancel }: TaxIdFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/src/components/templates/shipment-form/sections/customs-forms/components/tax-ids/tax-id-list.d.ts

@@ -0,0 +1,12 @@
+import { SE } from "@shipengine/react-api";
+import { Actions } from "../../../../../../../components";
+type TaxIdListProps = {
+    /** Callback when the user selects one option from the Actions Menu */
+    handleActionsClick: (selectedIndex: number) => (action: Actions) => Promise<void>;
+    /** Flag to set the ActionsMenu as loading of the desired index */
+    itemIndexLoading?: number;
+    /** List of SE.TaxIdentifier to render */
+    taxIdItems: SE.TaxIdentifier[];
+};
+export declare const TaxIdList: ({ taxIdItems, itemIndexLoading, handleActionsClick }: TaxIdListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/src/components/templates/shipment-form/sections/customs-forms/components/tax-ids/tax-ids.d.ts

@@ -0,0 +1,8 @@
+import { SE } from "@shipengine/react-api";
+type TaxIdsProps = {
+    onDirty: () => void;
+    onUpdateTaxableIds?: (taxIds: SE.TaxIdentifier[], onError: (errors: SE.CodedError[]) => void) => Promise<SE.SalesOrderShipment>;
+    shipment: SE.SalesOrderShipment;
+};
+export declare const TaxIds: ({ shipment, onUpdateTaxableIds, onDirty }: TaxIdsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/src/components/templates/shipment-form/sections/customs-forms/components/tax-ids/tax-ids.styles.d.ts

@@ -0,0 +1,70 @@
+export declare const styles: {
+    addTaxIdLink: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignSelf: "end";
+        fontWeight: number;
+    };
+    addTaxIdLinkOpened: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        ":hover": {
+            color: string;
+        };
+        color: string;
+    };
+    addTaxIdTitleWrapper: () => {
+        alignItems: "center";
+        display: "flex";
+    };
+    iconTooltip: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        marginLeft: number;
+    };
+    section: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        marginBottom: number;
+    };
+    taxIdFormSection: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
+        padding: number;
+    };
+    taxIdList: () => {
+        listStyle: "none";
+    };
+    taxIdListItem: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        ":first-of-type:nth-last-child(n+2)": {
+            borderBottomLeftRadius: number;
+            borderBottomRightRadius: number;
+        };
+        ":not(:first-of-type)": {
+            borderTop: number;
+            borderTopLeftRadius: number;
+            borderTopRightRadius: number;
+        };
+        ":not(:first-of-type):not(:last-child)": {
+            borderBottomLeftRadius: number;
+            borderBottomRightRadius: number;
+        };
+        border: string;
+        borderRadius: string;
+        display: "flex";
+        justifyContent: "space-between";
+        padding: number;
+    };
+    taxIdListItemAuthorityTag: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        marginRight: number;
+    };
+    taxIdListItemAuthorityText: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+    };
+    taxIdListItemAuthorityWrapper: () => {
+        alignItems: "center";
+        display: "flex";
+    };
+    taxIdListItemIdentifier: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        marginRight: number;
+    };
+    tooltipContainer: () => {
+        textAlign: "left";
+        width: number;
+    };
+    tooltipList: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        paddingLeft: number;
+    };
+};

package/src/components/templates/shipment-form/sections/customs-forms/customs-forms.d.ts

@@ -0,0 +1,10 @@
+import { UseFormReturn } from "react-hook-form";
+import { SE } from "@shipengine/react-api";
+import { ShipmentFormProps } from "../../shipment-form";
+import { ShipmentFormFields } from "../../shipment-schema";
+type CustomsFormsProps = {
+    form: UseFormReturn<ShipmentFormFields>;
+    shipment: SE.SalesOrderShipment;
+} & Pick<ShipmentFormProps, "currency" | "onDirty" | "onUpdateCustoms" | "onUpdateTaxableIds">;
+export declare const CustomsForms: ({ form, currency, onUpdateCustoms, onUpdateTaxableIds, shipment, onDirty, }: CustomsFormsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/src/components/templates/shipment-form/sections/customs-forms/index.d.ts

@@ -0,0 +1 @@
+export { CustomsForms } from "./customs-forms";

package/src/components/templates/shipment-form/sections/index.d.ts

@@ -0,0 +1 @@
+export { CustomsForms } from "./customs-forms";

package/src/components/templates/shipment-form/shipment-form.d.ts

@@ -1,21 +1,14 @@
 import React from "react";
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 import { UseShippingPresetsOptionsProps } from "../../../hooks";
 import { ShippingPreset } from "../../../types";
+import { ShipmentFormFeatures } from "../../../utilities";
 import { AddressParserPayload } from "../address-parser";
 import { AddressPreference, AddressPreferenceDisplayProps } from "../address-preference-display";
 export type OnChangeAddressOptions = {
     shouldValidate?: boolean;
 };
 export type ShipmentFormMode = "browse_rates" | "select_service";
-export type ShipmentFormFeatures = {
-    addOns?: boolean;
-    browseRates?: boolean;
-    includeShipsuranceInsurance?: boolean;
-    includeThirdPartyInsurance?: boolean;
-    selectService?: boolean;
-    shippingPresets?: boolean;
-};
 export type ShipmentFormProps = {
     accountSettings?: SE.AccountSettings;
     addressLoading: boolean;
@@ -42,6 +35,7 @@ export type ShipmentFormProps = {
     onSubmitParseShipTo: (payload: AddressParserPayload) => Promise<SE.AddressExtraction | undefined>;
     onToggleAddressPreferenceDisclosure?: AddressPreferenceDisplayProps["onToggleDisclosure"];
     onUpdateCustoms?: (customs: SE.Customs, products: SE.Product[]) => Promise<SE.SalesOrderShipment | undefined>;
+    onUpdateTaxableIds?: (taxIds: SE.TaxIdentifier[], onError: (errors: SE.CodedError[]) => void) => Promise<SE.SalesOrderShipment>;
     parseAddressErrors?: SE.CodedError[];
     resetParseAddress?: () => void;
     salesOrder?: SE.SalesOrder;
@@ -55,4 +49,4 @@ export type CharsetWarning = {
     message: string;
     title?: string;
 };
-export declare const ShipmentForm: ({ accountSettings, addressLoading, addressPreference, charsetWarning, carriers, customPackageTypes, currency, features, hydrateRef, insuranceAccount, isLoading, onApplyPreset, onChangeAddress, onChangeMode, onChangeWarehouse, onDirty, onSubmit, onSubmitParseShipTo, onToggleAddressPreferenceDisclosure, onUpdateCustoms, parseAddressErrors, resetParseAddress, salesOrder, shipment, shippingPresets, warehouseId, warehouses, }: ShipmentFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ShipmentForm: ({ accountSettings, addressLoading, addressPreference, charsetWarning, carriers, customPackageTypes, currency, features, hydrateRef, insuranceAccount, isLoading, onApplyPreset, onChangeAddress, onChangeMode, onChangeWarehouse, onDirty, onSubmit, onSubmitParseShipTo, onToggleAddressPreferenceDisclosure, onUpdateCustoms, onUpdateTaxableIds, parseAddressErrors, resetParseAddress, salesOrder, shipment, shippingPresets, warehouseId, warehouses, }: ShipmentFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/templates/shipment-form/shipment-form.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const styles: {
+    header: {
+        textAlign: "left";
+    };
+    well: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
+        padding: number;
+    };
+};

package/src/components/templates/shipment-form/shipment-schema.d.ts

@@ -1,5 +1,5 @@
 import { z } from "zod";
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 type GetShipmentSchemaOptions = {
     dimensionsUnit?: SE.DimensionUnit;
     isContentDescriptionRequired?: boolean;

package/src/components/templates/suspend-sales-order/suspend-sales-order.d.ts

@@ -1,5 +1,5 @@
-import { SE } from "@shipengine/alchemy";
 import { WithChildrenCommonProps } from "@shipengine/giger";
+import { SE } from "@shipengine/react-api";
 export type SuspendSalesOrderProps = WithChildrenCommonProps<{
     errors?: SE.CodedError[];
     isLoading?: boolean;

package/src/components/templates/suspend-shipment/suspend-shipment.d.ts

@@ -1,5 +1,5 @@
-import { SE } from "@shipengine/alchemy";
 import { WithChildrenCommonProps } from "@shipengine/giger";
+import { SE } from "@shipengine/react-api";
 export type SuspendShipmentProps = WithChildrenCommonProps<{
     errors?: SE.CodedError[];
     isLoading?: boolean;

package/src/components/templates/wallet-form/edit-wallet-address-form.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 import { BillingAddressPayload } from "./wallet-schema";
 export type EditWalletAddressFormProps<T = undefined> = {
     address?: SE.Address;

package/src/components/templates/wallet-form/wallet-form.d.ts

@@ -1,5 +1,4 @@
-import { SE } from "@shipengine/alchemy";
-import { VatSettingsFeatures } from "../../../features";
+import { SE } from "@shipengine/react-api";
 export type WalletFormFeatures = {};
 export type WalletPayload = {
     address: SE.Address;
@@ -9,7 +8,6 @@ export type WalletPayload = {
 export type WalletFormProps = {
     address: SE.Address;
     errors?: SE.CodedError[] | null;
-    features?: VatSettingsFeatures;
     onSubmit: (payload: WalletPayload) => Promise<void>;
 };
-export declare const WalletForm: ({ address, errors, onSubmit, features }: WalletFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WalletForm: ({ address, errors, onSubmit }: WalletFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/templates/wallet-form/wallet-schema.d.ts

@@ -1,5 +1,5 @@
 import { z } from "zod";
-import { Provider } from "@shipengine/alchemy";
+import { Provider } from "@shipengine/react-api";
 export declare const walletEmailSchemas: {
     emailOptional: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
     emailRequired: z.ZodString;

package/src/components/wallet-card/wallet-card.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/alchemy";
+import { SE } from "@shipengine/react-api";
 export type WalletCardProps = {
     fundingSource?: SE.FundingSource;
     onEdit: () => void;

package/src/components/warehouse-form/warehouse-form.d.ts

@@ -1,6 +1,7 @@
-import { SE } from "@shipengine/alchemy";
+/// <reference types="react" />
+import { SE } from "@shipengine/react-api";
 export type WarehousePayload = Partial<SE.Warehouse> & Pick<SE.Warehouse, "name" | "originAddress" | "isDefault">;
-export type WarehouseFormProps = {
+export type WarehouseFormProps<T = undefined> = {
     onCancel?: () => void;
     onDelete?: () => void;
     onSubmit: (payload: WarehousePayload) => void;
@@ -8,5 +9,11 @@ export type WarehouseFormProps = {
     submitButtonTitle: string;
     useStrictSchema?: boolean;
     warehouse?: SE.Warehouse | Pick<SE.Warehouse, "name" | "isDefault" | "originAddress" | "returnAddress">;
-};
-export declare const WarehouseForm: ({ onCancel, onDelete, onSubmit, submitButtonTitle, warehouse, shouldForceDefault, useStrictSchema, }: WarehouseFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+} & ({
+    formId: string;
+    portalRef: React.RefObject<T>;
+} | {
+    formId?: string;
+    portalRef?: never;
+});
+export declare const WarehouseForm: <T extends Element>({ onCancel, formId, onDelete, onSubmit, portalRef, submitButtonTitle, warehouse, shouldForceDefault, useStrictSchema, }: WarehouseFormProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/zero-state/zero-state.d.ts

@@ -0,0 +1,6 @@
+import { LinkActionProps } from "../link-action";
+export type ZeroStateProps = {
+    description?: string;
+    showLinkAction?: LinkActionProps;
+};
+export declare const ZeroState: ({ description, showLinkAction }: ZeroStateProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/zero-state/zero-state.styles.d.ts

@@ -0,0 +1,14 @@
+export declare const styles: {
+    container: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        borderColor: string;
+        borderRadius: string;
+        borderStyle: "dashed";
+        borderWidth: string;
+        display: "flex";
+        flexDirection: "column";
+        gap: number;
+        padding: string;
+        textAlign: "center";
+    };
+};

package/src/create-element/create-element.d.ts

@@ -0,0 +1,10 @@
+import { Theme } from "@emotion/react";
+import { Interpolation } from "@emotion/serialize";
+import { ElementComponent, ElementFallbackComponent, TranslationResources } from "./element";
+export interface CreateElementOptions<T extends TranslationResources> {
+    css?: Interpolation<Theme>;
+    resources?: T;
+}
+export declare const createElement: <P extends object, T extends TranslationResources<import("./element").TranslationNamespaces>>(Component: ElementComponent<P>, fallback: ElementFallbackComponent, options?: CreateElementOptions<T> | undefined) => ({ resources, ...props }: P & {
+    resources?: T | undefined;
+}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/src/create-element/element/element.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { WithConditionalCSSProp } from "@emotion/react/types/jsx-namespace";
+import { TranslationResources } from "./hooks";
+export type ElementComponentProps = object & WithConditionalCSSProp<object>;
+export type ElementComponent<P extends ElementComponentProps> = React.ComponentType<P>;
+export type ElementFallbackComponentProps = {
+    error: Error;
+};
+export type ElementFallbackComponent = React.ComponentType<ElementFallbackComponentProps>;
+export interface ElementProps {
+    children: React.ReactElement<ElementComponentProps>;
+    className?: string;
+    fallback: ElementFallbackComponent;
+    resources?: TranslationResources;
+}
+export declare const Element: ({ children, className, fallback: FallbackComponent, resources, }: ElementProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;

package/src/create-element/element/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from "./use-i18n";

package/src/create-element/element/hooks/use-i18n.d.ts

@@ -0,0 +1,12 @@
+export type TranslationNamespaces = {
+    [key: string]: Record<string, any>;
+    common: Record<string, any>;
+};
+export type TranslationResources<Namespaces = TranslationNamespaces> = {
+    [key: string]: Namespaces;
+    en: Namespaces;
+};
+export interface UseI18nProps {
+    resources?: TranslationResources;
+}
+export declare const useI18n: ({ resources }: UseI18nProps) => import("i18next").i18n;

package/src/create-element/element/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./element";
+export * from "./hooks";
+export * from "./utils";

package/src/create-element/element/utils/get-emotion-cache.d.ts

@@ -0,0 +1,2 @@
+import { EmotionCache } from "@emotion/react";
+export declare const getEmotionCache: (scope: string, container?: HTMLElement) => EmotionCache;

package/src/create-element/element/utils/index.d.ts

@@ -0,0 +1 @@
+export * from "./get-emotion-cache";

package/src/create-element/error-boundary/error-boundary.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+import { ElementsErrorHandler } from "../../elements-provider";
+export interface ErrorProps {
+    error: Error;
+}
+export type ErrorBoundaryProps = {
+    children: React.ReactNode;
+    fallback: React.ComponentType<{
+        error: Error;
+    }>;
+    onError: ElementsErrorHandler;
+};
+type ErrorBoundaryState = {
+    error?: Error;
+};
+declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    componentDidCatch(error: Error, context: React.ErrorInfo): void;
+    render(): string | number | boolean | React.ReactFragment | import("@emotion/react/jsx-runtime").JSX.Element | null | undefined;
+}
+export { ErrorBoundary };

package/src/create-element/error-boundary/index.d.ts

@@ -0,0 +1 @@
+export * from "./error-boundary";

package/src/create-element/index.d.ts

@@ -0,0 +1 @@
+export * from "./create-element";

package/src/elements/index.d.ts

@@ -1,15 +1,16 @@
-export * from "./shipengine-carriers";
+export * from "./manage-carriers";
 export * from "./manage-warehouses";
 export * from "./purchase-label";
-export * from "./external-carriers";
+export * from "./manage-external-carriers";
 export * from "./labels-grid";
 export * from "./shipments-grid";
 export * from "./theme-creator";
-export * from "./view-shipment";
+export * from "./shipment-summary";
 export * from "./void-label";
 export * from "./unit-settings";
 export * from "./manage-funding";
 export * from "./label-layout";
 export * from "./payment-method-settings";
 export * from "./label-layout";
-export * from "../workflows/manage-wallet-workflow";
+export * from "../workflows/carrier-services";
+export * from "./transaction-history";