@shipengine/elements 0.26.18 → 0.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "0.26.18",
+  "version": "0.28.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/collapsible-panel/collapsible-panel.d.ts

@@ -0,0 +1,9 @@
+import { WithChildrenCommonProps } from "@packlink/giger";
+import { SE } from "@shipengine/alchemy";
+export type CollapsiblePanelProps = WithChildrenCommonProps<{
+    errors?: SE.CodedError[] | null;
+    initialExpanded?: boolean;
+    isSaving?: boolean;
+    title?: string;
+}>;
+export declare const CollapsiblePanel: ({ errors, initialExpanded, isSaving, children, title, }: CollapsiblePanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/collapsible-panel/collapsible-panel.styles.d.ts

@@ -0,0 +1,27 @@
+export declare const styles: {
+    content: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        padding: string;
+    };
+    header: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
+        display: "flex";
+        height: number;
+        padding: string;
+    };
+    icon: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        color: "#006fbb";
+    };
+    link: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+        ":hover": {
+            color: string;
+            textDecoration: string;
+        };
+        alignItems: "center";
+        color: string;
+        display: "flex";
+        fontWeight: number;
+        justifyContent: "space-between";
+        textDecoration: string;
+        width: string;
+    };
+};

package/src/components/collapsible-panel/index.d.ts

@@ -0,0 +1 @@
+export * from "./collapsible-panel";

package/src/components/index.d.ts

@@ -1,4 +1,5 @@
 export * as Templates from "./templates";
+export * from "./collapsible-panel";
 export * from "./add-funds-form";
 export * from "./auto-funding-form";
 export * from "./button-group";
@@ -17,6 +18,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/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/save-status/save-status.d.ts

@@ -1,6 +1,6 @@
 import { SE } from "@shipengine/alchemy";
 export type SaveStatusProps = {
-    errors: SE.CodedError[] | null;
-    isSaving: boolean;
+    errors?: SE.CodedError[] | null;
+    isSaving?: boolean;
 };
-export declare const SaveStatus: ({ errors, isSaving }: SaveStatusProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SaveStatus: ({ errors, isSaving }: SaveStatusProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,6 @@
+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/account-settings/index.d.ts

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

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/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./account-settings";
 export * from "./add-carrier-form";
 export * from "./address-display";
 export * from "./address-form";

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: {