@shipengine/elements 0.20.2 → 0.21.0

package/src/hooks/options/use-confirmation-options.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 export declare const useConfirmationOptions: () => {
     label: string;
     value: SE.ConfirmationType;

package/src/hooks/options/use-customs-contents-options.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 export declare const useCustomsContentsOptions: () => {
     label: string;
     value: SE.CustomsContentsType;

package/src/hooks/options/use-customs-non-delivery-options.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 export declare const useCustomsNonDeliveryOptions: () => {
     label: string;
     value: SE.CustomsNonDeliveryType;

package/src/hooks/options/use-insurance-provider-options.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 interface InsuranceFeatures {
     includeShipsuranceInsurance?: boolean;
     includeThirdPartyInsurance?: boolean;

package/src/hooks/options/use-package-options.d.ts

@@ -1,3 +1,3 @@
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 import { SelectCategory } from "../../components/field/select";
 export declare const usePackageOptions: (carriers?: SE.Carrier[], customPackageTypes?: SE.CustomPackage[], poBox?: boolean) => SelectCategory[] | undefined;

package/src/hooks/options/use-rate-options.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 export type RateOption = Omit<SE.Rate, "warningMessages"> & {
     balance?: number;
     messages: string[];

package/src/hooks/options/use-service-code-options.d.ts

@@ -1,3 +1,3 @@
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 import { SelectCategory } from "../../components/field/select";
 export declare const useServiceCodeOptions: (carriers?: SE.Carrier[], domestic?: boolean, poBox?: boolean) => SelectCategory[];

package/src/hooks/options/use-warehouse-options.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 export declare const useWarehouseOptions: (warehouses?: SE.Warehouse[]) => {
     label: string;
     value: string;

package/src/hooks/use-address-validation.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { SE } from "@shipengine/js-api";
+import { Templates } from "../components";
+export declare const useAddressValidation: () => {
+    errors: SE.CodedError[] | null;
+    setValidationPreference: import("react").Dispatch<import("react").SetStateAction<Templates.ValidationPreference | undefined>>;
+    validate: (addresses: {
+        originAddress: SE.Address;
+        returnAddress?: SE.Address;
+    }) => Promise<Templates.ValidationPreference>;
+    validationPreference: Templates.ValidationPreference | undefined;
+};

package/src/hooks/use-carrier-metadata.d.ts

@@ -1,3 +1,3 @@
-import { CarrierConnection } from "@shipengine/api";
+import { CarrierConnection } from "@shipengine/js-api";
 import { CarrierMetadata } from "../types";
 export declare const useCarrierMetadata: (carrierCodes?: CarrierConnection["carrierCode"][]) => CarrierMetadata[];

package/src/hooks/use-elements.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ShipEngineProviderProps } from "@shipengine/react";
+import { ShipEngineProps } from "@shipengine/react-api";
 export type ElementsEnvironment = `dde:${string}` | "development" | "staging" | "production";
 export type ElementsErrorHandler = (err: Error, context: {
     componentStack: string;
@@ -19,7 +19,7 @@ export interface ElementsProviderProps {
     brandName?: string;
     children: JSX.Element;
     environment?: ElementsEnvironment;
-    getToken: ShipEngineProviderProps["getToken"];
+    getToken: ShipEngineProps["getToken"];
     onError?: ElementsErrorHandler;
     proxyTarget?: string;
 }

package/src/hooks/use-scrub-errors.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 type UseScrubErrorsProps = {
     errors?: SE.CodedError[];
     predicate?: (e: SE.CodedError) => boolean;

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

@@ -142,6 +142,7 @@ declare const _default: {
         };
         fields: {
             addOns: string;
+            contentDescription: string;
             confirmation: string;
             dimensions: {
                 length: string;
@@ -168,6 +169,9 @@ declare const _default: {
             };
             weightGroup: string;
         };
+        hints: {
+            contentDescription: string;
+        };
         loading: {
             calculatingRates: string;
         };
@@ -202,8 +206,9 @@ declare const _default: {
             action: string;
             title: string;
             subtitle: string;
-            descriptionTitle: string;
-            description: string;
+            welcome: string;
+            messageLine1: string;
+            messageLine2: string;
         };
         steps: {
             login: string;
@@ -361,6 +366,7 @@ declare const _default: {
                 email: string;
                 addressResidentialIndicator: string;
             };
+            noResults: string;
             subFields: {
                 optional: string;
             };
@@ -393,6 +399,9 @@ declare const _default: {
                 cardNumber: string;
                 expiration: string;
                 cvv: string;
+                cvvPlaceholder: string;
+                expirationPlaceholder: string;
+                cardNumberPlaceholder: string;
             };
         };
         carriers: {
@@ -487,6 +496,7 @@ declare const _default: {
             carriers: string;
             data: string;
             importingSalesOrder: string;
+            onboarding: string;
             salesOrder: string;
             shipment: string;
             warehouses: string;
@@ -524,6 +534,7 @@ declare const _default: {
             invalidAddressName: string;
             invalidAddressPoBox: string;
             invalidCreditCardType: string;
+            invalidExpiration: string;
             invalidPostalCode: string;
             invalidStateProvince: string;
             invalidString: string;

package/src/mocks/carriers/handlers.d.ts

@@ -1,5 +1,5 @@
 import { DeepPartial } from "fishery";
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 export type CreateCarrierHandlersParams = {
     get?: DeepPartial<SE.Carrier>;
     list?: [count: number, listParams?: DeepPartial<SE.Carrier>];

package/src/mocks/warehouses/handlers.d.ts

@@ -1,5 +1,5 @@
 import { DeepPartial } from "fishery";
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 export type CreateWarehouseHandlersParams = {
     get?: DeepPartial<SE.Warehouse>;
     list?: [count: number, listParams?: DeepPartial<SE.Warehouse>];

package/src/schemas/shipengine/money.d.ts

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

package/src/types/carrier-metadata.d.ts

@@ -1,4 +1,4 @@
-import { CarrierConnection, SE } from "@shipengine/api";
+import { CarrierConnection, SE } from "@shipengine/js-api";
 export type CarrierTerm = {
     description: string;
     name: string;

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

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 export type ShippingPreset = {
     confirmation?: SE.ConfirmationType;
     dimensions?: SE.DimensionsWithUnit;

package/src/utilities/money.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-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;

package/src/utilities/rates.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/api";
+import { SE } from "@shipengine/js-api";
 export declare const getRateRequiresAcknowledgement: (serviceCode: string) => boolean;
 export declare const getTotalRateAmount: (rateCosts?: {
     confirmationAmount?: SE.Money;
@@ -7,3 +7,4 @@ export declare const getTotalRateAmount: (rateCosts?: {
     shippingAmount?: SE.Money;
     taxAmount?: SE.Money;
 }) => number;
+export declare const overrideCarrierCodes: (carrier: string, overrides: object) => never;

package/src/utilities/shipengine/address.d.ts

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

package/src/utilities/shipengine/dimensions.d.ts

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

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

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

package/src/utilities/shipengine/shipment.d.ts

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

package/src/utilities/shipengine/weight.d.ts

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

package/src/components/accordion/accordion.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { WithChildrenCommonProps } from "@packlink/giger";
-type AccordionProps = WithChildrenCommonProps<{
-    bold?: boolean;
-    /** Flag to indicate if the Accordion must appear expanded */
-    initialExpanded?: boolean;
-    /** Element to render at the right part of the summary */
-    rightContent?: JSX.Element;
-    /** Title to show */
-    title?: string;
-}>;
-export declare const Accordion: ({ bold, initialExpanded, title, children, rightContent, ...rest }: AccordionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/src/components/accordion/accordion.styles.d.ts

@@ -1,7 +0,0 @@
-import { SerializedStyles } from "@emotion/react";
-import { Theme } from "@packlink/giger-theme";
-export declare const getAccordionSummaryStyles: (theme: Theme) => SerializedStyles;
-export declare const getAccordionSummaryWrapperStyles: (theme: Theme) => SerializedStyles;
-export declare const getIconStyles: (theme: Theme) => SerializedStyles;
-export declare const getSectionStyles: (theme: Theme) => SerializedStyles;
-export declare const getRightContentWrapperStyles: () => SerializedStyles;

package/src/components/accordion/index.d.ts

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

package/src/components/history/history-body/history-body.d.ts

@@ -1,5 +0,0 @@
-import { WalletTransactionHistory } from "@shipengine/api";
-export type HistoryBodyProps = {
-    historyData: WalletTransactionHistory;
-};
-export declare const HistoryBody: ({ historyData }: HistoryBodyProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/history/history-body/history-body.styles.d.ts

@@ -1 +0,0 @@
-export declare const styles: Record<"action" | "gridContainer" | "linkAction" | "pagination", import("@emotion/serialize").Interpolation<import("@packlink/giger-theme/dist/lib/Theme").Theme>>;

package/src/components/history/history-body/index.d.ts

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

package/src/components/history/history-list/history-list.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-import { WalletTransactionHistory } from "@shipengine/api";
-export type HistoryListProps = {
-    historyData: WalletTransactionHistory;
-};
-/**
- * This component is the list of events that represent the history of a
- * specific entity. The events are displayed in reverse chronological order.
- *
- * @param historyData The history data to display.
- */
-export declare const HistoryList: React.FC<HistoryListProps>;

package/src/components/history/history-list/index.d.ts

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

package/src/components/history/history-row/history-row.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-export type HistoryRowProps = {
-    key: number;
-    rowItem: number;
-};
-export declare const HistoryRow: FC<HistoryRowProps>;

package/src/components/history/history-row/index.d.ts

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

package/src/components/history/history.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-import { HistoryBodyProps } from "./history-body";
-import { HistoryListProps } from "./history-list";
-import { HistoryRowProps } from "./history-row";
-export type History = React.FC & {
-    Body: React.FC<HistoryBodyProps>;
-    List: React.FC<HistoryListProps>;
-    Row: React.FC<HistoryRowProps>;
-};
-export declare const History: History;

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

@@ -1,6 +0,0 @@
-import React from "react";
-import { WalletTransactionHistory } from "@shipengine/api";
-export type WalletHistoryProps = {
-    historyData: WalletTransactionHistory;
-};
-export declare const WalletHistory: React.FC<WalletHistoryProps>;

package/src/components/templates/warehouse-preference-select/index.d.ts

@@ -1 +0,0 @@
-export * from "./warehouse-preference-select";

package/src/components/templates/warehouse-preference-select/warehouse-preference-select.d.ts

@@ -1,24 +0,0 @@
-import { SE } from "@shipengine/api";
-export type WarehouseSuggested = {
-    validation: SE.AddressValidation;
-    validationType: "SUGGESTED";
-};
-export type WarehouseError = {
-    validation: SE.AddressValidation;
-    validationType: "ERROR";
-};
-export type WarehouseExactOrSoft = {
-    address: SE.Address;
-    validationType: "EXACT" | "SOFT";
-};
-export type WarehouseAddressPreference = WarehouseSuggested | WarehouseError | WarehouseExactOrSoft;
-export type WarehousePreferenceFormProps = {
-    onCancel: () => void;
-    onSubmit: (payload: {
-        originAddress: SE.Address;
-        returnAddress?: SE.Address;
-    }) => Promise<void> | void;
-    originAddress: WarehouseAddressPreference;
-    returnAddress?: WarehouseAddressPreference;
-};
-export declare const WarehousePreferenceSelect: ({ onCancel, onSubmit, originAddress, returnAddress, }: WarehousePreferenceFormProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/templates/warehouse-preference-wizard/index.d.ts

@@ -1 +0,0 @@
-export * from "./warehouse-preference-wizard";

package/src/components/templates/warehouse-preference-wizard/warehouse-preference-wizard.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import { SE } from "@shipengine/api";
-import { ManageWarehousesProps, WarehousePayload } from "../manage-warehouses";
-import { WarehouseAddressPreference } from "../warehouse-preference-select";
-export type WarehousePreference = {
-    isDefault?: boolean;
-    name: string;
-    originAddress: WarehouseAddressPreference;
-    returnAddress?: WarehouseAddressPreference;
-};
-export type WarehousePreferenceWizardProps = {
-    className?: string;
-    formHeader?: React.ReactNode;
-    isOnboarding?: boolean;
-    onSubmit: (payload: WarehousePayload) => Promise<void> | void;
-    onValidate: ManageWarehousesProps["onValidate"];
-    onWarehouseDelete?: () => Promise<void> | void;
-    onWarehouseFormCancel?: () => void;
-    submitButtonTitle: string;
-    warehouse?: SE.Warehouse;
-    warehousePreference?: WarehousePreference;
-};
-export declare const WarehousePreferenceWizard: ({ className, formHeader, isOnboarding, onSubmit, onValidate, onWarehouseDelete, onWarehouseFormCancel, submitButtonTitle, warehouse, warehousePreference, }: WarehousePreferenceWizardProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/elements/wallet-history.d.ts

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

package/src/hooks/use-warehouse-validation.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { SE } from "@shipengine/api";
-import { Templates } from "../components";
-export declare const useWarehouseValidation: () => {
-    errors: SE.CodedError[] | null;
-    setWarehousePreference: import("react").Dispatch<import("react").SetStateAction<Templates.WarehousePreference | undefined>>;
-    validate: (warehouse: Partial<SE.Warehouse> & Pick<SE.Warehouse, "name" | "originAddress" | "isDefault">) => Promise<{
-        isDefault: boolean;
-        name: string;
-        originAddress: Templates.WarehouseAddressPreference;
-        returnAddress: Templates.WarehouseAddressPreference;
-    }>;
-    warehousePreference: Templates.WarehousePreference | undefined;
-};