@shipengine/elements 2.25.0 → 2.26.1

package/dist/esm/components/history/history-card-extension/history-card-extension.js

@@ -29,7 +29,6 @@ import { Spacer } from '../../spacer/spacer.js';
 //   </div>
 // );
 //
-// const ErrorState = () => <ErrorDisplay />;
 //
 // // replace type call with its se version - lmnt-936
 // const SuccessState = ({ adjustment }: { adjustment: WalletAdjustment }) => {

package/dist/esm/components/ups-terms-disclosure/index.js

@@ -0,0 +1 @@
+export { UPSTermsDisclosure } from './ups-terms-disclosure.js';

package/dist/esm/components/ups-terms-disclosure/ups-terms-disclosure.js

@@ -0,0 +1,33 @@
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { Typography } from '@shipengine/giger';
+import { createStyles, scopeTheme } from '../../utilities/styles.js';
+import { useTranslation } from 'react-i18next';
+
+const styles = createStyles({
+  upsDisclosure: theme => ({
+    display: "flex",
+    flexDirection: "column",
+    gap: scopeTheme(theme).spacing(1)
+  })
+});
+const UPSTermsDisclosure = () => {
+  const {
+    t
+  } = useTranslation();
+  return jsxs("div", {
+    css: styles.upsDisclosure,
+    children: [jsx(Typography, {
+      bold: true,
+      variant: "body1",
+      children: t("onboarding:upsDisclosure.title")
+    }), jsx(Typography, {
+      variant: "body1",
+      children: t("onboarding:upsDisclosure.line1")
+    }), jsx(Typography, {
+      variant: "body1",
+      children: t("onboarding:upsDisclosure.line2")
+    })]
+  });
+};
+
+export { UPSTermsDisclosure };

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

@@ -1,6 +1,7 @@
 import { useTheme } from '@emotion/react';
 import { useGetServiceName } from '../../../hooks/use-get-service-name.js';
-import { useListLabels, useListSalesOrderShipments, useGetLabel } from '@shipengine/react-api';
+import { useListLabels, useExportLabels, useListSalesOrderShipments, useGetLabel } from '@shipengine/react-api';
+import { createLocalFileFromBlobResponse } from '../../../utilities/files.js';
 import { scopeTheme } from '../../../utilities/styles.js';
 import { useState, useCallback, useEffect, useMemo } from 'react';
 import { useTrackingStatusFilter } from './use-tracking-status-filter.js';
@@ -14,9 +15,10 @@ const useLabelsGrid = ({
   showStatusFilter,
   showTrackingStatusFilter,
   fetchShipments,
-  sortDir
+  sortDir,
+  columns
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   const initialFilters = {
     labelId: {
       enabled: !!showLabelIdFilter,
@@ -45,6 +47,7 @@ const useLabelsGrid = ({
     pagerProps
   } = usePager(PAGE_SIZE);
   const [filters, setFilters] = useState(initialFilters);
+  const [enabledLabelsExport, setEnabledLabelsExport] = useState(false);
   const clearAllFilters = () => {
     setFilters(initialFilters);
   };
@@ -132,6 +135,39 @@ const useLabelsGrid = ({
       sortDir: sortDir !== null && sortDir !== void 0 ? sortDir : "desc"
     }
   });
+  const {
+    data: exportLabelsData,
+    isInitialLoading: isExportLabelsinitialLoading,
+    isRefetching,
+    isError: isExportLabelsError
+  } = useExportLabels({
+    enabled: enabledLabelsExport,
+    queryFnParams: {
+      labelStatus: ((_g = filters.status) === null || _g === void 0 ? void 0 : _g.value) || labelStatus,
+      labelId: ((_h = filters.labelId) === null || _h === void 0 ? void 0 : _h.value) || undefined,
+      shipmentId: filters.shipmentId.value || undefined,
+      sortDir: sortDir !== null && sortDir !== void 0 ? sortDir : "desc",
+      columns
+    }
+  });
+  useEffect(() => {
+    if (exportLabelsData && !isExportLabelsinitialLoading && !isRefetching) {
+      createLocalFileFromBlobResponse("label", exportLabelsData);
+      setEnabledLabelsExport(false);
+    }
+  }, [isExportLabelsinitialLoading, isRefetching, exportLabelsData]);
+  // This function will be called when the error display duration ends
+  const onExportErrorDurationEnd = () => {
+    setEnabledLabelsExport(false);
+  };
+  const onClickExportLabelsCSV = () => {
+    if (exportLabelsData) {
+      createLocalFileFromBlobResponse("label", exportLabelsData);
+      setEnabledLabelsExport(false);
+    } else {
+      setEnabledLabelsExport(true);
+    }
+  };
   const labels = useMemo(() => {
     // If tracking status filter is active, use the filtered labels from the hook
     if (isTrackingStatusFilterActive) {
@@ -167,8 +203,8 @@ const useLabelsGrid = ({
     data: labelFilterData,
     isError: isLabelFilterError,
     isInitialLoading: isLabelFilterLoading
-  } = useGetLabel(((_g = filters.labelId) === null || _g === void 0 ? void 0 : _g.value) || undefined);
-  const isLabelFilterActive = (_h = filters.labelId) === null || _h === void 0 ? void 0 : _h.value;
+  } = useGetLabel(((_j = filters.labelId) === null || _j === void 0 ? void 0 : _j.value) || undefined);
+  const isLabelFilterActive = (_k = filters.labelId) === null || _k === void 0 ? void 0 : _k.value;
   const isStatusFilteredOut = (status, filter) => {
     return (filter === null || filter === void 0 ? void 0 : filter.length) && !filter.includes(status);
   };
@@ -225,13 +261,16 @@ const useLabelsGrid = ({
     return [];
   };
   return {
+    onClickExportLabelsCSV,
     clearAllFilters,
     filters,
     getGridData,
     hasMoreUnfetchedResults: isTrackingStatusFilterActive ? hasMoreUnfetchedResults : false,
     isAnyFilterActive,
+    isExportLabelsError,
     isError: isListLabelsError || isListShipmentsError && fetchShipments,
     isFetchingNextPage: isTrackingStatusFilterActive ? isFetchingNextPage : false,
+    onExportErrorDurationEnd,
     // Calculate isLoading based on which query should be active
     isLoading:
     // Always include label filter loading when label ID filter is active
@@ -249,7 +288,8 @@ const useLabelsGrid = ({
       totalElements: labelFilteredById ? 1 : isTrackingStatusFilterActive ? (statusFilteredPaginationInfo === null || statusFilteredPaginationInfo === void 0 ? void 0 : statusFilteredPaginationInfo.totalCount) || 0 : (listLabelsData === null || listLabelsData === void 0 ? void 0 : listLabelsData.total) || 0
     },
     setFilters: onSetFilters,
-    shouldShowFilters: isAnyFilterEnabled
+    shouldShowFilters: isAnyFilterEnabled,
+    isExportLabelsLoading: isExportLabelsinitialLoading || isRefetching
   };
 };
 

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

@@ -1,6 +1,7 @@
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import { useSortableQuery } from '../../hooks/use-sortable-query.js';
 import { EmptyState, Button, Tag, TagColor, TagVariant, Typography, Next } from '@shipengine/giger';
+import { toSnakeCase } from '../../utilities/formatString.js';
 import { useRef, useMemo, useEffect, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useLabelsGrid } from './hooks/use-labels-grid.js';
@@ -30,9 +31,10 @@ const Component = ({
   onRowClick,
   onClickExternalOrderId,
   onClickExternalShipmentId,
-  onClickShipmentNumber
+  onClickShipmentNumber,
+  onLabelsCSVExportClick
 }) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const {
     t
   } = useTranslation(["common", "list-labels"]);
@@ -74,6 +76,7 @@ const Component = ({
   const showShipmentIdFilter = shipmentIdColumn && ((_b = shipmentIdColumn.allowFilter) !== null && _b !== void 0 ? _b : true);
   const showStatusFilter = statusColumn && ((_c = statusColumn.allowFilter) !== null && _c !== void 0 ? _c : true);
   const showTrackingStatusFilter = trackingStatusColumn && !!trackingStatusColumn.allowFilter;
+  const columnsArray = (_d = features === null || features === void 0 ? void 0 : features.columns) === null || _d === void 0 ? void 0 : _d.map(column => toSnakeCase(column.name));
   const {
     labels,
     getGridData,
@@ -86,7 +89,11 @@ const Component = ({
     pageConfig,
     isAnyFilterActive,
     shouldShowFilters,
-    clearAllFilters
+    clearAllFilters,
+    onClickExportLabelsCSV,
+    isExportLabelsError,
+    isExportLabelsLoading,
+    onExportErrorDurationEnd
   } = useLabelsGrid({
     fetchShipments: !!shipmentNumberColumn,
     labelStatus,
@@ -94,7 +101,8 @@ const Component = ({
     showShipmentIdFilter,
     showStatusFilter,
     showTrackingStatusFilter,
-    sortDir: sortState.dir
+    sortDir: sortState.dir,
+    columns: columnsArray
   });
   useEffect(() => {
     if (prevStatus.current !== labelStatus) {
@@ -381,7 +389,7 @@ const Component = ({
       });
     }
     return cols;
-  }, [t, toggleCreatedDateSort, sortState.createdAtDir, features === null || features === void 0 ? void 0 : features.columns, features === null || features === void 0 ? void 0 : features.showActions, labels, onClickExternalOrderId, onClickExternalShipmentId, onClickShipmentNumber, onClickVoidLabel, onClickViewDetails, onClickPrintLabel, onClickPrintForms]);
+  }, [t, toggleCreatedDateSort, sortState.createdAtDir, features === null || features === void 0 ? void 0 : features.columns, features === null || features === void 0 ? void 0 : features.showActions, labels, onClickExternalOrderId, onClickExternalShipmentId, onClickShipmentNumber, onClickTrackingNumber, onClickVoidLabel, onClickViewDetails, onClickPrintLabel, onClickPrintForms]);
   const emptyContentComponent = useMemo(() => {
     if (isLoading) {
       return undefined;
@@ -432,8 +440,18 @@ const Component = ({
         showPagination: pageConfig.showPagination,
         total: pageConfig.totalElements
       }),
+      hasExportCSVError: isExportLabelsError,
+      hasTrackingStatusFilter: showTrackingStatusFilter,
+      isExportCSVLoading: isExportLabelsLoading,
       isLoading: isLoading,
-      onRowClick: onRowClick
+      onClickExportCSV: () => {
+        onClickExportLabelsCSV();
+        onLabelsCSVExportClick === null || onLabelsCSVExportClick === void 0 ? void 0 : onLabelsCSVExportClick();
+      },
+      onExportErrorDurationEnd: onExportErrorDurationEnd,
+      onRowClick: onRowClick,
+      showExportCSV: features === null || features === void 0 ? void 0 : features.showExportCSVButton,
+      totalAmountGridItems: pageConfig.totalElements
     }), globalFeatures.poweredByShipEngine && jsxs(Fragment, {
       children: [jsx(Spacer, {}), jsx(PoweredByShipEngine, {})]
     })]

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/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/package.json.js

@@ -1,3 +1,3 @@
-var version = "2.25.0";
+var version = "2.26.1";
 
 export { version };

package/dist/esm/utilities/files.js

@@ -0,0 +1,32 @@
+/**
+ * Creates a local file from an AxiosResponse containing a blob.
+ */
+const createLocalFileFromBlobResponse = (type, {
+  data: blob
+}) => {
+  const url = URL.createObjectURL(new Blob([blob], {
+    type: blob.type
+  }));
+  const fileName = type === "label" ? "labels-download" : "shipments-download";
+  triggerDownload(url, fileName);
+};
+/**
+ * Triggers the download of the sent URL.
+ * @param {string} url - The URL for the download.
+ * @param {string} filename - The filename for the download.
+ */
+const triggerDownload = (url, filename) => {
+  const downloadLink = createInvisibleAnchor(url, filename);
+  document.body.appendChild(downloadLink);
+  downloadLink.click();
+  document.body.removeChild(downloadLink);
+};
+const createInvisibleAnchor = (url, filename) => {
+  const downloadLink = document.createElement("a");
+  downloadLink.setAttribute("href", url);
+  downloadLink.setAttribute("download", filename);
+  downloadLink.style.display = "none";
+  return downloadLink;
+};
+
+export { createLocalFileFromBlobResponse, triggerDownload };

package/dist/esm/utilities/formatString.js

@@ -17,5 +17,13 @@ const replaceSpacesWithDashes = str => str === null || str === void 0 ? void 0 :
 const addSpaceBetweenWords = str => str.replace(/([a-z])([A-Z])/g, "$1 $2") // add space if there is a lowercase letter followed by an uppercase letter
 .replace(/(?<=[a-zA-Z])(\d)/g, " $1") // add space if there is a letter followed by a number
 .trim();
+/**
+ * Converts a string from camelCase or PascalCase to snake_case
+ *
+ * @example
+ * toSnakeCase("helloWorld") // returns "hello_world"
+ * toSnakeCase("HelloWorld") // returns "hello_world"
+ */
+const toSnakeCase = str => str.replace(/[A-Z]/g, letter => `_${letter.toLowerCase()}`);
 
-export { addSpaceBetweenWords, capitalizeFirstLetter, capitalizeFirstLetterOfEachWord, pascalize, replaceSpacesWithDashes };
+export { addSpaceBetweenWords, capitalizeFirstLetter, capitalizeFirstLetterOfEachWord, pascalize, replaceSpacesWithDashes, toSnakeCase };

package/dist/esm/utilities/index.js

@@ -1,4 +1,5 @@
 export { createStyles, scopeTheme } from './styles.js';
 export { getSellerIdFromToken, isOnboarded, validateShipFromAddress } from './checks.js';
+export { createLocalFileFromBlobResponse } from './files.js';
 export { getCountries, getUsStates } from './address.js';
 export { getDefaultFeatures } from './feature-flags/feature-flags.js';

package/dist/esm/workflows/onboarding/components/terms-agreement-form/terms-agreement-form.js

@@ -86,34 +86,34 @@ const TermsAgreementForm = ({
           variant: "body1",
           children: t("terms.shipEngineTitle")
         }), jsx(DisplayTerm, {
-          term: {
+          terms: {
             links: [{
               link: "https://www.shipengine.com/terms-of-service/",
-              locale: "en-US",
-              title: t("onboarding:termsAndAgreementLinkText.shipEngineToS")
+              title: "ShipEngine Terms of Service",
+              locale: "en-US"
             }, {
-              link: "https://auctane.com/legal/privacy-policy/",
-              locale: "en-US",
-              title: t("onboarding:termsAndAgreementLinkText.auctanePrivacyPolicy")
+              link: "https://www.auctane.com/terms-of-service/",
+              title: "Auctane Terms of Service",
+              locale: "en-US"
             }]
           }
         }), requiredTerms.map(term => jsx(DisplayTerm, {
-          term: term
+          terms: term
         }, term.termType)), !!carrierTerms.length && jsxs(Fragment, {
           children: [jsx(Spacer, {}), jsx(Typography, {
             bold: true,
             variant: "body1",
             children: t("terms.carriersTitle")
-          }), carrierTerms.map(term => jsx(DisplayTerm, {
-            term: term
-          }, term.termType))]
+          }), carrierTerms.map((term, idx) => jsx(DisplayTerm, {
+            terms: term
+          }, idx))]
         }), enableParcelGuard && !!insuranceProviderTerms.length && jsxs(Fragment, {
           children: [jsx(Spacer, {}), jsx(Typography, {
             bold: true,
             variant: "body1",
             children: t("terms.insuranceProvidersTitle")
           }), insuranceProviderTerms.map(term => jsx(DisplayTerm, {
-            term: term
+            terms: term
           }, term.termType))]
         })]
       }), jsx(ButtonGroup, {

package/dist/esm/workflows/onboarding/components/terms-agreement-form/terms-agreement-form.styles.js

@@ -13,9 +13,6 @@ const styles = createStyles({
     display: "inline-flex",
     fontWeight: scopeTheme(theme).typography.fontWeight.normal
   }),
-  fullWidth: {
-    width: "100%"
-  },
   termsWell: theme => ({
     backgroundColor: scopeTheme(theme).palette.gray.ultraLight,
     marginBottom: scopeTheme(theme).spacing(6),