@shipengine/elements 1.7.0 → 1.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "peerDependencies": {
     "@shipengine/alchemy": "5.x.x",
     "@emotion/react": "11.x",
@@ -26,7 +26,7 @@
     "@rjsf/validator-ajv8": "5.16.1",
     "@shipengine/giger": "1.9.0",
     "@shipengine/giger-theme": "1.3.0",
-    "@shipengine/js-api": "1.9.0",
+    "@shipengine/js-api": "1.13.0",
     "@storybook/addons": "6.5.16",
     "@storybook/components": "7.0.0-rc.1",
     "@storybook/core-events": "7.0.0-rc.1",
@@ -35,7 +35,7 @@
     "@tanstack/react-query": "4.36.1",
     "@testing-library/dom": "8.19.0",
     "@vitejs/plugin-react": "1.3.2",
-    "axios": "0.26.1",
+    "axios": "0.28.1",
     "card-validator": "8.1.1",
     "copy-to-clipboard": "3.3.3",
     "date-fns": "3.6.0",

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

@@ -1,11 +1,10 @@
 export declare const styles: {
-    content: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
-        padding: string;
+    getContentStyles: (nested?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        padding: number;
     };
     getHeaderStyles: (nested?: boolean) => (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         backgroundColor: string;
         display: "flex";
-        height: number;
         padding: string;
     };
     icon: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {

package/src/components/display-term/display-term.d.ts

@@ -1,5 +1,5 @@
-import { MetadataRequiredTermWithLinks } from "../../types";
+import { SE } from "@shipengine/alchemy";
 export type DisplayTermProps = {
-    term: MetadataRequiredTermWithLinks;
+    term: Pick<SE.MetadataRequiredTerm, "links">;
 };
 export declare const DisplayTerm: ({ term }: DisplayTermProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/display-term/display-term.styles.d.ts

@@ -9,10 +9,12 @@ export declare const styles: {
         "&:visited": {
             color: string;
         };
+        fontWeight: number;
     };
     termLink: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         display: "flex";
         flexDirection: "column";
+        gap: number;
         listStyle: "none";
     };
     terms: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {

package/src/components/index.d.ts

@@ -1,8 +1,8 @@
 export * from "./add-funds-form";
-export * from "./carrier-connection-card";
 export * from "./auto-funding-form";
 export * from "./button-group";
 export * from "./carrier-balance";
+export * from "./carrier-connection-card";
 export * from "./carrier-icon";
 export * from "./carrier-logo";
 export * from "./collapsible-panel";
@@ -12,12 +12,14 @@ export * from "./date-range-combo";
 export * from "./date-range-select";
 export * from "./display-term";
 export * from "./drawer";
+export * from "./edit-billing-form";
 export * from "./error-fallback";
 export * from "./field-label";
 export * from "./field";
 export * from "./form-portal";
 export * from "./fund-and-purchase";
 export * from "./grid-controller";
+export * from "./history";
 export * from "./inline-label";
 export * from "./items-breakdown";
 export * from "./link-action";
@@ -27,13 +29,12 @@ export * from "./portal";
 export * from "./powered-by-shipengine";
 export * from "./section";
 export * from "./settings-card";
+export * from "./skeleton";
 export * from "./spacer";
 export * from "./spread";
-export * from "./skeleton";
-export * from "./suspend";
 export * from "./story-notes";
+export * from "./suspend";
 export * from "./tabs";
+export * from "./vat-form";
 export * from "./wallet-card";
 export * from "./warehouse-form";
-export * from "./edit-billing-form";
-export * from "./history";

package/src/components/templates/wallet-form/wallet-form.d.ts

@@ -1,4 +1,5 @@
 import { SE } from "@shipengine/alchemy";
+import { VatSettingsFeatures } from "../../../features";
 export type WalletFormFeatures = {};
 export type WalletPayload = {
     address: SE.Address;
@@ -8,6 +9,7 @@ export type WalletPayload = {
 export type WalletFormProps = {
     address: SE.Address;
     errors?: SE.CodedError[] | null;
+    features?: VatSettingsFeatures;
     onSubmit: (payload: WalletPayload) => Promise<void>;
 };
-export declare const WalletForm: ({ address, errors, onSubmit }: WalletFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const WalletForm: ({ address, errors, onSubmit, features }: WalletFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/templates/wallet-form/wallet-form.styles.d.ts

@@ -1,4 +1,7 @@
 export declare const styles: {
+    centeredText: () => {
+        textAlign: "center";
+    };
     grid: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
         margin: number;
     };

package/src/components/vat-form/index.d.ts

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

package/src/components/vat-form/vat-form-schema.d.ts

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

package/src/components/vat-form/vat-form.d.ts

@@ -0,0 +1,6 @@
+export type VatFormProps = {
+    onCancel?: () => void;
+    onSuccess?: () => void;
+    showRegisterLaterText?: boolean;
+};
+export declare const VatForm: ({ onCancel, onSuccess, showRegisterLaterText }: VatFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/vat-form/vat-form.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const styles: {
+    formSection: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        backgroundColor: string;
+        padding: number;
+    };
+    inlineError: (theme: import("@shipengine/giger-theme/dist/lib/Theme").Theme) => {
+        marginBottom: number;
+    };
+};

package/src/elements/external-carriers/external-carriers.d.ts

@@ -66,6 +66,7 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                 resultMessages: {
                     approved: string;
                     rejected: string;
+                    dpdwallet: string;
                 };
                 refund_process: string;
                 refund_rules: string;
@@ -107,6 +108,38 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                 };
                 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: {
@@ -122,6 +155,9 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                         addressSubTitle: string;
                         info: string;
                     };
+                    vatSettings: {
+                        title: string;
+                    };
                     carriers: {
                         title: string;
                         subtitle: string;
@@ -248,6 +284,7 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                     rateSavings: string;
                     upsGroundSaverTermsAcknowledgement: string;
                     dhlExpressTermsAcknowledgement: string;
+                    noRateService: string;
                 };
                 requirements: {
                     noWarehouse: string;
@@ -314,6 +351,8 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                     action: string;
                 };
                 termsAndAgreementLinkText: {
+                    shipEngineToS: string;
+                    auctanePrivacyPolicy: string;
                     aHR0cHM6Ly9teWRobC5leHByZXNzLmRobC91cy9lbi9sZWdhbC90ZXJtcy1hbmQtY29uZGl0aW9ucy5odG1s: string;
                     "aHR0cHM6Ly93d3cuc3RhbXBzLmNvbS9wcml2YWN5LXBvbGljeQ==": string;
                     "aHR0cHM6Ly93d3cuc3RhbXBzLmNvbS9jb25kaXRpb25zLw==": string;
@@ -338,65 +377,6 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                     UHVyb2xhdG9yIE1vZGFsaXTDqXMgZXQgY29uZGl0aW9ucyBkZSBzZXJ2aWNl: string;
                 };
             };
-            "manage-defaults": {
-                label: {
-                    title: string;
-                    letter: {
-                        title: string;
-                        description: string;
-                    };
-                    purchase: {
-                        title: string;
-                        description: string;
-                    };
-                    thermal: {
-                        title: string; /**
-                         * # ExternalCarriers Component
-                         *
-                         * @param ComponentProps The base props that will be passed into the `<ExternalCarriers />` component.
-                         *
-                         * @returns Element A React element that renders the `<ExternalCarriers />` component allowing users
-                         * to view a list of their own carrier accounts that have been connected to their ShipEngine account,
-                         * and to add additional carriers.
-                         * This component is composed in the `<AccountSettings />` Element.
-                         *
-                         * @example
-                         * ```tsx
-                         * (() => {
-                         *   const features = useFeatures("Global");
-                         *
-                         *   return <ExternalCarriers.Component features={features} />;
-                         * })();
-                         * ```
-                         *
-                         * <br />
-                         *
-                         * @see {@link ExternalCarriers.ComponentProps | The props that are passed into the `<ExternalCarriers />` component}
-                         * @see {@link AccountSettings.Element | The `<AccountSettings />` component renders the `<ExternalCarriers />` component}
-                         */
-                        description: string;
-                    };
-                };
-                status: {
-                    saving: string;
-                    saved: string;
-                    savingFailed: string;
-                };
-                units: {
-                    title: string;
-                    dimensions: {
-                        title: string;
-                        standard: string;
-                        metric: string;
-                    };
-                    weight: {
-                        title: string;
-                        standard: string;
-                        g: string;
-                        kg: string;
-                    };
-                };
-            };
             "manage-warehouses": {
                 title: string;
                 addNew: string;
@@ -464,6 +444,65 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                 currentBalance: string;
                 maximumBalanceAmount: string;
             };
+            "manage-defaults": {
+                label: {
+                    title: string;
+                    letter: {
+                        title: string;
+                        description: string;
+                    };
+                    purchase: {
+                        title: string;
+                        description: string;
+                    };
+                    thermal: {
+                        title: string; /**
+                         * # ExternalCarriers Component
+                         *
+                         * @param ComponentProps The base props that will be passed into the `<ExternalCarriers />` component.
+                         *
+                         * @returns Element A React element that renders the `<ExternalCarriers />` component allowing users
+                         * to view a list of their own carrier accounts that have been connected to their ShipEngine account,
+                         * and to add additional carriers.
+                         * This component is composed in the `<AccountSettings />` Element.
+                         *
+                         * @example
+                         * ```tsx
+                         * (() => {
+                         *   const features = useFeatures("Global");
+                         *
+                         *   return <ExternalCarriers.Component features={features} />;
+                         * })();
+                         * ```
+                         *
+                         * <br />
+                         *
+                         * @see {@link ExternalCarriers.ComponentProps | The props that are passed into the `<ExternalCarriers />` component}
+                         * @see {@link AccountSettings.Element | The `<AccountSettings />` component renders the `<ExternalCarriers />` component}
+                         */
+                        description: string;
+                    };
+                };
+                status: {
+                    saving: string;
+                    saved: string;
+                    savingFailed: string;
+                };
+                units: {
+                    title: string;
+                    dimensions: {
+                        title: string;
+                        standard: string;
+                        metric: string;
+                    };
+                    weight: {
+                        title: string;
+                        standard: string;
+                        g: string;
+                        kg: string;
+                    };
+                };
+            };
             "list-shipments": {
                 title: string;
                 headers: {
@@ -494,18 +533,31 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                     };
                 };
             };
-            "shipengine-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: {
@@ -692,6 +744,7 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                     accountSettings: string;
                     carrier: string;
                     carriers: string;
+                    carrierServices: string;
                     connectCarrierForm: string;
                     connectingCarriers: string;
                     creatingFundingSource: string;
@@ -794,33 +847,6 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                 "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;
@@ -836,6 +862,7 @@ export declare const Element: ({ resources, ...props }: ExternalCarriersProps &
                     externalCarriers: string;
                     labelLayout: string;
                     unitSettings: string;
+                    vatSettings: string;
                 };
             };
         };