@shipengine/elements 2.26.5 → 2.28.0

package/dist/cjs/factories/shipengine/shipment.cjs

@@ -0,0 +1,176 @@
+'use strict';
+
+var _tslib = require('../../_virtual/_tslib.cjs');
+var faker = require('@faker-js/faker');
+var reactApi = require('@shipengine/react-api');
+var fishery = require('fishery');
+var utils = require('../utils.cjs');
+var address = require('./address.cjs');
+var money = require('./money.cjs');
+var orderSource = require('./order-source.cjs');
+var _package = require('./package.cjs');
+var resource = require('./resource.cjs');
+var weight = require('./weight.cjs');
+
+const randomDeliveryConfirmation = () => faker.faker.helpers.arrayElement(Object.values(reactApi.SE.ConfirmationType));
+const randomInsuranceProvider = (allowNone = true) => {
+  const availableProviders = Object.values(reactApi.SE.InsuranceProviderType).filter(p => allowNone ? p : p !== "none");
+  return faker.faker.helpers.arrayElement(availableProviders);
+};
+/**
+ * @category Factories
+ */
+const productFactory = fishery.Factory.define(() => ({
+  countryOfOrigin: faker.faker.address.countryCode(),
+  description: faker.faker.commerce.productName(),
+  harmonizedTariffCode: faker.faker.datatype.string(),
+  quantity: faker.faker.datatype.number({
+    max: 10,
+    min: 1
+  }),
+  sku: faker.faker.random.numeric(10),
+  skuDescription: faker.faker.helpers.maybe(() => faker.faker.lorem.sentence()),
+  unitOfMeasure: faker.faker.helpers.maybe(() => faker.faker.word.noun()),
+  value: money.moneyFactory.build()
+}));
+/**
+ * @category Factories
+ */
+const shipmentItemFactory = fishery.Factory.define(({
+  params
+}) => ({
+  asin: faker.faker.helpers.maybe(() => faker.faker.random.alphaNumeric(10)),
+  externalOrderId: faker.faker.random.alphaNumeric(10),
+  externalOrderItemId: faker.faker.random.alphaNumeric(10),
+  name: faker.faker.commerce.productName(),
+  orderSourceCode: orderSource.randomOrderSourceCode(),
+  quantity: faker.faker.datatype.number({
+    max: 10,
+    min: 1
+  }),
+  salesOrderItemId: params.salesOrderId && faker.faker.random.alphaNumeric(6),
+  sku: faker.faker.random.numeric(10)
+}));
+/**
+ * @category Factories
+ */
+const shipmentPackageFactory = fishery.Factory.define(({
+  associations,
+  params,
+  transientParams
+}) => {
+  var _a, _b, _c, _d, _e;
+  const _f = _package.packageFactory.build(params),
+    pkg = _tslib.__rest(_f, ["name"]);
+  const isInsured = utils.tristateValue(true, false, faker.faker.datatype.boolean(), (_b = (_a = params.insuredValue) === null || _a === void 0 ? void 0 : _a.amount) !== null && _b !== void 0 ? _b : transientParams.isInsured);
+  return Object.assign(Object.assign({}, pkg), {
+    insuredValue: (_c = associations.insuredValue) !== null && _c !== void 0 ? _c : isInsured ? money.moneyFactory.build(params.insuredValue) : undefined,
+    labelDownload: (_d = associations.labelDownload) !== null && _d !== void 0 ? _d : transientParams.isShipped ? resource.downloadFactory.build(params.labelDownload) : undefined,
+    labelMessages: associations.labelMessages,
+    products: transientParams.isInternational ? productFactory.buildList(1) : [],
+    trackingNumber: transientParams.isShipped ? faker.faker.random.alphaNumeric(12, {
+      casing: "upper"
+    }) : undefined,
+    weight: (_e = associations.weight) !== null && _e !== void 0 ? _e : weight.weightWithUnitFactory.build(params.weight)
+  });
+});
+/**
+ * @category Factories
+ */
+const shipmentFactory = fishery.Factory.define(({
+  associations,
+  params,
+  sequence,
+  transientParams
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+  const shipTo = (_a = associations.shipTo) !== null && _a !== void 0 ? _a : address.addressFactory.build(params.shipTo, {
+    transient: {
+      isInternational: transientParams.isInternational
+    }
+  });
+  let insuranceProvider = reactApi.SE.InsuranceProviderType.NONE;
+  if (transientParams.insuredValue || transientParams.isInsured) {
+    insuranceProvider = (_b = params.insuranceProvider) !== null && _b !== void 0 ? _b : randomInsuranceProvider(false);
+  } else if (transientParams.insuredValue === undefined && transientParams.isInsured === undefined) {
+    insuranceProvider = randomInsuranceProvider(true);
+  }
+  const shipDateObj = faker.faker.date.soon(7);
+  shipDateObj.setHours(0, 0, 0, 0);
+  const totalWeight = (_c = associations.totalWeight) !== null && _c !== void 0 ? _c : weight.weightWithUnitFactory.build(params.totalWeight);
+  return {
+    addressValidation: (_d = associations.addressValidation) !== null && _d !== void 0 ? _d : address.addressValidationFactory.build(params.addressValidation, {
+      associations: {
+        originalAddress: shipTo
+      }
+    }),
+    amountPaid: money.moneyFactory.build(),
+    carrierId: (_f = (_e = transientParams === null || transientParams === void 0 ? void 0 : transientParams.service) === null || _e === void 0 ? void 0 : _e.carrierId) !== null && _f !== void 0 ? _f : utils.randomShipengineId(),
+    confirmation: randomDeliveryConfirmation(),
+    createdAt: faker.faker.date.past().toISOString(),
+    customs: (_g = associations.customs) !== null && _g !== void 0 ? _g : transientParams.isInternational ? {
+      contents: faker.faker.helpers.arrayElement(["documents", "gift", "merchandise", "returned_goods", "sample"]),
+      nonDelivery: faker.faker.helpers.arrayElement(["return_to_sender", "treat_as_abandoned"])
+    } : undefined,
+    externalOrderId: faker.faker.random.alphaNumeric(10),
+    externalShipmentId: faker.faker.random.alphaNumeric(10),
+    insuranceProvider,
+    items: shipmentItemFactory.buildList(faker.faker.datatype.number({
+      max: 10,
+      min: 1
+    }), transientParams.salesOrder ? {
+      externalOrderId: transientParams.salesOrder.externalOrderId,
+      orderSourceCode: transientParams.salesOrder.orderSource.orderSourceCode,
+      salesOrderId: (_h = transientParams.salesOrder) === null || _h === void 0 ? void 0 : _h.salesOrderId
+    } : {}),
+    modifiedAt: faker.faker.date.recent().toISOString(),
+    orderSourceCode: (_k = (_j = transientParams.salesOrder) === null || _j === void 0 ? void 0 : _j.orderSource.orderSourceCode) !== null && _k !== void 0 ? _k : orderSource.randomOrderSourceCode(),
+    packages: (_l = associations.packages) !== null && _l !== void 0 ? _l : shipmentPackageFactory.buildList(1, (_m = params.packages) === null || _m === void 0 ? void 0 : _m[0], {
+      associations: {
+        weight: totalWeight
+      },
+      transient: {
+        isInsured: insuranceProvider !== "none",
+        isInternational: transientParams.isInternational,
+        isShipped: transientParams.isShipped
+      }
+    }),
+    returnTo: (_q = (_o = associations.returnTo) !== null && _o !== void 0 ? _o : (_p = transientParams.warehouse) === null || _p === void 0 ? void 0 : _p.returnAddress) !== null && _q !== void 0 ? _q : address.addressFactory.build(),
+    serviceCode: (_s = (_r = transientParams.service) === null || _r === void 0 ? void 0 : _r.serviceCode) !== null && _s !== void 0 ? _s : utils.randomShipengineSlug(),
+    shipDate: shipDateObj.toISOString(),
+    shipFrom: (_v = (_t = associations.shipFrom) !== null && _t !== void 0 ? _t : (_u = transientParams.warehouse) === null || _u === void 0 ? void 0 : _u.originAddress) !== null && _v !== void 0 ? _v : address.addressFactory.build(),
+    shipmentId: `se-${30000 + sequence}`,
+    shipmentStatus: transientParams.isShipped ? "label_purchased" : "pending",
+    shippingPaid: money.moneyFactory.build(),
+    shipTo,
+    tags: (_w = associations.tags) !== null && _w !== void 0 ? _w : [],
+    taxPaid: money.moneyFactory.build(),
+    totalWeight,
+    warehouseId: (_x = transientParams.warehouse) === null || _x === void 0 ? void 0 : _x.warehouseId
+  };
+});
+/**
+ * @category Factories
+ */
+const salesOrderShipmentFactory = fishery.Factory.define(({
+  associations,
+  params,
+  transientParams
+}) => {
+  var _a, _b, _c;
+  const shipment = shipmentFactory.build(params, {
+    associations,
+    transient: transientParams
+  });
+  return Object.assign(Object.assign({}, shipment), {
+    salesOrderIds: (_a = associations.salesOrderIds) !== null && _a !== void 0 ? _a : [(_c = (_b = transientParams.salesOrder) === null || _b === void 0 ? void 0 : _b.salesOrderId) !== null && _c !== void 0 ? _c : faker.faker.datatype.uuid()]
+  });
+});
+
+exports.productFactory = productFactory;
+exports.randomDeliveryConfirmation = randomDeliveryConfirmation;
+exports.randomInsuranceProvider = randomInsuranceProvider;
+exports.salesOrderShipmentFactory = salesOrderShipmentFactory;
+exports.shipmentFactory = shipmentFactory;
+exports.shipmentItemFactory = shipmentItemFactory;
+exports.shipmentPackageFactory = shipmentPackageFactory;

package/dist/cjs/factories/shipengine/weight.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+var faker = require('@faker-js/faker');
+var fishery = require('fishery');
+
+const randomWeightUnit = () => faker.faker.helpers.arrayElement(["pound", "ounce", "gram", "kilogram"]);
+/**
+ * @category Factories
+ */
+fishery.Factory.define(() => ({
+  fractional: faker.faker.datatype.number({
+    max: 16,
+    min: 0
+  }),
+  whole: faker.faker.datatype.number({
+    max: 20,
+    min: 0
+  })
+}));
+/**
+ * @category Factories
+ */
+const weightFactory = fishery.Factory.define(() => ({
+  value: faker.faker.datatype.number({
+    max: 20,
+    min: 1,
+    precision: 0.1
+  })
+}));
+/**
+ * @category Factories
+ */
+const weightWithUnitFactory = fishery.Factory.define(({
+  params
+}) => {
+  const weight = weightFactory.build(params);
+  return Object.assign(Object.assign({}, weight), {
+    unit: randomWeightUnit()
+  });
+});
+
+exports.randomWeightUnit = randomWeightUnit;
+exports.weightFactory = weightFactory;
+exports.weightWithUnitFactory = weightWithUnitFactory;

package/dist/cjs/factories/utils.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var faker = require('@faker-js/faker');
+
+const randomShipengineId = (length = 5) => `se-${faker.faker.random.numeric(length)}`;
+const randomShipengineSlug = wordCount => faker.faker.lorem.slug(wordCount).replace("-", "_");
+const tristateValue = (ifTrue, ifFalse, ifUndefined, value) => {
+  if (value === undefined) {
+    return ifUndefined;
+  }
+  if (value) {
+    return ifTrue;
+  }
+  return ifFalse;
+};
+
+exports.randomShipengineId = randomShipengineId;
+exports.randomShipengineSlug = randomShipengineSlug;
+exports.tristateValue = tristateValue;

package/dist/cjs/features/manage-carriers/hooks/use-list-funding-source-carriers.cjs

@@ -38,12 +38,10 @@ const useListFundingSourceCarriers = () => {
   //TODO: Remove hardcoded carrierMetadata and insuranceProviderMetadata when the friendlyName is available in the funding source metadata response
   const carrierMetadata = useCarrierMetadata.useCarrierMetadata();
   const insuranceProviderProfiles = React.useMemo(() => {
-    return optionalTerms.map(t => {
-      return Object.assign({
-        agreedToTerms: insurance.getIsInsuraceProviderAccepted(t.termType, insuranceProviderAcceptedTerms === null || insuranceProviderAcceptedTerms === void 0 ? void 0 : insuranceProviderAcceptedTerms.acceptedTerms),
-        terms: Object.assign({}, t)
-      }, insurance.getInsuranceProviderWithFriendlyName(t.termType));
-    });
+    const groupedProfiles = insurance.groupTermsByProvider(optionalTerms);
+    return groupedProfiles.map(profile => Object.assign(Object.assign({}, profile), {
+      agreedToTerms: profile.terms.some(term => insurance.getIsInsuraceProviderAccepted(term.termType, insuranceProviderAcceptedTerms === null || insuranceProviderAcceptedTerms === void 0 ? void 0 : insuranceProviderAcceptedTerms.acceptedTerms))
+    }));
   }, [optionalTerms, insuranceProviderAcceptedTerms]);
   const normalizeCarrierCode = (carrierCode, nickname) => carrierCode === "usps" || (nickname === null || nickname === void 0 ? void 0 : nickname.includes("free")) ? "stamps_com" : carrierCode;
   const normalizeConnectedCarrierCodes = new Set(connectedCarriers === null || connectedCarriers === void 0 ? void 0 : connectedCarriers.map(c => normalizeCarrierCode(c.carrierCode, c.nickname)));

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/features/manage-warehouses/manage-warehouses.cjs

@@ -107,6 +107,7 @@ const ManageWarehouses = ({
           yield handleSubmitAddNewWarehouse(payload);
           toggleShowAddNewWarehouseForm(false);
         }),
+        shouldForceDefault: !(warehouses === null || warehouses === void 0 ? void 0 : warehouses.length),
         submitButtonTitle: t("actions.save")
       })
     }) : jsxRuntime.jsx(buttonGroup.ButtonGroup, {
@@ -141,17 +142,20 @@ const ManageWarehouses = ({
               yield handleSubmitEditWarehouse(Object.assign(Object.assign({}, rest), warehouseData), warehouse.warehouseId);
               setEditWarehouseId(undefined);
             }),
-            children: jsxRuntime.jsx(warehouseForm.WarehouseForm, {
-              onCancel: () => setEditWarehouseId(undefined),
-              // eslint-disable-next-line @typescript-eslint/no-misused-promises
-              onDelete: warehouse.isDefault ? undefined : () => handleDeleteWarehouse(warehouse.warehouseId),
+            children: jsxRuntime.jsx(warehouseForm.WarehouseForm
+            // eslint-disable-next-line @typescript-eslint/no-misused-promises
+            , {
               // eslint-disable-next-line @typescript-eslint/no-misused-promises
               onSubmit: payload => _tslib.__awaiter(void 0, void 0, void 0, function* () {
                 yield handleSubmitEditWarehouse(payload, warehouse.warehouseId);
                 setEditWarehouseId(undefined);
               }),
+              shouldForceDefault: warehouse.isDefault,
               submitButtonTitle: t("actions.save"),
-              warehouse: warehouse
+              warehouse: warehouse,
+              onCancel: () => setEditWarehouseId(undefined),
+              // eslint-disable-next-line @typescript-eslint/no-misused-promises
+              onDelete: warehouse.isDefault ? undefined : () => handleDeleteWarehouse(warehouse.warehouseId)
             })
           }, warehouse.warehouseId);
         } else {

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,
@@ -88,6 +114,14 @@ const useConfigureShipment = ({
     isSuccess: salesOrderShipmentCreated
   } = reactApi.useCreateSalesOrderShipment();
   const pendingSalesOrderShipment = shipment.getShipmentByStatus("pending", salesOrderShipments);
+  if (pendingSalesOrderShipment) {
+    // ensure state code is uppercase for form hydration.  SE API may return mixed case state codes.
+    pendingSalesOrderShipment.shipFrom.stateProvince = pendingSalesOrderShipment.shipFrom.stateProvince.toUpperCase();
+    pendingSalesOrderShipment.shipTo.stateProvince = pendingSalesOrderShipment.shipTo.stateProvince.toUpperCase();
+    if (pendingSalesOrderShipment.returnTo) {
+      pendingSalesOrderShipment.returnTo.stateProvince = pendingSalesOrderShipment.returnTo.stateProvince.toUpperCase();
+    }
+  }
   const labelPurchasedSalesOrderShipment = shipment.getShipmentByStatus("label_purchased", salesOrderShipments);
   const cancelledShipment = shipment.getShipmentByStatus("cancelled", salesOrderShipments);
   const defaultWarehouse = warehouses.getDefaultWarehouse(warehouses$1);
@@ -105,6 +139,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 +189,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-get-service-data.cjs

@@ -0,0 +1,60 @@
+'use strict';
+
+var reactApi = require('@shipengine/react-api');
+var React = require('react');
+
+const formatServiceCode = serviceCode => {
+  return serviceCode.split("_").map((word, index) => {
+    if (index === 0) return word.toUpperCase();
+    return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
+  }).join(" ");
+};
+const useGetServiceData = () => {
+  const {
+    data: carrierList,
+    isLoading,
+    isError
+  } = reactApi.useListCarriers();
+  const getServiceInfo = React.useCallback(item => {
+    const {
+      serviceCode,
+      carrierId
+    } = item;
+    const labelCarrierCode = item.carrierCode;
+    // Error fetching carriers
+    if (isError) {
+      return {
+        serviceName: serviceCode !== null && serviceCode !== void 0 ? serviceCode : undefined,
+        carrierCode: undefined,
+        hasCarrierIcon: false
+      };
+    }
+    const carrier = carrierList === null || carrierList === void 0 ? void 0 : carrierList.find(c => c.carrierId === carrierId || c.carrierCode === labelCarrierCode);
+    // No carrier found for the given carrierId or carrierCode
+    if (!carrier) {
+      const serviceName = serviceCode ? formatServiceCode(serviceCode) : undefined;
+      const carrierCode = labelCarrierCode || undefined;
+      return {
+        serviceName,
+        carrierCode,
+        hasCarrierIcon: !!carrierCode
+      };
+    }
+    const service = carrier.services.find(s => s.serviceCode === serviceCode);
+    const carrierCode = labelCarrierCode || carrier.carrierCode;
+    const serviceName = (service === null || service === void 0 ? void 0 : service.name) || serviceCode || undefined;
+    return {
+      serviceName,
+      carrierCode,
+      hasCarrierIcon: !!service && !!carrierCode
+    };
+  }, [carrierList, isError]);
+  const getServiceName = React.useCallback(item => getServiceInfo(item).serviceName, [getServiceInfo]);
+  return {
+    getServiceInfo,
+    getServiceName,
+    isLoadingCarriers: isLoading
+  };
+};
+
+exports.useGetServiceData = useGetServiceData;