@shipengine/elements 2.26.5 → 2.28.0

package/dist/cjs/assets/xcover/logo.svg.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _path, _path2, _path3;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgLogo = function SvgLogo(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 55,
+    height: 55,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "m37.192 29.2-4.853-8.145 4.622-8.135a.65.65 0 0 0 0-.598.525.525 0 0 0-.195-.222.567.567 0 0 0-.29-.089H30.41a.593.593 0 0 0-.283.082.554.554 0 0 0-.202.206l-1.735 3.118 2.96 4.994a1.402 1.402 0 0 1 0 1.426l-2.766 4.89 1.868 3.118c.047.081.115.15.198.198a.58.58 0 0 0 .276.078h6.053a.617.617 0 0 0 .293-.092.575.575 0 0 0 .205-.218.64.64 0 0 0 0-.61",
+    fill: "#FFE600"
+  })), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "m29.622 20.825-2.706-4.545-2.341-4.004a.555.555 0 0 0-.204-.2.593.593 0 0 0-.281-.076h-5.981a.579.579 0 0 0-.29.09.538.538 0 0 0-.196.22.64.64 0 0 0 0 .61l4.853 8.216-4.634 8.053a.618.618 0 0 0 0 .599c.044.09.11.17.194.23a.48.48 0 0 1 .121 0 .951.951 0 0 0 .17 0h6.066a.567.567 0 0 0 .288-.084.527.527 0 0 0 .197-.215l2.196-3.832 2.548-4.406a.63.63 0 0 0 0-.633",
+    fill: "#FFE600"
+  })), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M2.703 40.333.147 36.31a.232.232 0 0 1-.005-.248.225.225 0 0 1 .223-.106h1.849a.269.269 0 0 1 .202.118l1.453 2.362 1.476-2.362a.259.259 0 0 1 .202-.118h1.849c.217 0 .334.19.217.354l-2.571 4.023 2.657 4.244a.23.23 0 0 1-.077.337.224.224 0 0 1-.125.025h-1.74a.284.284 0 0 1-.218-.118l-1.655-2.59-1.647 2.59a.299.299 0 0 1-.217.118H.264c-.218 0-.335-.197-.218-.362l2.657-4.244ZM13.828 35.973a4.095 4.095 0 0 1 2.987 1.156.238.238 0 0 1 0 .352l-.963 1.01a.226.226 0 0 1-.31 0 2.495 2.495 0 0 0-1.668-.635c-.67 0-1.312.269-1.785.747a2.561 2.561 0 0 0-.739 1.802c0 .676.266 1.324.74 1.802a2.511 2.511 0 0 0 1.784.747 2.622 2.622 0 0 0 1.652-.597.233.233 0 0 1 .319 0l.97 1.033a.262.262 0 0 1 0 .337 4.238 4.238 0 0 1-3.032 1.21 4.41 4.41 0 0 1-1.758-.288 4.443 4.443 0 0 1-1.506-.96 4.53 4.53 0 0 1 0-6.484c.433-.42.945-.746 1.506-.96a4.409 4.409 0 0 1 1.758-.287l.045.015ZM23.211 35.954a4.635 4.635 0 0 1 2.546.75 4.512 4.512 0 0 1 1.691 2.011c.35.82.443 1.724.269 2.596a4.47 4.47 0 0 1-1.247 2.305 4.6 4.6 0 0 1-2.34 1.236 4.653 4.653 0 0 1-2.645-.25 4.56 4.56 0 0 1-2.057-1.652 4.436 4.436 0 0 1 .553-5.674c.424-.418.927-.75 1.481-.977a4.638 4.638 0 0 1 1.75-.345Zm0 6.98c.504.004.998-.14 1.418-.414.42-.273.748-.662.942-1.119.194-.456.246-.96.149-1.445a2.483 2.483 0 0 0-.697-1.281 2.556 2.556 0 0 0-1.304-.684 2.583 2.583 0 0 0-1.472.146 2.53 2.53 0 0 0-1.14.926 2.464 2.464 0 0 0 .323 3.14 2.564 2.564 0 0 0 1.781.732ZM29.234 36.281a.219.219 0 0 1 .015-.225.23.23 0 0 1 .09-.078.24.24 0 0 1 .12-.022h1.737a.245.245 0 0 1 .216.14l2.153 4.646h.08l2.154-4.646a.251.251 0 0 1 .092-.1.262.262 0 0 1 .132-.04h1.73a.23.23 0 0 1 .217.095.213.213 0 0 1 .006.23l-4.098 8.52a.227.227 0 0 1-.086.101.238.238 0 0 1-.13.038h-.129a.246.246 0 0 1-.134-.037.235.235 0 0 1-.09-.102l-4.075-8.52ZM39.415 36.199a.25.25 0 0 1 .076-.171.263.263 0 0 1 .176-.074h5.48c.066 0 .13.026.177.072a.241.241 0 0 1 .074.173v1.39a.241.241 0 0 1-.074.173.255.255 0 0 1-.178.071h-3.66v1.58h3.01a.263.263 0 0 1 .177.073.249.249 0 0 1 .076.171v1.406a.242.242 0 0 1-.074.173.256.256 0 0 1-.178.072h-3.012v1.737h3.661c.067 0 .131.026.178.072a.24.24 0 0 1 .074.173v1.405a.24.24 0 0 1-.074.173.255.255 0 0 1-.178.072h-5.479a.264.264 0 0 1-.176-.074.25.25 0 0 1-.076-.17v-8.497ZM47.862 36.199c0-.065.026-.127.073-.173a.253.253 0 0 1 .176-.071h3.923a2.843 2.843 0 0 1 1.848.626c.519.42.866 1.007.979 1.656a2.69 2.69 0 0 1-.367 1.878A2.793 2.793 0 0 1 52.96 41.3l1.796 3.26a.24.24 0 0 1-.091.35.254.254 0 0 1-.134.028h-1.748a.262.262 0 0 1-.21-.118l-1.74-3.401h-.91v3.252a.258.258 0 0 1-.077.168.269.269 0 0 1-.172.076H48.11a.253.253 0 0 1-.176-.072.242.242 0 0 1-.073-.172v-8.473Zm4.027 3.59c.268-.014.521-.127.707-.318.185-.19.29-.442.292-.705a.975.975 0 0 0-.295-.688 1.019 1.019 0 0 0-.704-.289h-1.966v2h1.966Z",
+    fill: "#000"
+  })));
+};
+
+module.exports = SvgLogo;

package/dist/cjs/components/field/rate-select/rate-card/rate-attribute-item/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var rateAttributeItem = require('./rate-attribute-item.cjs');
+
+
+
+exports.RateAttributeItem = rateAttributeItem.RateAttributeItem;

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

@@ -0,0 +1,56 @@
+'use strict';
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var giger = require('@shipengine/giger');
+var gigerTheme = require('@shipengine/giger-theme');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var rateAttributeItem_styles = require('./rate-attribute-item.styles.cjs');
+
+const RateAttributeItem = ({
+  attribute,
+  tooltipId
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation("purchase-label");
+  const tooltipRef = React.useRef(null);
+  const {
+    opened
+  } = giger.useHoverableTooltip(tooltipRef);
+  const rateAttributeMap = {
+    best_value: {
+      name: t("rates.rateAttributes.bestValue"),
+      description: t("rates.rateAttributes.bestValueTooltip")
+    },
+    cheapest: {
+      name: t("rates.rateAttributes.cheapest"),
+      description: t("rates.rateAttributes.cheapestTooltip")
+    },
+    fastest: {
+      name: t("rates.rateAttributes.fastest"),
+      description: t("rates.rateAttributes.fastestTooltip")
+    }
+  };
+  const rateAttribute = rateAttributeMap[attribute];
+  return jsxRuntime.jsxs("li", {
+    css: rateAttributeItem_styles.styles.attribute,
+    children: [jsxRuntime.jsx(giger.Typography, {
+      component: "span",
+      variant: "small",
+      children: rateAttribute.name
+    }), jsxRuntime.jsx(giger.Icon, {
+      css: rateAttributeItem_styles.styles.attributeIcon,
+      name: gigerTheme.IconNames.INFO_FILLED,
+      ref: tooltipRef,
+      size: giger.IconSize.SIZE_SMALL
+    }), tooltipRef.current && jsxRuntime.jsx(giger.Tooltip, {
+      id: tooltipId,
+      isOpen: opened,
+      reference: tooltipRef.current,
+      children: rateAttribute.description
+    })]
+  });
+};
+
+exports.RateAttributeItem = RateAttributeItem;

package/dist/cjs/components/field/rate-select/rate-card/rate-attribute-item/rate-attribute-item.styles.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var styles$1 = require('../../../../../utilities/styles.cjs');
+
+const borderRadius = "7px";
+const styles = styles$1.createStyles({
+  attribute: theme => ({
+    color: styles$1.scopeTheme(theme).palette.white,
+    padding: `2px ${styles$1.scopeTheme(theme).spacing()}px`,
+    backgroundColor: styles$1.scopeTheme(theme).palette.info.main,
+    display: "flex",
+    alignItems: "center",
+    ":first-of-type": {
+      borderTopLeftRadius: borderRadius,
+      borderBottomRightRadius: borderRadius
+    },
+    ":not(:first-of-type)": {
+      borderBottomLeftRadius: borderRadius,
+      borderBottomRightRadius: borderRadius
+    }
+  }),
+  attributeIcon: theme => ({
+    marginLeft: styles$1.scopeTheme(theme).spacing(0.5)
+  })
+});
+
+exports.styles = styles;

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

@@ -8,6 +8,7 @@ var React = require('react');
 var reactI18next = require('react-i18next');
 var serviceCard = require('../../../service-card/service-card.cjs');
 var rateCard_styles = require('./rate-card.styles.cjs');
+var rateAttributeItem = require('./rate-attribute-item/rate-attribute-item.cjs');
 var servicePoints = require('../../../service-points/service-points.cjs');
 
 const getDeliveryDaysLabel = deliveryDays => {
@@ -87,6 +88,7 @@ const RateCard = ({
   onPaperlessAcknowledgementChange,
   onSelectServicePoint,
   otherAmount,
+  rateAttributes,
   rateId,
   requiresAcknowledgement,
   rateAcknowledgementMessage,
@@ -162,47 +164,56 @@ const RateCard = ({
     className: className,
     onClick: onRateCardClick,
     selected: selected,
-    children: [isPreferredRate && jsxRuntime.jsx("section", {
-      "aria-label": "Rate Savings",
-      css: rateCard_styles.styles.rateSavingsSection,
-      children: rateSavings ? jsxRuntime.jsx("div", {
-        css: rateCard_styles.styles.rateSavings,
-        children: t("purchase-label:rates.rateSavings", {
-          amount: rateSavings
-        })
-      }) : selected ? jsxRuntime.jsx("div", {
-        css: rateCard_styles.styles.rateSavings,
-        children: jsxRuntime.jsx(giger.Icon, {
-          name: gigerTheme.IconNames.CHECK_MARK,
-          size: giger.IconSize.SIZE_SMALL
-        })
-      }) : null
-    }), jsxRuntime.jsx(serviceCard.ServiceCardHeader, {
-      carrierCode: carrierCode,
-      carrierFriendlyName: carrierFriendlyName,
-      costBreakdownProps: costBreakdownCommonProps,
-      rateDetailsProps: showRateDetails ? {
-        rateDetails
-      } : undefined,
-      rightContentCss: Object.assign({}, (isPreferredRate && rateSavings || selected && isPreferredRate) && {
-        paddingTop: "1rem"
-      }),
-      serviceInfo: {
-        line1: carrierNickname,
-        line2: getDeliveryDaysLabel(deliveryDays),
-        line3: paperlessDisplaySchemes && paperlessDisplaySchemes.length > 0 ? jsxRuntime.jsxs("div", {
-          "aria-label": t("purchase-label:paperlessAvailable"),
-          css: rateCard_styles.styles.paperlessText,
-          children: [jsxRuntime.jsx(giger.Icon, {
-            name: gigerTheme.IconNames.SCAN_QR,
-            size: giger.IconSize.SIZE_MEDIUM
-          }), jsxRuntime.jsx(giger.Typography, {
-            variant: "small",
-            children: t("purchase-label:paperlessAvailable")
-          })]
-        }) : undefined,
-        type: serviceType
-      }
+    children: [!!(rateAttributes === null || rateAttributes === void 0 ? void 0 : rateAttributes.length) && jsxRuntime.jsx("ul", {
+      css: rateCard_styles.styles.attributeList,
+      children: rateAttributes.map((attr, index) => jsxRuntime.jsx(rateAttributeItem.RateAttributeItem, {
+        attribute: attr,
+        tooltipId: `rate-attribute-tooltip-${rateId}-${index}`
+      }, attr))
+    }), jsxRuntime.jsxs("div", {
+      children: [isPreferredRate && jsxRuntime.jsx("section", {
+        "aria-label": "Rate Savings",
+        css: rateCard_styles.styles.rateSavingsSection,
+        children: rateSavings ? jsxRuntime.jsx("div", {
+          css: rateCard_styles.styles.rateSavings,
+          children: t("purchase-label:rates.rateSavings", {
+            amount: rateSavings
+          })
+        }) : selected ? jsxRuntime.jsx("div", {
+          css: rateCard_styles.styles.rateSavings,
+          children: jsxRuntime.jsx(giger.Icon, {
+            name: gigerTheme.IconNames.CHECK_MARK,
+            size: giger.IconSize.SIZE_SMALL
+          })
+        }) : null
+      }), jsxRuntime.jsx(serviceCard.ServiceCardHeader, {
+        carrierCode: carrierCode,
+        carrierFriendlyName: carrierFriendlyName,
+        costBreakdownProps: costBreakdownCommonProps,
+        hasRateAttributes: !!(rateAttributes === null || rateAttributes === void 0 ? void 0 : rateAttributes.length),
+        rateDetailsProps: showRateDetails ? {
+          rateDetails
+        } : undefined,
+        rightContentCss: Object.assign({}, (isPreferredRate && rateSavings || selected && isPreferredRate) && {
+          paddingTop: "1rem"
+        }),
+        serviceInfo: {
+          line1: carrierNickname,
+          line2: getDeliveryDaysLabel(deliveryDays),
+          line3: paperlessDisplaySchemes && paperlessDisplaySchemes.length > 0 ? jsxRuntime.jsxs("div", {
+            "aria-label": t("purchase-label:paperlessAvailable"),
+            css: rateCard_styles.styles.paperlessText,
+            children: [jsxRuntime.jsx(giger.Icon, {
+              name: gigerTheme.IconNames.SCAN_QR,
+              size: giger.IconSize.SIZE_MEDIUM
+            }), jsxRuntime.jsx(giger.Typography, {
+              variant: "small",
+              children: t("purchase-label:paperlessAvailable")
+            })]
+          }) : undefined,
+          type: serviceType
+        }
+      })]
     }), servicePoints$1 && jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [jsxRuntime.jsx(giger.Divider, {
         css: rateCard_styles.styles.divider
@@ -231,7 +242,7 @@ const RateCard = ({
         "data-testid": "paperless-acknowledgement",
         label: t("purchase-label:usePaperlessLabel"),
         onChange: e => {
-          onPaperlessAcknowledgementChange === null || onPaperlessAcknowledgementChange === void 0 ? void 0 : onPaperlessAcknowledgementChange(e.target.checked, "qr_code");
+          onPaperlessAcknowledgementChange === null || onPaperlessAcknowledgementChange === void 0 ? void 0 : onPaperlessAcknowledgementChange(e.target.checked, e.target.checked ? "qr_code" : "label");
         }
       })]
     })]

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

@@ -8,6 +8,10 @@ const styles = styles$1.createStyles({
     color: styles$1.scopeTheme(theme).palette.gray.main,
     display: "flex"
   }),
+  attributeList: theme => ({
+    display: "flex",
+    gap: styles$1.scopeTheme(theme).spacing(0.5)
+  }),
   divider: theme => ({
     borderColor: styles$1.scopeTheme(theme).palette.primary.main,
     margin: "0 auto",

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

@@ -17,6 +17,37 @@ const optionWithEnabledData = option => {
   const optionWithEnabledData = _tslib.__rest(option, ["carrierNickname"]);
   return optionWithEnabledData;
 };
+/**
+ * Helper function to determine the priority of a rate attribute
+ * Priority order: best_value (0) > cheapest (1) > fastest (2) > none (3)
+ */
+const getAttributePriority = rateAttributes => {
+  if (!rateAttributes) return 3;
+  if (rateAttributes.includes("best_value")) return 0;
+  if (rateAttributes.includes("cheapest")) return 1;
+  if (rateAttributes.includes("fastest")) return 2;
+  return 3;
+};
+/**
+ * Sorts rates by their attributes, placing rates with special attributes first
+ * Sort order: best_value > cheapest > fastest > remaining rates
+ */
+const sortRatesByAttributes = rates => {
+  const ratesWithAttributes = rates.filter(rate => {
+    var _a;
+    return !!((_a = rate.rateAttributes) === null || _a === void 0 ? void 0 : _a.length);
+  });
+  const ratesWithoutAttributes = rates.filter(rate => {
+    var _a;
+    return !((_a = rate.rateAttributes) === null || _a === void 0 ? void 0 : _a.length);
+  });
+  ratesWithAttributes.sort((a, b) => {
+    const priorityA = getAttributePriority(a.rateAttributes);
+    const priorityB = getAttributePriority(b.rateAttributes);
+    return priorityA - priorityB;
+  });
+  return [...ratesWithAttributes, ...ratesWithoutAttributes];
+};
 const RateSelect = _a => {
   var {
       nicknameFeature,
@@ -37,58 +68,58 @@ const RateSelect = _a => {
           options
         } = _a,
         field = _tslib.__rest(_a, ["options"]);
+      // Sort rates by attributes: best_value > cheapest > fastest > remaining
+      const sortedOptions = options ? sortRatesByAttributes(options) : [];
       return jsxRuntime.jsx("div", {
         "aria-label": "Rate Selection",
         role: "radiogroup",
-        children: options === null || options === void 0 ? void 0 : options.map(option => {
-          return react.createElement(rateCard.RateCard, Object.assign({
-            mapViewEnabled: mapViewEnabled
-          }, optionWithEnabledData(option), {
-            carrierNickname: nicknameFeature ? option.carrierNickname || `ID: ${option.carrierId}` : undefined,
-            css: rateSelect_styles.styles.rateCardOptionStyles,
-            isAcknowledged: field.value.isAcknowledged,
-            isLoading: isLoading,
-            isPreferredRate: preferredServiceCodes && preferredServiceCodes.includes(option.serviceCode),
-            key: option.rateId,
-            onClick: rateId => {
-              var _a;
-              onClick === null || onClick === void 0 ? void 0 : onClick(rateId);
-              // if the rate supports "label_and_paperless" display scheme, use it by default
-              if ((_a = option.paperlessDisplaySchemes) === null || _a === void 0 ? void 0 : _a.includes("label_and_paperless")) {
-                field.onChange({
-                  usePaperlessLabel: true,
-                  labelDisplayScheme: "label_and_paperless",
-                  isAcknowledged: !option.requiresAcknowledgement,
-                  rateId
-                });
-              } else {
-                field.onChange({
-                  isAcknowledged: !option.requiresAcknowledgement,
-                  rateId
-                });
-              }
-              setSelectedRateCost(rates.getTotalRateAmount(option));
-            },
-            onClickAcknowledgement: isAcknowledged => field.onChange(Object.assign(Object.assign({}, field.value), {
-              isAcknowledged
-            })),
-            onPaperlessAcknowledgementChange: (usePaperless, labelDisplayScheme) => {
-              field.onChange(Object.assign(Object.assign({}, field.value), {
-                usePaperlessLabel: usePaperless,
-                labelDisplayScheme
-              }));
-              onPaperlessAcknowledgementChange === null || onPaperlessAcknowledgementChange === void 0 ? void 0 : onPaperlessAcknowledgementChange(usePaperless, labelDisplayScheme);
-            },
-            onSelectServicePoint: onSelectServicePoint,
-            paperlessDisplaySchemes: option.paperlessDisplaySchemes,
-            paperlessLabelChecked: field.value.usePaperlessLabel,
-            rateDetails: option.rateDetails,
-            selected: option.rateId === field.value.rateId,
-            selectedRateCost: selectedRateCost,
-            servicePoints: option.servicePoints,
-            showVatFeatures: showVatFeatures
-          }));
-        })
+        children: sortedOptions.map(option => react.createElement(rateCard.RateCard, Object.assign({
+          mapViewEnabled: mapViewEnabled
+        }, optionWithEnabledData(option), {
+          carrierNickname: nicknameFeature ? option.carrierNickname || `ID: ${option.carrierId}` : undefined,
+          css: rateSelect_styles.styles.rateCardOptionStyles,
+          isAcknowledged: field.value.isAcknowledged,
+          isLoading: isLoading,
+          isPreferredRate: preferredServiceCodes && preferredServiceCodes.includes(option.serviceCode),
+          key: option.rateId,
+          onClick: rateId => {
+            var _a;
+            onClick === null || onClick === void 0 ? void 0 : onClick(rateId);
+            // if the rate supports "label_and_paperless" display scheme, use it by default
+            if ((_a = option.paperlessDisplaySchemes) === null || _a === void 0 ? void 0 : _a.includes("label_and_paperless")) {
+              field.onChange({
+                usePaperlessLabel: true,
+                labelDisplayScheme: "label_and_paperless",
+                isAcknowledged: !option.requiresAcknowledgement,
+                rateId
+              });
+            } else {
+              field.onChange({
+                isAcknowledged: !option.requiresAcknowledgement,
+                rateId
+              });
+            }
+            setSelectedRateCost(rates.getTotalRateAmount(option));
+          },
+          onClickAcknowledgement: isAcknowledged => field.onChange(Object.assign(Object.assign({}, field.value), {
+            isAcknowledged
+          })),
+          onPaperlessAcknowledgementChange: (usePaperless, labelDisplayScheme) => {
+            field.onChange(Object.assign(Object.assign({}, field.value), {
+              usePaperlessLabel: usePaperless,
+              labelDisplayScheme
+            }));
+            onPaperlessAcknowledgementChange === null || onPaperlessAcknowledgementChange === void 0 ? void 0 : onPaperlessAcknowledgementChange(usePaperless, labelDisplayScheme);
+          },
+          onSelectServicePoint: onSelectServicePoint,
+          paperlessDisplaySchemes: option.paperlessDisplaySchemes,
+          paperlessLabelChecked: field.value.usePaperlessLabel,
+          rateDetails: option.rateDetails,
+          selected: option.rateId === field.value.rateId,
+          selectedRateCost: selectedRateCost,
+          servicePoints: option.servicePoints,
+          showVatFeatures: showVatFeatures
+        })))
       });
     }
   }));

package/dist/cjs/components/forms/register-funding-source-insurance-form/register-funding-source-insurance-form.cjs

@@ -73,7 +73,7 @@ const RegisterFundingSourceInsuranceForm = ({
           children: [t(`sections.insuranceProviders.${insuranceProviderProfile === null || insuranceProviderProfile === void 0 ? void 0 : insuranceProviderProfile.provider}.terms`), jsxRuntime.jsxs(giger.Link, {
             "aria-label": "Opens in a new tab",
             css: registerFundingSourceInsuranceFrom_styles.styles.termsLink,
-            href: insuranceProviderProfile === null || insuranceProviderProfile === void 0 ? void 0 : insuranceProviderProfile.terms.links[0].link,
+            href: insuranceProviderProfile === null || insuranceProviderProfile === void 0 ? void 0 : insuranceProviderProfile.terms[0].links[0].link,
             isExternal: true,
             rel: "noreferrer",
             target: "_blank",

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/data/insurance-provider-metadatas.json.cjs

@@ -6,15 +6,21 @@ var parcelguard_terms = {
 	friendlyName: "ParcelGuard",
 	provider: "parcelguard"
 };
-var x_cover_terms = {
+var xcover_terms = {
 	friendlyName: "XCover",
-	provider: "x_cover"
+	provider: "xcover"
+};
+var xcover_information = {
+	friendlyName: "XCover",
+	provider: "xcover"
 };
 var _insuranceProviderMetadata = {
 	parcelguard_terms: parcelguard_terms,
-	x_cover_terms: x_cover_terms
+	xcover_terms: xcover_terms,
+	xcover_information: xcover_information
 };
 
 exports.default = _insuranceProviderMetadata;
 exports.parcelguard_terms = parcelguard_terms;
-exports.x_cover_terms = x_cover_terms;
+exports.xcover_information = xcover_information;
+exports.xcover_terms = xcover_terms;