npm - @shipengine/elements - Versions diffs - 0.23.1 → 0.24.0 - Mend

@shipengine/elements 0.23.1 → 0.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (46) hide show

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

@@ -1 +1,25 @@
-export declare const styles: Record<"carriersList" | "skeletonLogoContainer" | "skeletonRow", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    carriersList: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        "& > li:not(:last-of-type)": {
+            borderBottom: string;
+        };
+        border: string;
+        borderRadius: string;
+        listStyle: "none";
+    };
+    skeletonLogoContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        columnGap: string;
+        display: "flex";
+    };
+    skeletonRow: (theme: import("@packlink/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/list-carriers-row/list-carriers-row.styles.d.ts CHANGED Viewed

@@ -1 +1,23 @@
-export declare const getStyles: (isConnected?: boolean) => Record<"connectButton" | "container" | "logoContainer" | "rowContainer", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    container: {
+        display: "flex";
+        flexDirection: "column";
+    };
+    getConnectButton: (isConnected?: boolean) => (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor?: string | undefined;
+        borderRadius?: string | undefined;
+        color?: string | undefined;
+        padding: string;
+    };
+    logoContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        columnGap: string;
+        display: "flex";
+    };
+    rowContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        display: "flex";
+        justifyContent: "space-between";
+        padding: string;
+    };
+};

package/src/components/templates/manage-wallet/manage-wallet.styles.d.ts CHANGED Viewed

@@ -1 +1,21 @@
-export declare const styles: Record<"subtitle" | "container" | "headingContainer", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    container: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        padding: string;
+    };
+    headingContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
+        padding: number;
+        position: "relative";
+        width: string;
+    };
+    subtitle: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
+        marginBottom: number;
+        padding: number;
+        position: "absolute";
+        textAlign: "left";
+        top: string;
+        transform: "translateY(-50%)";
+        width: string;
+    };
+};

package/src/components/templates/manage-warehouses/manage-warehouse.styles.d.ts CHANGED Viewed

@@ -1 +1,14 @@
-export declare const styles: Record<"cardSpacing" | "header" | "well", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    cardSpacing: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        display: "flex";
+        flexDirection: "column";
+        gap: number;
+    };
+    header: {
+        textAlign: "left";
+    };
+    well: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
+        padding: number;
+    };
+};

package/src/components/templates/onboarding/onboarding.styles.d.ts CHANGED Viewed

@@ -1 +1,21 @@
-export declare const styles: Record<"container" | "step" | "walletFormHeader" | "walletFormTitle" | "wrapper", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    container: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        padding: number;
+    };
+    step: {
+        "& > span:last-child": {
+            position: "static";
+        };
+    };
+    walletFormHeader: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        margin: number;
+    };
+    walletFormTitle: {
+        textAlign: "center";
+    };
+    wrapper: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        height: string;
+        padding: number;
+        width: string;
+    };
+};

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

@@ -2,7 +2,6 @@ import { SE } from "@shipengine/alchemy";
 export type RateFormFeatures = {
     enableFunding?: boolean;
     enableGlobalPostFiltering?: boolean;
-    includeRecommendedRates?: boolean;
     nicknameRate?: boolean;
     saveRate?: boolean;
 };

package/src/components/templates/rate-form/rate-form.styles.d.ts CHANGED Viewed

@@ -1 +1,16 @@
-export declare const styles: Record<"fundAndPurchase" | "ratesInterstitial" | "showMoreOrLessRatesButton", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    fundAndPurchase: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        borderTop: string;
+    };
+    ratesInterstitial: {
+        alignItems: "center";
+        display: "flex";
+        flexDirection: "column";
+        justifyContent: "center";
+        textAlign: "center";
+    };
+    showMoreOrLessRatesButton: {
+        alignItems: "center";
+        display: "flex";
+    };
+};

package/src/components/templates/wallet-card/wallet-card.styles.d.ts CHANGED Viewed

@@ -1 +1,11 @@
-export declare const styles: Record<"icon" | "container", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    container: {
+        display: "flex";
+        height: string;
+        justifyContent: "center";
+        width: string;
+    };
+    icon: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: string;
+    };
+};

package/src/components/templates/wallet-form/wallet-form.styles.d.ts CHANGED Viewed

@@ -1 +1,5 @@
-export declare const styles: Record<"grid", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    grid: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        margin: number;
+    };
+};

package/src/elements/list-carriers/list-carriers.d.ts CHANGED Viewed

@@ -17,6 +17,7 @@ export declare const Element: ({ resources, ...props }: object & {
                 };
             };
             "void-label": {
+                title: string;
                 actions: {
                     complete: string;
                     confirmVoid: string;
@@ -35,6 +36,7 @@ export declare const Element: ({ resources, ...props }: object & {
                 voidedOn: string;
             };
             "view-shipment": {
+                title: string;
                 actions: {
                     buyAnotherLabel: string;
                     hideItems: string;
@@ -114,6 +116,7 @@ export declare const Element: ({ resources, ...props }: object & {
                 agreeToTerms: string;
             };
             "purchase-label": {
+                title: string;
                 actions: {
                     calculateRates_one: string;
                     calculateRates_other: string;
@@ -171,6 +174,7 @@ export declare const Element: ({ resources, ...props }: object & {
                         fractional: string;
                     };
                     weightGroup: string;
+                    today: string;
                 };
                 hints: {
                     contentDescription: string;
@@ -183,10 +187,6 @@ export declare const Element: ({ resources, ...props }: object & {
                     selectService: string;
                 };
                 multipleShippingServices: string;
-                recommendedRates: {
-                    recommended: string;
-                    stayInformed: string;
-                };
                 schemaErrors: {
                     shipFromUnitedStatesOnly: string;
                     shipFromAddressRequired: string;
@@ -204,6 +204,7 @@ export declare const Element: ({ resources, ...props }: object & {
                 };
             };
             onboarding: {
+                title: string;
                 inlineTitle: string;
                 landing: {
                     action: string;
@@ -262,6 +263,7 @@ export declare const Element: ({ resources, ...props }: object & {
                 };
             };
             "manage-warehouses": {
+                title: string;
                 addNew: string;
                 editWarehouse: string;
                 contactName: string;
@@ -325,6 +327,7 @@ export declare const Element: ({ resources, ...props }: object & {
                 maximumBalanceAmount: string;
             };
             "list-carriers": {
+                title: string;
                 headers: {
                     accountCarriers: string;
                     carriers: string;

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

@@ -21,6 +21,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
             };
             "void-label": {
+                title: string;
                 actions: {
                     complete: string;
                     confirmVoid: string;
@@ -39,6 +40,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 voidedOn: string;
             };
             "view-shipment": {
+                title: string;
                 actions: {
                     buyAnotherLabel: string;
                     hideItems: string;
@@ -118,6 +120,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 agreeToTerms: string;
             };
             "purchase-label": {
+                title: string;
                 actions: {
                     calculateRates_one: string;
                     calculateRates_other: string;
@@ -175,6 +178,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         fractional: string;
                     };
                     weightGroup: string;
+                    today: string;
                 };
                 hints: {
                     contentDescription: string;
@@ -187,10 +191,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     selectService: string;
                 };
                 multipleShippingServices: string;
-                recommendedRates: {
-                    recommended: string;
-                    stayInformed: string;
-                };
                 schemaErrors: {
                     shipFromUnitedStatesOnly: string;
                     shipFromAddressRequired: string;
@@ -208,6 +208,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
             };
             onboarding: {
+                title: string;
                 inlineTitle: string;
                 landing: {
                     action: string;
@@ -266,6 +267,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
             };
             "manage-warehouses": {
+                title: string;
                 addNew: string;
                 editWarehouse: string;
                 contactName: string;
@@ -329,6 +331,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 maximumBalanceAmount: string;
             };
             "list-carriers": {
+                title: string;
                 headers: {
                     accountCarriers: string;
                     carriers: string;

package/src/elements/onboarding/onboarding.d.ts CHANGED Viewed

@@ -20,6 +20,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
             };
             "void-label": {
+                title: string;
                 actions: {
                     complete: string;
                     confirmVoid: string;
@@ -38,6 +39,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 voidedOn: string;
             };
             "view-shipment": {
+                title: string;
                 actions: {
                     buyAnotherLabel: string;
                     hideItems: string;
@@ -117,6 +119,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 agreeToTerms: string;
             };
             "purchase-label": {
+                title: string;
                 actions: {
                     calculateRates_one: string;
                     calculateRates_other: string;
@@ -174,6 +177,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         fractional: string;
                     };
                     weightGroup: string;
+                    today: string;
                 };
                 hints: {
                     contentDescription: string;
@@ -186,10 +190,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     selectService: string;
                 };
                 multipleShippingServices: string;
-                recommendedRates: {
-                    recommended: string;
-                    stayInformed: string;
-                };
                 schemaErrors: {
                     shipFromUnitedStatesOnly: string;
                     shipFromAddressRequired: string;
@@ -207,6 +207,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
             };
             onboarding: {
+                title: string;
                 inlineTitle: string;
                 landing: {
                     action: string;
@@ -265,6 +266,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
             };
             "manage-warehouses": {
+                title: string;
                 addNew: string;
                 editWarehouse: string;
                 contactName: string;
@@ -328,6 +330,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 maximumBalanceAmount: string;
             };
             "list-carriers": {
+                title: string;
                 headers: {
                     accountCarriers: string;
                     carriers: string;

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

@@ -23,6 +23,7 @@ export declare const Element: ({ resources, ...props }: SalesOrderProps & {
                 };
             };
             "void-label": {
+                title: string;
                 actions: {
                     complete: string;
                     confirmVoid: string;
@@ -41,6 +42,7 @@ export declare const Element: ({ resources, ...props }: SalesOrderProps & {
                 voidedOn: string;
             };
             "view-shipment": {
+                title: string;
                 actions: {
                     buyAnotherLabel: string;
                     hideItems: string;
@@ -120,6 +122,7 @@ export declare const Element: ({ resources, ...props }: SalesOrderProps & {
                 agreeToTerms: string;
             };
             "purchase-label": {
+                title: string;
                 actions: {
                     calculateRates_one: string;
                     calculateRates_other: string;
@@ -177,6 +180,7 @@ export declare const Element: ({ resources, ...props }: SalesOrderProps & {
                         fractional: string;
                     };
                     weightGroup: string;
+                    today: string;
                 };
                 hints: {
                     contentDescription: string;
@@ -189,10 +193,6 @@ export declare const Element: ({ resources, ...props }: SalesOrderProps & {
                     selectService: string;
                 };
                 multipleShippingServices: string;
-                recommendedRates: {
-                    recommended: string;
-                    stayInformed: string;
-                };
                 schemaErrors: {
                     shipFromUnitedStatesOnly: string;
                     shipFromAddressRequired: string;
@@ -210,6 +210,7 @@ export declare const Element: ({ resources, ...props }: SalesOrderProps & {
                 };
             };
             onboarding: {
+                title: string;
                 inlineTitle: string;
                 landing: {
                     action: string;
@@ -268,6 +269,7 @@ export declare const Element: ({ resources, ...props }: SalesOrderProps & {
                 };
             };
             "manage-warehouses": {
+                title: string;
                 addNew: string;
                 editWarehouse: string;
                 contactName: string;
@@ -331,6 +333,7 @@ export declare const Element: ({ resources, ...props }: SalesOrderProps & {
                 maximumBalanceAmount: string;
             };
             "list-carriers": {
+                title: string;
                 headers: {
                     accountCarriers: string;
                     carriers: string;

package/src/elements/view-shipment/view-shipment.d.ts CHANGED Viewed

@@ -29,6 +29,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
             };
             "void-label": {
+                title: string;
                 actions: {
                     complete: string;
                     confirmVoid: string;
@@ -47,6 +48,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 voidedOn: string;
             };
             "view-shipment": {
+                title: string;
                 actions: {
                     buyAnotherLabel: string;
                     hideItems: string;
@@ -126,6 +128,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 agreeToTerms: string;
             };
             "purchase-label": {
+                title: string;
                 actions: {
                     calculateRates_one: string;
                     calculateRates_other: string;
@@ -183,6 +186,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         fractional: string;
                     };
                     weightGroup: string;
+                    today: string;
                 };
                 hints: {
                     contentDescription: string;
@@ -195,10 +199,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     selectService: string;
                 };
                 multipleShippingServices: string;
-                recommendedRates: {
-                    recommended: string;
-                    stayInformed: string;
-                };
                 schemaErrors: {
                     shipFromUnitedStatesOnly: string;
                     shipFromAddressRequired: string;
@@ -216,6 +216,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
             };
             onboarding: {
+                title: string;
                 inlineTitle: string;
                 landing: {
                     action: string;
@@ -274,6 +275,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
             };
             "manage-warehouses": {
+                title: string;
                 addNew: string;
                 editWarehouse: string;
                 contactName: string;
@@ -337,6 +339,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 maximumBalanceAmount: string;
             };
             "list-carriers": {
+                title: string;
                 headers: {
                     accountCarriers: string;
                     carriers: string;

package/src/elements/void-label/void-label.d.ts CHANGED Viewed

@@ -24,6 +24,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
             };
             "void-label": {
+                title: string;
                 actions: {
                     complete: string;
                     confirmVoid: string;
@@ -42,6 +43,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 voidedOn: string;
             };
             "view-shipment": {
+                title: string;
                 actions: {
                     buyAnotherLabel: string;
                     hideItems: string;
@@ -121,6 +123,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 agreeToTerms: string;
             };
             "purchase-label": {
+                title: string;
                 actions: {
                     calculateRates_one: string;
                     calculateRates_other: string;
@@ -178,6 +181,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         fractional: string;
                     };
                     weightGroup: string;
+                    today: string;
                 };
                 hints: {
                     contentDescription: string;
@@ -190,10 +194,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     selectService: string;
                 };
                 multipleShippingServices: string;
-                recommendedRates: {
-                    recommended: string;
-                    stayInformed: string;
-                };
                 schemaErrors: {
                     shipFromUnitedStatesOnly: string;
                     shipFromAddressRequired: string;
@@ -211,6 +211,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
             };
             onboarding: {
+                title: string;
                 inlineTitle: string;
                 landing: {
                     action: string;
@@ -269,6 +270,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
             };
             "manage-warehouses": {
+                title: string;
                 addNew: string;
                 editWarehouse: string;
                 contactName: string;
@@ -332,6 +334,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 maximumBalanceAmount: string;
             };
             "list-carriers": {
+                title: string;
                 headers: {
                     accountCarriers: string;
                     carriers: string;

package/src/features/wallet-history/wallet-history.styles.d.ts CHANGED Viewed

@@ -1 +1,77 @@
-export declare const styles: Record<"action" | "displayStateContainer" | "emptyStateContainer" | "gridContainer" | "linkAction" | "pagination" | "skeletonCard" | "skeletonCardColumnLeft" | "skeletonCardColumnRight" | "skeletonCardList" | "skeletonCardLogo" | "skeletonPagination", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;
+export declare const styles: {
+    action: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        minWidth: number;
+        placeContent: "center";
+        width: number;
+    };
+    displayStateContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        "& > *:not(:last-child)::after": {
+            borderBottom: string;
+            content: "\"\"";
+            display: "block";
+            width: string;
+        };
+        border: string;
+        display: "flex";
+        flexDirection: "column";
+        listStyle: "none";
+    };
+    emptyStateContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
+        padding: number;
+        textAlign: "center";
+    };
+    gridContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        display: "flex";
+        justifyContent: "space-between";
+        placeItems: "center";
+    };
+    linkAction: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        textAlign: "end";
+    };
+    pagination: {
+        "&& button": {
+            background: string;
+        };
+        "&& button[aria-current='step']": {
+            background: string;
+        };
+        textAlign: "center";
+    };
+    skeletonCard: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: "#e3dfdf1f";
+        display: "flex";
+        justifyContent: "space-between";
+        padding: number;
+    };
+    skeletonCardColumnLeft: {
+        display: "flex";
+        flexDirection: "column";
+        justifyContent: "space-between";
+    };
+    skeletonCardColumnRight: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "flex-end";
+        display: "flex";
+        flexDirection: "column";
+        justifyContent: "space-between";
+        rowGap: number;
+    };
+    skeletonCardList: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        display: "flex";
+        flexDirection: "column";
+        rowGap: number;
+    };
+    skeletonCardLogo: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        columnGap: number;
+        display: "flex";
+    };
+    skeletonPagination: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        display: "flex";
+        justifyContent: "space-between";
+        marginLeft: string;
+        marginRight: string;
+        maxWidth: string;
+    };
+};

package/src/hooks/options/use-rate-options.d.ts CHANGED Viewed

@@ -2,20 +2,7 @@ import { SE } from "@shipengine/alchemy";
 export type RateOption = Omit<SE.Rate, "warningMessages"> & {
     balance?: number;
     messages: string[];
-    recommended?: boolean;
     requiresAcknowledgement?: boolean;
     requiresFundedAmount?: boolean;
 };
-type RateRecommendation = {
-    carrierCode: string;
-    ignoreIfPresent?: string;
-    serviceCode: string;
-    tagline?: string;
-    walleted: boolean;
-};
-type RateRecommendations = {
-    domestic: RateRecommendation;
-    international: RateRecommendation;
-};
-export declare const useRateOptions: (rates?: SE.Rate[], carriers?: SE.Carrier[], shipment?: SE.SalesOrderShipment, enableGlobalPostFiltering?: boolean, rateRecommendations?: RateRecommendations) => RateOption[];
-export {};
+export declare const useRateOptions: (rates?: SE.Rate[], carriers?: SE.Carrier[], shipment?: SE.SalesOrderShipment, enableGlobalPostFiltering?: boolean) => RateOption[];