@shipengine/elements 0.38.0 → 1.0.0

package/src/components/loader/loader.styles.d.ts

@@ -0,0 +1,11 @@
+export declare const styles: {
+    container: {
+        alignItems: "center";
+        display: "flex";
+        flexDirection: "column";
+        height: string;
+        justifyContent: "center";
+        textAlign: "center";
+        width: string;
+    };
+};

package/src/components/preset-descriptor/preset-descriptor.styles.d.ts

@@ -1,5 +1,5 @@
 import { SerializedStyles } from "@emotion/react";
-import { Theme } from "@packlink/giger-theme";
+import { Theme } from "@shipengine/giger-theme";
 export declare const getContainerStyles: (theme: Theme) => SerializedStyles;
 export declare const getDimensionStyles: (theme: Theme) => SerializedStyles;
 export declare const getServiceNameStyles: (theme: Theme) => SerializedStyles;

package/src/components/save-status/save-status-styles.d.ts

@@ -16,18 +16,18 @@ export declare const styles: {
         strokeDasharray: string;
         strokeDashoffset: string;
     };
-    container: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    container: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         animation: `${string} 2.5s ease-in-out forwards`;
         display: "flex";
         justifyContent: "flex-start";
         padding: string;
     };
-    saved: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    saved: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
         marginLeft: string;
     };
-    saving: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    saving: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         marginLeft: string;
     };
     savingContainer: () => {
@@ -36,7 +36,7 @@ export declare const styles: {
         display: "flex";
         justifyContent: "flex-start";
     };
-    savingFailed: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    savingFailed: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         color: "#EE3B3F";
         marginLeft: string;
     };

package/src/components/section/section.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { WithChildrenCommonProps } from "@packlink/giger";
+import { WithChildrenCommonProps } from "@shipengine/giger";
 /**
  * @internal
  *

package/src/components/section/section.styles.d.ts

@@ -1,17 +1,17 @@
 export declare const styles: {
-    icon: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    icon: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
         marginRight: number;
     };
     rightContentWrapper: {
         marginLeft: string;
     };
-    section: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    section: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         boxSizing: "border-box";
         padding: string;
         width: string;
     };
-    summary: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    summary: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         "&::-webkit-details-marker": {
             display: "none";
         };
@@ -24,7 +24,7 @@ export declare const styles: {
         padding: string;
         width: string;
     };
-    summaryWrapper: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    summaryWrapper: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         color: string;
         display: "flex";

package/src/components/settings-card/settings-card.styles.d.ts

@@ -1,5 +1,5 @@
 export declare const styles: {
-    body: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    body: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         borderTop: string;
         color: string;
         lineHeight: number;
@@ -8,13 +8,13 @@ export declare const styles: {
         textTransform: "uppercase";
         width: string;
     };
-    container: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    container: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         border: string;
         borderRadius: string;
         boxSizing: "border-box";
         width: string;
     };
-    header: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    header: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         borderRadius: number;
         color: string;
@@ -23,13 +23,13 @@ export declare const styles: {
         padding: number;
         width: string;
     };
-    title: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    title: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         display: "flex";
         gap: number;
         justifyContent: "space-between";
     };
-    verticalContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    verticalContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         border: string;
         borderRadius: string;

package/src/components/spacer/spacer.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from "@packlink/giger-theme";
+import { Theme } from "@shipengine/giger-theme";
 /**
  * @internal
  *

package/src/components/templates/account-settings/account-settings.d.ts

@@ -1,6 +1,5 @@
 import { SE } from "@shipengine/alchemy";
 export type AccountSettingsProps = {
     carriers?: SE.Carrier[];
-    onSaveSettings: () => void;
 };
 export declare const AccountSettings: ({ carriers, ...rest }: AccountSettingsProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/templates/address-form/address-fields.styles.d.ts

@@ -10,7 +10,7 @@ export declare const styles: {
         flex: string;
         width: string;
     };
-    stateZipWrapper: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    stateZipWrapper: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         "@media (max-width: 375px)": {
             flexDirection: "column";
             gap: number;

package/src/components/templates/customs-items-display/customs-items-display.styles.d.ts

@@ -1,82 +1,82 @@
 export declare const styles: {
-    actions: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    actions: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         background: string;
         display: "flex";
         flexDirection: "column";
     };
-    actionsButton: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    actionsButton: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         padding: string;
         verticalAlign: string;
     };
-    actionsColumn: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    actionsColumn: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         padding: string;
         width: number;
     };
-    alertContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    alertContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
         display: "flex";
     };
-    alertText: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    alertText: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         color: "inherit";
         fontWeight: number;
         paddingLeft: string;
     };
-    header: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    header: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         "& > tr > th": {
             "&:after": {
                 borderBottom: string;
             };
         };
     };
-    headerActions: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    headerActions: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
         padding: string;
         width: number;
     };
-    headerDescription: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    headerDescription: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
         overflow: "visible";
         padding: string;
     };
-    headerEach: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    headerEach: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
         padding: string;
         textAlign: "right";
         width: number;
     };
-    headerQty: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    headerQty: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
         padding: number;
         textAlign: "right";
         width: number;
     };
-    headerTotal: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    headerTotal: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
         padding: string;
         textAlign: "right";
         width: number;
     };
-    hsCode: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    hsCode: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         padding: string;
         whiteSpace: "normal";
         wordBreak: "break-word";
     };
-    itemEach: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    itemEach: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         padding: string;
         textAlign: "right";
         width: number;
     };
-    itemInfoLeft: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    itemInfoLeft: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         overflow: "hidden";
         padding: string;
     };
-    itemQty: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    itemQty: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         overflow: "visible";
         padding: string;
         textAlign: "right";
         width: number;
     };
-    itemTotal: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    itemTotal: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         overflow: "visible";
         padding: string;
         textAlign: "right";

package/src/components/templates/display-carrier-terms/display-carrier-terms.d.ts

@@ -1,6 +1,6 @@
 import { CarrierTerms } from "../../../types";
-interface DisplayCarrierTermsParams {
+interface DisplayCarrierTermsProps {
     carrierTerms: CarrierTerms;
 }
-export declare const DisplayCarrierTerms: (c: DisplayCarrierTermsParams) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DisplayCarrierTerms: (props: DisplayCarrierTermsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/src/components/templates/display-carrier-terms/display-carrier-terms.styles.d.ts

@@ -0,0 +1,25 @@
+export declare const styles: {
+    link: {
+        "&:visited": {
+            color: "#006fbb";
+        };
+        border: string;
+    };
+    links: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        border: string;
+        display: "flex";
+        flexDirection: "column";
+        gap: number;
+        paddingBottom: number;
+        paddingTop: number;
+    };
+    listItems: {
+        border: string;
+        listStyle: "none";
+    };
+    terms: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        display: "flex";
+        flexDirection: "column";
+        gap: number;
+    };
+};

package/src/components/templates/edit-billing-form/edit-billing-form.styles.d.ts

@@ -1,15 +1,15 @@
 export declare const styles: {
-    boldLink: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    boldLink: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         fontWeight: number;
     };
-    container: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    container: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
         rowGap: string;
     };
     heading: {
         textAlign: "center";
     };
-    subtitle: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    subtitle: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         paddingBottom: number;
         textAlign: "left";
     };

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

@@ -3,15 +3,13 @@ export * from "./add-carrier-form";
 export * from "./address-display";
 export * from "./address-form";
 export * from "./address-parser";
+export * from "../address-preference-context";
 export * from "./address-preference-display";
-export * from "./carrier-recovery-form";
-export * from "./carrier-terms-form";
+export * from "./address-preference-select";
 export * from "./customs-item-form";
 export * from "./label";
-export * from "./landing-page";
 export * from "./list-carriers";
 export * from "./manage-warehouses";
-export * from "./onboarding";
 export * from "./rate-form";
 export * from "./suspend-sales-order";
 export * from "./shipment-form";
@@ -19,5 +17,3 @@ export * from "./shipment";
 export * from "./suspend-shipment";
 export * from "./warehouse-form";
 export * from "./wallet-form";
-export * from "../address-preference-context";
-export * from "./address-preference-select";

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

@@ -1,9 +1,9 @@
 export declare const styles: {
-    trackingNumber: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    trackingNumber: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         display: "flex";
     };
-    truncatedTrackingNumber: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    truncatedTrackingNumber: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         overflow: "hidden";
         textOverflow: "ellipsis";
         whiteSpace: "nowrap";

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

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

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

@@ -1,5 +1,5 @@
 export declare const styles: {
-    carriersList: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    carriersList: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         "& > li:not(:last-of-type)": {
             borderBottom: string;
         };
@@ -7,12 +7,12 @@ export declare const styles: {
         borderRadius: string;
         listStyle: "none";
     };
-    skeletonLogoContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    skeletonLogoContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         columnGap: string;
         display: "flex";
     };
-    skeletonRow: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    skeletonRow: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         "&:not(:last-of-type)": {
             borderBottom: string;
         };

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

@@ -3,18 +3,18 @@ export declare const styles: {
         display: "flex";
         flexDirection: "column";
     };
-    getConnectButton: (isConnected?: boolean) => (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    getConnectButton: (isConnected?: boolean) => (theme: import("@shipengine/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) => {
+    logoContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         columnGap: string;
         display: "flex";
     };
-    rowContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    rowContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         display: "flex";
         justifyContent: "space-between";

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

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

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

@@ -5,6 +5,7 @@ export type RateFormProps = {
     disabled?: boolean;
     displayableRateErrors?: string[];
     displayableSaveRateErrors?: string[];
+    displayableShipmentErrors?: string[];
     errors?: SE.CodedError[];
     features?: ConfigureShipmentFeatures;
     isLoading?: boolean;
@@ -14,10 +15,9 @@ export type RateFormProps = {
     onSave?: (rate: Pick<SE.Rate, "carrierId" | "serviceCode">) => Promise<void> | void;
     onSelectRate?: (rateId: string) => void;
     onSubmit?: (rateId: string) => Promise<void> | void;
-    outOfBandDisplayableErrors?: string[];
     preferredRates?: PreferredRatesResponse;
     preferredServiceCodes?: string[];
     rates?: SE.Rate[];
     shipment?: SE.SalesOrderShipment;
 };
-export declare const RateForm: ({ carriers, disabled, displayableRateErrors, displayableSaveRateErrors, errors, features, isLoading, labelErrors, labels, labelsLoading, onSave, onSelectRate, onSubmit, outOfBandDisplayableErrors, preferredRates, preferredServiceCodes, rates, shipment, }: RateFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RateForm: ({ carriers, disabled, displayableRateErrors, displayableSaveRateErrors, errors, features, isLoading, labelErrors, labels, labelsLoading, onSave, onSelectRate, onSubmit, displayableShipmentErrors, preferredRates, preferredServiceCodes, rates, shipment, }: RateFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 export declare const styles: {
-    fundAndPurchase: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    fundAndPurchase: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         borderTop: string;
     };
     ratesInterstitial: {

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

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

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

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

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

@@ -5,7 +5,7 @@ export declare const styles: {
         justifyContent: "center";
         width: string;
     };
-    icon: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    icon: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         color: string;
     };
 };

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

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

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

@@ -1,11 +1,11 @@
 import { SE } from "@shipengine/alchemy";
 import { WarehousePayload } from "../manage-warehouses";
 export type WarehouseFormProps = {
-    isOnboarding?: boolean;
     onCancel?: () => void;
     onDelete?: () => void;
     onSubmit: (payload: WarehousePayload) => void;
+    shouldForceDefault?: boolean;
     submitButtonTitle: string;
     warehouse?: SE.Warehouse | Pick<SE.Warehouse, "name" | "isDefault" | "originAddress" | "returnAddress">;
 };
-export declare const WarehouseForm: ({ isOnboarding, onCancel, onDelete, onSubmit, submitButtonTitle, warehouse, }: WarehouseFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WarehouseForm: ({ onCancel, onDelete, onSubmit, submitButtonTitle, warehouse, shouldForceDefault, }: WarehouseFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;