@shipengine/elements 2.27.0 → 2.28.0

package/dist/cjs/components/field/rate-select/rate-card/rate-card.cjs

@@ -190,6 +190,7 @@ const RateCard = ({
         carrierCode: carrierCode,
         carrierFriendlyName: carrierFriendlyName,
         costBreakdownProps: costBreakdownCommonProps,
+        hasRateAttributes: !!(rateAttributes === null || rateAttributes === void 0 ? void 0 : rateAttributes.length),
         rateDetailsProps: showRateDetails ? {
           rateDetails
         } : undefined,

package/dist/cjs/components/forms/warehouse-form/warehouse-form.cjs

@@ -99,13 +99,22 @@ const WarehouseForm = ({
       form: form,
       formatFieldName: fieldName => `originAddress.${fieldName}`,
       optionalFields: ["addressLine2", ...(requireEmail ? [] : ["email"])]
-    }), !shouldForceDefault && jsxRuntime.jsx(checkboxInput.CheckboxInput, {
+    }), !shouldForceDefault ? jsxRuntime.jsx(checkboxInput.CheckboxInput, {
       ariaLabel: "Is Default Warehouse",
       checkboxLabel: t("manage-warehouses:isDefault"),
       control: form.control,
       form: formId,
       label: "isDefault",
       name: "isDefault"
+    }) : jsxRuntime.jsx(checkboxInput.CheckboxInput, {
+      ariaLabel: "Is Default Warehouse",
+      checkboxLabel: warehouse ? t("manage-warehouses:forcedDefault") : t("manage-warehouses:forcedDefaultNew"),
+      control: form.control,
+      defaultValue: true,
+      disabled: true,
+      form: formId,
+      label: "isDefault",
+      name: "isDefault"
     }), jsxRuntime.jsx(checkboxInput.CheckboxInput, {
       ariaLabel: "Return To Address Is Different",
       checkboxLabel: t("manage-warehouses:returnToAddressIsDifferent"),

package/dist/cjs/components/service-card/service-card.cjs

@@ -37,7 +37,8 @@ const ServiceCardHeader = ({
   rateDetailsProps,
   costBreakdownProps,
   rightContentCss,
-  voided
+  voided,
+  hasRateAttributes
 }) => {
   const {
     type,
@@ -48,7 +49,7 @@ const ServiceCardHeader = ({
   return jsxRuntime.jsxs("div", {
     "data-testid": "service-card-header",
     children: [jsxRuntime.jsxs("section", {
-      css: serviceCard_styles.styles.section,
+      css: serviceCard_styles.styles.getSectionStyles(hasRateAttributes),
       children: [carrierCode && jsxRuntime.jsx("div", {
         css: serviceCard_styles.styles.carrierImage,
         children: jsxRuntime.jsx(carrierIcon.CarrierIcon, {

package/dist/cjs/components/service-card/service-card.styles.cjs

@@ -47,12 +47,14 @@ const styles = styles$1.createStyles({
   headerChildren: theme => ({
     padding: `${styles$1.scopeTheme(theme).spacing(0)}px ${styles$1.scopeTheme(theme).spacing(2)}px ${styles$1.scopeTheme(theme).spacing(2)}px ${styles$1.scopeTheme(theme).spacing(2)}px`
   }),
-  section: theme => ({
+  getSectionStyles: hasRateAttributes => theme => Object.assign({
     alignItems: "flex-start",
     display: "flex",
     flexDirection: "row",
     flexWrap: "nowrap",
-    padding: styles$1.scopeTheme(theme).spacing(2)
+    padding: styles$1.scopeTheme(theme).spacing(1.5)
+  }, hasRateAttributes && {
+    paddingTop: styles$1.scopeTheme(theme).spacing(0.75)
   }),
   serviceInfo: theme => ({
     display: "flex",

package/dist/cjs/elements/labels-grid/hooks/use-labels-grid.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var react = require('@emotion/react');
-var useGetServiceName = require('../../../hooks/use-get-service-name.cjs');
+var useGetServiceData = require('../../../hooks/use-get-service-data.cjs');
 var reactApi = require('@shipengine/react-api');
 var files = require('../../../utilities/files.cjs');
 var styles = require('../../../utilities/styles.cjs');
@@ -42,7 +42,7 @@ const useLabelsGrid = ({
   const theme = react.useTheme();
   const {
     getServiceName
-  } = useGetServiceName.useGetServiceName();
+  } = useGetServiceData.useGetServiceData();
   const {
     page,
     pageSize,

package/dist/cjs/elements/labels-grid/labels-grid.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('@emotion/react/jsx-runtime');
+var useGetServiceData = require('../../hooks/use-get-service-data.cjs');
 var useSortableQuery = require('../../hooks/use-sortable-query.cjs');
 var giger = require('@shipengine/giger');
 var formatString = require('../../utilities/formatString.cjs');
@@ -21,6 +22,7 @@ var elementsContextProvider = require('../../elements-provider/elements-context-
 var spacer = require('../../components/spacer/spacer.cjs');
 var poweredByShipengine = require('../../components/powered-by-shipengine/powered-by-shipengine.cjs');
 var errorFallback = require('../../components/error-fallback/error-fallback.cjs');
+var carrierIcon = require('../../components/carrier-icon/carrier-icon.cjs');
 
 const Component = ({
   labelStatus,
@@ -106,6 +108,10 @@ const Component = ({
     sortDir: sortState.dir,
     columns: columnsArray
   });
+  const {
+    getServiceInfo,
+    isLoadingCarriers
+  } = useGetServiceData.useGetServiceData();
   React.useEffect(() => {
     if (prevStatus.current !== labelStatus) {
       pageConfig.pagerProps.resetCurrentPage();
@@ -292,14 +298,22 @@ const Component = ({
         }
       },
       shippingService: {
-        headerContent: t("list-labels:headers.shipping"),
+        headerContent: t("list-labels:headers.service"),
         renderCellContent: label => {
+          const serviceInfo = getServiceInfo(label);
           return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [jsxRuntime.jsx(giger.Typography, {
-              component: "p",
-              css: labelsGrid_styles.styles.tableParagraph,
-              variant: "body2",
-              children: label.serviceName || label.serviceCode
+            children: [isLoadingCarriers ? jsxRuntime.jsx(giger.Skeleton, {}) : jsxRuntime.jsxs("div", {
+              css: labelsGrid_styles.styles.serviceCell,
+              children: [serviceInfo.hasCarrierIcon && serviceInfo.carrierCode && jsxRuntime.jsx(carrierIcon.CarrierIcon, {
+                carrierCode: serviceInfo.carrierCode,
+                carrierName: serviceInfo.serviceName || serviceInfo.carrierCode,
+                size: giger.IconSize.SIZE_SMALL
+              }), jsxRuntime.jsx(giger.Typography, {
+                component: "p",
+                css: labelsGrid_styles.styles.tableParagraph,
+                variant: "body2",
+                children: serviceInfo.serviceName || t("list-labels:none")
+              })]
             }), label.trackable && jsxRuntime.jsx(giger.Next.Link, {
               bold: false,
               href: label.trackingUrl,
@@ -352,17 +366,23 @@ const Component = ({
         }
       }
     });
+    const labelExpired = label => {
+      const ninetyDaysAgo = new Date();
+      ninetyDaysAgo.setDate(ninetyDaysAgo.getDate() - 90);
+      return new Date(label.createdAt) < ninetyDaysAgo;
+    };
     // Actual actions are only allowed for completed labels
     if ((features === null || features === void 0 ? void 0 : features.showActions) && labels.some(label => label.status === "completed")) {
       cols.push({
         headerContent: "",
         renderCellContent: label => {
           var _a, _b;
+          const isLabelExpired = labelExpired(label);
           const isLabelDelivered = label.trackingStatus === "delivered";
-          const isReprintAllowed = !!((_a = label.labelDownload) === null || _a === void 0 ? void 0 : _a.href) && label.status === "completed";
           const isVoidAllowed = !!onClickVoidLabel && label.status === "completed";
-          const isPrintFormsAllowed = !!((_b = label.formDownload) === null || _b === void 0 ? void 0 : _b.href) && label.status === "completed";
           const isViewDetailsAllowed = !!onClickViewDetails;
+          const isReprintAllowed = !!((_a = label.labelDownload) === null || _a === void 0 ? void 0 : _a.href) && label.status === "completed" && !isLabelExpired;
+          const isPrintFormsAllowed = !!((_b = label.formDownload) === null || _b === void 0 ? void 0 : _b.href) && label.status === "completed" && !isLabelExpired;
           const allowActionsMenu = isReprintAllowed || isVoidAllowed || isPrintFormsAllowed || isViewDetailsAllowed;
           if (isLabelDelivered || !allowActionsMenu) {
             return null;
@@ -391,7 +411,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, onClickTrackingNumber, 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, getServiceInfo, isLoadingCarriers, onClickTrackingNumber, onClickVoidLabel, onClickViewDetails, onClickPrintLabel, onClickPrintForms]);
   const emptyContentComponent = React.useMemo(() => {
     if (isLoading) {
       return undefined;

package/dist/cjs/elements/labels-grid/labels-grid.styles.cjs

@@ -8,6 +8,11 @@ const styles = styles$1.createStyles({
   }, styles$1.scopeTheme(theme).getComponentOverride("Table")),
   tableParagraph: {
     margin: 0
+  },
+  serviceCell: {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px"
   }
 });
 

package/dist/cjs/elements/purchase-label/components/rate-form/rate-view.cjs

@@ -34,7 +34,6 @@ const RateView = ({
   rateOptions,
   rates,
   salesOrder: salesOrder$1,
-  selectedRate,
   shipment,
   showVatFeatures
 }) => {
@@ -78,9 +77,8 @@ const RateView = ({
   }, [features === null || features === void 0 ? void 0 : features.enablePudoUI, pudoRateOptions, rateOptions]);
   const {
     collapsedRateOptionList,
-    COLLAPSED_RATE_VIEW_LIMIT,
     filterVisibleRateOptions
-  } = useFilterVisibleRateOptions.useFilterVisibleRateOptions(expandedRateOptionList);
+  } = useFilterVisibleRateOptions.useFilterVisibleRateOptions(expandedRateOptionList, features);
   const handleShowMoreRates = React.useCallback(() => {
     var _a;
     setShowHiddenRates === null || setShowHiddenRates === void 0 ? void 0 : setShowHiddenRates(!showHiddenRates);
@@ -199,8 +197,8 @@ const RateView = ({
         onClick: onSelectRate,
         onPaperlessAcknowledgementChange: onPaperlessAcknowledgementChange,
         onSelectServicePoint: onSelectServicePoint,
-        options: showHiddenRates ? expandedRateOptionList : collapsedRateOptionList
-      }, rateSelectCommonProps)), expandedRateOptionList.length > COLLAPSED_RATE_VIEW_LIMIT && jsxRuntime.jsx(linkAction.LinkAction, {
+        options: showHiddenRates || !collapsedRateOptionList.length ? expandedRateOptionList : collapsedRateOptionList
+      }, rateSelectCommonProps)), expandedRateOptionList.length > collapsedRateOptionList.length && !!collapsedRateOptionList.length && jsxRuntime.jsx(linkAction.LinkAction, {
         css: rateForm_styles.styles.showMoreOrLessRatesButton,
         icon: showHiddenRates ? "chevronTop" : "chevronBottom",
         iconPlacement: "right",

package/dist/cjs/elements/purchase-label/components/shipment-form/shipment-form.cjs

@@ -517,13 +517,15 @@ const ShipmentForm = ({
   React.useEffect(() => {
     hasShipFromAddressErrors && toggleIsEditShipFromAddressFormOpen();
   }, [hasShipFromAddressErrors, toggleIsEditShipFromAddressFormOpen]);
+  const warehouseToEdit = React.useMemo(() => warehouses$1 === null || warehouses$1 === void 0 ? void 0 : warehouses$1.find(w => w.warehouseId === editShipFromAddressId), [editShipFromAddressId, warehouses$1]);
   const [editWarehouseForm, isEditWarehouseFormOpen, toggleIsEditWarehouseFormOpen] = useNestedForm.useNestedForm(warehouseForm.WarehouseForm, {
     formId: "edit-warehouse-form",
     onSubmit: payload => _tslib.__awaiter(void 0, void 0, void 0, function* () {
       editShipFromAddressId && (yield handleSubmitEditWarehouse(payload, editShipFromAddressId));
     }),
     submitButtonTitle: t("actions.save"),
-    warehouse: warehouses$1 === null || warehouses$1 === void 0 ? void 0 : warehouses$1.find(w => w.warehouseId === editShipFromAddressId)
+    warehouse: warehouseToEdit,
+    shouldForceDefault: warehouseToEdit === null || warehouseToEdit === void 0 ? void 0 : warehouseToEdit.isDefault
   });
   const getFundingSourceInsuranceProviderKey = React.useCallback(provider => {
     if (provider === "parcelguard") {

package/dist/cjs/elements/purchase-label/hooks/use-filter-visible-rate-options/use-filter-visible-rate-options.cjs

@@ -3,7 +3,7 @@
 var React = require('react');
 
 const COLLAPSED_RATE_VIEW_LIMIT = 4;
-const filterRateOptions = rateOptions => {
+const filterRateOptions = (rateOptions, showMediaMail) => {
   const hasRateAttributes = option => {
     var _a;
     return !!((_a = option.rateAttributes) === null || _a === void 0 ? void 0 : _a.length);
@@ -14,7 +14,7 @@ const filterRateOptions = rateOptions => {
   const ratesWithoutAttributes = [];
   // Classify rates (excluding Media Mail from both categories)
   for (const option of rateOptions) {
-    if (isMediaMail(option)) {
+    if (!showMediaMail && isMediaMail(option)) {
       continue; // Skip Media Mail entirely - it will only show in "Show more"
     }
     if (hasRateAttributes(option)) {
@@ -42,9 +42,9 @@ const filterRateOptions = rateOptions => {
  * - Fill remaining slots with regular rates
  * - Media Mail is always excluded from the collapsed view
  */
-const useFilterVisibleRateOptions = rateOptions => {
-  const collapsedRateOptionList = React.useMemo(() => filterRateOptions(rateOptions), [rateOptions]);
-  const filterVisibleRateOptions = React.useCallback(options => filterRateOptions(options), []);
+const useFilterVisibleRateOptions = (rateOptions, features) => {
+  const collapsedRateOptionList = React.useMemo(() => filterRateOptions(rateOptions, features === null || features === void 0 ? void 0 : features.showMediaMail), [rateOptions, features]);
+  const filterVisibleRateOptions = React.useCallback(options => filterRateOptions(options, features === null || features === void 0 ? void 0 : features.showMediaMail), [features]);
   return {
     COLLAPSED_RATE_VIEW_LIMIT,
     collapsedRateOptionList,

package/dist/cjs/elements/shipments-grid/hooks/use-shipments-grid.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var useGetServiceName = require('../../../hooks/use-get-service-name.cjs');
+var useGetServiceData = require('../../../hooks/use-get-service-data.cjs');
 var reactApi = require('@shipengine/react-api');
 var files = require('../../../utilities/files.cjs');
 var React = require('react');
@@ -30,7 +30,7 @@ const useShipmentsGrid = ({
   const initialFilters = getInitialFilters(showShipmentIdFilter, showCreatedDateFilter);
   const {
     getServiceName
-  } = useGetServiceName.useGetServiceName();
+  } = useGetServiceData.useGetServiceData();
   const {
     page,
     pageSize,

package/dist/cjs/elements/shipments-grid/shipments-grid.cjs

@@ -2,6 +2,7 @@
 
 var _tslib = require('../../_virtual/_tslib.cjs');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
+var useGetServiceData = require('../../hooks/use-get-service-data.cjs');
 var useSortableQuery = require('../../hooks/use-sortable-query.cjs');
 var giger = require('@shipengine/giger');
 var React = require('react');
@@ -14,6 +15,7 @@ var index = require('../../locales/en/index.cjs');
 var createElement = require('../../create-element/create-element.cjs');
 var elementsContextProvider = require('../../elements-provider/elements-context-provider.cjs');
 var errorState = require('../../components/error-state/error-state.cjs');
+var carrierIcon = require('../../components/carrier-icon/carrier-icon.cjs');
 var cellFormattedDate = require('../../components/grid-controller/cell-formatted-date.cjs');
 var sortableHeader = require('../../components/grid-controller/sortable-header/sortable-header.cjs');
 var gridController = require('../../components/grid-controller/grid-controller.cjs');
@@ -87,6 +89,10 @@ const Component = ({
     sortBy: sortState.by,
     sortDir: sortState.dir
   });
+  const {
+    getServiceInfo,
+    isLoadingCarriers
+  } = useGetServiceData.useGetServiceData();
   const onRowClick = shipment => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     setActiveShipmentId(shipment.shipmentId);
     yield onRowClickProp === null || onRowClickProp === void 0 ? void 0 : onRowClickProp(shipment);
@@ -190,13 +196,21 @@ const Component = ({
       }) : "--";
     }
   }, {
-    headerContent: t("list-shipments:headers.shipping"),
+    headerContent: t("list-shipments:headers.service"),
     renderCellContent: shipment => {
-      return jsxRuntime.jsx(giger.Typography, {
-        component: "p",
-        css: shipmentsGrid_styles.styles.tableParagraph,
-        variant: "body2",
-        children: shipment.serviceName || t("list-shipments:none")
+      const serviceInfo = getServiceInfo(shipment);
+      return isLoadingCarriers ? jsxRuntime.jsx(giger.Skeleton, {}) : jsxRuntime.jsxs("div", {
+        css: shipmentsGrid_styles.styles.serviceCell,
+        children: [serviceInfo.hasCarrierIcon && serviceInfo.carrierCode && jsxRuntime.jsx(carrierIcon.CarrierIcon, {
+          carrierCode: serviceInfo.carrierCode,
+          carrierName: serviceInfo.serviceName || serviceInfo.carrierCode,
+          size: giger.IconSize.SIZE_SMALL
+        }), jsxRuntime.jsx(giger.Typography, {
+          component: "p",
+          css: shipmentsGrid_styles.styles.tableParagraph,
+          variant: "body2",
+          children: serviceInfo.serviceName || t("list-shipments:none")
+        })]
       });
     }
   }, {

package/dist/cjs/elements/shipments-grid/shipments-grid.styles.cjs

@@ -8,6 +8,11 @@ const styles = styles$1.createStyles({
   }, styles$1.scopeTheme(theme).getComponentOverride("Table")),
   tableParagraph: {
     margin: 0
+  },
+  serviceCell: {
+    display: "flex",
+    alignItems: "center",
+    gap: "8px"
   }
 });
 

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

@@ -114,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);

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;

package/dist/cjs/locales/en/list-labels.json.cjs

@@ -3,12 +3,13 @@
 var listLabels = {
 	"list-labels": {
 	title: "List Labels",
+	none: "None",
 	headers: {
 		created: "Created Date",
 		shipmentId: "Shipment ID",
 		parcels: "Parcels",
 		recipient: "Recipient",
-		shipping: "Shipping",
+		service: "Service",
 		shipDate: "Ship Date",
 		status: "Label Status",
 		trackingStatus: "Delivery Status",

package/dist/cjs/locales/en/list-shipments.json.cjs

@@ -7,7 +7,7 @@ var listShipments = {
 	headers: {
 		created: "Created Date",
 		modified: "Modified Date",
-		shipping: "Shipping",
+		service: "Service",
 		shipmentId: "Shipment ID",
 		parcels: "Parcels",
 		recipient: "Recipient",

package/dist/cjs/locales/en/manage-warehouses.json.cjs

@@ -7,6 +7,8 @@ var manageWarehouses = {
 	editWarehouse: "Edit Address",
 	contactName: "Contact Name",
 	"default": "Default",
+	forcedDefault: "This is your default Ship From Address",
+	forcedDefaultNew: "This will be your default Ship From Address",
 	isDefault: "Set as default Ship From address",
 	locationName: "Location Name",
 	residentialAddress: "Residential Address",

package/dist/cjs/package.json.cjs

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

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

@@ -51,7 +51,8 @@ const defaultFeatureFlags = {
       labelLayout: false,
       nicknameRate: true,
       requireDhlTermsAcknowledgement: false,
-      saveRate: true
+      saveRate: true,
+      showMediaMail: false
     },
     shipmentForm: {
       addOns: true,

package/dist/cjs/workflows/onboarding/components/ship-from-address-step/ship-from-address-step.cjs

@@ -45,7 +45,7 @@ const ShipFromAddressStep = ({
     }), jsxRuntime.jsx(warehouseForm.WarehouseForm, {
       onSubmit: onSubmit,
       requireEmail: true,
-      shouldForceDefault: (pendingWarehouse === null || pendingWarehouse === void 0 ? void 0 : pendingWarehouse.isDefault) || (pendingShipFrom === null || pendingShipFrom === void 0 ? void 0 : pendingShipFrom.isDefault),
+      shouldForceDefault: true,
       submitButtonTitle: t("actions.continue"),
       useStrictSchema: true,
       warehouse: pendingWarehouse !== null && pendingWarehouse !== void 0 ? pendingWarehouse : pendingShipFrom

package/dist/esm/components/field/rate-select/rate-card/rate-card.js

@@ -188,6 +188,7 @@ const RateCard = ({
         carrierCode: carrierCode,
         carrierFriendlyName: carrierFriendlyName,
         costBreakdownProps: costBreakdownCommonProps,
+        hasRateAttributes: !!(rateAttributes === null || rateAttributes === void 0 ? void 0 : rateAttributes.length),
         rateDetailsProps: showRateDetails ? {
           rateDetails
         } : undefined,

package/dist/esm/components/forms/warehouse-form/warehouse-form.js

@@ -97,13 +97,22 @@ const WarehouseForm = ({
       form: form,
       formatFieldName: fieldName => `originAddress.${fieldName}`,
       optionalFields: ["addressLine2", ...(requireEmail ? [] : ["email"])]
-    }), !shouldForceDefault && jsx(CheckboxInput, {
+    }), !shouldForceDefault ? jsx(CheckboxInput, {
       ariaLabel: "Is Default Warehouse",
       checkboxLabel: t("manage-warehouses:isDefault"),
       control: form.control,
       form: formId,
       label: "isDefault",
       name: "isDefault"
+    }) : jsx(CheckboxInput, {
+      ariaLabel: "Is Default Warehouse",
+      checkboxLabel: warehouse ? t("manage-warehouses:forcedDefault") : t("manage-warehouses:forcedDefaultNew"),
+      control: form.control,
+      defaultValue: true,
+      disabled: true,
+      form: formId,
+      label: "isDefault",
+      name: "isDefault"
     }), jsx(CheckboxInput, {
       ariaLabel: "Return To Address Is Different",
       checkboxLabel: t("manage-warehouses:returnToAddressIsDifferent"),

package/dist/esm/components/service-card/service-card.js

@@ -35,7 +35,8 @@ const ServiceCardHeader = ({
   rateDetailsProps,
   costBreakdownProps,
   rightContentCss,
-  voided
+  voided,
+  hasRateAttributes
 }) => {
   const {
     type,
@@ -46,7 +47,7 @@ const ServiceCardHeader = ({
   return jsxs("div", {
     "data-testid": "service-card-header",
     children: [jsxs("section", {
-      css: styles.section,
+      css: styles.getSectionStyles(hasRateAttributes),
       children: [carrierCode && jsx("div", {
         css: styles.carrierImage,
         children: jsx(CarrierIcon, {

package/dist/esm/components/service-card/service-card.styles.js

@@ -45,12 +45,14 @@ const styles = createStyles({
   headerChildren: theme => ({
     padding: `${scopeTheme(theme).spacing(0)}px ${scopeTheme(theme).spacing(2)}px ${scopeTheme(theme).spacing(2)}px ${scopeTheme(theme).spacing(2)}px`
   }),
-  section: theme => ({
+  getSectionStyles: hasRateAttributes => theme => Object.assign({
     alignItems: "flex-start",
     display: "flex",
     flexDirection: "row",
     flexWrap: "nowrap",
-    padding: scopeTheme(theme).spacing(2)
+    padding: scopeTheme(theme).spacing(1.5)
+  }, hasRateAttributes && {
+    paddingTop: scopeTheme(theme).spacing(0.75)
   }),
   serviceInfo: theme => ({
     display: "flex",

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

@@ -1,5 +1,5 @@
 import { useTheme } from '@emotion/react';
-import { useGetServiceName } from '../../../hooks/use-get-service-name.js';
+import { useGetServiceData } from '../../../hooks/use-get-service-data.js';
 import { useListLabels, useExportLabels, useListSalesOrderShipments, useGetLabel } from '@shipengine/react-api';
 import { createLocalFileFromBlobResponse } from '../../../utilities/files.js';
 import { scopeTheme } from '../../../utilities/styles.js';
@@ -40,7 +40,7 @@ const useLabelsGrid = ({
   const theme = useTheme();
   const {
     getServiceName
-  } = useGetServiceName();
+  } = useGetServiceData();
   const {
     page,
     pageSize,