@shipengine/elements 0.29.0 → 0.31.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "0.29.0",
+  "version": "0.31.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.5.1",
-    "@shipengine/js-api": "0.14.1",
+    "@shipengine/alchemy": "0.5.14",
+    "@shipengine/js-api": "0.19.1",
     "@storybook/addons": "6.5.16",
     "@storybook/components": "7.0.0-rc.1",
     "@storybook/core-events": "7.0.0-rc.1",

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

@@ -8,6 +8,8 @@ export type AddressFormProps<T = undefined> = {
     onCancelParse?: () => void;
     onSubmit: (payload: SE.Address) => void;
     onSubmitParse?: (payload: AddressParserPayload) => Promise<SE.AddressExtraction | undefined>;
+    parseAddressErrors?: SE.CodedError[];
+    resetParseAddress?: () => void;
 } & ({
     formId: string;
     portalRef: React.RefObject<T>;
@@ -15,4 +17,4 @@ export type AddressFormProps<T = undefined> = {
     formId?: string;
     portalRef?: never;
 });
-export declare const AddressForm: <T extends Element>({ address, domestic, formId, onCancel, onCancelParse, onSubmit, onSubmitParse, portalRef, }: AddressFormProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const AddressForm: <T extends Element>({ address, domestic, formId, onCancel, onCancelParse, onSubmit, onSubmitParse, parseAddressErrors, portalRef, resetParseAddress, }: AddressFormProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/templates/address-parser/address-parser.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
+import { SE } from "@shipengine/js-api";
 import { AddressParserPayload } from "./address-parser-schema";
 export type AddressParserProps<T = undefined> = {
+    errors?: SE.CodedError[];
     onCancel?: () => void;
     onSubmit: (payload: AddressParserPayload) => void;
+    reset?: () => void;
 } & ({
     formId: string;
     portalRef: React.RefObject<T>;
@@ -10,4 +13,4 @@ export type AddressParserProps<T = undefined> = {
     formId?: string;
     portalRef?: never;
 });
-export declare const AddressParser: <T extends Element>({ formId, onCancel, onSubmit, portalRef, }: AddressParserProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const AddressParser: <T extends Element>({ errors: parseErrors, formId, onCancel, onSubmit, portalRef, reset, }: AddressParserProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -18,11 +18,10 @@ export declare const styles: {
         display: "flex";
         flexDirection: "column";
     };
-    icon: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
-        padding: string;
-        position: "absolute";
-    };
     link: {
+        "&:visited": {
+            color: "#006fbb";
+        };
         border: string;
     };
     links: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
@@ -49,6 +48,11 @@ export declare const styles: {
         paddingBottom: number;
         paddingTop: number;
     };
+    termsLink: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        alignItems: "center";
+        display: "inline-flex";
+        fontWeight: number;
+    };
     termsList: {
         listStyle: "none";
     };

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

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

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

@@ -22,7 +22,9 @@ export type OnboardingFeatures = {
 };
 export type OnboardingProps = {
     connectedCarriers: SE.Carrier[];
-    createFundingSource: (payload: SE.CreateFundingSource) => Promise<SE.CreateFundingSourceResponse>;
+    createFundingSource: (payload: SE.CreateFundingSource) => Promise<{
+        fundingSource: SE.FundingSource;
+    }>;
     createFundingSourceErrors: SE.CodedError[] | null;
     createWarehouse: (payload: Partial<SE.Warehouse>) => Promise<SE.Warehouse>;
     features?: OnboardingFeatures;

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

@@ -31,6 +31,8 @@ export type ShipmentFormProps = {
     onSubmitParseShipTo: (payload: AddressParserPayload) => Promise<SE.AddressExtraction | undefined>;
     onToggleAddressPreferenceDisclosure?: AddressPreferenceDisplayProps["onToggleDisclosure"];
     onUpdateCustoms?: (customs: SE.Customs) => Promise<SE.SalesOrderShipment | undefined>;
+    parseAddressErrors?: SE.CodedError[];
+    resetParseAddress?: () => void;
     salesOrder?: SE.SalesOrder;
     shipment?: SE.SalesOrderShipment;
     shippingPresets?: UseShippingPresetsOptionsProps;
@@ -49,4 +51,4 @@ export type ShipmentFormFeatures = {
     selectService?: boolean;
     shippingPresets?: boolean;
 };
-export declare const ShipmentForm: ({ addressLoading, addressPreference, charsetWarning, carriers, customPackageTypes, errors, features, hydrateRef, insuranceAccount, isLoading, onApplyPreset, onChangeAddress, onChangeMode, onDirty, onSubmit, onSubmitParseShipTo, onToggleAddressPreferenceDisclosure, onUpdateCustoms, salesOrder, shipment, shippingPresets, warehouseId, warehouses, }: ShipmentFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ShipmentForm: ({ addressLoading, addressPreference, charsetWarning, carriers, customPackageTypes, errors, 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;

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

@@ -1,4 +1,6 @@
+import { SE } from "@shipengine/alchemy";
 export type WalletCardProps = {
+    fundingSource?: SE.FundingSource;
     onEdit: () => void;
 };
-export declare const WalletCard: ({ onEdit }: WalletCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WalletCard: ({ fundingSource, onEdit }: WalletCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { z } from "zod";
-import { CreditCardVendor } from "@shipengine/alchemy";
+import { Provider } from "@shipengine/alchemy";
 export declare const billingAddressSchema: z.ZodEffects<z.ZodEffects<z.ZodEffects<z.ZodObject<z.extendShape<{
     addressLine1: z.ZodString;
     addressLine2: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
@@ -14,6 +14,7 @@ export declare const billingAddressSchema: z.ZodEffects<z.ZodEffects<z.ZodEffect
     addressLine1: z.ZodEffects<z.ZodString, string, string>;
     addressLine2: z.ZodEffects<z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>, string | undefined, string | null | undefined>;
     companyName: z.ZodString;
+    email: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string, string | null | undefined>;
     phone: z.ZodString;
 }>, "strip", z.ZodTypeAny, {
     addressLine2?: string | undefined;
@@ -25,9 +26,11 @@ export declare const billingAddressSchema: z.ZodEffects<z.ZodEffects<z.ZodEffect
     phone: string;
     postalCode: string;
     stateProvince: string;
+    email: string;
 }, {
     addressLine2?: string | null | undefined;
     stateProvince?: string | null | undefined;
+    email?: string | null | undefined;
     addressLine1: string;
     cityLocality: string;
     companyName: string;
@@ -45,9 +48,11 @@ export declare const billingAddressSchema: z.ZodEffects<z.ZodEffects<z.ZodEffect
     phone: string;
     postalCode: string;
     stateProvince: string;
+    email: string;
 }, {
     addressLine2?: string | null | undefined;
     stateProvince?: string | null | undefined;
+    email?: string | null | undefined;
     addressLine1: string;
     cityLocality: string;
     companyName: string;
@@ -65,9 +70,11 @@ export declare const billingAddressSchema: z.ZodEffects<z.ZodEffects<z.ZodEffect
     phone: string;
     postalCode: string;
     stateProvince: string;
+    email: string;
 }, {
     addressLine2?: string | null | undefined;
     stateProvince?: string | null | undefined;
+    email?: string | null | undefined;
     addressLine1: string;
     cityLocality: string;
     companyName: string;
@@ -85,9 +92,11 @@ export declare const billingAddressSchema: z.ZodEffects<z.ZodEffects<z.ZodEffect
     phone: string;
     postalCode: string;
     stateProvince: string;
+    email: string;
 }, {
     addressLine2?: string | null | undefined;
     stateProvince?: string | null | undefined;
+    email?: string | null | undefined;
     addressLine1: string;
     cityLocality: string;
     companyName: string;
@@ -113,6 +122,7 @@ export declare const walletSchema: z.ZodObject<{
         addressLine1: z.ZodEffects<z.ZodString, string, string>;
         addressLine2: z.ZodEffects<z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>, string | undefined, string | null | undefined>;
         companyName: z.ZodString;
+        email: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string, string | null | undefined>;
         phone: z.ZodString;
     }>, "strip", z.ZodTypeAny, {
         addressLine2?: string | undefined;
@@ -124,9 +134,11 @@ export declare const walletSchema: z.ZodObject<{
         phone: string;
         postalCode: string;
         stateProvince: string;
+        email: string;
     }, {
         addressLine2?: string | null | undefined;
         stateProvince?: string | null | undefined;
+        email?: string | null | undefined;
         addressLine1: string;
         cityLocality: string;
         companyName: string;
@@ -144,9 +156,11 @@ export declare const walletSchema: z.ZodObject<{
         phone: string;
         postalCode: string;
         stateProvince: string;
+        email: string;
     }, {
         addressLine2?: string | null | undefined;
         stateProvince?: string | null | undefined;
+        email?: string | null | undefined;
         addressLine1: string;
         cityLocality: string;
         companyName: string;
@@ -164,9 +178,11 @@ export declare const walletSchema: z.ZodObject<{
         phone: string;
         postalCode: string;
         stateProvince: string;
+        email: string;
     }, {
         addressLine2?: string | null | undefined;
         stateProvince?: string | null | undefined;
+        email?: string | null | undefined;
         addressLine1: string;
         cityLocality: string;
         companyName: string;
@@ -184,9 +200,11 @@ export declare const walletSchema: z.ZodObject<{
         phone: string;
         postalCode: string;
         stateProvince: string;
+        email: string;
     }, {
         addressLine2?: string | null | undefined;
         stateProvince?: string | null | undefined;
+        email?: string | null | undefined;
         addressLine1: string;
         cityLocality: string;
         companyName: string;
@@ -216,7 +234,7 @@ export declare const walletSchema: z.ZodObject<{
         expirationMonth: number;
         expirationYear: number;
         name: string;
-        provider: CreditCardVendor;
+        provider: Provider;
     }, {
         number: string;
         name: string;
@@ -234,6 +252,7 @@ export declare const walletSchema: z.ZodObject<{
         phone: string;
         postalCode: string;
         stateProvince: string;
+        email: string;
     };
     creditCard: {
         cardNumber: string;
@@ -241,12 +260,13 @@ export declare const walletSchema: z.ZodObject<{
         expirationMonth: number;
         expirationYear: number;
         name: string;
-        provider: CreditCardVendor;
+        provider: Provider;
     };
 }, {
     address: {
         addressLine2?: string | null | undefined;
         stateProvince?: string | null | undefined;
+        email?: string | null | undefined;
         addressLine1: string;
         cityLocality: string;
         companyName: string;

package/src/elements/account-settings/account-settings.d.ts

@@ -212,6 +212,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     shipment: string;
                     rate_one: string;
                     rate_other: string;
+                    payment: string;
                 };
             };
             "payment-method": {
@@ -487,6 +488,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
                 errorMessages: {
                     invalidNameOrCompany: string;
+                    parsingFailure: string;
                     noWarehouses: string;
                     unableToLoad: {
                         accountSettings: string;

package/src/elements/configure-shipment/hooks/use-address.d.ts

@@ -9,10 +9,12 @@ export type UseAddressProps = {
     shipment?: SE.SalesOrderShipment;
 };
 export declare const useAddress: ({ compatibleCountryCodes, onChange, onValidation, salesOrder, shipment, }: UseAddressProps) => {
-    addressLoading: boolean;
     addressErrors: SE.CodedError[] | undefined;
+    addressLoading: boolean;
     addressPreference: Templates.AddressPreference | undefined;
     charsetWarning: Templates.CharsetWarning | undefined;
     handleChangeAddress: (shipTo: SE.Address, { shouldValidate }: Templates.OnChangeAddressOptions) => Promise<SE.SalesOrderShipment>;
     handleParseShipTo: ({ fullAddress }: Templates.AddressParserPayload) => Promise<SE.AddressExtraction>;
+    parseAddressErrors: SE.CodedError[] | undefined;
+    resetParseAddress: () => void;
 };

package/src/elements/configure-shipment/hooks/use-shipment-form.d.ts

@@ -27,6 +27,8 @@ export declare const useShipmentForm: ({ compatibleCountryCodes, onAddressValida
         fullAddress: string;
     }) => Promise<SE.AddressExtraction>;
     onUpdateCustoms: (customs: SE.Customs) => Promise<SE.SalesOrderShipment>;
+    parseAddressErrors: SE.CodedError[] | undefined;
+    resetParseAddress: () => void;
     resetSalesOrderShipment: () => void;
     salesOrder: SE.SalesOrder | undefined;
     shipment: SE.SalesOrderShipment | undefined;

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

@@ -214,6 +214,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     shipment: string;
                     rate_one: string;
                     rate_other: string;
+                    payment: string;
                 };
             };
             "payment-method": {
@@ -489,6 +490,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
                 errorMessages: {
                     invalidNameOrCompany: string;
+                    parsingFailure: string;
                     noWarehouses: string;
                     unableToLoad: {
                         accountSettings: string;

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

@@ -233,6 +233,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                     shipment: string;
                     rate_one: string;
                     rate_other: string;
+                    payment: string;
                 };
             };
             "payment-method": {
@@ -508,6 +509,7 @@ export declare const Element: ({ resources, ...props }: ElementProps & {
                 };
                 errorMessages: {
                     invalidNameOrCompany: string;
+                    parsingFailure: string;
                     noWarehouses: string;
                     unableToLoad: {
                         accountSettings: string;

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

@@ -218,6 +218,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     shipment: string;
                     rate_one: string;
                     rate_other: string;
+                    payment: string;
                 };
             };
             "payment-method": {
@@ -493,6 +494,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
                 errorMessages: {
                     invalidNameOrCompany: string;
+                    parsingFailure: string;
                     noWarehouses: string;
                     unableToLoad: {
                         accountSettings: string;

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

@@ -221,6 +221,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     shipment: string;
                     rate_one: string;
                     rate_other: string;
+                    payment: string;
                 };
             };
             "payment-method": {
@@ -496,6 +497,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
                 errorMessages: {
                     invalidNameOrCompany: string;
+                    parsingFailure: string;
                     noWarehouses: string;
                     unableToLoad: {
                         accountSettings: string;

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

@@ -205,6 +205,7 @@ declare const _default: {
             shipment: string;
             rate_one: string;
             rate_other: string;
+            payment: string;
         };
     };
     "payment-method": {
@@ -480,6 +481,7 @@ declare const _default: {
         };
         errorMessages: {
             invalidNameOrCompany: string;
+            parsingFailure: string;
             noWarehouses: string;
             unableToLoad: {
                 accountSettings: string;

package/src/testing/test-utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { prettyFormat as __ } from "@testing-library/dom/types/pretty-dom";
 import { UserEvent } from "@testing-library/user-event/dist/types/setup/setup";
 import { IconNames, Theme } from "@packlink/giger-theme";