@shipengine/elements 2.23.0 → 2.25.0

package/types/src/components/address-preference-context/address-preference-context.d.ts

@@ -1,57 +0,0 @@
-import { RegisterFundingSourceCarrierPayload } from "../../features/manage-carriers/register-funding-source-carrier-form";
-import { ReactNode } from "react";
-import { SE } from "@shipengine/js-api";
-import { AddressValidationPreference } from "../address-preference-select";
-import { WalletPayload } from "../forms/wallet-form";
-import { WarehousePayload } from "../forms/warehouse-form";
-type WarehouseData = Pick<WarehousePayload, "name" | "isDefault" | "warehouseId">;
-type WalletData = {
-    creditCard: WalletPayload["creditCard"];
-    iovationBlackbox: WalletPayload["iovationBlackbox"];
-};
-type WalletUpdateData = Omit<WalletData, "iovationBlackbox"> & Partial<Pick<WalletData, "iovationBlackbox">>;
-type RegisterFundingSourceCarrierData = {
-    agreeToTerms: RegisterFundingSourceCarrierPayload["agreeToTerms"];
-};
-type InternalValidateAddressPayload = {
-    addresses: {
-        originAddress: SE.Address;
-        returnAddress?: SE.Address | undefined;
-    };
-    data?: WarehouseData | WalletData | WalletUpdateData | RegisterFundingSourceCarrierData;
-    onValid: (payload: {
-        originAddress: SE.Address;
-        returnAddress?: SE.Address;
-    }) => void;
-};
-export type ValidationPreference = {
-    originAddress: AddressValidationPreference;
-    returnAddress?: AddressValidationPreference;
-};
-export type AddressPreferenceProviderProps = {
-    children: ReactNode;
-    className?: string;
-    formHeader?: React.ReactNode;
-    onSubmit: (payload: {
-        originAddress: SE.Address;
-        passengerData: InternalValidateAddressPayload["data"];
-        returnAddress?: SE.Address | undefined;
-    }) => Promise<void> | void;
-    userInput?: {
-        originAddress: SE.Address;
-        returnAddress?: SE.Address | undefined;
-    };
-};
-export type AddressPreferenceValue = {
-    data: InternalValidateAddressPayload["data"];
-    userInput?: {
-        originAddress: SE.Address;
-        returnAddress?: SE.Address | undefined;
-    };
-    validateAddress: (payload: InternalValidateAddressPayload) => Promise<void>;
-    validationPreference?: ValidationPreference;
-};
-export declare const AddressPreferenceContext: import("react").Context<AddressPreferenceValue | undefined>;
-export declare const AddressPreferenceProvider: (props: AddressPreferenceProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const useAddressPreference: () => AddressPreferenceValue;
-export {};

package/types/src/components/address-preference-context/index.d.ts

@@ -1 +0,0 @@
-export * from "./address-preference-context";

package/types/src/components/address-preference-display/address-preference-display.d.ts

@@ -1,16 +0,0 @@
-import { SE } from "@shipengine/react-api";
-export type AddressPreference = SE.AddressValidation & {
-    alternative?: SE.Address;
-    alternativeSource: "originalAddress" | "matchedAddress";
-    isModified: boolean;
-    selection: SE.ShippingAddressTo;
-    selectionSource: "originalAddress" | "matchedAddress";
-    toggle: () => SE.Address;
-};
-export type AddressPreferenceDisplayProps = {
-    addressPreference: AddressPreference;
-    onChangePreference?: (selectedAddress: SE.Address) => Promise<void>;
-    onEditAddress?: () => void;
-    onToggleDisclosure?: (isOpen: boolean, addressPreference: AddressPreference) => void;
-};
-export declare const AddressPreferenceDisplay: ({ addressPreference, onChangePreference, onEditAddress, onToggleDisclosure, }: AddressPreferenceDisplayProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/components/address-preference-display/index.d.ts

@@ -1 +0,0 @@
-export * from "./address-preference-display";

package/types/src/components/address-preference-select/address-preference-select.d.ts

@@ -1,24 +0,0 @@
-import { SE } from "@shipengine/react-api";
-export type AddressSuggested = {
-    validation: SE.AddressValidation;
-    validationType: "SUGGESTED";
-};
-export type AddressError = {
-    validation: SE.AddressValidation;
-    validationType: "ERROR";
-};
-export type AddressExactOrSoft = {
-    address: SE.Address;
-    validationType: "EXACT" | "SOFT";
-};
-export type AddressValidationPreference = AddressSuggested | AddressError | AddressExactOrSoft;
-export type AddressPreferenceSelectProps = {
-    onCancel: () => void;
-    onSubmit: (payload: {
-        originAddress: SE.Address;
-        returnAddress?: SE.Address;
-    }) => Promise<void> | void;
-    originAddress: AddressValidationPreference;
-    returnAddress?: AddressValidationPreference;
-};
-export declare const AddressPreferenceSelect: ({ onCancel, onSubmit, originAddress, returnAddress, }: AddressPreferenceSelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/components/address-preference-select/index.d.ts

@@ -1 +0,0 @@
-export * from "./address-preference-select";

package/types/src/components/button-group/button-group.d.ts

@@ -1,39 +0,0 @@
-import * as React from "react";
-import { Theme } from "@shipengine/giger-theme";
-/**
- * @internal
- *
- * # Button Group Props
- *
- * - These are the base props that will be passed  into the `<ButtonGroup />` component.
- *
- * @see {@link ButtonGroup | This prop types usage in the `<ButtonGroup />` component}
- */
-export type ButtonGroupProps = {
-    /** `breakpoint` is the optional breakpoint that will be used to determine when the buttons should be arranged in a specific way. */
-    breakpoint?: keyof Theme["breakPoints"];
-    /**
-     * `children` is the list of buttons you wish to group together.
-     */
-    children: React.ReactNode;
-    /**
-     * `justify` is the optional alignment of the buttons within the group.
-     */
-    justify?: "start" | "center" | "end";
-    /**
-     * `toolbar` is an optional boolean that will be used to determine if the buttons should be
-     * arranged in an optional way to display in a toolbar.
-     */
-    toolbar?: boolean;
-} & React.ComponentPropsWithoutRef<"div">;
-/**
- * @internal
- *
- * # Button Group Component
- *
- * - The `<ButtonGroup />` is a composition component used to group buttons together that are
- * passed in as children.
- *
- * @see {@link ButtonGroupProps | The props that are passed into the `<ButtonGroup />` component}
- */
-export declare const ButtonGroup: ({ children, justify, toolbar, breakpoint, ...props }: ButtonGroupProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/components/button-group/index.d.ts

@@ -1 +0,0 @@
-export * from "./button-group";

package/types/src/components/carrier-balance/carrier-balance.d.ts

@@ -1,27 +0,0 @@
-import { Currency } from "@shipengine/react-api";
-/**
- * @internal
- *
- * # Carrier Balance Props
- *
- * @see {@link CarrierBalance | The `<CarrierBalance />` component}
- */
-export type CarrierBalanceProps = {
-    /**
-     * `balance` is the current balance for the carrier if there is one.
-     */
-    balance?: number;
-    currency: Currency;
-    isLoading?: boolean;
-};
-/**
- * @internal
- *
- * # Carrier Balance
- *
- * - The `<CarrierBalance />` component is used to display the current balance for a given
- * carrier provider.
- *
- * @see {@link CarrierBalanceProps | The props for the `<CarrierBalance />` component}
- */
-export declare const CarrierBalance: ({ balance, isLoading, currency }: CarrierBalanceProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/components/carrier-balance/carrier-balance.styles.d.ts

@@ -1,5 +0,0 @@
-export declare const styles: {
-    getBalanceText: (balance?: number) => (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        color: string;
-    };
-};

package/types/src/components/carrier-balance/index.d.ts

@@ -1 +0,0 @@
-export * from "./carrier-balance";

package/types/src/components/carrier-connection-card/carrier-connection-card.d.ts

@@ -1,11 +0,0 @@
-import { WithCommonProps } from "@shipengine/giger";
-export type CarrierConnectionMetadata = {
-    carrierName: string;
-    description: string;
-    iconUrl: string;
-    name: string;
-};
-export type CarrierConnectionCardProps = CarrierConnectionMetadata & WithCommonProps<{
-    onClick?: (carrierName: string) => void;
-}>;
-export declare const CarrierConnectionCard: ({ carrierName, className, iconUrl, name, onClick, }: CarrierConnectionCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/components/carrier-connection-card/carrier-connection-card.styles.d.ts

@@ -1,35 +0,0 @@
-export declare const styles: {
-    article: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        ":hover": {
-            borderColor: string;
-        };
-        alignItems: "center";
-        border: string;
-        borderRadius: number;
-        cursor: "pointer";
-        display: "flex";
-        flexDirection: "row";
-        flexWrap: "nowrap";
-        paddingBottom: number;
-        paddingLeft: number;
-        paddingRight: number;
-        paddingTop: number;
-        position: "relative";
-    };
-    carrierLogo: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        flex: string;
-        marginRight: number;
-        maxHeight: string;
-        width: string;
-    };
-    carrierName: () => {
-        display: "block";
-        flex: string;
-    };
-    spacer: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        display: "block";
-        flex: string;
-        height: string;
-        position: "relative";
-    };
-};

package/types/src/components/carrier-connection-card/index.d.ts

@@ -1 +0,0 @@
-export * from "./carrier-connection-card";

package/types/src/components/carrier-icon/carrier-icon.d.ts

@@ -1,13 +0,0 @@
-import { IconSize } from "@shipengine/giger";
-export declare const styles: {
-    getIconSize: (size: IconSize) => (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        height: string;
-        width: string;
-    };
-};
-export type CarrierIconProps = {
-    carrierCode: string;
-    carrierName?: string;
-    size?: IconSize;
-};
-export declare const CarrierIcon: ({ carrierCode, carrierName, size, }: CarrierIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/components/carrier-icon/index.d.ts

@@ -1 +0,0 @@
-export * from "./carrier-icon";

package/types/src/components/carrier-logo/carrier-logo.d.ts

@@ -1,12 +0,0 @@
-declare const sizes: {
-    md: number;
-    lg: number;
-    xl: number;
-};
-export type CarrierLogoProps = {
-    carrierCode: string;
-    carrierName: string;
-    size?: keyof typeof sizes;
-};
-export declare const CarrierLogo: ({ carrierCode, carrierName, size }: CarrierLogoProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
-export {};

package/types/src/components/carrier-logo/index.d.ts

@@ -1 +0,0 @@
-export * from "./carrier-logo";

package/types/src/components/cc-provider-logo/cc-provider-logo.d.ts

@@ -1,7 +0,0 @@
-import { Provider } from "@shipengine/js-api";
-type CcProviderLogoProps = {
-    provider?: Provider;
-    width?: number;
-};
-export declare const CcProviderLogo: ({ provider, width }: CcProviderLogoProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/types/src/components/cc-provider-logo/index.d.ts

@@ -1 +0,0 @@
-export * from "./cc-provider-logo";

package/types/src/components/collapsible-panel/collapsible-panel.d.ts

@@ -1,60 +0,0 @@
-import { WithChildrenCommonProps } from "@shipengine/giger";
-import { SE } from "@shipengine/react-api";
-/**
- * @internal
- *
- * # Collapsible Panel Props
- *
- * @see {@link CollapsiblePanel | This prop types usage in the `<CollapsiblePanel />` component}
- */
-export type CollapsiblePanelProps = WithChildrenCommonProps<{
-    /**
-     * `errors` is an optional array of ShipEngine errors that will be displayed in
-     * the `<SaveStatus />`.
-     */
-    errors?: SE.CodedError[] | null;
-    /**
-     * `initialExpanded` is an optional boolean that will be used to determine if the panel
-     * should be expanded or collapsed by default.
-     */
-    initialExpanded?: boolean;
-    /**
-     * `isSaving` is an optional boolean that will be used to determine if the panel
-     * should display a bust state while work is being done.
-     */
-    isSaving?: boolean;
-    /**
-     * `nested` is an optional boolean that will be used to determine if the panel is nested
-     * within another panel and therfore should have a different background color and padding.
-     */
-    nested?: boolean;
-    statusSettings?: {
-        fail?: {
-            disabled?: boolean;
-            message?: string;
-        };
-        loading?: {
-            disabled?: boolean;
-            message?: string;
-        };
-        success?: {
-            disabled?: boolean;
-            message?: string;
-        };
-    };
-    /**
-     * `title` is an optional string that will be used to display the title of the panel.
-     */
-    title?: string;
-}>;
-/**
- * @internal
- *
- * # Collapsible Panel Component
- *
- * - The `<CollapsiblePanel />` composition component is used to group content together that can
- * be expanded or collapsed.
- *
- * @see {@link CollapsiblePanelProps | The props that are passed into the `<CollapsiblePanel />` component}
- */
-export declare const CollapsiblePanel: ({ errors, initialExpanded, isSaving, nested, children, title, statusSettings, }: CollapsiblePanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/components/collapsible-panel/collapsible-panel.styles.d.ts

@@ -1,20 +0,0 @@
-export declare const styles: {
-    button: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        alignItems: "center";
-        backgroundColor: "transparent";
-        color: string;
-        display: "flex";
-        fontWeight: number;
-        justifyContent: "space-between";
-        padding: number;
-        width: string;
-    };
-    getContentStyles: (nested?: boolean) => (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        padding: number;
-    };
-    getHeaderStyles: (nested?: boolean) => (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        backgroundColor: string;
-        display: "flex";
-        padding: string;
-    };
-};

package/types/src/components/collapsible-panel/index.d.ts

@@ -1 +0,0 @@
-export * from "./collapsible-panel";

package/types/src/components/copy/copy-button.d.ts

@@ -1,11 +0,0 @@
-/**
- * @internal
- *
- * # Copy Button
- *
- * A copy button that copies the content to the users' clipboard and displays a
- * checkmark on click.
- */
-export declare const CopyButton: ({ content }: {
-    content: string;
-}) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/components/copy/index.d.ts

@@ -1 +0,0 @@
-export * from "./copy-button";

package/types/src/components/cube/cube.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-/**
- * @internal
- *
- * # Cube Props
- *
- * @see {@link Cube | The `<Cube />` component}
- */
-export type CubePropTypes = {
-    animate?: boolean;
-} & React.ComponentPropsWithoutRef<"div">;
-/**
- * @internal
- *
- * # Cube Component
- *
- * - This is a spinning cube that is used to display a loading state.
- *
- * @see {@link CubePropTypes | The props that are passed into the `<Cube />` component}
- */
-export declare const Cube: ({ animate, ...props }: CubePropTypes) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/components/cube/index.d.ts

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

package/types/src/components/disclosure/disclosure.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export type DisclosureProps = {
-    children?: React.ReactNode | ((toggle: () => void) => JSX.Element);
-    label: JSX.Element;
-    onToggle: (isOpen: boolean) => void;
-    open?: boolean;
-    showToggle?: boolean;
-};
-export declare const Disclosure: ({ children, label, onToggle, open, showToggle, }: DisclosureProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/components/disclosure/disclosure.styles.d.ts

@@ -1,22 +0,0 @@
-export declare const styles: {
-    container: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        display: "flex";
-        gap: number;
-        paddingBottom: number;
-    };
-    content: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        [x: string]: string | number | {
-            maxWidth: string;
-        };
-        backgroundColor: string;
-        maxWidth: string;
-        padding: number;
-    };
-    toggle: {
-        backgroundColor: "transparent";
-        border: number;
-        cursor: "pointer";
-        lineHeight: number;
-        padding: number;
-    };
-};

package/types/src/components/disclosure/index.d.ts

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

package/types/src/components/display-term/display-term.d.ts

@@ -1,5 +0,0 @@
-import { SE } from "@shipengine/js-api";
-export type DisplayTermProps = {
-    term: Pick<SE.MetadataRequiredTerm, "links">;
-};
-export declare const DisplayTerm: ({ term }: DisplayTermProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/components/display-term/display-term.styles.d.ts

@@ -1,25 +0,0 @@
-export declare const styles: {
-    container: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        display: "flex";
-        flexDirection: "column";
-        gap: number;
-        padding: string;
-    };
-    link: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        "&:visited": {
-            color: string;
-        };
-        fontWeight: number;
-    };
-    termLink: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        display: "flex";
-        flexDirection: "column";
-        gap: number;
-        listStyle: "none";
-    };
-    terms: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        display: "flex";
-        flexDirection: "column";
-        gap: number;
-    };
-};

package/types/src/components/display-term/index.d.ts

@@ -1 +0,0 @@
-export * from "./display-term";

package/types/src/components/drawer/drawer.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-type DrawerProps = {
-    children: React.ReactNode;
-    headerContent?: React.ReactNode;
-    isOpen?: boolean;
-    toggleDrawer: () => void;
-};
-export declare const Drawer: ({ children, headerContent, isOpen, toggleDrawer }: DrawerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/types/src/components/drawer/drawer.styles.d.ts

@@ -1,27 +0,0 @@
-export declare const styles: {
-    container: {
-        backgroundColor: "#11003A";
-    };
-    getChildrenStyles: (isOpen?: boolean) => (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        height: string;
-        overflow: "scroll";
-        paddingBottom: number;
-    };
-    getDrawerStyles: (isOpen?: boolean) => (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        backgroundColor: "#11003A";
-        bottom: number;
-        height: string;
-        minWidth: string;
-        position: "fixed";
-        transformOrigin: string;
-        transition: "height 0.5s;";
-    };
-    headerStyles: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        alignItems: "center";
-        color: "#fff";
-        display: "flex";
-        height: number;
-        justifyContent: "space-between";
-        padding: number;
-    };
-};

package/types/src/components/drawer/index.d.ts

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

package/types/src/components/enable-insurance-banner/enable-insurance-banner.d.ts

@@ -1,9 +0,0 @@
-import { InsuranceProviderProfile } from "../../types";
-type EnableInsuranceBannerProps = {
-    insuranceProviderProfile?: InsuranceProviderProfile;
-    onSubmit: () => Promise<{
-        isSuccessful: boolean;
-    }>;
-};
-export declare const EnableInsuranceBanner: ({ insuranceProviderProfile, onSubmit, }: EnableInsuranceBannerProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
-export {};

package/types/src/components/enable-insurance-banner/enable-insurance-banner.styles.d.ts

@@ -1,37 +0,0 @@
-export declare const styles: {
-    container: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        border: string;
-        borderRadius: number;
-        display: "flex";
-        flexDirection: "column";
-        gap: number;
-        lineHeight: string;
-        padding: number;
-    };
-    description: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        fontSize: string;
-    };
-    link: {
-        cursor: "pointer";
-        fontWeight: "normal";
-        textDecoration: string;
-    };
-    successContainer: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        border: string;
-        borderRadius: number;
-        display: "flex";
-        gap: number;
-        lineHeight: string;
-        padding: number;
-    };
-    successMessage: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        display: "flex";
-        flex: number;
-        flexDirection: "column";
-        gap: number;
-    };
-    title: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        display: "flex";
-        gap: number;
-    };
-};

package/types/src/components/enable-insurance-banner/index.d.ts

@@ -1 +0,0 @@
-export * from "./enable-insurance-banner";

package/types/src/components/error-display/error-display.d.ts

@@ -1 +0,0 @@
-export declare const ErrorDisplay: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/components/error-display/error-display.styles.d.ts

@@ -1,19 +0,0 @@
-export declare const styles: {
-    errorContainer: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        alignItems: "center";
-        backgroundColor: string;
-        display: "flex";
-        flexDirection: "column";
-        paddingBottom: number;
-        paddingTop: number;
-        rowGap: number;
-    };
-    errorCTA: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        color: string;
-        fontSize: string;
-        lineHeight: string;
-    };
-    errorHeading: (theme: import("../../utilities/styles").ScopedGigerTheme) => {
-        fontSize: string;
-    };
-};

package/types/src/components/error-display/index.d.ts

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

package/types/src/components/error-fallback/error-fallback.d.ts

@@ -1,20 +0,0 @@
-/**
- * @internal
- *
- * # Error Fallback Props
- *
- * @see {@link ErrorFallback | The `<ErrorFallback />` component}
- */
-export interface ErrorFallbackProps {
-    error: Error | string;
-}
-/**
- * @internal
- *
- * # Error Fallback Component
- *
- * Fallback component for the Elements ErrorBoundary
- *
- * @see {@link ErrorFallbackProps | The props that are passed into the `<ErrorFallback />` component}
- */
-export declare const ErrorFallback: ({ error }: ErrorFallbackProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/src/components/error-fallback/index.d.ts

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

package/types/src/components/error-state/error-state.d.ts

@@ -1,6 +0,0 @@
-import { WithCommonProps } from "@shipengine/giger";
-export type ErrorStateProps = {
-    subtitle?: string | string[];
-    title: string;
-};
-export declare const ErrorState: ({ title, subtitle, ...rest }: WithCommonProps<ErrorStateProps>) => import("@emotion/react/jsx-runtime").JSX.Element;