@shipengine/elements 2.26.5 → 2.27.0

package/dist/cjs/features/manage-carriers/manage-carriers.cjs

@@ -10,6 +10,7 @@ var React = require('react');
 var reactI18next = require('react-i18next');
 var manageCarriers_styles = require('./manage-carriers.styles.cjs');
 var useListFundingSourceCarriers = require('./hooks/use-list-funding-source-carriers.cjs');
+var insurance = require('../../utilities/shipengine/insurance.cjs');
 var skeletonCarrierRow = require('../../components/skeleton/skeleton-carrier-row.cjs');
 var manageFunding = require('../manage-funding/manage-funding.cjs');
 var manageCarriersRow = require('./manage-carriers-row/manage-carriers-row.cjs');
@@ -43,6 +44,7 @@ const ShipEngineCarriers = ({
     refetch: refetchCarriers,
     refetchInsuranceProviderAcceptedTerms
   } = useListFundingSourceCarriers.useListFundingSourceCarriers();
+  const isInsuranceEnabled = insurance.getIsFundingSourceInsuranceProviderEnabledAndSupported(insuranceProviderProfiles, globalFeatures.enableXCover, globalFeatures.enableParcelGuard);
   const hasConnectedCarriers = React.useMemo(() => fundingSourceCarriers === null || fundingSourceCarriers === void 0 ? void 0 : fundingSourceCarriers.some(c => c.isConnected), [fundingSourceCarriers]);
   const {
     data: warehouses
@@ -103,10 +105,10 @@ const ShipEngineCarriers = ({
   const handleRegisterProvider = React.useCallback(p => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     return yield handleRegistration({
       insuranceProviders: [{
-        acceptedTerms: [{
-          termType: p.terms.termType,
-          version: p.terms.version
-        }],
+        acceptedTerms: [...p.terms.map(term => ({
+          termType: term.termType,
+          version: term.version
+        }))],
         agreeToTerms: true,
         fundingSourceId: fundingSourceId !== null && fundingSourceId !== void 0 ? fundingSourceId : "",
         provider: p.provider
@@ -178,12 +180,12 @@ const ShipEngineCarriers = ({
             }),
             setCarrierToConnect: setCarrierToConnect
           })
-        }, carrier.carrier.carrierProfile.carrierCode)), globalFeatures.enableParcelGuard && (insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.map(p => jsxRuntime.jsx("li", {
+        }, carrier.carrier.carrierProfile.carrierCode)), isInsuranceEnabled && (insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.map(p => jsxRuntime.jsx("li", {
           children: jsxRuntime.jsx(manageInsuranceProviderRow.ManageInsuranceProviderRow, {
             insuranceProviderProfile: p,
             registerProvider: handleRegisterProvider
           })
-        }, p.terms.termType)))]
+        }, p.terms[0].termType)))]
       })
     })]
   });

package/dist/cjs/hooks/use-configure-shipment.cjs

@@ -22,8 +22,8 @@ const useConfigureShipment = ({
   warehouseId,
   useWarehouses = true
 }) => {
-  // Track when we've created a replacement shipment for a "not found" case
-  const [replacementShipmentId, setReplacementShipmentId] = React.useState();
+  // Track when user manually created a shipment for a "not found" case
+  const [manuallyCreatedShipmentId, setManuallyCreatedShipmentId] = React.useState();
   // Queue of incomplete requirement keys (i.e., Ship From addresses, Warehouses, Carriers)
   const incompleteRequirementsKeys = React.useMemo(() => [], []);
   const {
@@ -47,6 +47,7 @@ const useConfigureShipment = ({
     // Dont run Sales Order Import unless the Sales order info is present
     enabled: !!externalOrderNumber || !!orderSourceCode || !!salesOrderId || !!externalOrderId,
     externalOrderId,
+    externalOrderNumber,
     orderSourceCode,
     salesOrderId
   });
@@ -63,24 +64,49 @@ const useConfigureShipment = ({
     isInitialLoading: isExternalShipmentInitialLoading,
     isFetching: isExternalShipmentFetching
   } = reactApi.useGetShipmentByExternalId({
-    enabled: !!externalShipmentId && !shipmentId,
+    enabled: !!externalShipmentId && !shipmentId && !manuallyCreatedShipmentId,
     queryFnParams: {
       externalId: externalShipmentId !== null && externalShipmentId !== void 0 ? externalShipmentId : ""
     }
+    // TODO: weird refetch on focus behavior
   });
+  // #region List Sales Order Shipments
+  const externalOrderIds = React.useMemo(() => {
+    return externalOrderId ? [externalOrderId] : undefined;
+  }, [externalOrderId]);
+  const salesOrderIds = React.useMemo(() => {
+    return salesOrderId ? [salesOrderId] : salesOrder$1 ? [salesOrder$1.salesOrderId] :
+    // TODO: current workaround - revert to being undefined rather than empty list
+    [];
+  }, [salesOrderId, salesOrder$1]);
+  const shipmentIds = React.useMemo(() => {
+    return manuallyCreatedShipmentId ? [manuallyCreatedShipmentId] : shipmentId ? [shipmentId] : externalShipment ? [externalShipment.shipmentId] : newV1Shipment ? [newV1Shipment.shipments[0].shipmentId] : undefined;
+  }, [manuallyCreatedShipmentId, shipmentId, externalShipment, newV1Shipment]);
+  const listSalesOrderShipmentsParams = React.useMemo(() => {
+    // TODO: useListSalesOrderShipments needs to be able to use the enabled prop, this is a workaround
+    // Prevent query with stale params during shipment creation or when V1 shipment exists but manuallyCreatedShipmentId not set
+    if (creatingV1Shipment && !manuallyCreatedShipmentId || newV1Shipment && !manuallyCreatedShipmentId) {
+      return {};
+    }
+    if (manuallyCreatedShipmentId) {
+      return {
+        shipmentIds
+      };
+    }
+    return {
+      externalOrderIds,
+      salesOrderIds,
+      shipmentIds
+    };
+  }, [manuallyCreatedShipmentId, externalOrderIds, salesOrderIds, shipmentIds, creatingV1Shipment, newV1Shipment]);
   const {
     data: salesOrderShipments,
     error: listSalesOrderShipmentsErrors,
     refetch: refetchSalesOrderShipments,
     isInitialLoading: listSalesOrderShipmentsInitiallyLoading,
     isFetching: listSalesOrderShipmentsIsFetching
-  } = reactApi.useListSalesOrderShipments({
-    externalOrderIds: externalOrderId ? [externalOrderId] : undefined,
-    salesOrderIds: salesOrderId ? [salesOrderId] : salesOrder$1 ? [salesOrder$1.salesOrderId] :
-    // TODO: current workaround - revert to being undefined rather than empty list
-    [],
-    shipmentIds: replacementShipmentId ? [replacementShipmentId] : shipmentId ? [shipmentId] : externalShipment ? [externalShipment.shipmentId] : newV1Shipment ? [newV1Shipment.shipments[0].shipmentId] : undefined
-  });
+  } = reactApi.useListSalesOrderShipments(listSalesOrderShipmentsParams);
+  // #endregion
   const {
     error: createSalesOrderShipmentErrors,
     mutateAsync: createSalesOrderShipment,
@@ -105,6 +131,7 @@ const useConfigureShipment = ({
     }
     return null;
   }), [createV1Shipment, defaultShipFromAddress, defaultWarehouse, warehouseId, refetchSalesOrderShipments]);
+  // #region Create Sales Order Shipment
   // Handles the creation of new shipments for the sales order flow and one-off flow
   const handleShipmentCreation = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     var _a, _b, _c;
@@ -154,17 +181,23 @@ const useConfigureShipment = ({
     }
     // Create a Shipment for one-off flow
     if (!salesOrderId && !externalOrderId && !externalOrderNumber && !orderSourceCode && !shipmentId && !externalShipmentId) {
-      yield createV1ShipmentWithDefaults();
+      const v1Shipment = yield createV1ShipmentWithDefaults();
+      // Set manuallyCreatedShipmentId to ensure proper query parameter handling
+      if (v1Shipment) {
+        setManuallyCreatedShipmentId(v1Shipment.shipments[0].shipmentId);
+      }
     }
   }), [createSalesOrderShipment, createV1ShipmentWithDefaults, creatingSalesOrderShipment, creatingV1Shipment, defaultShipFromAddress, defaultWarehouse, externalOrderId, externalOrderNumber, externalShipmentId, incompleteRequirementsKeys, isExternalShipmentFetching, isExternalShipmentInitialLoading, isFetchingWarehouses, isInitialLoadingWarehouses, labelPurchasedSalesOrderShipment, listSalesOrderShipmentsInitiallyLoading, listSalesOrderShipmentsIsFetching, orderSourceCode, pendingSalesOrderShipment, salesOrder$1, salesOrderId, salesOrderShipmentCreated, shipFromAddresses === null || shipFromAddresses === void 0 ? void 0 : shipFromAddresses.length, shipmentId, useWarehouses, v1shipmentCreated, warehouseId, warehouses$1]);
+  // #endregion
   const createNewShipmentForNotFound = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     // Force create a new shipment even if shipmentId exists (for shipment_not_found case)
     const v1Shipment = yield createV1ShipmentWithDefaults();
     if (v1Shipment) {
-      // Store the new shipment ID to override the stale one
-      setReplacementShipmentId(v1Shipment.shipments[0].shipmentId);
+      setManuallyCreatedShipmentId(v1Shipment.shipments[0].shipmentId);
+      // Refetch to ensure we have the latest shipment data
+      yield refetchSalesOrderShipments();
     }
-  }), [createV1ShipmentWithDefaults]);
+  }), [createV1ShipmentWithDefaults, refetchSalesOrderShipments]);
   const refetchPendingSalesOrderShipments = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const {
       data: shipments

package/dist/cjs/hooks/use-get-funding-source-insurance-provider.cjs

@@ -16,14 +16,15 @@ var elementsContextProvider = require('../elements-provider/elements-context-pro
 const useGetFundingSourceInsuranceProvider = () => {
   const {
     globalFeatures: {
-      enableParcelGuard
+      enableParcelGuard,
+      enableXCover
     }
   } = elementsContextProvider.useElements();
   const {
     data,
     refetch: refetchInsuranceAcceptedTerms
   } = reactApi.useGetInsuranceFundingSourceAcceptedTerms({
-    enabled: enableParcelGuard
+    enabled: enableParcelGuard || enableXCover
   });
   const fundingSourceInsuranceProvider = React.useMemo(() => {
     var _a;
@@ -32,13 +33,12 @@ const useGetFundingSourceInsuranceProvider = () => {
       if (enableParcelGuard && term.termType === "parcelguard_terms") {
         provider = "parcelguard";
       }
-      // TODO: once x_cover is enabled, confirm the term type and uncomment
-      // if (term.termType === "x_cover_terms") {
-      //   provider = "x_cover";
-      // }
+      if (enableXCover && term.termType === "xcover_terms") {
+        provider = "x_cover";
+      }
     });
     return provider;
-  }, [data, enableParcelGuard]);
+  }, [data === null || data === void 0 ? void 0 : data.acceptedTerms, enableParcelGuard, enableXCover]);
   return {
     fundingSourceInsuranceProvider,
     refetchInsuranceAcceptedTerms

package/dist/cjs/hooks/use-import-sales-order.cjs

@@ -5,26 +5,49 @@ var reactApi = require('@shipengine/react-api');
 var reactQuery = require('@tanstack/react-query');
 var React = require('react');
 
+/**
+ * Imports and retrieves sales orders by either:
+ * - Sales order ID lookup
+ * - External order ID/number search
+ *
+ * 1. First attempts to find the sales order using provided identifiers
+ * 2. If no order is found and initial fetches have run, automatically refreshes order sources
+ * 3. Invalidates relevant queries after successful refresh to refetch updated data
+ *
+ * @returns Object:
+ * - `salesOrder`: The found sales order, or undefined
+ * - `isLoading`: Boolean indicating if the hook is currently loading data
+ * - `errors`: Array of errors from failed queries, or undefined
+ */
 const useImportSalesOrder = ({
   enabled,
   externalOrderId,
+  externalOrderNumber,
   orderSourceCode,
   salesOrderId
 }) => {
   var _a, _b, _c;
   const queryClient = reactQuery.useQueryClient();
   const [refreshAttempted, setRefreshAttempted] = React.useState(false);
-  // attempt to get sales order through external id means
-  const orderByExternalIdQuery = reactApi.useGetSalesOrderByExternalOrderId(externalOrderId, {
-    enabled: enabled && !!externalOrderId && !salesOrderId
+  // Fetch sales order by External Order ID or External Order Number
+  const salesOrderByExternalIdQuery = reactApi.useListSalesOrders({
+    externalOrderId,
+    externalOrderNumber
   });
   // if an order was found through external search disable this query
-  const orderByIdQuery = reactApi.useGetSalesOrder(salesOrderId, {
+  const salesOrderByIdQuery = reactApi.useGetSalesOrder(salesOrderId, {
     enabled: enabled && !!salesOrderId
   });
-  const salesOrder = React.useMemo(() => salesOrderId ? orderByIdQuery.data : orderByExternalIdQuery.data, [salesOrderId, orderByIdQuery.data, orderByExternalIdQuery.data]);
+  const salesOrder = React.useMemo(() => {
+    if (salesOrderId) {
+      return salesOrderByIdQuery.data;
+    } else if (salesOrderByExternalIdQuery.data && salesOrderByExternalIdQuery.data.length > 0) {
+      return salesOrderByExternalIdQuery.data[0];
+    }
+    return undefined;
+  }, [salesOrderId, salesOrderByIdQuery.data, salesOrderByExternalIdQuery.data]);
   // Determine if the initial fetch attempts (if applicable) have settled without finding data
-  const initialFetchSettled = (salesOrderId ? !orderByIdQuery.isInitialLoading && !orderByIdQuery.isFetching : true) && (externalOrderId && !salesOrderId ? !orderByExternalIdQuery.isLoading && !orderByExternalIdQuery.isFetching : true);
+  const initialFetchSettled = (salesOrderId ? !salesOrderByIdQuery.isInitialLoading && !salesOrderByIdQuery.isFetching : true) && ((externalOrderNumber || externalOrderId) && !salesOrderId ? !salesOrderByExternalIdQuery.isLoading && !salesOrderByExternalIdQuery.isFetching : true);
   const shouldAttemptRefresh = enabled && initialFetchSettled && !salesOrder && !refreshAttempted;
   const listOrderSourcesQuery = reactApi.useListOrderSources({
     enabled: shouldAttemptRefresh
@@ -34,6 +57,17 @@ const useImportSalesOrder = ({
     isLoading: isRefreshingOrderSource,
     mutateAsync: refreshOrderSource
   } = reactApi.useRefreshOrderSource();
+  const invalidateSalesOrderQueries = React.useCallback(() => {
+    if (salesOrderId) {
+      void queryClient.invalidateQueries({
+        queryKey: ["useGetSalesOrder", salesOrderId]
+      });
+    } else if (externalOrderId || externalOrderNumber) {
+      void queryClient.invalidateQueries({
+        queryKey: ["useListSalesOrders", externalOrderId, externalOrderNumber]
+      });
+    }
+  }, [queryClient, salesOrderId, externalOrderId, externalOrderNumber]);
   React.useEffect(() => {
     if (listOrderSourcesQuery.isSuccess && listOrderSourcesQuery.data && shouldAttemptRefresh && !isRefreshingOrderSource) {
       const orderSourcesToRefresh = orderSourceCode ? listOrderSourcesQuery.data.filter(o => o.orderSourceCode.includes(orderSourceCode) && o.active) : listOrderSourcesQuery.data.filter(o => o.active);
@@ -41,29 +75,20 @@ const useImportSalesOrder = ({
         setRefreshAttempted(true);
         void (() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
           yield Promise.all(orderSourcesToRefresh.map(o => refreshOrderSource(o.orderSourceId, {
-            // Invalidate relevant queries on successful refresh
+            // Invalidate relevant queries
             onSuccess: () => {
-              if (salesOrderId) {
-                void queryClient.invalidateQueries({
-                  queryKey: ["useGetSalesOrder", salesOrderId]
-                });
-              }
-              if (externalOrderId && !salesOrderId) {
-                void queryClient.invalidateQueries({
-                  queryKey: ["useGetSalesOrderByExternalOrderId", externalOrderId]
-                });
-              }
+              invalidateSalesOrderQueries();
             }
           })));
         }))();
       }
     }
   }, [externalOrderId, isRefreshingOrderSource, listOrderSourcesQuery.data, listOrderSourcesQuery.isSuccess, orderSourceCode, queryClient, refreshOrderSource, salesOrderId, shouldAttemptRefresh]);
-  const isLoading = orderByIdQuery.isInitialLoading || orderByExternalIdQuery.isInitialLoading || listOrderSourcesQuery.isInitialLoading || isRefreshingOrderSource;
-  const errors = [...((_a = orderByIdQuery.error) !== null && _a !== void 0 ? _a : []), ...((_b = orderByExternalIdQuery.error) !== null && _b !== void 0 ? _b : []), ...((_c = listOrderSourcesQuery.error) !== null && _c !== void 0 ? _c : []), ...(refreshOrderSourceErrors !== null && refreshOrderSourceErrors !== void 0 ? refreshOrderSourceErrors : [])];
+  const isLoading = salesOrderByIdQuery.isInitialLoading || salesOrderByExternalIdQuery.isInitialLoading || listOrderSourcesQuery.isInitialLoading || isRefreshingOrderSource;
+  const errors = [...((_a = salesOrderByIdQuery.error) !== null && _a !== void 0 ? _a : []), ...((_b = salesOrderByExternalIdQuery.error) !== null && _b !== void 0 ? _b : []), ...((_c = listOrderSourcesQuery.error) !== null && _c !== void 0 ? _c : []), ...(refreshOrderSourceErrors !== null && refreshOrderSourceErrors !== void 0 ? refreshOrderSourceErrors : [])];
   return {
     errors: errors.length > 0 ? errors : undefined,
-    isLoading,
+    isLoading: isLoading && errors.length === 0,
     salesOrder
   };
 };

package/dist/cjs/hooks/use-manage-funding-source-insurance.cjs

@@ -2,14 +2,16 @@
 
 var _tslib = require('../_virtual/_tslib.cjs');
 var reactApi = require('@shipengine/react-api');
+var insurance = require('../utilities/shipengine/insurance.cjs');
 var React = require('react');
 var elementsContextProvider = require('../elements-provider/elements-context-provider.cjs');
 
 const useManageFundingSourceInsurance = () => {
-  var _a;
+  var _a, _b;
   const {
     globalFeatures: {
-      enableParcelGuard
+      enableParcelGuard,
+      enableXCover
     }
   } = elementsContextProvider.useElements();
   const {
@@ -21,25 +23,12 @@ const useManageFundingSourceInsurance = () => {
     data: insuranceAcceptedTerms,
     isLoading: loadingInsuranceAcceptedTerms
   } = reactApi.useGetInsuranceFundingSourceAcceptedTerms({
-    enabled: enableParcelGuard
+    enabled: enableParcelGuard || enableXCover
   });
   const insuranceProviderProfiles = React.useMemo(() => {
     var _a;
-    return (_a = fundingSourceMetadata === null || fundingSourceMetadata === void 0 ? void 0 : fundingSourceMetadata.data) === null || _a === void 0 ? void 0 : _a.defaultFundingSourceProfile.optionalTerms.map(terms => {
-      const providerLookup = {
-        parcelguard_terms: "parcelguard"
-      };
-      const friendlyNameLookup = {
-        parcelguard_terms: "ParcelGuard"
-      };
-      const provider = providerLookup[terms.termType];
-      const friendlyName = friendlyNameLookup[terms.termType];
-      return {
-        friendlyName,
-        provider,
-        terms
-      };
-    });
+    const optionalTerms = (_a = fundingSourceMetadata === null || fundingSourceMetadata === void 0 ? void 0 : fundingSourceMetadata.data) === null || _a === void 0 ? void 0 : _a.defaultFundingSourceProfile.optionalTerms;
+    return insurance.groupTermsByProvider(optionalTerms);
   }, [fundingSourceMetadata]);
   const {
     mutateAsync: registerCarrier
@@ -79,12 +68,15 @@ const useManageFundingSourceInsurance = () => {
     }
   }), [fundingSources, insuranceProviderProfiles, registerCarrier]);
   const hasInsuranceToRegister = React.useMemo(() => {
-    return enableParcelGuard &&
-    // has insurance provider profiles but none have been accepted AND has a funding source
-    !!(insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.length) && (insuranceAcceptedTerms === null || insuranceAcceptedTerms === void 0 ? void 0 : insuranceAcceptedTerms.acceptedTerms.length) === 0 && !!(fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources.length);
-  }, [enableParcelGuard, insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.length, insuranceAcceptedTerms === null || insuranceAcceptedTerms === void 0 ? void 0 : insuranceAcceptedTerms.acceptedTerms.length, fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources.length]);
+    var _a, _b;
+    const isProviderEnabled = insurance.getIsFundingSourceInsuranceProviderEnabledAndSupported(insuranceProviderProfiles, enableXCover, enableParcelGuard);
+    const hasProfiles = Boolean(insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.length);
+    const hasNoAcceptedTerms = ((_b = (_a = insuranceAcceptedTerms === null || insuranceAcceptedTerms === void 0 ? void 0 : insuranceAcceptedTerms.acceptedTerms) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) === 0;
+    const hasFundingSources = Boolean(fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources.length);
+    return isProviderEnabled && hasProfiles && hasNoAcceptedTerms && hasFundingSources;
+  }, [insuranceProviderProfiles, enableXCover, enableParcelGuard, (_a = insuranceAcceptedTerms === null || insuranceAcceptedTerms === void 0 ? void 0 : insuranceAcceptedTerms.acceptedTerms) === null || _a === void 0 ? void 0 : _a.length, fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources.length]);
   return {
-    fundingSourceCountryCode: (_a = fundingSourceMetadata === null || fundingSourceMetadata === void 0 ? void 0 : fundingSourceMetadata.data) === null || _a === void 0 ? void 0 : _a.defaultFundingSourceProfile.countryCode,
+    fundingSourceCountryCode: (_b = fundingSourceMetadata === null || fundingSourceMetadata === void 0 ? void 0 : fundingSourceMetadata.data) === null || _b === void 0 ? void 0 : _b.defaultFundingSourceProfile.countryCode,
     hasInsuranceToRegister,
     insuranceAcceptedTerms: insuranceAcceptedTerms === null || insuranceAcceptedTerms === void 0 ? void 0 : insuranceAcceptedTerms.acceptedTerms,
     insuranceProviderProfiles,

package/dist/cjs/index.cjs

@@ -22,6 +22,8 @@ var selectLabelLayoutElement = require('./elements/select-label-layout/select-la
 var paymentMethodSettingsElement = require('./elements/payment-method-settings/payment-method-settings-element.cjs');
 var carrierServices = require('./workflows/carrier-services/carrier-services.cjs');
 var transactionHistoryElement = require('./elements/transaction-history/transaction-history-element.cjs');
+var customsFormElement = require('./elements/customs-form/customs-form-element.cjs');
+var customsFormTypes = require('./elements/customs-form/customs-form-types.cjs');
 var useAddressValidation = require('./hooks/use-address-validation.cjs');
 var useHelpers = require('./hooks/use-helpers.cjs');
 var useConfigureShipment = require('./hooks/use-configure-shipment.cjs');
@@ -77,6 +79,9 @@ exports.SelectLabelLayout = selectLabelLayoutElement;
 exports.PaymentMethodSettings = paymentMethodSettingsElement;
 exports.CarrierServices = carrierServices;
 exports.TransactionHistory = transactionHistoryElement;
+exports.CustomsForm = customsFormElement;
+exports.extractCustomsFormData = customsFormTypes.extractCustomsFormData;
+exports.getDefaultCustomsFormValues = customsFormTypes.getDefaultCustomsFormValues;
 exports.useAddressValidation = useAddressValidation.useAddressValidation;
 exports.useHelpers = useHelpers.useHelpers;
 exports.useConfigureShipment = useConfigureShipment.useConfigureShipment;

package/dist/cjs/locales/en/common.json.cjs

@@ -248,7 +248,7 @@ var common = {
 		parcelguard: "ParcelGuard",
 		shipsurance: "Shipsurance",
 		thirdParty: "Third Party",
-		x_cover: "XCover"
+		xCover: "XCover"
 	},
 	loading: {
 		accountSettings: "Loading account settings...",

package/dist/cjs/locales/en/purchase-label.json.cjs

@@ -93,7 +93,15 @@ var purchaseLabel = {
 		rateSavings: "Save ${{amount}}",
 		upsGroundSaverTermsAcknowledgement: "To start shipping with UPS Ground Saver, you are confirming that you have agreed to the <1>terms and conditions</1>",
 		dhlExpressTermsAcknowledgement: "To start shipping with DHL, you are confirming that you have agreed to the <1>terms and conditions</1>",
-		noRateService: "Rate and services will be billed based on carrier."
+		noRateService: "Rate and services will be billed based on carrier.",
+		rateAttributes: {
+			bestValue: "Best Value",
+			cheapest: "Cheapest",
+			fastest: "Fastest",
+			bestValueTooltip: "Lowest cost option arriving on a specified date within 4 days, with free carrier coverage up to $100 and a free dropoff option.",
+			cheapestTooltip: "Lowest cost option.",
+			fastestTooltip: "Fastest delivery option."
+		}
 	},
 	windsorFramework: {
 		movementIndicator: "Movement Indicator",

package/dist/cjs/package.json.cjs

@@ -1,5 +1,5 @@
 'use strict';
 
-var version = "2.26.5";
+var version = "2.27.0";
 
 exports.version = version;

package/dist/cjs/utilities/feature-flags/feature-flags.cjs

@@ -28,6 +28,7 @@ const defaultFeatureFlags = {
   globalFeatures: {
     disableShadowDOM: false,
     enableParcelGuard: true,
+    enableXCover: false,
     isSandbox: false,
     poweredByShipEngine: true,
     showVatSettings: false,

package/dist/cjs/utilities/shipengine/carrier.cjs

@@ -2,6 +2,7 @@
 
 var icon = require('../../assets/parcelguard/icon.svg.cjs');
 var logo = require('../../assets/parcelguard/logo.svg.cjs');
+var logo$1 = require('../../assets/xcover/logo.svg.cjs');
 
 const USPS_CARRIER_CODES = ["usps", "stamps_com"];
 /**
@@ -59,6 +60,9 @@ const getLogoOrIconByCarrierCode = (carrierCode, type) => {
   if (carrierCode === "parcelguard") {
     return type === "logo" ? logo : icon;
   }
+  if (carrierCode === "xcover") {
+    return logo$1;
+  }
   const carrierCodeOverrides = {
     stamps_com: "stamps_com_wl",
     usps: "stamps_com_wl"

package/dist/cjs/utilities/shipengine/index.cjs

@@ -54,5 +54,8 @@ exports.isMetricWeightUnit = weight.isMetricWeightUnit;
 exports.isFlatRatePackageCode = _package.isFlatRatePackageCode;
 exports.getDefaultWarehouse = warehouses.getDefaultWarehouse;
 exports.getWarehouseById = warehouses.getWarehouseById;
+exports.filterProfilesByAcceptedTerms = insurance.filterProfilesByAcceptedTerms;
 exports.getInsuranceProviderWithFriendlyName = insurance.getInsuranceProviderWithFriendlyName;
+exports.getIsFundingSourceInsuranceProviderEnabledAndSupported = insurance.getIsFundingSourceInsuranceProviderEnabledAndSupported;
 exports.getIsInsuraceProviderAccepted = insurance.getIsInsuraceProviderAccepted;
+exports.groupTermsByProvider = insurance.groupTermsByProvider;

package/dist/cjs/utilities/shipengine/insurance.cjs

@@ -12,6 +12,22 @@ var insuranceProviderMetadatas = require('../../data/insurance-provider-metadata
 const getInsuranceProviderWithFriendlyName = termType => {
   return insuranceProviderMetadatas.default[termType];
 };
+/**
+ * @internal
+ *
+ * # Insurance Utilities - getIsFundingSourceInsuranceProviderEnabledAndSupported
+ *
+ * Determines if any insurance providers are enabled and supported based on feature flags and funding source data.
+ *
+ * @category Utilities
+ */
+const getIsFundingSourceInsuranceProviderEnabledAndSupported = (insuranceProviders, xcoverEnabled, parcelguardEnabled) => {
+  if (!(insuranceProviders === null || insuranceProviders === void 0 ? void 0 : insuranceProviders.length)) return false;
+  const supportedProviders = insuranceProviders.map(p => p.provider);
+  if (xcoverEnabled && supportedProviders.includes("xcover")) return true;
+  if (parcelguardEnabled && supportedProviders.includes("parcelguard")) return true;
+  return false;
+};
 /**
  * @internal
  *
@@ -22,6 +38,53 @@ const getInsuranceProviderWithFriendlyName = termType => {
 const getIsInsuraceProviderAccepted = (termType, acceptedTerms) => {
   return !!(acceptedTerms === null || acceptedTerms === void 0 ? void 0 : acceptedTerms.map(t => t.termType).includes(termType));
 };
+/**
+ * @internal
+ *
+ * # Insurance Utilities - groupTermsByProvider
+ *
+ * Groups optional terms by insurance provider, creating InsuranceProviderProfile objects.
+ *
+ * @category Utilities
+ */
+const groupTermsByProvider = optionalTerms => {
+  if (!optionalTerms) return [];
+  // Group terms by provider
+  const providerTermsMap = new Map();
+  optionalTerms.forEach(term => {
+    const providerInfo = getInsuranceProviderWithFriendlyName(term.termType);
+    if (providerInfo === null || providerInfo === void 0 ? void 0 : providerInfo.provider) {
+      const existingTerms = providerTermsMap.get(providerInfo.provider) || [];
+      providerTermsMap.set(providerInfo.provider, [...existingTerms, term]);
+    }
+  });
+  // Convert Map to InsuranceProviderProfile array
+  return Array.from(providerTermsMap.entries()).map(([, terms]) => {
+    const providerInfo = getInsuranceProviderWithFriendlyName(terms[0].termType);
+    return Object.assign(Object.assign({}, providerInfo), {
+      terms
+    });
+  });
+};
+/**
+ * @internal
+ *
+ * # Insurance Utilities - filterProfilesByAcceptedTerms
+ *
+ * Filters insurance provider profiles to exclude those that have already been accepted.
+ *
+ * @category Utilities
+ */
+const filterProfilesByAcceptedTerms = (profiles, acceptedTerms) => {
+  if (!(acceptedTerms === null || acceptedTerms === void 0 ? void 0 : acceptedTerms.length)) return profiles;
+  const connectedTermTypes = new Set(acceptedTerms.map(t => t.termType));
+  return profiles.filter(profile => {
+    return !profile.terms.some(term => connectedTermTypes.has(term.termType));
+  });
+};
 
+exports.filterProfilesByAcceptedTerms = filterProfilesByAcceptedTerms;
 exports.getInsuranceProviderWithFriendlyName = getInsuranceProviderWithFriendlyName;
+exports.getIsFundingSourceInsuranceProviderEnabledAndSupported = getIsFundingSourceInsuranceProviderEnabledAndSupported;
 exports.getIsInsuraceProviderAccepted = getIsInsuraceProviderAccepted;
+exports.groupTermsByProvider = groupTermsByProvider;

package/dist/cjs/workflows/onboarding/components/confirmation-and-submission-step/use-confirmation-and-submission-step.cjs

@@ -107,12 +107,12 @@ const useConfirmationAndSubmissionStep = ({
     iovationBlackbox
   }) {
     const addressToRegister = address !== null && address !== void 0 ? address : defaultWarehouse.originAddress;
-    // parcel guard check
-    const insuranceProviders = globalFeatures.enableParcelGuard ? insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.map(p => ({
-      acceptedTerms: [{
-        termType: p.terms.termType,
-        version: p.terms.version
-      }],
+    // funding source insurance check
+    const insuranceProviders = globalFeatures.enableParcelGuard || globalFeatures.enableXCover ? insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.map(p => ({
+      acceptedTerms: p.terms.map(term => ({
+        termType: term.termType,
+        version: term.version
+      })),
       agreeToTerms: true,
       fundingSourceId,
       provider: p.provider
@@ -146,7 +146,7 @@ const useConfirmationAndSubmissionStep = ({
       console.error(error);
       throw error;
     }
-  }), [registerCarrier, globalFeatures.enableParcelGuard]);
+  }), [globalFeatures.enableParcelGuard, globalFeatures.enableXCover, registerCarrier]);
   const onboardSeller = React.useCallback(({
     carrierProfiles,
     fundingSourceRequiredTerms,
@@ -205,7 +205,7 @@ const useConfirmationAndSubmissionStep = ({
           yield createHandleCarrierConnections({
             carrierProfiles,
             defaultWarehouse: warehouse,
-            insuranceProviderProfiles: globalFeatures.enableParcelGuard ? insuranceProviderProfiles : undefined
+            insuranceProviderProfiles
           })(fundingSource.fundingSource.fundingSourceId, {
             iovationBlackbox
           });
@@ -215,7 +215,7 @@ const useConfirmationAndSubmissionStep = ({
         }
       }
     }
-  }), [addSandboxCarriers, createFundingSource, createHandleCarrierConnections, createOrUpdateWarehouse, getToken, globalFeatures.enableParcelGuard, globalFeatures.isSandbox]);
+  }), [addSandboxCarriers, createFundingSource, createHandleCarrierConnections, createOrUpdateWarehouse, getToken, globalFeatures.isSandbox]);
   const updateExistingFundingSource = React.useCallback(({
     carrierProfiles,
     fundingSource,

package/dist/cjs/workflows/onboarding/components/terms-agreement-form/terms-agreement-form.cjs

@@ -30,7 +30,8 @@ const TermsAgreementForm = ({
   } = reactI18next.useTranslation();
   const {
     globalFeatures: {
-      enableParcelGuard
+      enableParcelGuard,
+      enableXCover
     }
   } = elementsContextProvider.useElements();
   const [showTerms, setShowTerms] = React.useState(false);
@@ -109,7 +110,7 @@ const TermsAgreementForm = ({
           }), carrierTerms.map((term, idx) => jsxRuntime.jsx(displayTerm.DisplayTerm, {
             terms: term
           }, idx))]
-        }), enableParcelGuard && !!insuranceProviderTerms.length && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        }), (enableParcelGuard || enableXCover) && !!insuranceProviderTerms.length && jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [jsxRuntime.jsx(spacer.Spacer, {}), jsxRuntime.jsx(giger.Typography, {
             bold: true,
             variant: "body1",