@shipengine/elements 2.20.0 → 2.22.0

package/types/src/workflows/onboarding/components/terms-agreement-step/use-terms-agreement-step.d.ts

@@ -1,13 +1,20 @@
-import { InsuranceProviderProfile } from "@types";
 import { SE } from "@shipengine/react-api";
 export type UseTermsAgreementStepProps = {
     enabledCarriers: string[];
     onStepComplete: () => void;
 };
 export declare const useTermsAgreementStep: ({ enabledCarriers, onStepComplete, }: UseTermsAgreementStepProps) => {
-    carrierProfiles: SE.MetadataCarrierProfile[] | undefined;
-    fundingSourceMetadata: import("@tanstack/react-query").UseQueryResult<SE.MetadataResponse, SE.CodedError[]>;
+    carrierProfilesToRegister: SE.MetadataCarrierProfile[];
+    enabledCarrierProfiles: SE.MetadataCarrierProfile[] | undefined;
+    fundingSourceMetadata: SE.MetadataResponse | undefined;
     fundingSourceRequiredTerms: SE.MetadataRequiredTerm[] | undefined;
+    fundingSources: SE.FundingSource[] | undefined;
     handleSubmitTermsAgreement: () => void;
-    insuranceProviderProfiles: InsuranceProviderProfile[] | undefined;
+    insuranceProviderProfiles: {
+        terms: SE.MetadataOptionalTerm;
+        friendlyName: "ParcelGuard" | "XCover";
+        provider: SE.FundingSourceInsuranceProvider;
+    }[];
+    isLoadingTermsAgreementStep: boolean;
+    termsAgreementErrors: SE.CodedError[];
 };

package/types/src/workflows/onboarding/onboarding.d.ts

@@ -395,6 +395,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                 };
                 loading: {
                     calculatingRates: string;
+                    savingRate: string;
                 };
                 modes: {
                     browseRates: string;
@@ -468,12 +469,17 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
             };
             onboarding: {
                 title: string;
+                previouslyOnboarded: {
+                    title: string;
+                    subtitle: string;
+                };
                 confirmation: {
                     title: string;
                     warehouse: string;
                     billingAddress: string;
                     paymentMethod: string;
                     action: string;
+                    noPaymentMethod: string;
                 };
                 stepLabel: {
                     confirmation: string;
@@ -495,6 +501,10 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                         title: string;
                         subtitle: string;
                     };
+                    unableToLoad: {
+                        title: string;
+                        subtitle: string;
+                    };
                 };
                 success: {
                     title: string;
@@ -696,7 +706,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                     labelId: string;
                     externalOrderId: string;
                     externalShipmentId: string;
-                };
+                    shipmentNumber: string;
+                }; /** If provided, the address form will be pre-filled */
                 empty: {
                     title: string;
                     subtitle: string;
@@ -987,6 +998,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                 grid: {
                     "row-count_one": string;
                     "row-count_other": string;
+                    "row-count-plus_other": string;
                     rows: string;
                     clearAll: string;
                     shipmentId: string;
@@ -1024,6 +1036,9 @@ export declare const Element: ({ resources, ...props }: ComponentProps & import(
                     connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
+                    submittingOnboarding: string;
+                    submittingWarehouse: string;
+                    updatingPaymentMethod: string;
                     data: string;
                     importingSalesOrder: string;
                     label: string;

package/esm/components/tabs/index.js

@@ -1 +0,0 @@
-export { Tabs } from './tabs.js';

package/esm/components/tabs/tabs.js

@@ -1,30 +0,0 @@
-import { jsx } from '@emotion/react/jsx-runtime';
-import { styles } from './tabs.styles.js';
-
-const Tabs = ({
-  fullWidth,
-  onSelectTab,
-  selectedTab,
-  tabs
-}) => {
-  return jsx("div", Object.assign({
-    css: styles.getContainerStyles(fullWidth),
-    role: "tablist"
-  }, {
-    children: tabs.map(tab => jsx("button", Object.assign({
-      "aria-label": tab.value,
-      "aria-selected": selectedTab === tab.value ? "true" : "false",
-      css: styles.getTabStyles(selectedTab === tab.value, fullWidth),
-      onClick: e => {
-        e.preventDefault();
-        onSelectTab(tab.value);
-      },
-      role: "tab",
-      tabIndex: 0
-    }, {
-      children: tab.label
-    }), tab.value))
-  }));
-};
-
-export { Tabs };

package/types/src/components/tabs/index.d.ts

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

package/types/src/components/tabs/tabs.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-type TabsProps = {
-    fullWidth?: boolean;
-    onSelectTab: (tab: string) => void;
-    selectedTab: string;
-    tabs: {
-        label: string | React.ReactNode;
-        value: string;
-    }[];
-};
-export declare const Tabs: ({ fullWidth, onSelectTab, selectedTab, tabs }: TabsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};