@shipengine/elements 0.38.0 → 1.0.0

package/src/features/wallet-history/wallet-history.styles.d.ts

@@ -1,10 +1,10 @@
 export declare const styles: {
-    action: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    action: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         minWidth: number;
         placeContent: "center";
         width: number;
     };
-    displayStateContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    displayStateContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         "& > *:not(:last-child)::after": {
             borderBottom: string;
             content: "\"\"";
@@ -16,17 +16,17 @@ export declare const styles: {
         flexDirection: "column";
         listStyle: "none";
     };
-    emptyStateContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    emptyStateContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
         padding: number;
         textAlign: "center";
     };
-    gridContainer: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    gridContainer: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         display: "flex";
         justifyContent: "space-between";
         placeItems: "center";
     };
-    linkAction: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    linkAction: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         textAlign: "end";
     };
     pagination: {
@@ -38,7 +38,7 @@ export declare const styles: {
         };
         textAlign: "center";
     };
-    skeletonCard: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    skeletonCard: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: "#e3dfdf1f";
         display: "flex";
         justifyContent: "space-between";
@@ -49,28 +49,28 @@ export declare const styles: {
         flexDirection: "column";
         justifyContent: "space-between";
     };
-    skeletonCardColumnRight: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    skeletonCardColumnRight: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "flex-end";
         display: "flex";
         flexDirection: "column";
         justifyContent: "space-between";
         rowGap: number;
     };
-    skeletonCardList: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    skeletonCardList: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         display: "flex";
         flexDirection: "column";
         rowGap: number;
     };
-    skeletonCardLogo: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    skeletonCardLogo: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         columnGap: number;
         display: "flex";
     };
-    skeletonCardTransactionRow: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    skeletonCardTransactionRow: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         columnGap: string;
         display: "flex";
     };
-    skeletonPagination: (theme: import("@packlink/giger-theme/dist/lib/Theme").Theme) => {
+    skeletonPagination: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         display: "flex";
         justifyContent: "space-between";

package/src/hooks/use-get-or-create-shipment.d.ts

@@ -2,6 +2,6 @@ import { SalesOrderShipment } from "@shipengine/alchemy";
 export declare const useGetOrCreateShipment: (onShipmentUpdated: ((shipment: SalesOrderShipment) => void | Promise<void>) | undefined, shipmentId?: string) => {
     errors: import("@shipengine/alchemy").CodedError[] | undefined;
     isLoading: boolean;
-    refetchShipment: <TPageData>(options?: (import("react-query").RefetchOptions & import("react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("react-query").QueryObserverResult<SalesOrderShipment, import("@shipengine/alchemy").CodedError[]>>;
+    refetchShipment: <TPageData>(options?: (import("@tanstack/query-core").RefetchOptions & import("@tanstack/query-core").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/query-core").QueryObserverResult<SalesOrderShipment, import("@shipengine/alchemy").CodedError[]>>;
     shipment: SalesOrderShipment | undefined;
 };

package/src/index.d.ts

@@ -6,3 +6,4 @@ export * from "./hooks";
 export * from "./schemas";
 export * from "./types";
 export * from "./utilities";
+export * from "./workflows";

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

@@ -226,7 +226,7 @@ declare const _default: {
     onboarding: {
         title: string;
         inlineTitle: string;
-        landing: {
+        accountRegistration: {
             action: string;
             title: string;
             subtitle: string;
@@ -235,11 +235,11 @@ declare const _default: {
             partnerMessageLine1: string;
             messageLine2: string;
         };
-        steps: {
-            register: string;
-            carriers: string;
-            addresses: string;
-            billing: string;
+        stepLabel: {
+            accountRegistration: string;
+            termsAgreement: string;
+            shipFromAddress: string;
+            fundingAndCarrierConnection: string;
         };
         warehouse: {
             title: string;
@@ -251,6 +251,22 @@ declare const _default: {
             subtitle: string;
             action: string;
         };
+        termsAndAgreementLinkText: {
+            aHR0cHM6Ly9teWRobC5leHByZXNzLmRobC91cy9lbi9sZWdhbC90ZXJtcy1hbmQtY29uZGl0aW9ucy5odG1s: string;
+            "aHR0cHM6Ly93d3cuc3RhbXBzLmNvbS9wcml2YWN5LXBvbGljeQ==": string;
+            "aHR0cHM6Ly93d3cuc3RhbXBzLmNvbS9jb25kaXRpb25zLw==": string;
+            "aHR0cHM6Ly93d3cudXBzLmNvbS91cy9lbi9zdXBwb3J0L3NoaXBwaW5nLXN1cHBvcnQvc2hpcHBpbmctc3BlY2lhbC1jYXJlLXJlZ3VsYXRlZC1pdGVtcy9wcm9oaWJpdGVkLWl0ZW1zLnBhZ2U=": string;
+            aHR0cHM6Ly93d3cudXBzLmNvbS9hc3NldHMvcmVzb3VyY2VzL21lZGlhL2VuX1VTL1VQU19EQVBfVEMucGRm: string;
+            "aHR0cHM6Ly93d3cudXBzLmNvbS9hc3NldHMvcmVzb3VyY2VzL21lZGlhL2VuX1VTL1VUQS5wZGY=": string;
+            "aHR0cHM6Ly93d3cuZXZyaS5jb20vdGVybXMtYW5kLWNvbmRpdGlvbnM=": string;
+            "aHR0cHM6Ly93d3cueW9kZWxkaXJlY3QuY28udWsvY29udGVudC9hYm91dC10ZXJtcw==": string;
+            aHR0cHM6Ly93d3cuc2hpcHN0YXRpb24uY29tL3Rlcm1zLXNlcnZpY2UtdW5pdGVkLWtpbmdkb20v: string;
+        };
+        termsAndAgreementTitles: {
+            "WW9kZWwgRGlyZWN0IC0gVGVybXMgYW5kIENvbmRpdGlvbnMgKOKAnFRlcm1z4oCdKQ==": string;
+            "RXZyaSBTZW5kIFRlcm1zICYgQ29uZGl0aW9ucw==": string;
+            "VGVybXMgb2YgU2VydmljZSBVbml0ZWQgS2luZ2RvbQ==": string;
+        };
     };
     "manage-defaults": {
         label: {
@@ -388,6 +404,7 @@ declare const _default: {
             fields: {
                 name: string;
                 company: string;
+                county: string;
                 countryCode: string;
                 addressLine1: string;
                 addressLine2: string;
@@ -502,6 +519,7 @@ declare const _default: {
                 autoFundingSettings: string;
                 carrier: string;
                 carriers: string;
+                fundingSourceMetadata: string;
                 label: string;
                 salesOrder: string;
                 shipment: string;
@@ -509,7 +527,6 @@ declare const _default: {
             };
             unknown: string;
             noRatesAvailable: string;
-            saveRateError: string;
         };
         errorTypes: {
             accountStatus: string;
@@ -535,6 +552,7 @@ declare const _default: {
             carrier: string;
             carriers: string;
             connectingCarriers: string;
+            creatingFundingSource: string;
             data: string;
             importingSalesOrder: string;
             label: string;
@@ -596,6 +614,14 @@ declare const _default: {
             platform: string;
             user: string;
         };
+        terms: {
+            fields: {
+                agreement: string;
+            };
+            agreeToTerms: string;
+            carriersTitle: string;
+            fundingSourceTitle: string;
+        };
         weight: {
             ounces: string;
             pounds_one: string;
@@ -611,6 +637,7 @@ declare const _default: {
             gram: string;
             kilogram: string;
         };
+        T25seSByZXNpZGVudGlhbCBkZWxpdmVyeSBhZGRyZXNzZXMgYXJlIGFsbG93ZWQgZm9yIFVQUyBHcm91bmQgU2F2ZXIu: string;
         "VGhlIHNlbGVjdGVkIHNlcnZpY2UgaW5jbHVkZXMgaW5zdXJhbmNlIGZvciBhbiBpbnN1cmVkIGFtb3VudCB1cCB0byAkMTAwLgo=": string;
         "VGhlIHNlbGVjdGVkIHNlcnZpY2UgaW5jbHVkZXMgaW5zdXJhbmNlIGZvciBhbiBpbnN1cmVkIGFtb3VudCB1cCB0byAkNTAuCg==": string;
         QSBzaGlwcGluZyBjYXJyaWVyIGVycm9yIG9jY3VycmVkOiBJbnN1ZmZpY2llbnQgYWNjb3VudCBiYWxhbmNlLiBBY2NvdW50IGV4Y2VwdGlvbiBFeGNlcHRpb24gd2l0aCBjb2RlIDB4MDA1NjAxMDE7IG1vZHVsZSA4NiwgY2F0ZWdvcnkgMSwgaXRlbSAx: string;

package/src/testing/extensions/queries/by-icon-name.d.ts

@@ -1,4 +1,4 @@
 import { MatcherOptions, queryHelpers } from "@testing-library/react";
-import { IconNames } from "@packlink/giger-theme";
+import { IconNames } from "@shipengine/giger-theme";
 export declare const queryAllByIconName: (container: HTMLElement, iconName: IconNames, options?: MatcherOptions | undefined) => HTMLElement[];
 export declare const queryByIconName: queryHelpers.QueryBy<[dataIdValue: IconNames]>, getAllByIconName: queryHelpers.GetAllBy<[dataIdValue: IconNames]>, getByIconName: queryHelpers.GetBy<[dataIdValue: IconNames]>, findAllByIconName: queryHelpers.FindAllBy<[dataIdValue: IconNames]>, findByIconName: queryHelpers.FindBy<[dataIdValue: IconNames]>;

package/src/testing/extensions/queries/index.d.ts

@@ -1,11 +1,11 @@
 import { queries } from "@testing-library/react";
 export declare const extendedQueries: {
-    queryAllByIconName: (container: HTMLElement, iconName: import("@packlink/giger-theme/dist/lib/Icons").IconNames, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    queryByIconName: import("@testing-library/react").QueryBy<[dataIdValue: import("@packlink/giger-theme/dist/lib/Icons").IconNames]>;
-    getAllByIconName: import("@testing-library/react").GetAllBy<[dataIdValue: import("@packlink/giger-theme/dist/lib/Icons").IconNames]>;
-    getByIconName: import("@testing-library/react").GetBy<[dataIdValue: import("@packlink/giger-theme/dist/lib/Icons").IconNames]>;
-    findAllByIconName: import("@testing-library/react").FindAllBy<[dataIdValue: import("@packlink/giger-theme/dist/lib/Icons").IconNames]>;
-    findByIconName: import("@testing-library/react").FindBy<[dataIdValue: import("@packlink/giger-theme/dist/lib/Icons").IconNames]>;
+    queryAllByIconName: (container: HTMLElement, iconName: import("@shipengine/giger-theme/dist/lib/Icons").IconNames, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
+    queryByIconName: import("@testing-library/react").QueryBy<[dataIdValue: import("@shipengine/giger-theme/dist/lib/Icons").IconNames]>;
+    getAllByIconName: import("@testing-library/react").GetAllBy<[dataIdValue: import("@shipengine/giger-theme/dist/lib/Icons").IconNames]>;
+    getByIconName: import("@testing-library/react").GetBy<[dataIdValue: import("@shipengine/giger-theme/dist/lib/Icons").IconNames]>;
+    findAllByIconName: import("@testing-library/react").FindAllBy<[dataIdValue: import("@shipengine/giger-theme/dist/lib/Icons").IconNames]>;
+    findByIconName: import("@testing-library/react").FindBy<[dataIdValue: import("@shipengine/giger-theme/dist/lib/Icons").IconNames]>;
     getByLabelText<T extends HTMLElement = HTMLElement>(container: HTMLElement, id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined): T;
     getAllByLabelText<T_1 extends HTMLElement = HTMLElement>(container: HTMLElement, id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined): T_1[];
     queryByLabelText<T_2 extends HTMLElement = HTMLElement>(container: HTMLElement, id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined): T_2 | null;

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

@@ -1,7 +1,6 @@
-/// <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";
+import { IconNames, Theme } from "@shipengine/giger-theme";
 import server, { baseUrl } from "../mocks/server";
 declare const theme: Theme;
 declare const delayedFn: () => Promise<void>;

package/src/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./carrier-metadata";
+export * from "./patch";
 export * from "./shipping-preset";

package/src/types/patch.d.ts

@@ -0,0 +1,13 @@
+import { MetadataRequiredTerm, MetadataResponse } from "@shipengine/alchemy";
+interface TermsLink {
+    link: string;
+    locale: string;
+    title: string;
+}
+export interface MetadataTermsLinks {
+    links: TermsLink[];
+}
+export interface MetadataRequiredTermWithLinks extends MetadataRequiredTerm, MetadataTermsLinks {
+}
+export type CarrierProfile = MetadataResponse["defaultRegionProfile"]["carrierProfiles"][number];
+export {};

package/src/utilities/assertions.d.ts

@@ -0,0 +1,2 @@
+export declare function assert(condition: any, errorMessage: string): asserts condition;
+export declare function raise(errorMessage: string): never;

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

@@ -146,7 +146,7 @@ export declare const featureFlags: {
              * `enabledCarriers` is a list of all `carriers` that are enabled for use in ShipEngine
              * Elements.
              */
-            readonly enabledCarriers: readonly ["stamps_com", "ups", "dhl_express_walleted"];
+            readonly enabledCarriers: readonly ["stamps_com", "ups_walleted", "dhl_express_walleted", "ups", "hermes", "yodel_walleted"];
         };
         /**
          * All global `presentation` related feature flags.

package/src/utilities/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./assertions";
 export * from "./create-dictionary";
 export * from "./date";
 export * from "./error";

package/src/utilities/styles.d.ts

@@ -1,5 +1,5 @@
 import { Interpolation } from "@emotion/serialize";
-import { Theme } from "@packlink/giger-theme";
+import { Theme } from "@shipengine/giger-theme";
 /**
  * The verbose typing is necessary to get around TypeScript's limitations on contextual inference
  * with generics. https://stackoverflow.com/questions/75999792/ide-autocompletion-broken-with-typescript-mapped-type-conditionals

package/src/workflows/onboarding/components/account-registration-form/account-registration-form-schema.d.ts

@@ -0,0 +1,10 @@
+import { z } from "zod";
+export declare const accountRegistrationFormSchema: z.ZodObject<{
+    email: z.ZodString;
+}, "strip", z.ZodTypeAny, {
+    email: string;
+}, {
+    email: string;
+}>;
+export type AccountRegistrationFormFields = z.input<typeof accountRegistrationFormSchema>;
+export type AccountRegistrationFormPayload = z.output<typeof accountRegistrationFormSchema>;

package/src/workflows/onboarding/components/account-registration-form/account-registration-form.d.ts

@@ -0,0 +1,4 @@
+export type AccountRegistrationFormProps = {
+    onSubmit: (payload: string) => void;
+};
+export declare const AccountRegistrationForm: ({ onSubmit }: AccountRegistrationFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/workflows/onboarding/components/account-registration-form/index.d.ts

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

package/src/workflows/onboarding/components/account-registration-step/account-registration-step.d.ts

@@ -0,0 +1,5 @@
+export type AccountRegistrationStepProps = {
+    onSubmit: (payload: string) => void;
+    partnerName?: string;
+};
+export declare const AccountRegistrationStep: ({ onSubmit, partnerName, }: AccountRegistrationStepProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/{components/templates/landing-page/landing-page.styles.d.ts → workflows/onboarding/components/account-registration-step/account-registration-step.styles.d.ts}

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

package/src/workflows/onboarding/components/account-registration-step/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./account-registration-step";
+export * from "./use-account-registration-step";

package/src/workflows/onboarding/components/account-registration-step/use-account-registration-step.d.ts

@@ -0,0 +1,7 @@
+export type UseAccountRegistrationStepProps = {
+    onStepComplete: () => void;
+};
+export declare const useAccountRegistrationStep: ({ onStepComplete }: UseAccountRegistrationStepProps) => {
+    email: string | undefined;
+    handleSubmitAccountRegistration: (email: string) => void;
+};