@shipengine/elements 2.26.5 → 2.28.0

package/dist/esm/factories/shipengine/shipment.js

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

package/dist/esm/factories/shipengine/weight.js

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

package/dist/esm/factories/utils.js

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

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

@@ -1,6 +1,6 @@
 import { useListCarriers, useGetFundingSourceMetadata, useGetInsuranceFundingSourceAcceptedTerms } from '@shipengine/react-api';
 import { filterFundingSourceCarriers } from '../../../utilities/shipengine/carrier.js';
-import { getIsInsuraceProviderAccepted, getInsuranceProviderWithFriendlyName } from '../../../utilities/shipengine/insurance.js';
+import { groupTermsByProvider, getIsInsuraceProviderAccepted } from '../../../utilities/shipengine/insurance.js';
 import { useMemo } from 'react';
 import { useCarrierMetadata } from './use-carrier-metadata.js';
 
@@ -36,12 +36,10 @@ const useListFundingSourceCarriers = () => {
   //TODO: Remove hardcoded carrierMetadata and insuranceProviderMetadata when the friendlyName is available in the funding source metadata response
   const carrierMetadata = useCarrierMetadata();
   const insuranceProviderProfiles = useMemo(() => {
-    return optionalTerms.map(t => {
-      return Object.assign({
-        agreedToTerms: getIsInsuraceProviderAccepted(t.termType, insuranceProviderAcceptedTerms === null || insuranceProviderAcceptedTerms === void 0 ? void 0 : insuranceProviderAcceptedTerms.acceptedTerms),
-        terms: Object.assign({}, t)
-      }, getInsuranceProviderWithFriendlyName(t.termType));
-    });
+    const groupedProfiles = groupTermsByProvider(optionalTerms);
+    return groupedProfiles.map(profile => Object.assign(Object.assign({}, profile), {
+      agreedToTerms: profile.terms.some(term => 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/esm/features/manage-carriers/manage-carriers.js

@@ -8,6 +8,7 @@ import { useState, useMemo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { styles } from './manage-carriers.styles.js';
 import { useListFundingSourceCarriers } from './hooks/use-list-funding-source-carriers.js';
+import { getIsFundingSourceInsuranceProviderEnabledAndSupported } from '../../utilities/shipengine/insurance.js';
 import { SkeletonCarrierRow } from '../../components/skeleton/skeleton-carrier-row.js';
 import { ManageFunding } from '../manage-funding/manage-funding.js';
 import { ManageCarriersRow } from './manage-carriers-row/manage-carriers-row.js';
@@ -41,6 +42,7 @@ const ShipEngineCarriers = ({
     refetch: refetchCarriers,
     refetchInsuranceProviderAcceptedTerms
   } = useListFundingSourceCarriers();
+  const isInsuranceEnabled = getIsFundingSourceInsuranceProviderEnabledAndSupported(insuranceProviderProfiles, globalFeatures.enableXCover, globalFeatures.enableParcelGuard);
   const hasConnectedCarriers = useMemo(() => fundingSourceCarriers === null || fundingSourceCarriers === void 0 ? void 0 : fundingSourceCarriers.some(c => c.isConnected), [fundingSourceCarriers]);
   const {
     data: warehouses
@@ -101,10 +103,10 @@ const ShipEngineCarriers = ({
   const handleRegisterProvider = useCallback(p => __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
@@ -176,12 +178,12 @@ const ShipEngineCarriers = ({
             }),
             setCarrierToConnect: setCarrierToConnect
           })
-        }, carrier.carrier.carrierProfile.carrierCode)), globalFeatures.enableParcelGuard && (insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.map(p => jsx("li", {
+        }, carrier.carrier.carrierProfile.carrierCode)), isInsuranceEnabled && (insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.map(p => jsx("li", {
           children: jsx(ManageInsuranceProviderRow, {
             insuranceProviderProfile: p,
             registerProvider: handleRegisterProvider
           })
-        }, p.terms.termType)))]
+        }, p.terms[0].termType)))]
       })
     })]
   });

package/dist/esm/features/manage-warehouses/manage-warehouses.js

@@ -105,6 +105,7 @@ const ManageWarehouses = ({
           yield handleSubmitAddNewWarehouse(payload);
           toggleShowAddNewWarehouseForm(false);
         }),
+        shouldForceDefault: !(warehouses === null || warehouses === void 0 ? void 0 : warehouses.length),
         submitButtonTitle: t("actions.save")
       })
     }) : jsx(ButtonGroup, {
@@ -139,17 +140,20 @@ const ManageWarehouses = ({
               yield handleSubmitEditWarehouse(Object.assign(Object.assign({}, rest), warehouseData), warehouse.warehouseId);
               setEditWarehouseId(undefined);
             }),
-            children: jsx(WarehouseForm, {
-              onCancel: () => setEditWarehouseId(undefined),
-              // eslint-disable-next-line @typescript-eslint/no-misused-promises
-              onDelete: warehouse.isDefault ? undefined : () => handleDeleteWarehouse(warehouse.warehouseId),
+            children: jsx(WarehouseForm
+            // eslint-disable-next-line @typescript-eslint/no-misused-promises
+            , {
               // eslint-disable-next-line @typescript-eslint/no-misused-promises
               onSubmit: payload => __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/esm/hooks/use-configure-shipment.js

@@ -20,8 +20,8 @@ const useConfigureShipment = ({
   warehouseId,
   useWarehouses = true
 }) => {
-  // Track when we've created a replacement shipment for a "not found" case
-  const [replacementShipmentId, setReplacementShipmentId] = useState();
+  // Track when user manually created a shipment for a "not found" case
+  const [manuallyCreatedShipmentId, setManuallyCreatedShipmentId] = useState();
   // Queue of incomplete requirement keys (i.e., Ship From addresses, Warehouses, Carriers)
   const incompleteRequirementsKeys = useMemo(() => [], []);
   const {
@@ -45,6 +45,7 @@ const useConfigureShipment = ({
     // Dont run Sales Order Import unless the Sales order info is present
     enabled: !!externalOrderNumber || !!orderSourceCode || !!salesOrderId || !!externalOrderId,
     externalOrderId,
+    externalOrderNumber,
     orderSourceCode,
     salesOrderId
   });
@@ -61,24 +62,49 @@ const useConfigureShipment = ({
     isInitialLoading: isExternalShipmentInitialLoading,
     isFetching: isExternalShipmentFetching
   } = 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 = useMemo(() => {
+    return externalOrderId ? [externalOrderId] : undefined;
+  }, [externalOrderId]);
+  const salesOrderIds = useMemo(() => {
+    return salesOrderId ? [salesOrderId] : salesOrder ? [salesOrder.salesOrderId] :
+    // TODO: current workaround - revert to being undefined rather than empty list
+    [];
+  }, [salesOrderId, salesOrder]);
+  const shipmentIds = useMemo(() => {
+    return manuallyCreatedShipmentId ? [manuallyCreatedShipmentId] : shipmentId ? [shipmentId] : externalShipment ? [externalShipment.shipmentId] : newV1Shipment ? [newV1Shipment.shipments[0].shipmentId] : undefined;
+  }, [manuallyCreatedShipmentId, shipmentId, externalShipment, newV1Shipment]);
+  const listSalesOrderShipmentsParams = 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
-  } = useListSalesOrderShipments({
-    externalOrderIds: externalOrderId ? [externalOrderId] : undefined,
-    salesOrderIds: salesOrderId ? [salesOrderId] : salesOrder ? [salesOrder.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
-  });
+  } = useListSalesOrderShipments(listSalesOrderShipmentsParams);
+  // #endregion
   const {
     error: createSalesOrderShipmentErrors,
     mutateAsync: createSalesOrderShipment,
@@ -86,6 +112,14 @@ const useConfigureShipment = ({
     isSuccess: salesOrderShipmentCreated
   } = useCreateSalesOrderShipment();
   const pendingSalesOrderShipment = 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 = getShipmentByStatus("label_purchased", salesOrderShipments);
   const cancelledShipment = getShipmentByStatus("cancelled", salesOrderShipments);
   const defaultWarehouse = getDefaultWarehouse(warehouses);
@@ -103,6 +137,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 = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
     var _a, _b, _c;
@@ -152,17 +187,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, salesOrderId, salesOrderShipmentCreated, shipFromAddresses === null || shipFromAddresses === void 0 ? void 0 : shipFromAddresses.length, shipmentId, useWarehouses, v1shipmentCreated, warehouseId, warehouses]);
+  // #endregion
   const createNewShipmentForNotFound = useCallback(() => __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 = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
     const {
       data: shipments

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

@@ -14,14 +14,15 @@ import { useElements } from '../elements-provider/elements-context-provider.js';
 const useGetFundingSourceInsuranceProvider = () => {
   const {
     globalFeatures: {
-      enableParcelGuard
+      enableParcelGuard,
+      enableXCover
     }
   } = useElements();
   const {
     data,
     refetch: refetchInsuranceAcceptedTerms
   } = useGetInsuranceFundingSourceAcceptedTerms({
-    enabled: enableParcelGuard
+    enabled: enableParcelGuard || enableXCover
   });
   const fundingSourceInsuranceProvider = useMemo(() => {
     var _a;
@@ -30,13 +31,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/esm/hooks/use-get-service-data.js

@@ -0,0 +1,58 @@
+import { useListCarriers } from '@shipengine/react-api';
+import { useCallback } from '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
+  } = useListCarriers();
+  const getServiceInfo = 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 = useCallback(item => getServiceInfo(item).serviceName, [getServiceInfo]);
+  return {
+    getServiceInfo,
+    getServiceName,
+    isLoadingCarriers: isLoading
+  };
+};
+
+export { useGetServiceData };