@shipengine/elements 0.11.1 → 0.13.0

package/components/accordion/accordion.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { WithChildrenCommonProps } from "@packlink/giger";
+type AccordionProps = WithChildrenCommonProps<{
+    /** Flag to indicate if the Accordion must appear expanded */
+    initialExpanded?: boolean;
+    /** Title to show */
+    title?: string;
+    /** Element to render at the right part of the summary */
+    rightContent?: JSX.Element;
+}>;
+export declare const Accordion: ({ initialExpanded, title, children, rightContent, ...rest }: AccordionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/components/accordion/accordion.styles.d.ts

@@ -0,0 +1,7 @@
+import { SerializedStyles } from "@emotion/react";
+import { Theme } from "@packlink/brands";
+export declare const getAccordionSummaryStyles: (theme: Theme) => SerializedStyles;
+export declare const getAccordionSummaryWrapperStyles: (theme: Theme) => SerializedStyles;
+export declare const getIconStyles: (theme: Theme) => SerializedStyles;
+export declare const getSectionStyles: (theme: Theme) => SerializedStyles;
+export declare const getRightContentWrapperStyles: () => SerializedStyles;

package/components/accordion/index.d.ts

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

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+export type ButtonGroupProps = {
+    children: React.ReactNode;
+    justify?: "start" | "center" | "end";
+    toolbar?: boolean;
+} & React.ComponentPropsWithoutRef<"div">;
+export declare const ButtonGroup: ({ children, justify, toolbar, ...props }: ButtonGroupProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

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

package/components/cube/cube.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export type CubePropTypes = {
+    animate?: boolean;
+} & React.ComponentPropsWithoutRef<"div">;
+export declare const Cube: ({ animate, ...props }: CubePropTypes) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/cube/index.d.ts

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

package/components/disclosure/disclosure.d.ts

@@ -0,0 +1,9 @@
+/// <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/components/disclosure/disclosure.styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: Record<"container" | "content" | "icon" | "toggle", import("@emotion/serialize").Interpolation<import("@packlink/brands/dist/js/theme/Theme").Theme>>;

package/components/disclosure/index.d.ts

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

package/components/error-boundary/error-boundary.d.ts

@@ -0,0 +1,31 @@
+import * as React from "react";
+export type FallbackRender = (props: {
+    error: Error;
+}) => React.ReactElement;
+export type ErrorBoundaryProps = {
+    children?: React.ReactNode | (() => React.ReactNode);
+    fallback?: React.ReactElement | FallbackRender;
+    onError?: (err: Error, context: {
+        element?: string;
+        componentStack: string;
+    }) => void;
+    element?: string;
+};
+type ErrorBoundaryState = {
+    error: Error | null;
+};
+/**
+ * Captures errors thrown within an Element, logs them and displays a fallback component
+ *
+ * @category Components
+ *
+ * @see {@link registerElement}
+ */
+declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    componentDidCatch(error: Error & {
+        cause?: Error;
+    }, { componentStack }: React.ErrorInfo): void;
+    render(): React.ReactNode;
+}
+export { ErrorBoundary };

package/components/error-boundary/index.d.ts

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

package/components/field/checkbox-input/checkbox-input.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+import { ICheckboxProps as NativeCheckboxProps } from "@packlink/giger";
+import { ControlledField } from "../create-field-controller";
+export declare const CheckboxInput: ControlledField<NativeCheckboxProps & {
+    checkboxLabel: ReactNode;
+}>;

package/components/field/checkbox-input/index.d.ts

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

package/components/field/create-field-controller.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { ControllerRenderProps, FieldPath, FieldValues, UseControllerProps } from "react-hook-form";
+import { FieldLabelProps } from "../field-label";
+type ControlledFormInputProps<NP> = Omit<NP, keyof UseControllerProps | keyof ControllerRenderProps | "children">;
+export type FieldControllerProps<NP, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    children: (props: ControllerRenderProps<TFieldValues, TName> & ControlledFormInputProps<NP>) => JSX.Element;
+    control: NonNullable<UseControllerProps<TFieldValues, TName>["control"]>;
+    defaultValue?: Partial<UseControllerProps<TFieldValues, TName>["defaultValue"]>;
+    disabled?: boolean;
+    errors?: string[];
+    label: string;
+    labelWeight?: FieldLabelProps["weight"];
+    displayLabel?: boolean;
+    displayErrors?: boolean;
+    inputOnly?: boolean;
+} & Omit<FieldLabelProps, "children" | "weight"> & Omit<UseControllerProps<TFieldValues, TName>, "defaultValue"> & ControlledFormInputProps<NP>;
+type FieldControllerOptions = {
+    inputOnly?: boolean;
+};
+export declare const createFieldController: <P>(options?: FieldControllerOptions) => <TFieldValues extends FieldValues = FieldValues, TName extends import("react-hook-form").Path<TFieldValues> = import("react-hook-form").Path<TFieldValues>>({ children, control, defaultValue, displayErrors, displayLabel, errors: errorsProp, inputOnly, label, labelWeight, name, rules, shouldUnregister, subLabel, ...formInputProps }: FieldControllerProps<P, TFieldValues, TName>) => JSX.Element;
+export type ControlledFieldProps = Parameters<ControlledField>[0];
+export type ControlledField<NP = object, CP = object, OK extends string = ""> = <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(fieldProps: Omit<FieldControllerProps<NP, TFieldValues, TName>, "children" | OK> & CP) => JSX.Element;
+export {};

package/components/field/date-picker/date-picker.d.ts

@@ -0,0 +1,7 @@
+import { ReactDatePickerProps } from "react-datepicker";
+import { ControlledField } from "../create-field-controller";
+export type DatePickerProps = {
+    onChange?: (date: string | null) => void;
+    translator?: (text: string) => string;
+} & Omit<ReactDatePickerProps, "onChange">;
+export declare const DatePicker: ControlledField<DatePickerProps>;

package/components/field/date-picker/date-picker.styles.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from "@packlink/brands";
+export declare const getPopperStyles: (theme: Theme) => string;
+export declare const getWrapperStyles: (theme: Theme) => string;

package/components/field/date-picker/index.d.ts

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

package/components/field/field.styles.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from "@packlink/brands";
+export declare const getOverrideStyles: (theme: Theme) => {
+    "&& input, && span[role='button']": {
+        cursor: string;
+        fontWeight: number;
+    };
+};

package/components/field/fields.d.ts

@@ -0,0 +1,11 @@
+export * from "./checkbox-input";
+export * from "./date-picker";
+export * from "./input-group";
+export * from "./money-input";
+export * from "./number-input";
+export * from "./rate-select";
+export * from "./select";
+export * from "./submit-button";
+export * from "./switch";
+export * from "./text-area";
+export * from "./text-input";

package/components/field/index.d.ts

@@ -0,0 +1 @@
+export * as Field from "./fields";

package/components/field/input-group/index.d.ts

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

package/components/field/input-group/input-group.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { UseFormTrigger } from "react-hook-form";
+import { FieldLabelProps } from "../../field-label";
+import { ControlledField, ControlledFieldProps } from "../create-field-controller";
+export type InputGroupItem = React.ReactElement<ControlledFieldProps>;
+type InputGroupProps = {
+    children: InputGroupItem[];
+    disabled?: boolean;
+    trigger: UseFormTrigger<any>;
+    divider?: string[];
+};
+export declare const InputGroup: ControlledField<FieldLabelProps, InputGroupProps, "errors" | "shouldDisplayErrors" | "withBottomMargin">;
+export {};

package/components/field/input-group/input-group.styles.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from "@packlink/brands";
+export declare const getGridStyles: (theme: Theme) => import("@emotion/utils").SerializedStyles;

package/components/field/money-input/hooks/index.d.ts

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

package/components/field/money-input/hooks/use-utils.d.ts

@@ -0,0 +1,6 @@
+import * as SE from "@shipengine/types";
+type UseUtils = {
+    getCurrencySymbol: (currency: SE.Currency) => string | undefined;
+};
+export declare const useUtils: () => UseUtils;
+export {};

package/components/field/money-input/index.d.ts

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

package/components/field/money-input/money-input-styles.d.ts

@@ -0,0 +1,2 @@
+import { SerializedStyles } from "@emotion/react";
+export declare const getLeftDecoratorStyles: () => SerializedStyles;

package/components/field/money-input/money-input.d.ts

@@ -0,0 +1,30 @@
+import * as SE from "@shipengine/types";
+import { InputProps } from "@packlink/giger";
+import { ControlledField } from "../create-field-controller";
+export declare const transform: {
+    in: ({ amount, currency }?: Partial<{
+        amount: number | null;
+        currency: SE.Currency;
+    }>, hasFocus?: boolean) => {
+        amount: string | number;
+        currency: SE.Currency;
+    };
+    out: ({ amount, currency }: SE.Money) => {
+        amount: number | null;
+        currency: SE.Currency;
+    };
+};
+type MoneyInputOptions = {
+    signed?: boolean;
+};
+type MoneyInputProps = {
+    value?: Partial<{
+        amount: number | string;
+        currency: SE.Currency;
+    }>;
+    /** Flag to render currency symbol at the left */
+    showCurrencySymbol?: boolean;
+    onChange?: (value: SE.Money) => void;
+} & Omit<InputProps, "onChange" | "value">;
+export declare const MoneyInput: ControlledField<MoneyInputProps, MoneyInputOptions>;
+export {};

package/components/field/number-input/index.d.ts

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

package/components/field/number-input/number-input.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { InputProps as NativeInputProps } from "@packlink/giger";
+import { ControlledField } from "../create-field-controller";
+type NumberInputOptions = {
+    isInteger?: boolean;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    signed?: boolean;
+};
+export declare const NumberInput: ControlledField<NativeInputProps, NumberInputOptions>;
+export {};

package/components/field/rate-card/cost-breakdown/cost-breakdown.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import * as SE from "@shipengine/types";
+export interface CostBreakdownProps {
+    showExtendedData: boolean;
+    shippingAmount?: SE.Money;
+    insuranceAmount?: SE.Money;
+    confirmationAmount?: SE.Money;
+    taxAmount?: SE.Money;
+    otherAmount?: SE.Money;
+}
+export declare const CostBreakdown: ({ showExtendedData, shippingAmount, insuranceAmount, confirmationAmount, taxAmount, otherAmount, }: CostBreakdownProps) => JSX.Element;

package/components/field/rate-card/cost-breakdown/cost-breakdown.styles.d.ts

@@ -0,0 +1,6 @@
+import { SerializedStyles } from "@emotion/react";
+import { Theme } from "@packlink/brands";
+export declare const getAsideStyles: (theme: Theme) => SerializedStyles;
+export declare const getPriceStyles: (theme: Theme) => SerializedStyles;
+export declare const getTableStyles: (theme: Theme) => SerializedStyles;
+export declare const getTableCellLabelStyles: (theme: Theme) => SerializedStyles;

package/components/field/rate-card/cost-breakdown/index.d.ts

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

package/components/field/rate-card/index.d.ts

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

package/components/field/rate-card/rate-card.d.ts

@@ -0,0 +1,12 @@
+import { WithCommonProps } from "@packlink/giger";
+import { RateOption } from "../../../hooks";
+export type RateCardProps = Partial<RateOption> & WithCommonProps<{
+    displayNickname?: boolean;
+    isAcknowledged?: boolean;
+    onClick?: (rateId: string) => void;
+    onClickAcknowledgement?: (isAcknowledged: boolean) => void;
+    recommended?: boolean;
+    selected?: boolean;
+    voided?: boolean;
+}>;
+export declare const RateCard: ({ carrierCode, carrierFriendlyName, carrierNickname, children, className, confirmationAmount, deliveryDays, insuranceAmount, isAcknowledged, messages, displayNickname, onClick, onClickAcknowledgement, otherAmount, rateId, recommended, requiresAcknowledgement, selected, serviceCode, serviceType, shippingAmount, taxAmount, voided, }: RateCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/field/rate-card/rate-card.styles.d.ts

@@ -0,0 +1,21 @@
+import { SerializedStyles } from "@emotion/react";
+import { Theme } from "@packlink/brands";
+export declare const getRateCardFirstLineSize: (theme: Theme) => string;
+export declare const getArticleStyles: (theme: Theme) => SerializedStyles;
+export declare const getArticleNonSelectedStyles: (theme: Theme) => SerializedStyles;
+export declare const getArticleSelectedStyles: (theme: Theme) => SerializedStyles;
+export declare const getArticleVoidedStyles: () => SerializedStyles;
+export declare const getArticleRecommendedStyles: (theme: Theme) => SerializedStyles;
+export declare const getSectionStyles: (theme: Theme) => SerializedStyles;
+export declare const getRateImageStyles: (theme: Theme) => SerializedStyles;
+export declare const getRateInfoStyles: (theme: Theme) => SerializedStyles;
+export declare const getRateRecommendedStyles: (theme: Theme) => SerializedStyles;
+export declare const getServiceTypeStyles: (theme: Theme) => SerializedStyles;
+export declare const getCarrierNameStyles: (theme: Theme) => SerializedStyles;
+export declare const getDividerStyles: (theme: Theme) => SerializedStyles;
+export declare const getFooterStyles: (theme: Theme) => SerializedStyles;
+export declare const getFooterListStyles: () => SerializedStyles;
+export declare const getFooterListWithMultipleMessagesStyles: (theme: Theme) => SerializedStyles;
+export declare const getFooterListItemStyles: (theme: Theme) => SerializedStyles;
+export declare const getAcknowledgmentStyles: (theme: Theme) => SerializedStyles;
+export declare const getCheckboxWrapperStyles: () => SerializedStyles;

package/components/field/rate-select/index.d.ts

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

package/components/field/rate-select/rate-select.d.ts

@@ -0,0 +1,11 @@
+import { RateOption } from "../../../hooks";
+import { ControlledField } from "../create-field-controller";
+type RateSelectProps = {
+    options: RateOption[];
+    nicknameFeature?: boolean;
+};
+type RateSelectOptions = {
+    onClick?: (rateId: string) => void;
+};
+export declare const RateSelect: ControlledField<RateSelectProps, RateSelectOptions>;
+export {};

package/components/field/rate-select/rate-select.styles.d.ts

@@ -0,0 +1,3 @@
+import { SerializedStyles } from "@emotion/react";
+import { Theme } from "@packlink/brands";
+export declare const getRateCardOptionStyles: (theme: Theme) => SerializedStyles;

package/components/field/select/index.d.ts

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

package/components/field/select/select.d.ts

@@ -0,0 +1,20 @@
+import { ComponentPropsWithoutRef } from "react";
+import { ControlledField } from "../create-field-controller";
+type NativeSelectProps = ComponentPropsWithoutRef<"select">;
+export type SelectOption = {
+    label: string;
+    value: string | object;
+};
+export type SelectCategory = {
+    label: string;
+    value?: string;
+    options: SelectOption[];
+};
+export type SelectOptionOrCategory = SelectOption | SelectCategory;
+type SelectProps = {
+    onCategoryChange?: (value?: string) => void;
+    onChange?: (value?: string | object) => void;
+    options?: SelectOptionOrCategory[];
+};
+export declare const Select: ControlledField<NativeSelectProps, SelectProps>;
+export {};

package/components/field/submit-button/index.d.ts

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

package/components/field/submit-button/submit-button.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Control } from "react-hook-form";
+import { IButtonProps } from "@packlink/giger";
+export type SubmitButtonProps = {
+    alwaysRequireValidity?: boolean;
+    control: Control<any, any>;
+    requireDirty?: boolean;
+} & Omit<IButtonProps, "type">;
+export declare const SubmitButton: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
+    alwaysRequireValidity?: boolean | undefined;
+    control: Control<any, any>;
+    requireDirty?: boolean | undefined;
+} & Omit<IButtonProps, "type"> & import("react").RefAttributes<HTMLButtonElement>>>;

package/components/field/switch/index.d.ts

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

package/components/field/switch/switch.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ISwitchProps } from "@packlink/giger";
+export type SwitchProps = {
+    defaultChecked?: boolean;
+    children?: React.ReactNode;
+    shouldUnmount?: boolean;
+    label: string;
+} & Omit<ISwitchProps, "children">;
+export declare const Switch: ({ defaultChecked, children, shouldUnmount, label, onChange, ...props }: SwitchProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/field/text-area/index.d.ts

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

package/components/field/text-area/text-area.d.ts

@@ -0,0 +1,3 @@
+import { TextareaProps as NativeTextAreaProps } from "@packlink/giger";
+import { ControlledField } from "../create-field-controller";
+export declare const TextArea: ControlledField<NativeTextAreaProps>;

package/components/field/text-input/index.d.ts

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

package/components/field/text-input/text-input.d.ts

@@ -0,0 +1,3 @@
+import { InputProps as NativeInputProps } from "@packlink/giger";
+import { ControlledField } from "../create-field-controller";
+export declare const TextInput: ControlledField<NativeInputProps>;

package/components/field-label/field-label.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export type FieldLabelProps = {
+    children: React.ReactNode;
+    label?: string;
+    subLabel?: string;
+    weight?: "bold" | "normal";
+    withInput?: boolean;
+};
+export declare const FieldLabel: ({ children, label, subLabel, weight, withInput, }: FieldLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/field-label/index.d.ts

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

package/components/index.d.ts

@@ -1,4 +1,11 @@
-export * from "./configure-shipment";
-export * from "./sales-order";
-export * from "./shipment";
-export * from "./void-label";
+export * as Templates from "./templates";
+export * from "./accordion";
+export * from "./button-group";
+export * from "./cube";
+export * from "./error-boundary";
+export * from "./field";
+export * from "./field-label";
+export * from "./items-breakdown";
+export * from "./loader";
+export * from "./portal";
+export * from "./spacer";

package/components/items-breakdown/index.d.ts

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

package/components/items-breakdown/items-breakdown.d.ts

@@ -0,0 +1,14 @@
+import * as SE from "@shipengine/types";
+export type Item = {
+    name: string;
+    detail: string;
+    quantity: number;
+    value: SE.Money;
+    totalValue?: SE.Money;
+    subDetail?: string;
+    subDetailValue?: SE.Money;
+};
+export type ItemsBreakdownProps = {
+    items: Item[];
+};
+export declare const ItemsBreakdown: ({ items }: ItemsBreakdownProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/items-breakdown/items-breakdown.styles.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from "@packlink/brands";
+export declare const getNumericCellStyle: (theme: Theme) => import("@emotion/utils").SerializedStyles;
+export declare const getTableWrapperStyles: (theme: Theme) => import("@emotion/utils").SerializedStyles;

package/components/loader/index.d.ts

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

package/components/loader/loader.d.ts

@@ -0,0 +1,2 @@
+import { ISpinnerProps } from "@packlink/giger";
+export declare const Loader: (props: ISpinnerProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/organisms/auto-funding-form/auto-funding-form.d.ts

@@ -0,0 +1,15 @@
+import { CarrierAutoFunding } from "@shipengine/types";
+import { AutoFundingFormPayload } from "./auto-funding-schema";
+export type AutoFundingFormProps = {
+    defaultValues: CarrierAutoFunding;
+    errorMessage?: string;
+    hasError: boolean;
+    isLoading: boolean;
+    onSubmit: (payload: AutoFundingFormPayload) => Promise<void> | void;
+    onToggle: (enabled: boolean) => Promise<void> | void;
+};
+/**
+ * This form that allows users to enable or disable auto funding, and
+ * configure auto funding settings in ShipEngine API.
+ */
+export declare const AutoFundingForm: ({ defaultValues, errorMessage, hasError, isLoading, onSubmit, onToggle, }: AutoFundingFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/organisms/auto-funding-form/auto-funding-schema.d.ts

@@ -0,0 +1,53 @@
+import { z } from "zod";
+export declare const autoFundingSchema: z.ZodObject<{
+    isEnabled: z.ZodBoolean;
+    lowBalancePurchaseThreshold: z.ZodObject<z.extendShape<{
+        amount: z.ZodNumber;
+        currency: z.ZodNativeEnum<typeof import("dist/shipengine-types/src").Currency>;
+    }, {
+        amount: z.ZodNumber;
+    }>, "strip", z.ZodTypeAny, {
+        amount: number;
+        currency: import("dist/shipengine-types/src").Currency;
+    }, {
+        amount: number;
+        currency: import("dist/shipengine-types/src").Currency;
+    }>;
+    maximumPurchasesPerDay: z.ZodNumber;
+    purchaseAmount: z.ZodObject<z.extendShape<{
+        amount: z.ZodNumber;
+        currency: z.ZodNativeEnum<typeof import("dist/shipengine-types/src").Currency>;
+    }, {
+        amount: z.ZodNumber;
+    }>, "strip", z.ZodTypeAny, {
+        amount: number;
+        currency: import("dist/shipengine-types/src").Currency;
+    }, {
+        amount: number;
+        currency: import("dist/shipengine-types/src").Currency;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    isEnabled: boolean;
+    lowBalancePurchaseThreshold: {
+        amount: number;
+        currency: import("dist/shipengine-types/src").Currency;
+    };
+    maximumPurchasesPerDay: number;
+    purchaseAmount: {
+        amount: number;
+        currency: import("dist/shipengine-types/src").Currency;
+    };
+}, {
+    isEnabled: boolean;
+    lowBalancePurchaseThreshold: {
+        amount: number;
+        currency: import("dist/shipengine-types/src").Currency;
+    };
+    maximumPurchasesPerDay: number;
+    purchaseAmount: {
+        amount: number;
+        currency: import("dist/shipengine-types/src").Currency;
+    };
+}>;
+export type AutoFundingFormFields = z.input<typeof autoFundingSchema>;
+export type AutoFundingFormPayload = z.output<typeof autoFundingSchema>;

package/components/organisms/auto-funding-form/index.d.ts

@@ -0,0 +1 @@
+export * from "./auto-funding-form";

package/components/organisms/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./auto-funding-form";
+export * from "./manual-funding-form";

package/components/organisms/manual-funding-form/index.d.ts

@@ -0,0 +1 @@
+export * from "./manual-funding-form";

package/components/organisms/manual-funding-form/manual-funding-form.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { ManualFundingFormPayload } from "./manual-funding-schema";
+export type ManualFundingFormProps<T = undefined> = {
+    currentBalance: number;
+    onSubmit: (payload: ManualFundingFormPayload) => Promise<void> | void;
+    requiredAmount?: number;
+} & ({
+    formId: string;
+    portalRef: React.RefObject<T>;
+} | {
+    formId?: string;
+    portalRef?: never;
+});
+export declare const ManualFundingForm: <T extends Element>({ currentBalance, formId, onSubmit, portalRef, requiredAmount, }: ManualFundingFormProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/organisms/manual-funding-form/manual-funding-schema.d.ts

@@ -0,0 +1,27 @@
+import { z } from "zod";
+export declare const manualFundingSchema: z.ZodObject<{
+    funds: z.ZodObject<z.extendShape<{
+        amount: z.ZodNumber;
+        currency: z.ZodNativeEnum<typeof import("dist/shipengine-types/src").Currency>;
+    }, {
+        amount: z.ZodNumber;
+    }>, "strip", z.ZodTypeAny, {
+        amount: number;
+        currency: import("dist/shipengine-types/src").Currency;
+    }, {
+        amount: number;
+        currency: import("dist/shipengine-types/src").Currency;
+    }>;
+}, "strip", z.ZodTypeAny, {
+    funds: {
+        amount: number;
+        currency: import("dist/shipengine-types/src").Currency;
+    };
+}, {
+    funds: {
+        amount: number;
+        currency: import("dist/shipengine-types/src").Currency;
+    };
+}>;
+export type ManualFundingFormFields = z.input<typeof manualFundingSchema>;
+export type ManualFundingFormPayload = z.output<typeof manualFundingSchema>;

package/components/portal/index.d.ts

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