@shipengine/elements 1.6.0 → 1.8.0

package/src/workflows/onboarding/components/funding-and-carrier-connection-step/use-funding-and-carrier-connection-step.d.ts

@@ -1,6 +1,6 @@
 import { SE } from "@shipengine/alchemy";
 import { WalletPayload } from "../../../../components/templates/wallet-form";
-import { CarrierProfile, MetadataRequiredTermWithLinks } from "../../../../types";
+import { CarrierProfile } from "../../../../types";
 type UseFundingAndCarrierConnectionStepProps = {
     isUpsEnabled: boolean;
     onStepComplete: () => void;
@@ -10,7 +10,7 @@ export declare const useFundingAndCarrierConnectionStep: ({ isUpsEnabled, onStep
         carrierProfiles: CarrierProfile[];
         defaultWarehouse: SE.Warehouse;
         email: string;
-        fundingSourceTerms: MetadataRequiredTermWithLinks[];
+        fundingSourceTerms: SE.MetadataRequiredTerm[];
     }) => ({ address, creditCard, iovationBlackbox }: WalletPayload) => Promise<void>;
     createFundingSourceErrors: SE.CodedError[] | null;
     fundingSourceId: string | undefined;

package/src/workflows/onboarding/components/onboarding-wizard/onboarding-wizard.d.ts

@@ -1,5 +1,5 @@
 import { SE } from "@shipengine/alchemy";
-import { ListCarriersFeatures } from "../../../../features";
+import { ShipEngineCarriersFeatures, VatSettingsFeatures } from "../../../../features";
 import { ShipFromAddressStepProps } from "../ship-from-address-step";
 export type ValidateWarehouse = {
     type: "warehouse";
@@ -13,11 +13,11 @@ export type ValidateBilling = {
     type: "billing";
 };
 export type ValidateAddress = ValidateWarehouse | ValidateBilling;
-export type OnboardingWizardFeatures = ListCarriersFeatures & {
+export type OnboardingWizardFeatures = ShipEngineCarriersFeatures & {
     presentation: {
         poweredByShipEngine?: boolean;
     };
-};
+} & VatSettingsFeatures;
 export type OnboardingWizardProps = {
     defaultShipFromAddress?: ShipFromAddressStepProps["defaultShipFromAddress"];
     features?: Partial<OnboardingWizardFeatures>;

package/src/workflows/onboarding/components/terms-agreement-form/terms-agreement-form.d.ts

@@ -1,7 +1,7 @@
-import { MetadataRequiredTermWithLinks } from "../../../../types";
+import { SE } from "@shipengine/alchemy";
 export type TermsAgreementFormProps = {
-    carrierTerms: MetadataRequiredTermWithLinks[];
-    fundingSourceTerms: MetadataRequiredTermWithLinks[];
+    carrierTerms: SE.MetadataRequiredTerm[];
+    hideTerms: boolean;
     onSubmit: (agreement: boolean) => void;
 };
-export declare const TermsAgreementForm: ({ carrierTerms, fundingSourceTerms, onSubmit, }: TermsAgreementFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TermsAgreementForm: ({ carrierTerms, hideTerms, onSubmit, }: TermsAgreementFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/workflows/onboarding/components/terms-agreement-form/terms-agreement-form.styles.d.ts

@@ -1,24 +1,23 @@
 export declare const styles: {
-    closeButton: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        marginRight: number;
-    };
     container: {
         alignItems: "center";
         display: "flex";
         flexDirection: "column";
         justifyContent: "center";
+        textAlign: "left";
     };
     expanderLink: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         alignItems: "center";
         display: "inline-flex";
         fontWeight: number;
     };
+    fullWidth: {
+        width: string;
+    };
     termsWell: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
         marginBottom: number;
-        padding: string;
-    };
-    termTypeDivider: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        margin: string;
+        padding: number;
+        width: string;
     };
 };

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

@@ -1,8 +1,7 @@
-import { MetadataRequiredTermWithLinks } from "../../../../types";
+import { SE } from "@shipengine/alchemy";
 export type TermsAgreementStepProps = {
     carrierCodes: string[];
-    carrierTerms: MetadataRequiredTermWithLinks[];
-    fundingSourceTerms: MetadataRequiredTermWithLinks[];
+    carrierTerms: SE.MetadataRequiredTerm[];
     onSubmit: (agreement: boolean) => void;
 };
-export declare const TermsAgreementStep: ({ carrierCodes, carrierTerms, fundingSourceTerms, onSubmit, }: TermsAgreementStepProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const TermsAgreementStep: ({ carrierCodes, carrierTerms, onSubmit, }: TermsAgreementStepProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -14,4 +14,7 @@ export declare const styles: {
         paddingTop: number;
         textAlign: "center";
     };
+    fullWidth: {
+        width: string;
+    };
 };

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

@@ -1,4 +1,4 @@
-import { MetadataRequiredTermWithLinks } from "../../../../types";
+import { SE } from "@shipengine/alchemy";
 export type UseTermsAgreementStepProps = {
     enabledCarriers: string[];
     onStepComplete: () => void;
@@ -6,13 +6,13 @@ export type UseTermsAgreementStepProps = {
 export declare const useTermsAgreementStep: ({ enabledCarriers, onStepComplete, }: UseTermsAgreementStepProps) => {
     carrierCodes: string[] | undefined;
     carrierProfiles: {
-        capabilities: import("@shipengine/alchemy").MetadataCapability[] | null;
+        capabilities: SE.MetadataCapability[] | null;
         carrierCode: string;
-        registrationRequirements: import("@shipengine/alchemy").MetadataRegistrationRequirement[];
-        requiredTerms: import("@shipengine/alchemy").MetadataRequiredTerm[];
+        registrationRequirements: SE.MetadataRegistrationRequirement[];
+        requiredTerms: SE.MetadataRequiredTerm[];
     }[] | undefined;
-    carrierTerms: MetadataRequiredTermWithLinks[] | undefined;
-    fundingSourceMetadata: import("@tanstack/react-query").UseQueryResult<import("@shipengine/alchemy").MetadataResponse, import("@shipengine/alchemy").CodedError[]>;
-    fundingSourceTerms: MetadataRequiredTermWithLinks[] | undefined;
+    carrierTerms: SE.MetadataRequiredTerm[] | undefined;
+    fundingSourceMetadata: import("@tanstack/react-query").UseQueryResult<SE.MetadataResponse, SE.CodedError[]>;
+    fundingSourceTerms: SE.MetadataRequiredTerm[] | undefined;
     handleSubmitTermsAgreement: () => void;
 };

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

@@ -65,7 +65,7 @@ export declare const Component: ({ defaultShipFromAddress, features, onComplete,
  * Element directly. Here is a brief example of how you would use it within your application.
  * ```tsx
  * <Onboarding.Element
- *   onCompleteOnboarding={() => console.log('Onboarding Complete!')}
+ *   onComplete={() => console.log('Onboarding Complete!')}
  * />
  * ```
  *
@@ -109,6 +109,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 resultMessages: {
                     approved: string;
                     rejected: string;
+                    dpdwallet: string;
                 };
                 refund_process: string;
                 refund_rules: string;
@@ -140,8 +141,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     shipTo: string;
                     warehouse: string;
                     weight: string;
-                    insuredValue: string;
-                    deliveryConfirmation: string; /** The partner responsible for the currently onboarding seller. This is typically the name of the entity that owns the host application. */
+                    insuredValue: string; /** Invoked when the onboarding process is completed. */
+                    deliveryConfirmation: string;
                 };
                 highVolumeForms: string;
                 multipleShippingServices: string;
@@ -150,11 +151,44 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 };
                 noLabels: string;
             };
+            "vat-settings": {
+                addNew: string;
+                vatNumber: string;
+                vatRegistrationTooltip: string;
+                vatFormText: string;
+                vatFormRegisterLater: string;
+                vatNumberInputHint: string;
+                vatNumberInputPlaceholder: string;
+                verifiedVat: string;
+                vatFormErrors: {
+                    invalidFieldValue: string;
+                    verificationFailure: string;
+                    forbidden: string;
+                    connectionNotSupported: string;
+                    genericTitle: string;
+                    genericText: string;
+                };
+            };
+            "shipengine-carriers": {
+                title: string;
+                headers: {
+                    accountCarriers: string;
+                    carriers: string;
+                    settings: string;
+                };
+                actions: {
+                    status: {
+                        connected: string;
+                        notConnected: string;
+                    };
+                };
+            };
             "register-wallet": {
                 sections: {
                     setup: {
                         title: string;
                         subtitle: string;
+                        hiddenTermsSubtitle: string;
                         descriptionTitle: string;
                         description: string;
                     };
@@ -162,16 +196,18 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                         title: string;
                         cardSubTitle: string;
                         addressSubTitle: string;
-                        /** If provided, the address form will be pre-filled */
                         info: string;
                     };
+                    vatSettings: {
+                        title: string; /** Invoked when the onboarding process is completed. */
+                    };
                     carriers: {
                         title: string;
                         subtitle: string;
                     };
                     notifications: {
                         error: {
-                            title: string; /** The partner responsible for the currently onboarding seller. This is typically the name of the entity that owns the host application. */
+                            title: string;
                         };
                         info: {
                             title: string;
@@ -285,11 +321,13 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     needToAcknowledge: string;
                 };
                 rates: {
+                    requestedShippingNotification: string;
                     uspsMediaMailAcknowledgement: string;
                     uspsFirstClassMailAcknowledgement_leof: string;
                     rateSavings: string;
                     upsGroundSaverTermsAcknowledgement: string;
                     dhlExpressTermsAcknowledgement: string;
+                    noRateService: string;
                 };
                 requirements: {
                     noWarehouse: string;
@@ -356,6 +394,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     action: string;
                 };
                 termsAndAgreementLinkText: {
+                    shipEngineToS: string;
+                    auctanePrivacyPolicy: string;
                     aHR0cHM6Ly9teWRobC5leHByZXNzLmRobC91cy9lbi9sZWdhbC90ZXJtcy1hbmQtY29uZGl0aW9ucy5odG1s: string;
                     "aHR0cHM6Ly93d3cuc3RhbXBzLmNvbS9wcml2YWN5LXBvbGljeQ==": string;
                     "aHR0cHM6Ly93d3cuc3RhbXBzLmNvbS9jb25kaXRpb25zLw==": string;
@@ -367,6 +407,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     aHR0cHM6Ly93d3cuc2hpcHN0YXRpb24uY29tL3Rlcm1zLXNlcnZpY2UtdW5pdGVkLWtpbmdkb20v: string;
                     "aHR0cHM6Ly93d3cuZHBkLmNvLnVrL3N0YW5kYXJkX3Rlcm1zX2FuZF9jb25kaXRpb25zLmpzcA==": string;
                     aHR0cHM6Ly93d3cuZ29nbG9iYWxwb3N0LmNvbS9jb25kaXRpb25z: string;
+                    aHR0cHM6Ly93d3cucHVyb2xhdG9yLmNvbS9mci9tb2RhbGl0ZXMtZXQtY29uZGl0aW9ucy1kZS1zZXJ2aWNl: string;
+                    aHR0cHM6Ly93d3cucHVyb2xhdG9yLmNvbS9lbi90ZXJtcy1hbmQtY29uZGl0aW9ucy1zZXJ2aWNl: string;
                 };
                 termsAndAgreementTitles: {
                     "WW9kZWwgRGlyZWN0IC0gVGVybXMgYW5kIENvbmRpdGlvbnMgKOKAnFRlcm1z4oCdKQ==": string;
@@ -374,42 +416,8 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     "VGVybXMgb2YgU2VydmljZSBVbml0ZWQgS2luZ2RvbQ==": string;
                     RFBEIFN0YW5kYXJkIFRlcm1zIGFuZCBDb25kaXRpb25z: string;
                     "R2xvYmFsUG9zdCBUZXJtcyBhbmQgQ29uZGl0aW9ucw==": string;
-                };
-            };
-            "manage-defaults": {
-                label: {
-                    title: string;
-                    letter: {
-                        title: string;
-                        description: string;
-                    };
-                    purchase: {
-                        title: string;
-                        description: string;
-                    };
-                    thermal: {
-                        title: string;
-                        description: string;
-                    };
-                };
-                status: {
-                    saving: string;
-                    saved: string;
-                    savingFailed: string;
-                };
-                units: {
-                    title: string;
-                    dimensions: {
-                        title: string;
-                        standard: string; /** Invoked when the onboarding process is completed. */
-                        metric: string;
-                    };
-                    weight: {
-                        title: string; /** The partner responsible for the currently onboarding seller. This is typically the name of the entity that owns the host application. */
-                        standard: string;
-                        g: string;
-                        kg: string;
-                    };
+                    "UHVyb2xhdG9yIFRlcm1zIGFuZCBDb25kaXRpb25zIG9mIFNlcnZpY2U=": string;
+                    UHVyb2xhdG9yIE1vZGFsaXTDqXMgZXQgY29uZGl0aW9ucyBkZSBzZXJ2aWNl: string;
                 };
             };
             "manage-warehouses": {
@@ -479,6 +487,42 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 currentBalance: string;
                 maximumBalanceAmount: string;
             };
+            "manage-defaults": {
+                label: {
+                    title: string;
+                    letter: {
+                        title: string;
+                        description: string;
+                    };
+                    purchase: {
+                        title: string;
+                        description: string;
+                    };
+                    thermal: {
+                        title: string;
+                        description: string;
+                    };
+                };
+                status: {
+                    saving: string;
+                    saved: string;
+                    savingFailed: string;
+                };
+                units: {
+                    title: string;
+                    dimensions: {
+                        title: string;
+                        standard: string; /** Invoked when the onboarding process is completed. */
+                        metric: string;
+                    };
+                    weight: {
+                        title: string; /** The partner responsible for the currently onboarding seller. This is typically the name of the entity that owns the host application. */
+                        standard: string;
+                        g: string;
+                        kg: string;
+                    };
+                };
+            };
             "list-shipments": {
                 title: string;
                 headers: {
@@ -515,18 +559,31 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     };
                 };
             };
-            "list-carriers": {
-                title: string;
-                headers: {
-                    accountCarriers: string;
-                    carriers: string;
-                    settings: string;
-                };
+            "connect-carrier": {
                 actions: {
-                    status: {
-                        connected: string;
-                        notConnected: string;
-                    };
+                    cancel: string;
+                    carrierSettings: string;
+                    connectCarriers: string;
+                    disconnect: string;
+                    disconnectCarrier: string;
+                };
+                noCarriersDescription: string;
+                registrationForm: {
+                    error: string;
+                    title: string;
+                    betaWarning: string;
+                };
+                search: string;
+                settingsModal: {
+                    closeDialog: string;
+                    header: string;
+                };
+                status: {
+                    connected: string;
+                };
+                disconnectDropdown: {
+                    toastTitle: string;
+                    toastBody: string;
                 };
             };
             common: {
@@ -753,6 +810,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     accountSettings: string;
                     carrier: string;
                     carriers: string;
+                    carrierServices: string;
                     connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
@@ -855,33 +913,6 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                 "QSBzaGlwcGluZyBjYXJyaWVyIGVycm9yIG9jY3VycmVkOiBNaXNzaW5nIG9yIGludmFsaWQgc2hpcCB0byBTdGF0ZVByb3ZpbmNlQ29kZQ==": string;
                 "QSBzaGlwcGluZyBjYXJyaWVyIGVycm9yIG9jY3VycmVkOiBJbnZhbGlkIHNvbGQgdG8gc3RhdGUgcHJvdmluY2UgY29kZS4gVmFsaWQgbGVuZ3RoIGlzIDAgdG8gNSBhbHBoYW51bWVyaWM=": string;
             };
-            "connect-carrier": {
-                actions: {
-                    cancel: string;
-                    carrierSettings: string;
-                    connectCarriers: string;
-                    disconnect: string;
-                    disconnectCarrier: string;
-                };
-                noCarriersDescription: string;
-                registrationForm: {
-                    error: string;
-                    title: string;
-                    betaWarning: string;
-                };
-                search: string;
-                settingsModal: {
-                    closeDialog: string;
-                    header: string;
-                };
-                status: {
-                    connected: string;
-                };
-                disconnectDropdown: {
-                    toastTitle: string;
-                    toastBody: string;
-                };
-            };
             "account-settings": {
                 messages: {
                     noFundingSources: string;
@@ -904,6 +935,7 @@ export declare const Element: ({ resources, ...props }: ComponentProps & {
                     externalCarriers: string;
                     labelLayout: string;
                     unitSettings: string;
+                    vatSettings: string;
                 };
             };
         };

package/vite.config.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vite").UserConfigExport;
+declare const _default: import("vite").UserConfig;
 export default _default;

package/src/elements/list-carriers/index.d.ts

@@ -1 +0,0 @@
-export * as ListCarriers from "./list-carriers";

package/src/features/list-carriers/hooks/use-carrier-metadata.d.ts

@@ -1,10 +0,0 @@
-import { CarrierConnection } from "@shipengine/alchemy";
-import { CarrierMetadata } from "../../../types";
-/**
- * @internal
- *
- * # Carrier Metadata Hook
- *
- * @category Hooks
- */
-export declare const useCarrierMetadata: (carrierCodes?: CarrierConnection["carrierCode"][]) => CarrierMetadata[];

package/src/features/list-carriers/index.d.ts

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

package/src/features/list-carriers/list-carriers-row/index.d.ts

@@ -1 +0,0 @@
-export * from "./list-carriers-row";

package/src/features/list-carriers/list-carriers.d.ts

@@ -1,9 +0,0 @@
-export type ListCarriersFeatures = {
-    carriers: {
-        enabledCarriers: ("stamps_com" | "ups_walleted" | "ups" | "dhl_express_walleted" | "dhl_express_worldwide" | "hermes" | "yodel_walleted" | "dpdwallet" | "globalpost")[];
-    };
-};
-export type ListCarriersProps = {
-    features?: ListCarriersFeatures;
-};
-export declare const ListCarriers: ({ features, }: ListCarriersProps) => import("@emotion/react/jsx-runtime").JSX.Element;