@shipengine/elements 0.21.3 → 0.21.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "0.21.3",
+  "version": "0.21.4",
   "typedoc": {
     "entryPoint": "./src/index.ts",
     "readmeFile": "../../README.md",
@@ -22,23 +22,20 @@
   "type": "module",
   "types": "./src/index.d.ts",
   "dependencies": {
-    "@emotion/cache": "11.10.5",
     "@emotion/css": "11.10.5",
-    "@emotion/memoize": "0.8.0",
     "@emotion/react": "11.10.0",
     "@emotion/serialize": "1.1.1",
     "@faker-js/faker": "7.6.0",
     "@hookform/resolvers": "2.9.1",
     "@packlink/brands": "3.24.0",
     "@packlink/giger-theme": "1.3.1",
+    "@shipengine/alchemy": "0.4.7",
     "@shipengine/js-api": "0.6.2",
-    "@shipengine/react-api": "0.4.8",
     "@storybook/manager-api": "7.0.0-rc.1",
     "@storybook/theming": "7.0.0-rc.1",
     "axios": "0.26.1",
     "card-validator": "8.1.1",
     "humps": "2.0.1",
-    "i18next-browser-languagedetector": "6.1.8",
     "js-base64": "3.7.3",
     "libphonenumber-js": "1.10.14",
     "lodash": "4.17.21",
@@ -47,7 +44,6 @@
     "react-dom": "18.2.0",
     "react-hook-form": "7.40.0",
     "react-query": "3.39.3",
-    "stylis": "4.1.3",
     "zod": "3.19.1"
   }
 }

package/src/components/error-fallback/error-fallback.d.ts

@@ -0,0 +1,9 @@
+export interface ErrorFallbackProps {
+    error: Error | string;
+}
+/**
+ * Fallback component for the Elements ErrorBoundary
+ *
+ * @see {@link registerElement}
+ */
+export declare const ErrorFallback: ({ error }: ErrorFallbackProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/components/error-fallback/index.d.ts

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

package/src/components/field/money-input/hooks/use-utils.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 type UseUtils = {
     getCurrencySymbol: (currency: SE.Currency) => string | undefined;
 };

package/src/components/field/money-input/money-input.d.ts

@@ -1,5 +1,5 @@
 import { InputProps } from "@packlink/giger";
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 import { ControlledField } from "../create-field-controller";
 export declare const transform: {
     in: ({ amount, currency }?: Partial<{

package/src/components/field/rate-card/cost-breakdown/cost-breakdown.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 export interface CostBreakdownProps {
     confirmationAmount?: SE.Money;
     insuranceAmount?: SE.Money;

package/src/components/field/rate-card/rate-card.d.ts

@@ -1,7 +1,6 @@
 import { WithCommonProps } from "@packlink/giger";
 import { RateOption } from "../../../hooks";
 export type RateCardProps = Partial<RateOption> & WithCommonProps<{
-    displayNickname?: boolean;
     isAcknowledged?: boolean;
     onClick?: (rateId: string) => void;
     onClickAcknowledgement?: (isAcknowledged: boolean) => void;
@@ -9,4 +8,4 @@ export type RateCardProps = Partial<RateOption> & WithCommonProps<{
     selected?: boolean;
     voided?: boolean;
 }>;
-export declare const RateCard: ({ carrierCode, carrierFriendlyName, carrierNickname, children, className, confirmationAmount, deliveryDays, insuranceAmount, isAcknowledged, messages, displayNickname, onClick, onClickAcknowledgement, otherAmount, rateId, recommended, requiresAcknowledgement, selected, serviceCode, serviceType, shippingAmount, taxAmount, voided, }: RateCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const RateCard: ({ carrierCode, carrierFriendlyName, carrierNickname, children, className, confirmationAmount, deliveryDays, insuranceAmount, isAcknowledged, messages, onClick, onClickAcknowledgement, otherAmount, rateId, recommended, requiresAcknowledgement, selected, serviceCode, serviceType, shippingAmount, taxAmount, voided, }: RateCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { WalletTransaction } from "@shipengine/js-api";
+import { WalletTransaction } from "@shipengine/alchemy";
 export type HistoryCardProps = {
     transaction: WalletTransaction;
 };

package/src/components/index.d.ts

@@ -6,7 +6,7 @@ export * from "./carrier-balance";
 export * from "./cube";
 export * from "./date-range-combo";
 export * from "./date-range-select";
-export * from "./error-boundary";
+export * from "./error-fallback";
 export * from "./field";
 export * from "./field-label";
 export * from "./form-portal";

package/src/components/items-breakdown/items-breakdown.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 export type Item = {
     detail: string;
     name: string;

package/src/components/label-layout/label-layout-purchase.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 export type LabelLayoutPurchaseProps = {
     onChange: (layout: SE.LabelLayout) => void;
 };

package/src/components/label-layout/label-layout-settings.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 export type LabelLayoutSettingsProps = {
     onChange: (layout: SE.LabelLayout) => void;
 };

package/src/components/templates/add-carrier-form/add-carrier-form.d.ts

@@ -1,4 +1,4 @@
-import { CodedError } from "@shipengine/js-api";
+import { CodedError } from "@shipengine/alchemy";
 import { CarrierTerms } from "../../../types";
 import { AddCarrierFormPayload } from "./add-carrier-form-schema";
 export type AddCarrierFormProps = {

package/src/components/templates/address-display/address-display.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 type AddressDisplayProps = {
     address: SE.Address;
     decoratorText?: string;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 import { AddressParserPayload } from "../address-parser";
 export type AddressFormProps<T = undefined> = {
     address?: SE.Address;

package/src/components/templates/address-preference-display/address-preference-display.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 export type AddressPreference = SE.AddressValidation & {
     alternative?: SE.Address;
     alternativeSource: "originalAddress" | "matchedAddress";

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

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 export type AddressSuggested = {
     validation: SE.AddressValidation;
     validationType: "SUGGESTED";

package/src/components/templates/carrier-recovery-form/carrier-recovery-form.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 import { CarrierRecoveryFormPayload } from "./carrier-recovery-form-schema";
 export type CarrierRecoveryFormProps = {
     address?: SE.Address;

package/src/components/templates/carrier-terms-form/carrier-terms-form.d.ts

@@ -1,4 +1,4 @@
-import { CarrierConnection } from "@shipengine/js-api";
+import { CarrierConnection } from "@shipengine/alchemy";
 export type CarrierTermsProps = {
     carrierCodes: CarrierConnection["carrierCode"][];
     onSubmit: (agreement: boolean) => void;

package/src/components/templates/customs-item-form/customs-item-form.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 export type CustomsItemFormProps<T = undefined> = {
     customsItem?: SE.CustomsItem;
     onCancel?: () => void;

package/src/components/templates/customs-items-display/customs-items-display.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 type CustomsItemsDisplayProps = {
     onUpdate: (customsItems: SE.CustomsItem[]) => Promise<void>;
     shipment: SE.SalesOrderShipment;

package/src/components/templates/label/label.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 export type LabelProps = {
     label: SE.Label & {
         carrier?: SE.Carrier;

package/src/components/templates/list-carriers/list-carriers.d.ts

@@ -1,5 +1,5 @@
-import { CarrierConnection, CodedError } from "@shipengine/js-api";
-import { ConnectedCarrierMetadata } from "../../../elements/components/list-carriers/hooks/use-list-connected-carriers";
+import { CarrierConnection, CodedError } from "@shipengine/alchemy";
+import { ConnectedCarrierMetadata } from "../../../elements/list-carriers/hooks/use-list-connected-carriers";
 export type ListCarriersProps = {
     carriers?: ConnectedCarrierMetadata[];
     errors?: CodedError[] | null;

package/src/components/templates/list-carriers-row/list-carriers-row.d.ts

@@ -1,5 +1,5 @@
-import { CodedError } from "@shipengine/js-api";
-import { ConnectedCarrierMetadata } from "../../../elements/components/list-carriers/hooks/use-list-connected-carriers";
+import { CodedError } from "@shipengine/alchemy";
+import { ConnectedCarrierMetadata } from "../../../elements/list-carriers/hooks/use-list-connected-carriers";
 import { AddCarrierFormPayload } from "../add-carrier-form";
 export type ListCarriersRowProps = {
     connectedCarrier: ConnectedCarrierMetadata;

package/src/components/templates/manage-warehouses/manage-warehouses.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 export type WarehousePayload = Partial<SE.Warehouse> & Pick<SE.Warehouse, "name" | "originAddress" | "isDefault">;
 export type ManageWarehousesProps = {
     errors?: SE.CodedError[];

package/src/components/templates/onboarding/onboarding.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 import { Templates } from "../../../components";
 export type ValidateWarehouse = {
     type: "warehouse";

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

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 export type RateFormFeatures = {
     enableFunding?: boolean;
     enableGlobalPostFiltering?: boolean;

package/src/components/templates/shipment/shipment.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 export declare const schedulePickupForCarrier: (carrierCode?: string, plaftformSchedulePickupUrl?: string) => string | undefined;
 export type ShipmentFeatures = {
     schedulePickup?: boolean;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 import { UseShippingPresetsOptionsProps } from "../../../hooks";
 import { ShippingPreset } from "../../../types";
 import { AddressParserPayload } from "../address-parser";

package/src/components/templates/shipment-form/shipment-schema.d.ts

@@ -1,5 +1,5 @@
 import { z } from "zod";
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 type GetShipmentSchemaOptions = {
     allowInternationalShipFrom?: boolean;
     isContentDescriptionRequired?: boolean;

package/src/components/templates/suspend-sales-order/suspend-sales-order.d.ts

@@ -1,5 +1,5 @@
 import { WithChildrenCommonProps } from "@packlink/giger";
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 export type SuspendSalesOrderProps = WithChildrenCommonProps<{
     errors?: SE.CodedError[];
     isLoading?: boolean;

package/src/components/templates/suspend-shipment/suspend-shipment.d.ts

@@ -1,5 +1,5 @@
 import { WithChildrenCommonProps } from "@packlink/giger";
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 export type SuspendShipmentProps = WithChildrenCommonProps<{
     errors?: SE.CodedError[];
     isLoading?: boolean;

package/src/components/templates/void-label/void-label.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 export type VoidLabelProps = {
     onComplete: (request: SE.VoidRequest, shipment: SE.SalesOrderShipment) => void;
     onSubmit: () => Promise<void>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 import { BillingAddressPayload } from "./wallet-schema";
 export type EditWalletAddressFormProps<T = undefined> = {
     address?: SE.Address;

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

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 export type WalletFormFeatures = {};
 export type WalletPayload = {
     address: SE.Address;

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

@@ -1,5 +1,5 @@
 import { z } from "zod";
-import { CreditCardVendor } from "@shipengine/js-api";
+import { CreditCardVendor } from "@shipengine/alchemy";
 export declare const billingAddressSchema: z.ZodEffects<z.ZodEffects<z.ZodEffects<z.ZodObject<z.extendShape<{
     addressLine1: z.ZodString;
     addressLine2: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | undefined, string | null | undefined>;

package/src/components/templates/warehouse-display/warehouse-display.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 type WarehouseDisplayProps = {
     warehouse: SE.Warehouse;
 };

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

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 import { WarehousePayload } from "../manage-warehouses";
 export type WarehouseFormProps = {
     isOnboarding?: boolean;

package/src/elements/{components/configure-shipment → configure-shipment}/configure-shipment.d.ts

@@ -1,6 +1,6 @@
-import { SE } from "@shipengine/js-api";
-import { Templates } from "../../../components";
-import { UseShippingPresetsOptionsProps } from "../../../hooks";
+import { SE } from "@shipengine/alchemy";
+import { Templates } from "../../components";
+import { UseShippingPresetsOptionsProps } from "../../hooks";
 import { UseRatesFormProps, UseShipmentFormProps } from "./hooks";
 export type ShipmentFormMode = "browse_rates" | "select_service";
 export type ConfigureShipmentFeatures = {

package/src/elements/{components/configure-shipment → configure-shipment}/hooks/use-address.d.ts

@@ -1,6 +1,6 @@
-import { SE } from "@shipengine/js-api";
-import { Templates } from "../../../../components";
-import { CountryCode } from "../../../../constants";
+import { SE } from "@shipengine/alchemy";
+import { Templates } from "../../../components";
+import { CountryCode } from "../../../constants";
 export type UseAddressProps = {
     compatibleCountryCodes?: CountryCode[];
     onChange?: (oldShipment: SE.SalesOrderShipment, updatedShipment: SE.SalesOrderShipment) => Promise<void> | void;

package/src/elements/{components/configure-shipment → configure-shipment}/hooks/use-customs.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 export type UseCustomsProps = {
     onUpdate?: (shipment: SE.SalesOrderShipment) => Promise<void> | void;
     shipment?: SE.SalesOrderShipment;

package/src/elements/{components/configure-shipment → configure-shipment}/hooks/use-presets.d.ts

@@ -1,5 +1,5 @@
-import { SE } from "@shipengine/js-api";
-import { ShippingPreset } from "../../../../types";
+import { SE } from "@shipengine/alchemy";
+import { ShippingPreset } from "../../../types";
 export type UsePresetsProps = {
     onApply?: (preset: ShippingPreset, shipment: SE.SalesOrderShipment) => Promise<void> | void;
     shipment?: SE.SalesOrderShipment;

package/src/elements/{components/configure-shipment → configure-shipment}/hooks/use-rates-form.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 import { UseRequestRatesProps } from "./use-request-rates";
 export type UseRatesFormProps = {
     onBeforeLabelCreate?: (rate: SE.Rate, shipment: SE.SalesOrderShipment) => Promise<void> | void;

package/src/elements/{components/configure-shipment → configure-shipment}/hooks/use-request-rates.d.ts

@@ -1,4 +1,4 @@
-import { SE } from "@shipengine/js-api";
+import { SE } from "@shipengine/alchemy";
 export type UseRequestRatesProps = {
     onRatesCalculated?: (rates: SE.Rate[], shipment: SE.SalesOrderShipment) => Promise<void> | void;
 };

package/src/elements/{components/configure-shipment → configure-shipment}/hooks/use-shipment-form.d.ts

@@ -1,5 +1,5 @@
-import { SE } from "@shipengine/js-api";
-import { ShippingPreset } from "../../../../types";
+import { SE } from "@shipengine/alchemy";
+import { ShippingPreset } from "../../../types";
 import { UseAddressProps } from "./use-address";
 import { UsePresetsProps } from "./use-presets";
 export type UseShipmentFormProps = {
@@ -13,14 +13,14 @@ export type UseShipmentFormProps = {
     shipment?: SE.SalesOrderShipment;
 };
 export declare const useShipmentForm: ({ compatibleCountryCodes, onAddressValidation, onApplyPreset, onChangeAddress, onShipmentUpdated, onSubmit, salesOrder, shipment, }: UseShipmentFormProps) => {
-    addressPreference: import("../../../../components/templates").AddressPreference | undefined;
+    addressPreference: import("../../../components/templates").AddressPreference | undefined;
     carriers: SE.Carrier[] | undefined;
-    charsetWarning: import("../../../../components/templates").CharsetWarning | undefined;
+    charsetWarning: import("../../../components/templates").CharsetWarning | undefined;
     customPackageTypes: SE.CustomPackage[] | undefined;
     displayableErrors: string[] | undefined;
     errors: SE.CodedError[] | undefined;
     onApplyPreset: (preset: ShippingPreset) => Promise<void>;
-    onChangeAddress: (shipTo: SE.Address, { shouldValidate }: import("../../../../components/templates").OnChangeAddressOptions) => Promise<SE.SalesOrderShipment>;
+    onChangeAddress: (shipTo: SE.Address, { shouldValidate }: import("../../../components/templates").OnChangeAddressOptions) => Promise<SE.SalesOrderShipment>;
     onSubmit: (values: Partial<SE.SalesOrderShipment>) => Promise<SE.SalesOrderShipment>;
     onSubmitParseShipTo: ({ fullAddress }: {
         fullAddress: string;

package/src/elements/index.d.ts

@@ -1,6 +1,6 @@
-export { Element as ListCarriers } from "./list-carriers";
-export { Element as ManageWarehouses } from "./manage-warehouses";
-export { Element as PurchaseLabel } from "./purchase-label";
-export { Element as Onboarding } from "./onboarding";
-export { Element as ViewShipment } from "./view-shipment";
-export { Element as VoidLabel } from "./void-label";
+export * from "./list-carriers";
+export * from "./manage-warehouses";
+export * from "./onboarding";
+export * from "./purchase-label";
+export * from "./view-shipment";
+export * from "./void-label";

package/src/elements/{components/list-carriers → list-carriers}/hooks/use-list-connected-carriers.d.ts

@@ -1,11 +1,11 @@
-import { CarrierMetadata } from "../../../../types";
+import { CarrierMetadata } from "../../../types";
 export type ConnectedCarrierMetadata = {
     carrier: CarrierMetadata;
     isConnected: boolean;
 };
 export declare const useListConnectedCarriers: () => {
     data: ConnectedCarrierMetadata[];
-    error: import("@shipengine/react-api").CodedError[] | null;
+    error: import("@shipengine/alchemy").CodedError[] | null;
     isLoading: boolean;
-    refetch: <TPageData>(options?: (import("react-query").RefetchOptions & import("react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("react-query").QueryObserverResult<import("@shipengine/react-api").Carrier[], import("@shipengine/react-api").CodedError[]>>;
+    refetch: <TPageData>(options?: (import("react-query").RefetchOptions & import("react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("react-query").QueryObserverResult<import("@shipengine/alchemy").Carrier[], import("@shipengine/alchemy").CodedError[]>>;
 };

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

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