@shipengine/elements 2.24.1 → 2.26.0

package/dist/esm/elements/shipment-summary/components/label-display/paperless-label-display.js

@@ -0,0 +1,52 @@
+import { jsxs, jsx, Fragment } from '@emotion/react/jsx-runtime';
+import { Next, ButtonVariant, Icon, IconSize, Typography } from '@shipengine/giger';
+import { IconNames } from '@shipengine/giger-theme';
+import { useTranslation } from 'react-i18next';
+import { styles } from './paperless-label-display.styles.js';
+import { Spacer } from '../../../../components/spacer/spacer.js';
+
+const PaperlessLabelDisplay = ({
+  handoffCode,
+  href,
+  instructions
+}) => {
+  const {
+    t
+  } = useTranslation();
+  return jsxs("div", {
+    css: styles.paperlessDownloadwrapper,
+    children: [jsxs("div", {
+      css: styles.codewrapper,
+      children: [jsx("img", {
+        alt: "paperless code",
+        css: styles.codeImage,
+        src: href
+      }), handoffCode && jsx("div", {
+        css: styles.handoffCode,
+        children: handoffCode
+      }), jsxs(Next.Link, {
+        buttonProps: {
+          variant: ButtonVariant.OUTLINED
+        },
+        css: styles.button,
+        download: true,
+        href: href,
+        isButton: true,
+        children: [jsx(Icon, {
+          name: IconNames.PRINTER,
+          size: IconSize.SIZE_SMALL
+        }), jsx("span", {
+          children: t("view-shipment:actions.download")
+        })]
+      })]
+    }), instructions && jsxs(Fragment, {
+      children: [jsx(Spacer, {
+        multiplier: 2
+      }), " ", jsx(Typography, {
+        children: instructions
+      })]
+    })]
+  });
+};
+
+export { PaperlessLabelDisplay };

package/dist/esm/elements/shipment-summary/components/label-display/paperless-label-display.styles.js

@@ -0,0 +1,25 @@
+import { createStyles, scopeTheme } from '../../../../utilities/styles.js';
+
+const styles = createStyles({
+  button: () => ({
+    cursor: "pointer"
+  }),
+  codeImage: () => ({
+    height: "120px",
+    maxWidth: "200px",
+    width: "auto"
+  }),
+  codewrapper: () => ({
+    alignItems: "center",
+    display: "flex",
+    flexDirection: "column"
+  }),
+  handoffCode: theme => ({
+    margin: `${scopeTheme(theme).spacing(2)}px 0`
+  }),
+  paperlessDownloadwrapper: theme => ({
+    padding: scopeTheme(theme).spacing(2)
+  })
+});
+
+export { styles };

package/dist/esm/elements/shipments-grid/hooks/use-shipments-grid.js

@@ -1,5 +1,6 @@
 import { useGetServiceName } from '../../../hooks/use-get-service-name.js';
-import { useListShipments, useGetShipment } from '@shipengine/react-api';
+import { useListShipments, useExportShipments, useGetShipment } from '@shipengine/react-api';
+import { createLocalFileFromBlobResponse } from '../../../utilities/files.js';
 import { useState, useEffect, useMemo } from 'react';
 import { getCreatedDateFilterValue, filterDateAndShipmentDateIsSameOrWithinInterval } from '../utils/created-date-value.js';
 import { usePager } from '../../../components/pager/usePager.js';
@@ -20,9 +21,10 @@ const useShipmentsGrid = ({
   showShipmentIdFilter = true,
   showCreatedDateFilter = true,
   sortBy,
-  sortDir
+  sortDir,
+  columns
 }) => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const initialFilters = getInitialFilters(showShipmentIdFilter, showCreatedDateFilter);
   const {
     getServiceName
@@ -33,6 +35,7 @@ const useShipmentsGrid = ({
     pagerProps
   } = usePager(PAGE_SIZE);
   const [activeShipmentId, setActiveShipmentId] = useState();
+  const [enabled, setEnabled] = useState(false);
   const [filters, setFilters] = useState(initialFilters);
   const clearAllFilters = () => {
     setFilters(initialFilters);
@@ -64,6 +67,37 @@ const useShipmentsGrid = ({
     sortBy: sortBy,
     sortDir: sortDir
   }, getCreatedDateFilterValue((_b = (_a = filters.createdDate) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.start, (_d = (_c = filters.createdDate) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.end)));
+  const {
+    data: exportShipmentsData,
+    isInitialLoading: isExportShipmentsinitialLoading,
+    isRefetching,
+    isError: isExportShipmentsError
+  } = useExportShipments({
+    enabled,
+    queryFnParams: Object.assign({
+      shipmentId: filters.shipmentId.value || undefined,
+      sortDir: sortDir !== null && sortDir !== void 0 ? sortDir : "desc",
+      columns
+    }, getCreatedDateFilterValue((_f = (_e = filters.createdDate) === null || _e === void 0 ? void 0 : _e.value) === null || _f === void 0 ? void 0 : _f.start, (_h = (_g = filters.createdDate) === null || _g === void 0 ? void 0 : _g.value) === null || _h === void 0 ? void 0 : _h.end))
+  });
+  useEffect(() => {
+    if (exportShipmentsData && !isExportShipmentsinitialLoading && !isRefetching) {
+      createLocalFileFromBlobResponse("shipment", exportShipmentsData);
+      setEnabled(false);
+    }
+  }, [isExportShipmentsinitialLoading, isRefetching, exportShipmentsData]);
+  // This function will be called when the error display duration ends
+  const onExportErrorDurationEnd = () => {
+    setEnabled(false);
+  };
+  const onClickDownloadShipmentsCSV = () => {
+    if (exportShipmentsData) {
+      createLocalFileFromBlobResponse("shipment", exportShipmentsData);
+      setEnabled(false);
+    } else {
+      setEnabled(true);
+    }
+  };
   const shipments = useMemo(() => data === null || data === void 0 ? void 0 : data.shipments.map(shipment => Object.assign(Object.assign({}, shipment), {
     disableOnRowClick: shipment.shipmentStatus === "cancelled",
     isLoading: activeShipmentId === shipment.shipmentId,
@@ -120,12 +154,15 @@ const useShipmentsGrid = ({
     return [];
   };
   return {
+    onClickDownloadShipmentsCSV,
     clearAllFilters,
     filters,
     getGridData,
     isAnyFilterActive,
+    isExportShipmentsError,
     isError,
     isLoading: isLoadingShipments || isLoadingShipment,
+    onExportErrorDurationEnd,
     pageConfig: {
       currentPage: shipmentFilteredById ? 1 : (data === null || data === void 0 ? void 0 : data.page) || 0,
       pagerProps,
@@ -137,7 +174,8 @@ const useShipmentsGrid = ({
     setActiveShipmentId,
     setFilters: onSetFilters,
     shipments,
-    shouldShowFilters: isAnyFilterEnabled
+    shouldShowFilters: isAnyFilterEnabled,
+    isExportShipmentsLoading: isExportShipmentsinitialLoading || isRefetching
   };
 };
 

package/dist/esm/elements/shipments-grid/shipments-grid.js

@@ -46,7 +46,9 @@ const Component = ({
   onClickCancelShipment,
   shipmentStatus,
   showShipmentIdFilter = true,
-  showCreatedDateFilter = true
+  showCreatedDateFilter = true,
+  onShipmentsCSVExportClick,
+  showExportCSVButton = false
 }) => {
   const {
     globalFeatures
@@ -71,7 +73,11 @@ const Component = ({
     isAnyFilterActive,
     shouldShowFilters,
     clearAllFilters,
-    setActiveShipmentId
+    setActiveShipmentId,
+    onClickDownloadShipmentsCSV,
+    isExportShipmentsError,
+    isExportShipmentsLoading,
+    onExportErrorDurationEnd
   } = useShipmentsGrid({
     shipmentStatus,
     showCreatedDateFilter,
@@ -254,8 +260,17 @@ const Component = ({
         showPagination: pageConfig.showPagination,
         total: pageConfig.totalElements
       }),
+      hasExportCSVError: isExportShipmentsError,
+      isExportCSVLoading: isExportShipmentsLoading,
       isLoading: isLoading,
-      onRowClick: onRowClick
+      onClickExportCSV: () => {
+        onClickDownloadShipmentsCSV();
+        onShipmentsCSVExportClick === null || onShipmentsCSVExportClick === void 0 ? void 0 : onShipmentsCSVExportClick();
+      },
+      onExportErrorDurationEnd: onExportErrorDurationEnd,
+      onRowClick: onRowClick,
+      showExportCSV: showExportCSVButton,
+      totalAmountGridItems: pageConfig.totalElements
     }), globalFeatures.poweredByShipEngine && jsxs(Fragment, {
       children: [jsx(Spacer, {}), jsx(PoweredByShipEngine, {})]
     })]

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

@@ -43,22 +43,21 @@ const useListFundingSourceCarriers = () => {
       }, getInsuranceProviderWithFriendlyName(t.termType));
     });
   }, [optionalTerms, insuranceProviderAcceptedTerms]);
-  const normalizeConnectedCarrierCodes = new Set(connectedCarriers === null || connectedCarriers === void 0 ? void 0 : connectedCarriers.map(c => {
-    var _a;
-    return c.carrierCode === "usps" || ((_a = c.nickname) === null || _a === void 0 ? void 0 : _a.includes("free")) ? "stamps_com" : c.carrierCode;
-  }));
-  const fundingSourceCarrierMetadata = carrierProfiles === null || carrierProfiles === void 0 ? void 0 : carrierProfiles.map(cp => {
+  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)));
+  const fundingSourceCarriersData = carrierProfiles === null || carrierProfiles === void 0 ? void 0 : carrierProfiles.map(cp => {
     var _a, _b;
-    return {
+    const carrier = {
       carrierProfile: cp,
       friendlyName: (_b = (_a = carrierMetadata[cp.carrierCode]) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : cp.carrierCode
     };
+    return {
+      carrier,
+      isConnected: normalizeConnectedCarrierCodes.has(cp.carrierCode)
+    };
   });
   return {
-    data: fundingSourceCarrierMetadata === null || fundingSourceCarrierMetadata === void 0 ? void 0 : fundingSourceCarrierMetadata.map(m => ({
-      carrier: m,
-      isConnected: normalizeConnectedCarrierCodes.has(m.carrierProfile.carrierCode)
-    })),
+    data: fundingSourceCarriersData,
     error: error,
     insuranceProviderProfiles,
     isLoading: isInitialLoading || isFundingSourceMetadataLoading || isInsuranceProviderAcceptedTermsLoading,

package/dist/esm/features/manage-carriers/manage-carriers-row/manage-carriers-row.js

@@ -1,10 +1,11 @@
 import { __awaiter, __rest } from '../../../_virtual/_tslib.js';
-import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import { IconSize, Typography } from '@shipengine/giger';
 import { SE } from '@shipengine/react-api';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { styles } from './manage-carriers-row.styles.js';
+import { UPSTermsDisclosure } from '../../../components/ups-terms-disclosure/ups-terms-disclosure.js';
 import { AddressPreferenceProvider } from '../../../components/address-preference-context/address-preference-context.js';
 import { RegisterFundingSourceCarrierForm } from '../register-funding-source-carrier-form/register-funding-source-carrier-form.js';
 import { CarrierIcon } from '../../../components/carrier-icon/carrier-icon.js';
@@ -32,6 +33,10 @@ const ManageCarriersRow = ({
   const requirementTypes = carrierProfile.registrationRequirements.map(r => r.requirementType);
   const requiresAddress = requirementTypes.includes(SE.MetadataRequirement.PickupAddress);
   const requiresTermsAcceptance = carrierProfile.requiredTerms.length > 0;
+  const requiredCarrierTerms = {
+    links: carrierProfile.requiredTerms.flatMap(term => term.links),
+    disclosure: carrierProfile.carrierCode === "ups_walleted" ? jsx(UPSTermsDisclosure, {}) : undefined
+  };
   const handleRegister = values => __awaiter(void 0, void 0, void 0, function* () {
     setIsSubmitting(true);
     showDropDown && setShowDropDown(false);
@@ -94,7 +99,7 @@ const ManageCarriersRow = ({
           onCancel: () => setShowDropDown(false),
           onSubmit: handleRegister,
           requirementTypes: requirementTypes,
-          terms: carrierProfile.requiredTerms
+          terms: requiredCarrierTerms
         })
       })
     })]

package/dist/esm/features/manage-carriers/register-funding-source-carrier-form/register-funding-source-carrier-form.js

@@ -149,9 +149,9 @@ const RegisterFundingSourceCarrierForm = ({
             children: [jsx(Typography, {
               variant: "heading4",
               children: t("terms.carriersTitle")
-            }), terms.map((term, index) => jsx(DisplayTerm, {
-              term: term
-            }, index))]
+            }), jsx(DisplayTerm, {
+              terms: terms
+            })]
           }), jsx(ButtonGroup, {
             justify: "end",
             children: jsx(Button, {

package/dist/esm/features/payment-method-settings/payment-method-settings.js

@@ -1,11 +1,14 @@
 import { __awaiter } from '../../_virtual/_tslib.js';
-import { jsx } from '@emotion/react/jsx-runtime';
+import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
 import { useToggle } from '../../hooks/use-toggle.js';
+import { InlineNotification, NotificationType } from '@shipengine/giger';
 import { useUpdateFundingSource, useListFundingSources } from '@shipengine/react-api';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { EditBillingForm } from '../../components/forms/edit-billing-form/edit-billing-form.js';
 import { WalletCard } from '../../components/wallet-card/wallet-card.js';
+import { useElements } from '../../elements-provider/elements-context-provider.js';
+import { Spacer } from '../../components/spacer/spacer.js';
 import { Loader } from '../../components/loader/loader.js';
 import { ZeroState } from '../../components/zero-state/zero-state.js';
 
@@ -16,37 +19,72 @@ const PaymentMethodSettings = ({
   const {
     t
   } = useTranslation();
+  const {
+    globalFeatures
+  } = useElements();
+  const {
+    supportEmailAddress
+  } = globalFeatures;
   const [showEditBilling, toggleShowEditBilling] = useToggle(false);
   const [isUpdatingBilling, setIsUpdatingBilling] = useState(false);
   const {
-    mutateAsync: updateBilling
+    error: updateBillingError,
+    mutateAsync: updateBilling,
+    reset: resetUpdateFundingSource
   } = useUpdateFundingSource();
   const {
     data: fundingSources,
     refetch: refetchFundingSources,
     isLoading: fundingSourceLoading
   } = useListFundingSources();
-  const fundingSourceId = (_a = fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources[0]) === null || _a === void 0 ? void 0 : _a.fundingSourceId;
+  const {
+    fundingSourceId,
+    billingInfo
+  } = (_a = fundingSources === null || fundingSources === void 0 ? void 0 : fundingSources[0]) !== null && _a !== void 0 ? _a : {};
   const handleUpdateBilling = (billingInfo, creditCardInfo) => __awaiter(void 0, void 0, void 0, function* () {
     if (fundingSourceId) {
-      setIsUpdatingBilling(true);
-      yield updateBilling({
-        billingInfo,
-        creditCardInfo,
-        fundingSourceId
-      });
-      yield refetchFundingSources();
-      toggleShowEditBilling(false);
-      setIsUpdatingBilling(false);
+      try {
+        setIsUpdatingBilling(true);
+        yield updateBilling({
+          billingInfo,
+          creditCardInfo,
+          fundingSourceId
+        });
+        yield refetchFundingSources();
+        toggleShowEditBilling(false);
+      } catch (error) {
+        console.error("Error updating billing:", error);
+        // error is handled by the mutation
+      } finally {
+        setIsUpdatingBilling(false);
+      }
     }
   });
-  if (showEditBilling) return jsx(EditBillingForm, {
-    isLoading: isUpdatingBilling,
-    onCancel: () => {
-      toggleShowEditBilling(false);
-    },
-    // eslint-disable-next-line @typescript-eslint/no-misused-promises
-    onSubmit: handleUpdateBilling
+  if (showEditBilling) return jsxs(Fragment, {
+    children: [jsx(EditBillingForm, {
+      billingInfo: billingInfo,
+      isLoading: isUpdatingBilling,
+      onCancel: () => {
+        toggleShowEditBilling(false);
+        resetUpdateFundingSource();
+      },
+      onSubmit: (billingInfo, creditCardInfo) => {
+        void handleUpdateBilling(billingInfo, creditCardInfo);
+      }
+    }), (updateBillingError === null || updateBillingError === void 0 ? void 0 : updateBillingError.length) && jsxs(Fragment, {
+      children: [jsx(Spacer, {
+        multiplier: 2
+      }), jsx(InlineNotification, {
+        css: {
+          textAlign: "left"
+        },
+        title: t("account-settings:errors.paymentMethod.title"),
+        type: NotificationType.ERROR,
+        children: t("account-settings:errors.paymentMethod.description", {
+          email: supportEmailAddress
+        })
+      })]
+    })]
   });else {
     if (fundingSourceLoading) return jsx(Loader, {
       message: t("loading.paymentMethod")

package/dist/esm/hooks/use-configure-shipment.js

@@ -4,7 +4,7 @@ import { getDefaultShipFromAddress } from '../utilities/shipengine/address.js';
 import { getIsCustomsRequiredForSalesOrder, getCustomsFromSalesOrder } from '../utilities/shipengine/sales-order.js';
 import { getShipmentByStatus } from '../utilities/shipengine/shipment.js';
 import { getDefaultWarehouse, getWarehouseById } from '../utilities/shipengine/warehouses.js';
-import { useMemo, useCallback, useEffect } from 'react';
+import { useState, useMemo, useCallback, useEffect } from 'react';
 import { useImportSalesOrder } from './use-import-sales-order.js';
 
 const useConfigureShipment = ({
@@ -20,6 +20,8 @@ const useConfigureShipment = ({
   warehouseId,
   useWarehouses = true
 }) => {
+  // Track when we've created a replacement shipment for a "not found" case
+  const [replacementShipmentId, setReplacementShipmentId] = useState();
   // Queue of incomplete requirement keys (i.e., Ship From addresses, Warehouses, Carriers)
   const incompleteRequirementsKeys = useMemo(() => [], []);
   const {
@@ -75,7 +77,7 @@ const useConfigureShipment = ({
     salesOrderIds: salesOrderId ? [salesOrderId] : salesOrder ? [salesOrder.salesOrderId] :
     // TODO: current workaround - revert to being undefined rather than empty list
     [],
-    shipmentIds: shipmentId ? [shipmentId] : externalShipment ? [externalShipment.shipmentId] : newV1Shipment ? [newV1Shipment.shipments[0].shipmentId] : undefined
+    shipmentIds: replacementShipmentId ? [replacementShipmentId] : shipmentId ? [shipmentId] : externalShipment ? [externalShipment.shipmentId] : newV1Shipment ? [newV1Shipment.shipments[0].shipmentId] : undefined
   });
   const {
     error: createSalesOrderShipmentErrors,
@@ -88,6 +90,19 @@ const useConfigureShipment = ({
   const cancelledShipment = getShipmentByStatus("cancelled", salesOrderShipments);
   const defaultWarehouse = getDefaultWarehouse(warehouses);
   const defaultShipFromAddress = getDefaultShipFromAddress(shipFromAddresses);
+  // Common function to create a V1 shipment
+  const createV1ShipmentWithDefaults = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+    const v1Shipment = yield createV1Shipment(Object.assign({}, (defaultShipFromAddress === null || defaultShipFromAddress === void 0 ? void 0 : defaultShipFromAddress.originAddress) ? {
+      shipFrom: defaultShipFromAddress.originAddress
+    } : {
+      warehouseId: warehouseId ? warehouseId : defaultWarehouse.warehouseId
+    }));
+    if (v1Shipment) {
+      yield refetchSalesOrderShipments();
+      return v1Shipment;
+    }
+    return null;
+  }), [createV1Shipment, defaultShipFromAddress, defaultWarehouse, warehouseId, refetchSalesOrderShipments]);
   // 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;
@@ -137,16 +152,17 @@ const useConfigureShipment = ({
     }
     // Create a Shipment for one-off flow
     if (!salesOrderId && !externalOrderId && !externalOrderNumber && !orderSourceCode && !shipmentId && !externalShipmentId) {
-      const v1Shipment = yield createV1Shipment(Object.assign({}, (defaultShipFromAddress === null || defaultShipFromAddress === void 0 ? void 0 : defaultShipFromAddress.originAddress) ? {
-        shipFrom: defaultShipFromAddress.originAddress
-      } : {
-        warehouseId: warehouseId ? warehouseId : defaultWarehouse.warehouseId
-      }));
-      if (v1Shipment) {
-        yield refetchSalesOrderShipments();
-      }
+      yield createV1ShipmentWithDefaults();
+    }
+  }), [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]);
+  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);
     }
-  }), [createSalesOrderShipment, createV1Shipment, creatingSalesOrderShipment, creatingV1Shipment, defaultShipFromAddress, defaultWarehouse, externalOrderId, externalOrderNumber, externalShipmentId, incompleteRequirementsKeys, isExternalShipmentFetching, isExternalShipmentInitialLoading, isFetchingWarehouses, isInitialLoadingWarehouses, labelPurchasedSalesOrderShipment, listSalesOrderShipmentsInitiallyLoading, listSalesOrderShipmentsIsFetching, orderSourceCode, pendingSalesOrderShipment, refetchSalesOrderShipments, salesOrder, salesOrderId, salesOrderShipmentCreated, shipFromAddresses === null || shipFromAddresses === void 0 ? void 0 : shipFromAddresses.length, shipmentId, useWarehouses, v1shipmentCreated, warehouseId, warehouses]);
+  }), [createV1ShipmentWithDefaults]);
   const refetchPendingSalesOrderShipments = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
     const {
       data: shipments
@@ -178,13 +194,18 @@ const useConfigureShipment = ({
     errorCode: "invalid_status",
     errorSource: "elements",
     errorType: "business_rules"
-  })] : []), ...(incompleteRequirementsKeys.length > 0 ? [new CodedError(incompleteRequirementsKeys.length > 1 ? "no_carriers_and_warehouses" : incompleteRequirementsKeys[0], {
+  })] : []), ...(incompleteRequirementsKeys.length > 0 ? [new CodedError(incompleteRequirementsKeys.length === 1 ? "no_carriers_and_warehouses" : incompleteRequirementsKeys[0], {
     errorCode: "unknown",
     errorSource: "elements",
     errorType: "business_rules"
+  })] : []), ...((salesOrderShipments === null || salesOrderShipments === void 0 ? void 0 : salesOrderShipments.length) === 0 && shipmentId ? [new CodedError("shipment_not_found", {
+    errorCode: "invalid_status",
+    errorSource: "elements",
+    errorType: "business_rules"
   })] : [])];
   return {
     carriers,
+    createNewShipmentForNotFound,
     errors: errors.length > 0 ? errors : undefined,
     isLoading: (isSalesOrderLoading || !(salesOrderShipments === null || salesOrderShipments === void 0 ? void 0 : salesOrderShipments.length) || creatingSalesOrderShipment) && errors.length === 0,
     refetchPendingSalesOrderShipments,

package/dist/esm/hooks/use-helpers.js

@@ -1,4 +1,5 @@
 import { useListCarriers, useListWarehouses } from '@shipengine/react-api';
+import { getUsStates, getCountries } from '../utilities/address.js';
 import { isOnboarded, validateShipFromAddress } from '../utilities/checks.js';
 
 const useHelpers = () => {
@@ -15,7 +16,9 @@ const useHelpers = () => {
   return {
     helpersReady,
     sellerOnboarded,
-    validateShipFromAddress
+    validateShipFromAddress,
+    getCountries,
+    getUsStates
   };
 };
 

package/dist/esm/index.js

@@ -2,6 +2,7 @@ export * from '@shipengine/react-api';
 export { createStyles, scopeTheme } from './utilities/styles.js';
 export { getDefaultFeatures } from './utilities/feature-flags/feature-flags.js';
 export { getSellerIdFromToken, isOnboarded, validateShipFromAddress } from './utilities/checks.js';
+export { getCountries, getUsStates } from './utilities/address.js';
 export { Country, UsState, UsaCity, addressNameRegex, countries, countryCodes, euCountryCodes, postalCodeRegex, usCities, usStateCodes, usStates } from './constants/shipengine/address.js';
 import * as manageCarriers from './elements/manage-carriers/manage-carriers.js';
 export { manageCarriers as ManageCarriers };

package/dist/esm/locales/en/account-settings.json.js

@@ -24,6 +24,12 @@ var accoutSettings = {
 		labelLayout: "Shipping Label Layout",
 		unitSettings: "Units of Measure",
 		vatSettings: "Tax Settings"
+	},
+	errors: {
+		paymentMethod: {
+			title: "Error Updating Payment Method",
+			description: "There was an error updating your payment method. Ensure your payment information is correct and try again. If the problem persists, contact support at {{email}}."
+		}
 	}
 }
 };

package/dist/esm/locales/en/common.json.js

@@ -161,10 +161,12 @@ var common = {
 		total: "Total"
 	},
 	errorMessages: {
+		fundingSourceCreationFailed: "Please check your payment and billing details, and confirm that your bank hasn’t blocked the payment method. If the issue persists, please contact support at {{email}}.",
 		contactSupport: "Your transaction may not have processed as expected. Please contact support at {{email}}.",
 		invalidNameOrCompany: "Recipient name and company name (if provided) must have two characters in first and last name.",
 		parsingFailure: "Parsing failed. Please check address and try again.",
 		incompleteLabelPurchaseRequirements: "Please add your {{requirements}} to continue purchasing a label.",
+		shipmentNotFound: "Cannot find shipment with ID: {{id}}.",
 		shipmentCancelled: "This shipment is Cancelled in ShipStation. Log into ShipStation to restore the order to Awaiting Shipment status.",
 		unableToLoad: {
 			accountSettings: "Unable to load account settings",

package/dist/esm/locales/en/grid-controller.json.js

@@ -0,0 +1,11 @@
+var gridController = {
+	"grid-controller": {
+	showExportCSV: {
+		button: "Export CSV",
+		"generic-error-message": "We couldn’t export your CSV. Please try again.",
+		"limit-error": "We're sorry, but exporting more than {{LIMIT_GRID_ITEMS_EXPORT}} items is not supported at this time."
+	}
+}
+};
+
+export { gridController as default };

package/dist/esm/locales/en/index.js

@@ -1,6 +1,7 @@
 import accoutSettings from './account-settings.json.js';
 import common from './common.json.js';
 import connectCarriers from './connect-carrier.json.js';
+import gridController from './grid-controller.json.js';
 import listLabels from './list-labels.json.js';
 import listShipments from './list-shipments.json.js';
 import manageCarriers from './manage-carriers.json.js';
@@ -18,6 +19,6 @@ import viewShipment from './view-shipment.json.js';
 import voidLabel from './void-label.json.js';
 import walletHistory from './wallet-history.json.js';
 
-var en = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, accoutSettings), common), connectCarriers), listLabels), listShipments), manageDefaults), manageDefaults), manageFunding), manageWarehouses), onboarding), paymentMethod), purchaseLabel), rateDetails), registerCarrier), registerWallet), manageCarriers), vatSettings), viewShipment), voidLabel), walletHistory);
+var en = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, accoutSettings), common), connectCarriers), listLabels), listShipments), manageDefaults), manageDefaults), manageFunding), manageWarehouses), onboarding), paymentMethod), purchaseLabel), rateDetails), registerCarrier), registerWallet), manageCarriers), vatSettings), viewShipment), voidLabel), walletHistory), gridController);
 
 export { en as default };

package/dist/esm/locales/en/onboarding.json.js

@@ -22,6 +22,11 @@ var onboarding = {
 		title: "Activate ShipEngine Services",
 		subtitle: "Your account includes access to services from these partners."
 	},
+	upsDisclosure: {
+		title: "UPS Promotional Rates and Technology Agreements",
+		line1: "I have read and agree to the Terms and Conditions and the Privacy Policy, and I confirm that information I have provided is accurate and truthful.",
+		line2: "To start shipping with UPS, you must first agree to the following: UPS®, the UPS brandmark, UPS Ready® and the color brown are trademarks of the United Parcel Service of America, Inc. All Rights Reserved."
+	},
 	warehouse: {
 		title: "Ship From Address",
 		subtitle: "Enter your default Ship From Address",

package/dist/esm/locales/en/purchase-label.json.js

@@ -10,7 +10,8 @@ var purchaseLabel = {
 		showItems: "Show items",
 		showMoreRates: "Show more rates",
 		showFewerRates: "Show fewer rates",
-		saveRate: "Save Rate"
+		saveRate: "Save Rate",
+		createNewShipment: "Create New Shipment"
 	},
 	balance: {
 		currentBalance: "Available Funds:",
@@ -127,7 +128,6 @@ var purchaseLabel = {
 		otherLocations: "Other drop off points near you:",
 		noServicePointsForService: "There are no drop off locations for this service within 10km of your search area.",
 		error: "Unable to find drop off locations within 10km of your search area.",
-		paperless: "Print & Paperless",
 		localTimeDisclaimer: "Hours shown in local time"
 	},
 	shipToAddressFormFields: "Ship To Address Form Fields",
@@ -141,7 +141,9 @@ var purchaseLabel = {
 	},
 	warnings: {
 		parcelGuardShipDate: "ParcelGuard must be purchased within 48 hours of the ship date. Please update the ship date to continue."
-	}
+	},
+	paperlessAvailable: "Paperless available",
+	usePaperlessLabel: "Use Paperless Label (QR Code)"
 }
 };
 

package/dist/esm/package.json.js

@@ -1,3 +1,3 @@
-var version = "2.24.1";
+var version = "2.26.0";
 
 export { version };