@shipengine/elements 0.26.18 → 0.27.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "0.26.18",
+  "version": "0.27.0",
   "typedoc": {
     "entryPoint": "./src/index.ts",
     "readmeFile": "../../README.md",
@@ -30,8 +30,8 @@
     "@jest/globals": "28.1.3",
     "@packlink/brands": "3.24.0",
     "@packlink/giger-theme": "1.3.1",
-    "@shipengine/alchemy": "0.4.24",
-    "@shipengine/js-api": "0.13.1",
+    "@shipengine/alchemy": "0.5.1",
+    "@shipengine/js-api": "0.14.1",
     "@storybook/addons": "6.5.16",
     "@storybook/components": "7.0.0-rc.1",
     "@storybook/core-events": "7.0.0-rc.1",

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

@@ -21,7 +21,7 @@ export type ValidationPreference = {
     originAddress: AddressValidationPreference;
     returnAddress?: AddressValidationPreference;
 };
-export type AddressPreferenceProvideProps = {
+export type AddressPreferenceProviderProps = {
     children: ReactNode;
     className?: string;
     formHeader?: React.ReactNode;
@@ -37,6 +37,6 @@ export type AddressPreferenceValue = {
     validationPreference?: ValidationPreference;
 };
 export declare const AddressPreferenceContext: import("react").Context<AddressPreferenceValue | undefined>;
-export declare const AddressPreferenceProvider: (props: AddressPreferenceProvideProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const AddressPreferenceProvider: (props: AddressPreferenceProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const useAddressPreference: () => AddressPreferenceValue;
 export {};

package/src/components/index.d.ts

@@ -17,6 +17,7 @@ export * from "./items-breakdown";
 export * from "./link-action";
 export * from "./loader";
 export * from "./manage-funding";
+export * from "./payment-method-settings";
 export * from "./portal";
 export * from "./powered-by-shipengine";
 export * from "./section";

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

@@ -6,7 +6,7 @@ export declare const styles: ({ variant, spacing, }: {
     labelContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         display: "flex";
-        flexDirection: "column" | "row" | "row-reverse";
+        flexDirection: "row" | "column" | "row-reverse";
         gap: number;
         justifyContent: "flex-start" | "space-between;";
     };

package/src/components/payment-method-settings/index.d.ts

@@ -0,0 +1 @@
+export * from "./payment-method-settings";

package/src/components/payment-method-settings/payment-method-settings.d.ts

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

package/src/components/templates/carrier-recovery-form/carrier-recovery-form.d.ts

@@ -4,7 +4,8 @@ export type CarrierRecoveryFormProps = {
     address?: SE.Address;
     carrierCode: string;
     errors?: SE.CodedError[] | null;
+    fundingSourceId: string;
     onSkip?: () => void;
-    onSubmit: (payload: CarrierRecoveryFormPayload) => Promise<void>;
+    onSubmit: (fundingSourceId: string, payload: CarrierRecoveryFormPayload) => Promise<void>;
 };
-export declare const CarrierRecoveryForm: ({ address, carrierCode, errors, onSkip, onSubmit, }: CarrierRecoveryFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const CarrierRecoveryForm: ({ address, carrierCode, errors, fundingSourceId, onSkip, onSubmit, }: CarrierRecoveryFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,7 @@
-import { WalletFormPayload } from "../wallet-form";
+import { SE } from "@shipengine/alchemy";
 export type EditBillingFormProps = {
+    fundingSources?: SE.FundingSource[];
     onCancel: () => void;
-    onSubmit: (walletPayload: WalletFormPayload) => void;
+    onSubmit: (billingInfo: SE.FundingSourceAddress, creditCardInfo: SE.CreditCardInfo) => void;
 };
-export declare const EditBillingForm: ({ onCancel, onSubmit }: EditBillingFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const EditBillingForm: ({ fundingSources, onCancel, onSubmit }: EditBillingFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -21,18 +21,18 @@ export type OnboardingFeatures = {
     };
 };
 export type OnboardingProps = {
-    carriers: SE.Carrier[];
+    connectedCarriers: SE.Carrier[];
+    createFundingSource: (payload: SE.CreateFundingSource) => Promise<SE.CreateFundingSourceResponse>;
+    createFundingSourceErrors: SE.CodedError[] | null;
     createWarehouse: (payload: Partial<SE.Warehouse>) => Promise<SE.Warehouse>;
     features?: OnboardingFeatures;
+    fundingSources?: SE.FundingSource[];
     onCarrierCreated: () => Promise<void>;
     onCompleteOnboarding: () => void;
+    onFundingSourceCreated: () => Promise<void>;
     onWarehouseCreated: () => Promise<void>;
-    registerDhlCarrier: (payload: SE.CarrierConnection) => Promise<void>;
-    registerDhlCarrierErrors: SE.CodedError[] | null;
-    registerStampsCarrier: (payload: SE.CarrierConnection) => Promise<void>;
-    registerStampsCarrierErrors: SE.CodedError[] | null;
-    registerUpsCarrier: (payload: SE.CarrierConnection) => Promise<void>;
-    registerUpsCarrierErrors: SE.CodedError[] | null;
+    registerCarrier: (payload: SE.CarrierRegistration) => Promise<SE.CarrierRegistrationResponse>;
+    registerCarrierErrors: SE.CodedError[] | null;
     warehouses: SE.Warehouse[];
 };
-export declare const Onboarding: ({ carriers, createWarehouse, features, onCarrierCreated, onCompleteOnboarding, onWarehouseCreated, registerDhlCarrier, registerDhlCarrierErrors, registerStampsCarrier, registerStampsCarrierErrors, registerUpsCarrier, registerUpsCarrierErrors, warehouses, }: OnboardingProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Onboarding: ({ connectedCarriers, createWarehouse, features, fundingSources, onCarrierCreated, onCompleteOnboarding, onFundingSourceCreated, onWarehouseCreated, registerCarrier, registerCarrierErrors, createFundingSource, createFundingSourceErrors, warehouses, }: OnboardingProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import { SE } from "@shipengine/alchemy";
 export type WalletFormFeatures = {};
 export type WalletPayload = {
     address: SE.Address;
-    creditCard: SE.CreditCard;
+    creditCard: SE.CreditCardInfo;
 };
 export type WalletFormProps = {
     address: SE.Address;

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

@@ -211,11 +211,12 @@ export declare const walletSchema: z.ZodObject<{
         cvv: string;
         expiration: string;
     }>, {
-        expirationMonth: string;
-        expirationYear: string;
+        cardNumber: string;
+        cvv: string;
+        expirationMonth: number;
+        expirationYear: number;
         name: string;
-        number: string;
-        type: CreditCardVendor;
+        provider: CreditCardVendor;
     }, {
         number: string;
         name: string;
@@ -235,11 +236,12 @@ export declare const walletSchema: z.ZodObject<{
         stateProvince: string;
     };
     creditCard: {
-        expirationMonth: string;
-        expirationYear: string;
+        cardNumber: string;
+        cvv: string;
+        expirationMonth: number;
+        expirationYear: number;
         name: string;
-        number: string;
-        type: CreditCardVendor;
+        provider: CreditCardVendor;
     };
 }, {
     address: {

package/src/elements/index.d.ts

@@ -4,3 +4,4 @@ export * from "./onboarding";
 export * from "./purchase-label";
 export * from "./view-shipment";
 export * from "./void-label";
+export * from "./shipengine-workflow";

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

@@ -114,7 +114,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     title: string;
                     billing: {
                         title: string;
-                        subtitle: string;
+                        subtitleCard: string;
+                        subtitleBilling: string;
                     };
                 };
             };
@@ -214,6 +215,9 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     rate_other: string;
                 };
             };
+            "payment-method": {
+                title: string;
+            };
             onboarding: {
                 title: string;
                 inlineTitle: string;
@@ -595,6 +599,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 "QWRkcmVzcyBub3QgZm91bmQ=": string;
                 QSBzaGlwcGluZyBjYXJyaWVyIGVycm9yIG9jY3VycmVkOiBVUFMgd2VpZ2h0IGxpbWl0IHBlciBwYWNrYWdlIGlzIDE1MCBsYnMu: string;
                 UGxlYXNlIGFkZCBhIFN0YW1wcy5jb20gYWNjb3VudCB0byBTaGlwRW5naW5lIGluIG9yZGVyIHRvIGNyZWF0ZSBzaGlwcGluZyBsYWJlbHMu: string;
+                QSBzaGlwcGluZyBlcnJvciBvY2N1cnJlZDogTWlzc2luZyBvciBpbnZhbGlkIHNoaXBwZXIgbnVtYmVy: string;
             };
         };
     } | undefined;

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

@@ -114,7 +114,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     title: string;
                     billing: {
                         title: string;
-                        subtitle: string;
+                        subtitleCard: string;
+                        subtitleBilling: string;
                     };
                 };
             };
@@ -214,6 +215,9 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     rate_other: string;
                 };
             };
+            "payment-method": {
+                title: string;
+            };
             onboarding: {
                 title: string;
                 inlineTitle: string;
@@ -595,6 +599,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 "QWRkcmVzcyBub3QgZm91bmQ=": string;
                 QSBzaGlwcGluZyBjYXJyaWVyIGVycm9yIG9jY3VycmVkOiBVUFMgd2VpZ2h0IGxpbWl0IHBlciBwYWNrYWdlIGlzIDE1MCBsYnMu: string;
                 UGxlYXNlIGFkZCBhIFN0YW1wcy5jb20gYWNjb3VudCB0byBTaGlwRW5naW5lIGluIG9yZGVyIHRvIGNyZWF0ZSBzaGlwcGluZyBsYWJlbHMu: string;
+                QSBzaGlwcGluZyBlcnJvciBvY2N1cnJlZDogTWlzc2luZyBvciBpbnZhbGlkIHNoaXBwZXIgbnVtYmVy: string;
             };
         };
     } | undefined;

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

@@ -115,7 +115,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     title: string;
                     billing: {
                         title: string;
-                        subtitle: string;
+                        subtitleCard: string;
+                        subtitleBilling: string;
                     };
                 };
             };
@@ -215,6 +216,9 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     rate_other: string;
                 };
             };
+            "payment-method": {
+                title: string;
+            };
             onboarding: {
                 title: string;
                 inlineTitle: string;
@@ -596,6 +600,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 "QWRkcmVzcyBub3QgZm91bmQ=": string;
                 QSBzaGlwcGluZyBjYXJyaWVyIGVycm9yIG9jY3VycmVkOiBVUFMgd2VpZ2h0IGxpbWl0IHBlciBwYWNrYWdlIGlzIDE1MCBsYnMu: string;
                 UGxlYXNlIGFkZCBhIFN0YW1wcy5jb20gYWNjb3VudCB0byBTaGlwRW5naW5lIGluIG9yZGVyIHRvIGNyZWF0ZSBzaGlwcGluZyBsYWJlbHMu: string;
+                QSBzaGlwcGluZyBlcnJvciBvY2N1cnJlZDogTWlzc2luZyBvciBpbnZhbGlkIHNoaXBwZXIgbnVtYmVy: string;
             };
         };
     } | undefined;

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

@@ -134,7 +134,8 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     title: string;
                     billing: {
                         title: string;
-                        subtitle: string;
+                        subtitleCard: string;
+                        subtitleBilling: string;
                     };
                 };
             };
@@ -234,6 +235,9 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     rate_other: string;
                 };
             };
+            "payment-method": {
+                title: string;
+            };
             onboarding: {
                 title: string;
                 inlineTitle: string;
@@ -615,6 +619,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                 "QWRkcmVzcyBub3QgZm91bmQ=": string;
                 QSBzaGlwcGluZyBjYXJyaWVyIGVycm9yIG9jY3VycmVkOiBVUFMgd2VpZ2h0IGxpbWl0IHBlciBwYWNrYWdlIGlzIDE1MCBsYnMu: string;
                 UGxlYXNlIGFkZCBhIFN0YW1wcy5jb20gYWNjb3VudCB0byBTaGlwRW5naW5lIGluIG9yZGVyIHRvIGNyZWF0ZSBzaGlwcGluZyBsYWJlbHMu: string;
+                QSBzaGlwcGluZyBlcnJvciBvY2N1cnJlZDogTWlzc2luZyBvciBpbnZhbGlkIHNoaXBwZXIgbnVtYmVy: string;
             };
         };
     } | undefined;

package/src/elements/shipengine-workflow/index.d.ts

@@ -0,0 +1 @@
+export * as LabelWorkflow from "./label-workflow";

package/src/elements/shipengine-workflow/label-workflow.d.ts

@@ -0,0 +1,25 @@
+import { Shipment } from "@shipengine/js-api";
+type LabelWorkflowProps = {
+    callbacks?: {
+        onLabelCreateSuccess?: (label: {
+            labelId: string;
+        }, shipment: Shipment) => void;
+    };
+    features: any;
+    labelId?: string;
+    multiplexedId: ({
+        orderSourceCode: string;
+    } & ({
+        externalOrderNumber: string;
+    } | {
+        externalOrderId: string;
+    })) | {
+        salesOrderId: string;
+    } | {
+        shipmentId: string;
+    } | {
+        oneOff: true;
+    };
+};
+export declare const Element: ({ multiplexedId: _multiplexedId, labelId: _labelId, features: propFeatures, callbacks, }: LabelWorkflowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -119,7 +119,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     title: string;
                     billing: {
                         title: string;
-                        subtitle: string;
+                        subtitleCard: string;
+                        subtitleBilling: string;
                     };
                 };
             };
@@ -219,6 +220,9 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     rate_other: string;
                 };
             };
+            "payment-method": {
+                title: string;
+            };
             onboarding: {
                 title: string;
                 inlineTitle: string;
@@ -600,6 +604,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 "QWRkcmVzcyBub3QgZm91bmQ=": string;
                 QSBzaGlwcGluZyBjYXJyaWVyIGVycm9yIG9jY3VycmVkOiBVUFMgd2VpZ2h0IGxpbWl0IHBlciBwYWNrYWdlIGlzIDE1MCBsYnMu: string;
                 UGxlYXNlIGFkZCBhIFN0YW1wcy5jb20gYWNjb3VudCB0byBTaGlwRW5naW5lIGluIG9yZGVyIHRvIGNyZWF0ZSBzaGlwcGluZyBsYWJlbHMu: string;
+                QSBzaGlwcGluZyBlcnJvciBvY2N1cnJlZDogTWlzc2luZyBvciBpbnZhbGlkIHNoaXBwZXIgbnVtYmVy: string;
             };
         };
     } | undefined;

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

@@ -122,7 +122,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     title: string;
                     billing: {
                         title: string;
-                        subtitle: string;
+                        subtitleCard: string;
+                        subtitleBilling: string;
                     };
                 };
             };
@@ -222,6 +223,9 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     rate_other: string;
                 };
             };
+            "payment-method": {
+                title: string;
+            };
             onboarding: {
                 title: string;
                 inlineTitle: string;
@@ -603,6 +607,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 "QWRkcmVzcyBub3QgZm91bmQ=": string;
                 QSBzaGlwcGluZyBjYXJyaWVyIGVycm9yIG9jY3VycmVkOiBVUFMgd2VpZ2h0IGxpbWl0IHBlciBwYWNrYWdlIGlzIDE1MCBsYnMu: string;
                 UGxlYXNlIGFkZCBhIFN0YW1wcy5jb20gYWNjb3VudCB0byBTaGlwRW5naW5lIGluIG9yZGVyIHRvIGNyZWF0ZSBzaGlwcGluZyBsYWJlbHMu: string;
+                QSBzaGlwcGluZyBlcnJvciBvY2N1cnJlZDogTWlzc2luZyBvciBpbnZhbGlkIHNoaXBwZXIgbnVtYmVy: string;
             };
         };
     } | undefined;

package/src/locales/en/index.d.ts

@@ -106,7 +106,8 @@ declare const _default: {
             title: string;
             billing: {
                 title: string;
-                subtitle: string;
+                subtitleCard: string;
+                subtitleBilling: string;
             };
         };
     };
@@ -206,6 +207,9 @@ declare const _default: {
             rate_other: string;
         };
     };
+    "payment-method": {
+        title: string;
+    };
     onboarding: {
         title: string;
         inlineTitle: string;
@@ -587,6 +591,7 @@ declare const _default: {
         "QWRkcmVzcyBub3QgZm91bmQ=": string;
         QSBzaGlwcGluZyBjYXJyaWVyIGVycm9yIG9jY3VycmVkOiBVUFMgd2VpZ2h0IGxpbWl0IHBlciBwYWNrYWdlIGlzIDE1MCBsYnMu: string;
         UGxlYXNlIGFkZCBhIFN0YW1wcy5jb20gYWNjb3VudCB0byBTaGlwRW5naW5lIGluIG9yZGVyIHRvIGNyZWF0ZSBzaGlwcGluZyBsYWJlbHMu: string;
+        QSBzaGlwcGluZyBlcnJvciBvY2N1cnJlZDogTWlzc2luZyBvciBpbnZhbGlkIHNoaXBwZXIgbnVtYmVy: string;
     };
 };
 export default _default;

package/src/types/carrier-metadata.d.ts

@@ -2,7 +2,9 @@ import { CarrierConnection, SE } from "@shipengine/alchemy";
 export type CarrierTerm = {
     description: string;
     name: string;
+    termType: string;
     url: string;
+    version: string;
 };
 export type CarrierTerms = {
     content: string[];

package/src/utilities/feature-flags.d.ts

@@ -0,0 +1,3 @@
+export declare const featureFlagComponentNameLookup: (componentName: string) => string;
+export declare const getFeatures: (...element: string[]) => any;
+export declare const useFeatures: (...element: string[]) => any;

package/src/utilities/index.d.ts

@@ -9,3 +9,4 @@ export * from "./shipengine";
 export * from "./string";
 export * from "./styles";
 export * from "./validation";
+export * from "./feature-flags";

package/src/components/templates/manage-wallet/index.d.ts

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

package/src/components/templates/manage-wallet/manage-wallet.d.ts

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

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

@@ -1,21 +0,0 @@
-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;
-    };
-};