@shipengine/elements 0.15.0 → 0.16.0

package/locales/en/index.d.ts

@@ -50,11 +50,10 @@ declare const _default: {
         };
     };
     "register-wallet": {
-        agreeToTerms: string;
         sections: {
             setup: {
                 title: string;
-                subTitle: string;
+                subtitle: string;
                 descriptionTitle: string;
                 description: string;
             };
@@ -62,9 +61,43 @@ declare const _default: {
                 title: string;
                 cardSubTitle: string;
                 addressSubTitle: string;
+                info: string;
+            };
+            carriers: {
+                title: string;
+                subtitle: string;
+            };
+            notifications: {
+                error: {
+                    title: string;
+                };
+                info: {
+                    title: string;
+                    description: string;
+                };
+                poBox: {
+                    title: string;
+                    description: string;
+                };
+                carrier: {
+                    title: string;
+                    confirmAddress: string;
+                    description: string;
+                };
+            };
+        };
+        settings: {
+            title: string;
+            billing: {
+                title: string;
+                subtitle: string;
             };
         };
     };
+    "register-carrier": {
+        formTitle: string;
+        agreeToTerms: string;
+    };
     "purchase-label": {
         actions: {
             calculateRates_one: string;
@@ -149,13 +182,53 @@ declare const _default: {
             rate_other: string;
         };
     };
+    onboarding: {
+        inlineTitle: string;
+        landing: {
+            action: string;
+            title: string;
+            subtitle: string;
+            descriptionTitle: string;
+            description: string;
+        };
+        steps: {
+            login: string;
+            carriers: string;
+            addresses: string;
+            payment: string;
+        };
+        warehouse: {
+            title: string;
+            subtitle: string;
+            inlineMessage: string;
+        };
+        success: {
+            title: string;
+            subtitle: string;
+            action: string;
+        };
+    };
     "manage-warehouses": {
+        addNew: string;
+        contactName: string;
+        default: string;
+        isDefault: string;
+        locationName: string;
+        residentialAddress: string;
         returnTo: string;
+        returnToAddressIsDifferent: string;
+        setDefault: string;
         shipFrom: string;
     };
     "manage-funding": {
+        actions: {
+            addNow: string;
+            saveRule: string;
+            other: string;
+        };
         addFunds: string;
         autoFunding: {
+            addFundsAutomatically: string;
             error: {
                 title: string;
                 message: string;
@@ -166,6 +239,7 @@ declare const _default: {
             maximumPurchasesPerDay: string;
             purchaseAmount: string;
         };
+        currentBalance: string;
         otp: {
             error: {
                 title: string;
@@ -181,10 +255,25 @@ declare const _default: {
         };
         maximumBalanceAmount: string;
     };
+    "list-carriers": {
+        headers: {
+            accountCarriers: string;
+            carriers: string;
+            settings: string;
+        };
+        actions: {
+            status: {
+                connected: string;
+                notConnected: string;
+            };
+        };
+    };
     common: {
         actions: {
             add: string;
             cancel: string;
+            close: string;
+            confirm: string;
             continue: string;
             delete: string;
             edit: string;
@@ -195,6 +284,7 @@ declare const _default: {
             save: string;
             skipForNow: string;
             submit: string;
+            tryAgain: string;
         };
         address: {
             fields: {
@@ -208,6 +298,7 @@ declare const _default: {
                 postalCode: string;
                 phone: string;
                 email: string;
+                addressResidentialIndicator: string;
             };
             subFields: {
                 optional: string;
@@ -234,6 +325,7 @@ declare const _default: {
         };
         billing: {
             fields: {
+                differentBillingAddress: string;
                 name: string;
                 cardNumber: string;
                 expirationMonth: string;
@@ -245,6 +337,10 @@ declare const _default: {
             fields: {
                 agreement: string;
             };
+            terms: {
+                agreeToTerms: string;
+                title: string;
+            };
         };
         charsetWarnings: {
             name: {
@@ -303,6 +399,7 @@ declare const _default: {
                 warehouses: string;
             };
             unknown: string;
+            noRatesAvailable: string;
         };
         errorTypes: {
             accountStatus: string;
@@ -350,13 +447,18 @@ declare const _default: {
         packageCodes: {
             package: string;
         };
+        schema: {
+            optionalLabel: string;
+        };
         schemaErrors: {
             notAValidPhoneNumber: string;
+            mustAgreeToTerms: string;
             group: {
                 allMeasurementsOrNone: string;
             };
             invalidAddressName: string;
             invalidAddressPoBox: string;
+            invalidCreditCardType: string;
             invalidPostalCode: string;
             invalidStateProvince: string;
             invalidString: string;
@@ -388,6 +490,7 @@ declare const _default: {
         "VGhlIHNlbGVjdGVkIHNlcnZpY2UgaW5jbHVkZXMgaW5zdXJhbmNlIGZvciBhbiBpbnN1cmVkIGFtb3VudCB1cCB0byAkNTAuCg==": string;
         QSBzaGlwcGluZyBjYXJyaWVyIGVycm9yIG9jY3VycmVkOiBJbnN1ZmZpY2llbnQgYWNjb3VudCBiYWxhbmNlLiBBY2NvdW50IGV4Y2VwdGlvbiBFeGNlcHRpb24gd2l0aCBjb2RlIDB4MDA1NjAxMDE7IG1vZHVsZSA4NiwgY2F0ZWdvcnkgMSwgaXRlbSAx: string;
         "QWRkcmVzcyBub3QgZm91bmQ=": string;
+        QSBzaGlwcGluZyBjYXJyaWVyIGVycm9yIG9jY3VycmVkOiBVUFMgd2VpZ2h0IGxpbWl0IHBlciBwYWNrYWdlIGlzIDE1MCBsYnMu: string;
     };
 };
 export default _default;

package/mocks/browser.d.ts

@@ -0,0 +1 @@
+export declare const worker: false | import("msw").SetupWorkerApi;

package/mocks/carriers/handlers.d.ts

@@ -0,0 +1 @@
+export declare const carrierHandlers: import("msw").RestHandler<import("msw/lib/glossary-de6278a9").M<import("msw/lib/glossary-de6278a9").h>>[];

package/mocks/handlers.d.ts

@@ -0,0 +1,12 @@
+/**
+ * These are the global Storybook mock handlers; add your default handlers here.
+ *
+ * Any handler can be overridden at the story level via the story's `parameters.msw.handlers.yourHandler`.
+ *
+ * Please match the `libs/shipengine-api/src` folder structure (sorted by domain)
+ *
+ * https://storybook.js.org/addons/msw-storybook-addon
+ */
+export declare const storybookHandlers: {
+    carriers: import("msw").RestHandler<import("msw/lib/glossary-de6278a9").M<import("msw/lib/glossary-de6278a9").h>>[];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "typedoc": {
     "entryPoint": "./src/index.ts",
     "readmeFile": "../../README.md",
@@ -11,6 +11,9 @@
     "react-i18next": "*",
     "i18next": "*"
   },
+  "msw": {
+    "workerDirectory": "public"
+  },
   "module": "./index.js",
   "main": "./index.cjs",
   "type": "module",
@@ -19,21 +22,20 @@
     "react": "^18.2.0",
     "@emotion/react": "^11.10.0",
     "@packlink/brands": "^3.18.0",
-    "@shipengine/react": "0.15.0",
+    "@shipengine/react": "0.16.0",
     "react-hook-form": "^7.31.2",
     "@emotion/css": "^11.10.5",
     "humps": "^2.0.1",
     "react-datepicker": "^4.8.0",
-    "@shipengine/types": "0.15.0",
+    "@shipengine/api": "0.16.0",
     "zod": "^3.17.3",
     "react-dom": "^18.2.0",
     "libphonenumber-js": "^1.10.14",
-    "card-validator": "^8.1.1",
-    "js-base64": "^3.7.2",
     "@faker-js/faker": "^7.3.0",
+    "js-base64": "^3.7.2",
+    "card-validator": "^8.1.1",
     "i18next-browser-languagedetector": "^6.1.4",
     "stylis": "^4.1.2",
-    "swr": "^2.0.0-beta.5",
     "axios": "^0.26.1",
     "@hookform/resolvers": "2.9.1"
   }

package/register.d.ts

@@ -8,12 +8,9 @@ export interface ErrorFallbackProps {
  * @see {@link registerElement}
  */
 export declare const ErrorFallback: ({ error }: ErrorFallbackProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-type KeyWithStringValue<T> = string & keyof {
-    [K in keyof Required<T> as Required<T>[K] extends string ? K : never]: T[K] extends string ? T[K] : never;
-};
 type ExtendedElementProps<ElementProps> = ElementProps & Record<string, unknown>;
 /**
  * Registers element with all necessary providers and wrappers
  */
-export declare const registerElement: <ElementProps>(name: string, Element: import("react").ComponentType<ElementProps>, invalidationKey?: KeyWithStringValue<ElementProps> | KeyWithStringValue<ElementProps>[] | undefined) => (props: ExtendedElementProps<ElementProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const registerElement: <ElementProps>(name: string, Element: import("react").ComponentType<ElementProps>, rootId?: string) => (props: ExtendedElementProps<ElementProps>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/schemas/shipengine/index.d.ts

@@ -1,3 +1,2 @@
-export * from "./address";
 export * from "./money";
 export * from "./phone";

package/schemas/shipengine/money.d.ts

@@ -1,5 +1,5 @@
 import { z } from "zod";
-import * as SE from "@shipengine/types";
+import { SE } from "@shipengine/api";
 /**
  * @category Form Validation
  */

package/testing/index.d.ts

@@ -1,2 +1 @@
 export * from "./render";
-export * from "./swr";

package/types/carrier-metadata.d.ts

@@ -1,17 +1,22 @@
-import * as SE from "@shipengine/types";
+import { CarrierConnection, SE } from "@shipengine/api";
 export type CarrierTerm = {
     description: string;
     name: string;
     url: string;
 };
+export type CarrierTerms = {
+    content: string[];
+    links: CarrierTerm[];
+    title: string;
+};
 export type CarrierMetadata = {
-    carrierCode: SE.Carrier["carrierCode"];
+    carrierCode: CarrierConnection["carrierCode"];
     logo: string;
     name: string;
-    optionalFields: string[];
-    requiredFields: string[];
+    optionalFields?: string[];
+    requiredFields?: string[];
     shortname: string;
-    terms: Record<string, CarrierTerm[]> | Record<never, never>;
+    terms?: CarrierTerms;
 };
 export type CarriersFeatures = {
     enabledCarriers?: SE.Carrier["carrierCode"][];

package/types/shipping-preset/shipping-preset.d.ts

@@ -1,8 +1,8 @@
-import * as SE from "@shipengine/types";
+import { SE } from "@shipengine/api";
 export type ShippingPreset = {
     confirmation?: SE.ConfirmationType;
     dimensions?: SE.DimensionsWithUnit;
-    insuranceProvider?: SE.InsuranceProvider;
+    insuranceProvider?: SE.InsuranceProviderType;
     insuredValue?: SE.InsuranceAccount;
     name: string;
     packageCode?: string;

package/utilities/date.d.ts

@@ -17,8 +17,20 @@ export declare const mostRecent: (...dates: Date[]) => Date;
 /**
  * @category Utilities
  */
-export declare const omitTime: (shipDate: string) => Date;
+export declare const omitTime: (shipDate?: string) => Date;
 /**
  * @category Utilities
  */
 export declare const getExpirationYears: (yearsValid: number) => string[];
+/**
+ * @category Utilities
+ */
+type HasCreationDate = {
+    createdAt: string;
+};
+export declare const sortByCreationDate: (a: HasCreationDate, b: HasCreationDate, order?: "asc" | "desc") => number;
+/**
+ * @category Utilities
+ */
+export declare const isNowOrInTheFuture: (shipDate?: string) => boolean;
+export {};

package/utilities/money.d.ts

@@ -1,4 +1,5 @@
-import * as SE from "@shipengine/types";
+import { SE } from "@shipengine/api";
 export declare const currencySymbol: Record<SE.Currency, string>;
 export declare const formatMoney: (value: SE.Money, locale?: string) => string;
 export declare const calculateTotal: (...values: SE.Money[]) => number;
+export declare const formatCreditCardNumber: (cc: string) => string;

package/utilities/rates.d.ts

@@ -1,4 +1,4 @@
-import * as SE from "@shipengine/types";
+import { SE } from "@shipengine/api";
 export declare const getRateRequiresAcknowledgement: (serviceCode: string) => boolean;
 export declare const getTotalRateAmount: (rateCosts: {
     confirmationAmount?: SE.Money;

package/utilities/shipengine/address.d.ts

@@ -1,4 +1,4 @@
-import * as SE from "@shipengine/types";
+import { SE } from "@shipengine/api";
 /**
  * @category Utilities
  */

package/utilities/shipengine/dimensions.d.ts

@@ -1,4 +1,4 @@
-import * as SE from "@shipengine/types";
+import { SE } from "@shipengine/api";
 type ConvertDimensionsOptions = {
     allowAllZeroes?: boolean;
 };

package/utilities/shipengine/sales-order.d.ts

@@ -1,4 +1,4 @@
-import * as SE from "@shipengine/types";
+import { SE } from "@shipengine/api";
 /**
  * @category Utilities
  */

package/utilities/shipengine/shipment.d.ts

@@ -1,4 +1,4 @@
-import * as SE from "@shipengine/types";
+import { SE } from "@shipengine/api";
 /**
  * @category Utilities
  */

package/utilities/shipengine/weight.d.ts

@@ -1,4 +1,4 @@
-import * as SE from "@shipengine/types";
+import { SE } from "@shipengine/api";
 /**
  * @category Utilities
  */

package/components/templates/add-carriers/add-carriers.d.ts

@@ -1,5 +0,0 @@
-import { CarriersFeatures } from "../../../types";
-export type AddCarriersProps = {
-    features?: CarriersFeatures;
-};
-export declare const AddCarriers: ({ features }: AddCarriersProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/templates/add-carriers/index.d.ts

@@ -1 +0,0 @@
-export * from './add-carriers';

package/components/templates/agreement-form/agreement-form-schema.d.ts

@@ -1,10 +0,0 @@
-import { z } from "zod";
-export declare const agreementFormSchema: z.ZodObject<{
-    agreement: z.ZodLiteral<boolean>;
-}, "strip", z.ZodTypeAny, {
-    agreement: boolean;
-}, {
-    agreement: boolean;
-}>;
-export type AgreementFormFields = z.input<typeof agreementFormSchema>;
-export type AgreementFormPayload = z.output<typeof agreementFormSchema>;

package/components/templates/agreement-form/agreement-form.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from "react";
-import { AgreementFormPayload } from "./agreement-form-schema";
-export type AgreementFormProps = {
-    checkboxLabel: ReactNode;
-    onAgree: (values: AgreementFormPayload) => Promise<void>;
-    onSkip?: () => void;
-};
-export declare const AgreementForm: ({ checkboxLabel, onAgree, onSkip }: AgreementFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/templates/agreement-form/agreement-form.styles.d.ts

@@ -1 +0,0 @@
-export declare const getAgreementStyles: () => import("@emotion/utils").SerializedStyles;

package/components/templates/agreement-form/index.d.ts

@@ -1 +0,0 @@
-export * from "./agreement-form";

package/components/templates/billing-form/billing-form-stories.d.ts

@@ -1,6 +0,0 @@
-import { ComponentMeta, ComponentStory } from "@storybook/react";
-import { BillingFormProps } from "./billing-form";
-declare const _default: ComponentMeta<({ onSkip, onSubmit }: BillingFormProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
-export default _default;
-export declare const Default: ComponentStory<({ onSkip, onSubmit }: BillingFormProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
-export declare const WithLabels: ComponentStory<({ onSkip, onSubmit }: BillingFormProps) => import("@emotion/react/jsx-runtime").JSX.Element>;

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

@@ -1,9 +0,0 @@
-import * as SE from "@shipengine/types";
-import { BillingFormPayload } from "./billing-schema";
-export type BillingFormProps = {
-    address?: SE.Address;
-    onCancel?: () => void;
-    onSkip: () => void;
-    onSubmit: (billingPayload: BillingFormPayload) => void;
-};
-export declare const BillingForm: ({ onSkip, onSubmit }: BillingFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/templates/billing-form/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./billing-form";
-export * from "./billing-form-styles";

package/components/templates/register-wallet/index.d.ts

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

package/components/templates/register-wallet/register-wallet.d.ts

@@ -1,3 +0,0 @@
-export type RegisterWalletFeatures = {};
-export type RegisterWalletProps = {};
-export declare const RegisterWallet: ({}: RegisterWalletProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/templates/register-wallet/register-wallet.styles.d.ts

@@ -1,6 +0,0 @@
-import { Theme } from "@packlink/brands";
-export declare const getBillingFormStyles: (theme: Theme) => import("@emotion/utils").SerializedStyles;
-export declare const getHeadingStyles: (theme: Theme) => import("@emotion/utils").SerializedStyles;
-export declare const getRegisterWalletStyles: () => import("@emotion/utils").SerializedStyles;
-export declare const getStampsWalletTermsStyles: (theme: Theme) => import("@emotion/utils").SerializedStyles;
-export declare const getSubHeadingStyles: (theme: Theme) => import("@emotion/utils").SerializedStyles;

package/elements/add-carriers.d.ts

@@ -1 +0,0 @@
-export declare const Element: (props: import("./components").AddCarriersProps & Record<string, unknown>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/elements/components/add-carriers/add-carriers.d.ts

@@ -1,8 +0,0 @@
-import { CarriersFeatures } from "../../../types";
-export type AddCarriersFeatures = {
-    carriers?: CarriersFeatures;
-};
-export type AddCarriersProps = {
-    features?: AddCarriersFeatures;
-};
-export declare const AddCarriers: ({ features }: AddCarriersProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/elements/components/add-carriers/index.d.ts

@@ -1 +0,0 @@
-export * from './add-carriers';

package/elements/components/register-wallet/index.d.ts

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

package/elements/components/register-wallet/register-wallet.d.ts

@@ -1,9 +0,0 @@
-import { Templates } from "../../../components";
-export type WalletFeatures = {
-    wallet?: Templates.RegisterWalletFeatures;
-};
-export type RegisterWalletProps = {
-    features: WalletFeatures;
-    onRegisterWallet: () => void;
-};
-export declare const RegisterWallet: ({ features, onRegisterWallet }: RegisterWalletProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/elements/register-wallet.d.ts

@@ -1 +0,0 @@
-export declare const Element: (props: import("./components").RegisterWalletProps & Record<string, unknown>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/schemas/shipengine/address.d.ts

@@ -1,17 +0,0 @@
-import { z } from "zod";
-/**
- * @category Form Validation
- */
-export declare const addressLine1Schema: z.ZodString;
-/**
- * @category Form Validation
- */
-export declare const addressLine1SchemaNoPoBox: z.ZodEffects<z.ZodString, string, string>;
-/**
- * @category Form Validation
- */
-export declare const addressLine2Schema: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;
-/**
- * @category Form Validation
- */
-export declare const addressLine2SchemaNoPoBox: z.ZodEffects<z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>, string | undefined, string | null | undefined>;

package/testing/swr.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="jest" />
-export declare const buildSwrGetMock: (response: any) => {
-    data: any;
-    errors: undefined;
-    isLoading: boolean;
-    isValidating: boolean;
-    mutate: () => Promise<any>;
-};
-export declare const buildSwrPostMock: (response: any) => {
-    data: any;
-    errors: undefined;
-    isMutating: boolean;
-    reset: jest.Mock<any, any>;
-    trigger: () => Promise<any>;
-};