@shipengine/elements 1.3.1 → 1.4.0

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

@@ -0,0 +1,35 @@
+export declare const styles: {
+    carriersList: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        "& > li:not(:last-of-type)": {
+            borderBottom: string;
+        };
+        border: string;
+        borderRadius: string;
+        listStyle: "none";
+        marginTop: number;
+        width: string;
+    };
+    carriersListContainer: () => {
+        alignItems: "flex-end";
+        display: "flex";
+        flexDirection: "column";
+    };
+    connectButton: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        paddingBottom: number;
+    };
+    noCarriersContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        borderColor: string;
+        borderRadius: number;
+        borderStyle: "dashed";
+        borderWidth: string;
+        display: "flex";
+        flexDirection: "column";
+        padding: string;
+    };
+    noCarriersDescription: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+        marginBottom: number;
+        textAlign: "center";
+    };
+};

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

@@ -0,0 +1,8 @@
+export type ConnectedCarrier = {
+    carrierCode: string;
+    carrierId: string;
+    friendlyName: string;
+    iconUrl: string;
+    nickname: string;
+};
+export declare const ConnectedCarrierRow: ({ carrierCode, carrierId, friendlyName, iconUrl, nickname, }: ConnectedCarrier) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,36 @@
+export declare const styles: {
+    carrierLogo: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        flex: string;
+        marginRight: number;
+        maxHeight: string;
+        width: string;
+    };
+    container: {
+        display: "flex";
+        flexDirection: "column";
+    };
+    logoContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        columnGap: string;
+        display: "flex";
+    };
+    nameContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "left";
+        columnGap: string;
+        display: "flex";
+        flexDirection: "column";
+    };
+    rowContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        display: "flex";
+        justifyContent: "space-between";
+        padding: string;
+    };
+    statusTag: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
+        borderRadius: string;
+        color: string;
+        fontWeight: number;
+        padding: string;
+    };
+};

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

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

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

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

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

@@ -6,10 +6,10 @@ export * from "./address-form";
 export * from "./address-parser";
 export * from "./address-preference-display";
 export * from "./address-preference-select";
-export * from "./product-form";
 export * from "./label";
 export * from "./list-carriers";
 export * from "./manage-warehouses";
+export * from "./product-form";
 export * from "./rate-form";
 export * from "./shipment-form";
 export * from "./shipment";

package/src/components/templates/list-carriers/list-carriers.d.ts

@@ -2,7 +2,7 @@ import { CarrierConnection, CodedError } from "@shipengine/alchemy";
 import { ConnectedCarrierMetadata } from "../../../elements/list-carriers/hooks/use-list-connected-carriers";
 export type ListCarriersFeatures = {
     carriers: {
-        enabledCarriers: ("stamps_com" | "ups_walleted" | "ups" | "dhl_express_walleted" | "dhl_express_worldwide" | "hermes" | "yodel_walleted")[];
+        enabledCarriers: ("stamps_com" | "ups_walleted" | "ups" | "dhl_express_walleted" | "dhl_express_worldwide" | "hermes" | "yodel_walleted" | "dpdwallet")[];
     };
 };
 export type ListCarriersProps = {

package/src/components/templates/list-carriers/list-carriers.styles.d.ts

@@ -7,19 +7,4 @@ export declare const styles: {
         borderRadius: string;
         listStyle: "none";
     };
-    skeletonLogoContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        alignItems: "center";
-        columnGap: string;
-        display: "flex";
-    };
-    skeletonRow: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        "&:not(:last-of-type)": {
-            borderBottom: string;
-        };
-        alignItems: "center";
-        display: "flex";
-        flexDirection: "row";
-        justifyContent: "space-between";
-        padding: string;
-    };
 };

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

@@ -1,9 +1,12 @@
 /// <reference types="react" />
 import { SE } from "@shipengine/alchemy";
 export type ProductFormProps<T = undefined> = {
+    currency: SE.Currency;
+    expectedCurrency?: SE.Currency;
     onCancel?: () => void;
     onSubmit: (values: SE.Product) => Promise<void>;
     product?: SE.Product;
+    shipFromCountry?: string;
     shipToCountry?: string;
 } & ({
     formId: string;
@@ -12,4 +15,4 @@ export type ProductFormProps<T = undefined> = {
     formId?: string;
     portalRef?: never;
 });
-export declare const ProductForm: <T extends Element>({ product, formId, onCancel, onSubmit, portalRef, shipToCountry, }: ProductFormProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ProductForm: <T extends Element>({ product, formId, onCancel, onSubmit, portalRef, shipFromCountry, shipToCountry, currency, expectedCurrency, }: ProductFormProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+export declare const styles: {
+    tooltipContainer: () => {
+        textAlign: "left";
+        width: number;
+    };
+    tooltipList: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        paddingLeft: number;
+    };
+};

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

@@ -1,7 +1,8 @@
 import { SE } from "@shipengine/alchemy";
 type ProductsDisplayProps = {
+    currency: SE.Currency;
     onUpdate: (products: SE.Product[]) => Promise<void>;
     shipment: SE.SalesOrderShipment;
 };
-export declare const ProductsDisplay: ({ onUpdate, shipment }: ProductsDisplayProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ProductsDisplay: ({ onUpdate, shipment, currency }: ProductsDisplayProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/src/components/templates/pudo-rate-tabs/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./pudo-rate-tabs";
+export * from "./service-points-search-bar";

package/src/components/templates/pudo-rate-tabs/pudo-rate-tabs.d.ts

@@ -0,0 +1,22 @@
+import { UseFormReturn } from "react-hook-form";
+import { SE } from "@shipengine/alchemy";
+import { RateOption } from "../../../hooks";
+import { RateFormProps } from "../rate-form";
+export type PudoRateTabsProps = {
+    form: UseFormReturn<{
+        rate: {
+            isAcknowledged: boolean;
+            rateId: string;
+        };
+    }, any>;
+    nicknameFeature?: boolean;
+    onSearch: (postalCode: string) => void;
+    onSelectRate?: RateFormProps["onSelectRate"];
+    onSelectServicePoint: (servicePoint?: SE.ServicePoint) => void;
+    preferredServiceCodes?: RateFormProps["preferredServiceCodes"];
+    pudoRateOptions: RateOption[];
+    rates?: RateFormProps["rates"];
+    servicePointsLoading?: boolean;
+    shipment?: RateFormProps["shipment"];
+};
+export declare const PudoRateTabs: ({ shipment, pudoRateOptions, form, onSelectRate, servicePointsLoading, onSelectServicePoint, nicknameFeature, preferredServiceCodes, onSearch, }: PudoRateTabsProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/templates/pudo-rate-tabs/service-points-search-bar/index.d.ts

@@ -0,0 +1 @@
+export * from "./service-points-search-bar";

package/src/components/templates/pudo-rate-tabs/service-points-search-bar/service-points-search-bar.d.ts

@@ -0,0 +1,6 @@
+type ServicePointsSearchBarProps = {
+    onSearch: (postalCode: string) => void | Promise<void>;
+    postalCode?: string;
+};
+export declare const ServicePointsSearchBar: ({ postalCode, onSearch }: ServicePointsSearchBarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -15,7 +15,7 @@ export type RateFormProps = {
     labelsLoading?: boolean;
     onSave?: (rate: Pick<SE.Rate, "carrierId" | "serviceCode">) => Promise<void> | void;
     onSelectRate?: (rateId: string) => void;
-    onSubmit?: (rateId: string) => Promise<void> | void;
+    onSubmit?: (rateId: string, servicePoint?: SE.ServicePoint) => Promise<void> | void;
     preferredRates?: PreferredRatesResponse;
     preferredServiceCodes?: string[];
     rates?: SE.Rate[];

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

@@ -35,6 +35,7 @@ export type ShipmentFormProps = {
         previousMode: ShipmentFormMode;
         selectedMode: ShipmentFormMode;
     }) => Promise<void> | void;
+    onChangeWarehouse: (warehouseId: string) => Promise<void>;
     onDirty: () => void;
     onSubmit: (values: Partial<SE.SalesOrderShipment>) => Promise<SE.SalesOrderShipment | undefined>;
     onSubmitParseShipTo: (payload: AddressParserPayload) => Promise<SE.AddressExtraction | undefined>;
@@ -53,4 +54,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, 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, parseAddressErrors, resetParseAddress, salesOrder, shipment, shippingPresets, warehouseId, warehouses, }: ShipmentFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;