@shipengine/elements 0.11.1 → 0.12.0

package/components/configure-shipment/configure-shipment.d.ts

@@ -3,13 +3,14 @@ import * as SE from "@shipengine/types";
 import { UseShippingPresetsOptionsProps } from "@shipengine/elements-ui";
 import { UseRatesFormProps, UseShipmentFormProps } from "./hooks";
 export type ShipmentFormMode = "browse_rates" | "select_service";
-export type SalesOrderFeatures = {
+export type ConfigureShipmentFeatures = {
+    compatibleCountryCodes?: UseShipmentFormProps["compatibleCountryCodes"];
     rateForm?: Templates.RateFormFeatures;
     shipmentForm?: Templates.ShipmentFormFeatures;
 };
 export type ConfigureShipmentProps = {
     errors?: Templates.ShipmentFormProps["errors"];
-    features?: SalesOrderFeatures;
+    features?: ConfigureShipmentFeatures;
     isLoading?: Templates.ShipmentFormProps["isLoading"];
     onAddressValidation?: UseShipmentFormProps["onAddressValidation"];
     onApplyPreset?: UseShipmentFormProps["onApplyPreset"];

package/components/configure-shipment/hooks/use-address.d.ts

@@ -1,12 +1,14 @@
 import { Templates } from "@shipengine/elements-ui";
 import * as SE from "@shipengine/types";
+import { CountryCode } from "@shipengine/elements-core";
 export type UseAddressProps = {
+    compatibleCountryCodes?: CountryCode[];
     onChange?: (oldShipment: SE.SalesOrderShipment, updatedShipment: SE.SalesOrderShipment) => Promise<void> | void;
     onValidation?: (addressPreference: Templates.AddressPreference) => Promise<void> | void;
     salesOrder: SE.SalesOrder;
     shipment?: SE.SalesOrderShipment;
 };
-export declare const useAddress: ({ onChange, onValidation, salesOrder, shipment }: UseAddressProps) => {
+export declare const useAddress: ({ compatibleCountryCodes, onChange, onValidation, salesOrder, shipment, }: UseAddressProps) => {
     addressErrors: SE.CodedError[] | undefined;
     addressPreference: Templates.AddressPreference | undefined;
     charsetWarning: Templates.CharsetWarning | undefined;

package/components/configure-shipment/hooks/use-shipment-form.d.ts

@@ -3,6 +3,7 @@ import * as SE from "@shipengine/types";
 import { UseAddressProps } from "./use-address";
 import { UsePresetsProps } from "./use-presets";
 export type UseShipmentFormProps = {
+    compatibleCountryCodes?: UseAddressProps["compatibleCountryCodes"];
     onAddressValidation?: UseAddressProps["onValidation"];
     onApplyPreset?: UsePresetsProps["onApply"];
     onChangeAddress?: UseAddressProps["onChange"];
@@ -11,7 +12,7 @@ export type UseShipmentFormProps = {
     salesOrder: SE.SalesOrder;
     shipment?: SE.SalesOrderShipment;
 };
-export declare const useShipmentForm: ({ onAddressValidation, onApplyPreset, onChangeAddress, onShipmentUpdated, onSubmit, salesOrder, shipment, }: UseShipmentFormProps) => {
+export declare const useShipmentForm: ({ compatibleCountryCodes, onAddressValidation, onApplyPreset, onChangeAddress, onShipmentUpdated, onSubmit, salesOrder, shipment, }: UseShipmentFormProps) => {
     addressPreference: import("dist/elements-ui/components/templates").AddressPreference | undefined;
     charsetWarning: import("dist/elements-ui/components/templates").CharsetWarning | undefined;
     carriers: SE.Carrier[] | undefined;

package/components/index.d.ts

@@ -1,4 +1,6 @@
 export * from "./configure-shipment";
+export * from "./manage-funding";
+export * from "./register-wallet";
 export * from "./sales-order";
 export * from "./shipment";
 export * from "./void-label";

package/components/manage-funding/index.d.ts

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

package/components/manage-funding/manage-funding.d.ts

@@ -0,0 +1,2 @@
+export type ManageFundingProps = {};
+export declare const ManageFunding: () => void;

package/components/register-wallet/index.d.ts

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

package/components/register-wallet/register-wallet.d.ts

@@ -0,0 +1,9 @@
+import { Templates } from "@shipengine/elements-ui";
+export type WalletFeatures = {
+    wallet?: Templates.RegisterWalletFeatures;
+};
+export type RegisterWalletProps = {
+    features: WalletFeatures;
+    onRegisterWallet: () => void;
+};
+export declare const RegisterWallet: ({ features, onRegisterWallet }: RegisterWalletProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/components/sales-order/sales-order.d.ts

@@ -4,6 +4,7 @@ import { UseConfigureShipmentProps, UseImportSalesOrderProps } from "./hooks";
 export type SalesOrderProps = {
     externalOrderId?: UseImportSalesOrderProps["externalOrderId"];
     externalOrderNumber?: UseImportSalesOrderProps["externalOrderNumber"];
+    features?: ConfigureShipmentProps["features"];
     onAddressValidation?: ConfigureShipmentProps["onAddressValidation"];
     onApplyPreset?: ConfigureShipmentProps["onApplyPreset"];
     onBeforeLabelCreate?: ConfigureShipmentProps["onBeforeLabelCreate"];
@@ -22,4 +23,4 @@ export type SalesOrderProps = {
     shippingPresets?: UseShippingPresetsOptionsProps;
     warehouseId?: UseConfigureShipmentProps["warehouseId"];
 };
-export declare const SalesOrder: ({ externalOrderId, externalOrderNumber, onLoad, onShipmentUpdated, orderSourceCode, salesOrderId, warehouseId, ...props }: SalesOrderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const SalesOrder: ({ features, externalOrderId, externalOrderNumber, onLoad, onShipmentUpdated, orderSourceCode, salesOrderId, warehouseId, ...props }: SalesOrderProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/index.cjs

@@ -19183,6 +19183,7 @@ var lodash = {exports: {}};
 var _ = lodash.exports;
 
 const useAddress = ({
+  compatibleCountryCodes,
   onChange,
   onValidation,
   salesOrder,
@@ -19194,7 +19195,7 @@ const useAddress = ({
   const {
     errors: validateAddressErrors,
     trigger: validateAddresses
-  } = elementsCore.useValidateAddresses();
+  } = elementsCore.useValidateAddresses(compatibleCountryCodes);
   const {
     errors: updateShipmentErrors,
     trigger: updateShipment
@@ -19732,6 +19733,7 @@ const useRatesForm = ({
 };
 
 const useShipmentForm = ({
+  compatibleCountryCodes,
   onAddressValidation,
   onApplyPreset,
   onChangeAddress,
@@ -19762,6 +19764,7 @@ const useShipmentForm = ({
     handleChangeAddress,
     handleParseShipTo
   } = useAddress({
+    compatibleCountryCodes,
     onChange: react.useCallback((oldShipment, updatedShipment) => __awaiter(void 0, void 0, void 0, function* () {
       yield onShipmentUpdated === null || onShipmentUpdated === void 0 ? void 0 : onShipmentUpdated(updatedShipment);
       yield onChangeAddress === null || onChangeAddress === void 0 ? void 0 : onChangeAddress(oldShipment, updatedShipment);
@@ -19852,6 +19855,7 @@ const ConfigureShipment = _a => {
     } = _b,
     rateFormProps = __rest(_b, ["requestRates", "resetRates", "resetLabel"]);
   const _c = useShipmentForm({
+      compatibleCountryCodes: features === null || features === void 0 ? void 0 : features.compatibleCountryCodes,
       onAddressValidation,
       onApplyPreset: react.useCallback((_preset, shipment) => __awaiter(void 0, void 0, void 0, function* () {
         if (shipment.packages[0].weight.value) {
@@ -21041,6 +21045,7 @@ const useImportSalesOrder = ({
 
 const SalesOrder = _a => {
   var {
+      features,
       externalOrderId,
       externalOrderNumber,
       onLoad,
@@ -21049,7 +21054,7 @@ const SalesOrder = _a => {
       salesOrderId,
       warehouseId
     } = _a,
-    props = __rest(_a, ["externalOrderId", "externalOrderNumber", "onLoad", "onShipmentUpdated", "orderSourceCode", "salesOrderId", "warehouseId"]);
+    props = __rest(_a, ["features", "externalOrderId", "externalOrderNumber", "onLoad", "onShipmentUpdated", "orderSourceCode", "salesOrderId", "warehouseId"]);
   const _b = useImportSalesOrder({
       externalOrderId,
       externalOrderNumber,
@@ -21070,12 +21075,18 @@ const SalesOrder = _a => {
     salesOrder: salesOrder
   }, salesOrderProps, {
     children: salesOrder && jsxRuntime.jsx(ConfigureShipment, Object.assign({
+      features: features,
       salesOrder: salesOrder
     }, configureShipmentProps, props))
   }));
 };
 
-const Element$2 = elementsCore.registerElement("purchase-label", SalesOrder, ["externalOrderId", "externalOrderNumber", "salesOrderId"]);
+const Element$3 = elementsCore.registerElement("purchase-label", SalesOrder, ["externalOrderId", "externalOrderNumber", "salesOrderId"]);
+
+const RegisterWallet = ({
+  features,
+  onRegisterWallet
+}) => jsxRuntime.jsx(elementsUi.Templates.RegisterWallet, {});
 
 const Shipment = ({
   features,
@@ -21155,10 +21166,13 @@ const VoidLabel = ({
   });
 };
 
+const Element$2 = elementsCore.registerElement("register-wallet", RegisterWallet);
+
 const Element$1 = elementsCore.registerElement("view-shipment", Shipment, "shipmentId");
 
 const Element = elementsCore.registerElement("void-label", VoidLabel, "labelId");
 
-exports.PurchaseLabel = Element$2;
+exports.PurchaseLabel = Element$3;
+exports.RegisterWallet = Element$2;
 exports.ViewShipment = Element$1;
 exports.VoidLabel = Element;

package/index.d.ts

@@ -1,3 +1,4 @@
 export { Element as PurchaseLabel } from "./purchase-label";
+export { Element as RegisterWallet } from "./register-wallet";
 export { Element as ViewShipment } from "./view-shipment";
 export { Element as VoidLabel } from "./void-label";

package/index.js

@@ -19179,6 +19179,7 @@ var lodash = {exports: {}};
 var _ = lodash.exports;
 
 const useAddress = ({
+  compatibleCountryCodes,
   onChange,
   onValidation,
   salesOrder,
@@ -19190,7 +19191,7 @@ const useAddress = ({
   const {
     errors: validateAddressErrors,
     trigger: validateAddresses
-  } = useValidateAddresses();
+  } = useValidateAddresses(compatibleCountryCodes);
   const {
     errors: updateShipmentErrors,
     trigger: updateShipment
@@ -19728,6 +19729,7 @@ const useRatesForm = ({
 };
 
 const useShipmentForm = ({
+  compatibleCountryCodes,
   onAddressValidation,
   onApplyPreset,
   onChangeAddress,
@@ -19758,6 +19760,7 @@ const useShipmentForm = ({
     handleChangeAddress,
     handleParseShipTo
   } = useAddress({
+    compatibleCountryCodes,
     onChange: useCallback((oldShipment, updatedShipment) => __awaiter(void 0, void 0, void 0, function* () {
       yield onShipmentUpdated === null || onShipmentUpdated === void 0 ? void 0 : onShipmentUpdated(updatedShipment);
       yield onChangeAddress === null || onChangeAddress === void 0 ? void 0 : onChangeAddress(oldShipment, updatedShipment);
@@ -19848,6 +19851,7 @@ const ConfigureShipment = _a => {
     } = _b,
     rateFormProps = __rest(_b, ["requestRates", "resetRates", "resetLabel"]);
   const _c = useShipmentForm({
+      compatibleCountryCodes: features === null || features === void 0 ? void 0 : features.compatibleCountryCodes,
       onAddressValidation,
       onApplyPreset: useCallback((_preset, shipment) => __awaiter(void 0, void 0, void 0, function* () {
         if (shipment.packages[0].weight.value) {
@@ -21037,6 +21041,7 @@ const useImportSalesOrder = ({
 
 const SalesOrder = _a => {
   var {
+      features,
       externalOrderId,
       externalOrderNumber,
       onLoad,
@@ -21045,7 +21050,7 @@ const SalesOrder = _a => {
       salesOrderId,
       warehouseId
     } = _a,
-    props = __rest(_a, ["externalOrderId", "externalOrderNumber", "onLoad", "onShipmentUpdated", "orderSourceCode", "salesOrderId", "warehouseId"]);
+    props = __rest(_a, ["features", "externalOrderId", "externalOrderNumber", "onLoad", "onShipmentUpdated", "orderSourceCode", "salesOrderId", "warehouseId"]);
   const _b = useImportSalesOrder({
       externalOrderId,
       externalOrderNumber,
@@ -21066,12 +21071,18 @@ const SalesOrder = _a => {
     salesOrder: salesOrder
   }, salesOrderProps, {
     children: salesOrder && jsx(ConfigureShipment, Object.assign({
+      features: features,
       salesOrder: salesOrder
     }, configureShipmentProps, props))
   }));
 };
 
-const Element$2 = registerElement("purchase-label", SalesOrder, ["externalOrderId", "externalOrderNumber", "salesOrderId"]);
+const Element$3 = registerElement("purchase-label", SalesOrder, ["externalOrderId", "externalOrderNumber", "salesOrderId"]);
+
+const RegisterWallet = ({
+  features,
+  onRegisterWallet
+}) => jsx(Templates.RegisterWallet, {});
 
 const Shipment = ({
   features,
@@ -21151,8 +21162,10 @@ const VoidLabel = ({
   });
 };
 
+const Element$2 = registerElement("register-wallet", RegisterWallet);
+
 const Element$1 = registerElement("view-shipment", Shipment, "shipmentId");
 
 const Element = registerElement("void-label", VoidLabel, "labelId");
 
-export { Element$2 as PurchaseLabel, Element$1 as ViewShipment, Element as VoidLabel };
+export { Element$3 as PurchaseLabel, Element$2 as RegisterWallet, Element$1 as ViewShipment, Element as VoidLabel };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shipengine/elements",
-  "version": "0.11.1",
+  "version": "0.12.0",
   "peerDependencies": {
     "@packlink/giger": "*",
     "react-i18next": "*",
@@ -12,9 +12,9 @@
   "types": "./index.d.ts",
   "dependencies": {
     "react": "^18.2.0",
-    "@shipengine/elements-core": "0.11.1",
-    "@shipengine/elements-ui": "0.11.1",
-    "@shipengine/types": "0.11.1",
+    "@shipengine/elements-core": "0.12.0",
+    "@shipengine/elements-ui": "0.12.0",
+    "@shipengine/types": "0.12.0",
     "@emotion/react": "^11.10.0",
     "@packlink/brands": "^3.18.0"
   }

package/register-wallet.d.ts

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