@shipengine/elements 2.26.5 → 2.27.0

package/dist/cjs/workflows/onboarding/components/terms-agreement-step/terms-agreement-step.cjs

@@ -22,13 +22,14 @@ const TermsAgreementStep = ({
   fundingSourceRequiredTerms,
   showStampsLogo = false
 }) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const {
     t
   } = reactI18next.useTranslation("onboarding");
   const {
     globalFeatures: {
-      enableParcelGuard
+      enableParcelGuard,
+      enableXCover
     }
   } = elementsContextProvider.useElements();
   const carrierFriendlyNames = useCarrierMetadata.useCarrierMetadata();
@@ -41,11 +42,12 @@ const TermsAgreementStep = ({
     };
   });
   const insuranceProviderTerms = (_a = insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.flatMap(p => p.terms)) !== null && _a !== void 0 ? _a : [];
-  const showParcelGuard = enableParcelGuard && ((_b = insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.length) !== null && _b !== void 0 ? _b : 0) > 0;
-  const hasInsuranceToRegister = showParcelGuard && ((_c = insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.length) !== null && _c !== void 0 ? _c : 0) > 0;
+  const showParcelGuard = enableParcelGuard && ((_b = insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles[0]) === null || _b === void 0 ? void 0 : _b.friendlyName) === "ParcelGuard";
+  const showXCover = enableXCover && ((_c = insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles[0]) === null || _c === void 0 ? void 0 : _c.friendlyName) === "XCover";
+  const hasInsuranceToRegister = (showParcelGuard || showXCover) && ((_d = insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.length) !== null && _d !== void 0 ? _d : 0) > 0;
   const hasEnabledCarriersConfigurationError = !showStampsLogo && (!enabledCarrierProfiles || (enabledCarrierProfiles === null || enabledCarrierProfiles === void 0 ? void 0 : enabledCarrierProfiles.length) === 0);
-  const hasAlreadyConnectedCarriers = ((_d = enabledCarrierProfiles === null || enabledCarrierProfiles === void 0 ? void 0 : enabledCarrierProfiles.length) !== null && _d !== void 0 ? _d : 0) > 0 && carrierProfilesToRegister.length === 0 && (insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.length) === 0;
-  const hasCarriersToRegister = ((_e = enabledCarrierProfiles === null || enabledCarrierProfiles === void 0 ? void 0 : enabledCarrierProfiles.length) !== null && _e !== void 0 ? _e : 0) > 0 && carrierProfilesToRegister.length > 0;
+  const hasAlreadyConnectedCarriers = ((_e = enabledCarrierProfiles === null || enabledCarrierProfiles === void 0 ? void 0 : enabledCarrierProfiles.length) !== null && _e !== void 0 ? _e : 0) > 0 && carrierProfilesToRegister.length === 0 && (insuranceProviderProfiles === null || insuranceProviderProfiles === void 0 ? void 0 : insuranceProviderProfiles.length) === 0;
+  const hasCarriersToRegister = ((_f = enabledCarrierProfiles === null || enabledCarrierProfiles === void 0 ? void 0 : enabledCarrierProfiles.length) !== null && _f !== void 0 ? _f : 0) > 0 && carrierProfilesToRegister.length > 0;
   // Handle case where partner has not correctly enabled carriers and there is no insurance to register
   // Insurance does not get set in the same enabled carriers list and should bypass this check
   if (hasEnabledCarriersConfigurationError && !hasInsuranceToRegister) {

package/dist/cjs/workflows/onboarding/components/terms-agreement-step/use-terms-agreement-step.cjs

@@ -69,25 +69,10 @@ const useTermsAgreementStep = ({
     });
   }, [fundingSourceRequiredTerms, fundingSources, carriers, enabledCarrierProfiles]);
   const insuranceProviderProfiles = React.useMemo(() => {
-    const insuranceProfiles = fundingSourceMetadata === null || fundingSourceMetadata === void 0 ? void 0 : fundingSourceMetadata.defaultFundingSourceProfile.optionalTerms.map(terms => {
-      return Object.assign(Object.assign({}, insurance.getInsuranceProviderWithFriendlyName(terms.termType)), {
-        terms
-      });
-    });
-    if (!insuranceProfiles) return [];
-    // filter out insurance profiles that are already connected from insurance accepted terms
-    const connectedInsuranceProfiles = insuranceAcceptedTerms === null || insuranceAcceptedTerms === void 0 ? void 0 : insuranceAcceptedTerms.acceptedTerms.map(terms => {
-      return Object.assign(Object.assign({}, insurance.getInsuranceProviderWithFriendlyName(terms.termType)), {
-        terms
-      });
-    });
-    return insuranceProfiles.filter(profile => {
-      const isConnected = connectedInsuranceProfiles === null || connectedInsuranceProfiles === void 0 ? void 0 : connectedInsuranceProfiles.some(c => c.terms.termType === profile.terms.termType);
-      if (isConnected) {
-        return false;
-      }
-      return true;
-    });
+    const optionalTerms = fundingSourceMetadata === null || fundingSourceMetadata === void 0 ? void 0 : fundingSourceMetadata.defaultFundingSourceProfile.optionalTerms;
+    const acceptedTerms = insuranceAcceptedTerms === null || insuranceAcceptedTerms === void 0 ? void 0 : insuranceAcceptedTerms.acceptedTerms;
+    const profiles = insurance.groupTermsByProvider(optionalTerms);
+    return insurance.filterProfilesByAcceptedTerms(profiles, acceptedTerms);
   }, [fundingSourceMetadata, insuranceAcceptedTerms]);
   const handleSubmitTermsAgreement = React.useCallback(() => {
     onStepComplete();

package/dist/esm/assets/xcover/logo.svg.js

@@ -0,0 +1,23 @@
+import * as React from '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.createElement("svg", _extends({
+    width: 55,
+    height: 55,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path || (_path = /*#__PURE__*/React.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.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.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"
+  })));
+};
+
+export { SvgLogo as default };

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

@@ -0,0 +1 @@
+export { RateAttributeItem } from './rate-attribute-item.js';

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

@@ -0,0 +1,54 @@
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { useHoverableTooltip, Typography, Icon, IconSize, Tooltip } from '@shipengine/giger';
+import { IconNames } from '@shipengine/giger-theme';
+import { useRef } from 'react';
+import { useTranslation } from 'react-i18next';
+import { styles } from './rate-attribute-item.styles.js';
+
+const RateAttributeItem = ({
+  attribute,
+  tooltipId
+}) => {
+  const {
+    t
+  } = useTranslation("purchase-label");
+  const tooltipRef = useRef(null);
+  const {
+    opened
+  } = 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 jsxs("li", {
+    css: styles.attribute,
+    children: [jsx(Typography, {
+      component: "span",
+      variant: "small",
+      children: rateAttribute.name
+    }), jsx(Icon, {
+      css: styles.attributeIcon,
+      name: IconNames.INFO_FILLED,
+      ref: tooltipRef,
+      size: IconSize.SIZE_SMALL
+    }), tooltipRef.current && jsx(Tooltip, {
+      id: tooltipId,
+      isOpen: opened,
+      reference: tooltipRef.current,
+      children: rateAttribute.description
+    })]
+  });
+};
+
+export { RateAttributeItem };

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

@@ -0,0 +1,25 @@
+import { createStyles, scopeTheme } from '../../../../../utilities/styles.js';
+
+const borderRadius = "7px";
+const styles = createStyles({
+  attribute: theme => ({
+    color: scopeTheme(theme).palette.white,
+    padding: `2px ${scopeTheme(theme).spacing()}px`,
+    backgroundColor: 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: scopeTheme(theme).spacing(0.5)
+  })
+});
+
+export { styles };

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

@@ -6,6 +6,7 @@ import { useMemo } from 'react';
 import { useTranslation, Trans } from 'react-i18next';
 import { ServiceCardContainer, ServiceCardHeader, ServiceCardFooter } from '../../../service-card/service-card.js';
 import { styles } from './rate-card.styles.js';
+import { RateAttributeItem } from './rate-attribute-item/rate-attribute-item.js';
 import { ServicePoints } from '../../../service-points/service-points.js';
 
 const getDeliveryDaysLabel = deliveryDays => {
@@ -85,6 +86,7 @@ const RateCard = ({
   onPaperlessAcknowledgementChange,
   onSelectServicePoint,
   otherAmount,
+  rateAttributes,
   rateId,
   requiresAcknowledgement,
   rateAcknowledgementMessage,
@@ -160,47 +162,55 @@ const RateCard = ({
     className: className,
     onClick: onRateCardClick,
     selected: selected,
-    children: [isPreferredRate && jsx("section", {
-      "aria-label": "Rate Savings",
-      css: styles.rateSavingsSection,
-      children: rateSavings ? jsx("div", {
-        css: styles.rateSavings,
-        children: t("purchase-label:rates.rateSavings", {
-          amount: rateSavings
-        })
-      }) : selected ? jsx("div", {
-        css: styles.rateSavings,
-        children: jsx(Icon, {
-          name: IconNames.CHECK_MARK,
-          size: IconSize.SIZE_SMALL
-        })
-      }) : null
-    }), jsx(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 ? jsxs("div", {
-          "aria-label": t("purchase-label:paperlessAvailable"),
-          css: styles.paperlessText,
-          children: [jsx(Icon, {
-            name: IconNames.SCAN_QR,
-            size: IconSize.SIZE_MEDIUM
-          }), jsx(Typography, {
-            variant: "small",
-            children: t("purchase-label:paperlessAvailable")
-          })]
-        }) : undefined,
-        type: serviceType
-      }
+    children: [!!(rateAttributes === null || rateAttributes === void 0 ? void 0 : rateAttributes.length) && jsx("ul", {
+      css: styles.attributeList,
+      children: rateAttributes.map((attr, index) => jsx(RateAttributeItem, {
+        attribute: attr,
+        tooltipId: `rate-attribute-tooltip-${rateId}-${index}`
+      }, attr))
+    }), jsxs("div", {
+      children: [isPreferredRate && jsx("section", {
+        "aria-label": "Rate Savings",
+        css: styles.rateSavingsSection,
+        children: rateSavings ? jsx("div", {
+          css: styles.rateSavings,
+          children: t("purchase-label:rates.rateSavings", {
+            amount: rateSavings
+          })
+        }) : selected ? jsx("div", {
+          css: styles.rateSavings,
+          children: jsx(Icon, {
+            name: IconNames.CHECK_MARK,
+            size: IconSize.SIZE_SMALL
+          })
+        }) : null
+      }), jsx(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 ? jsxs("div", {
+            "aria-label": t("purchase-label:paperlessAvailable"),
+            css: styles.paperlessText,
+            children: [jsx(Icon, {
+              name: IconNames.SCAN_QR,
+              size: IconSize.SIZE_MEDIUM
+            }), jsx(Typography, {
+              variant: "small",
+              children: t("purchase-label:paperlessAvailable")
+            })]
+          }) : undefined,
+          type: serviceType
+        }
+      })]
     }), servicePoints && jsxs(Fragment, {
       children: [jsx(Divider, {
         css: styles.divider
@@ -229,7 +239,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/esm/components/field/rate-select/rate-card/rate-card.styles.js

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

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

@@ -15,6 +15,37 @@ const optionWithEnabledData = option => {
   const optionWithEnabledData = __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,
@@ -35,58 +66,58 @@ const RateSelect = _a => {
           options
         } = _a,
         field = __rest(_a, ["options"]);
+      // Sort rates by attributes: best_value > cheapest > fastest > remaining
+      const sortedOptions = options ? sortRatesByAttributes(options) : [];
       return jsx("div", {
         "aria-label": "Rate Selection",
         role: "radiogroup",
-        children: options === null || options === void 0 ? void 0 : options.map(option => {
-          return createElement(RateCard, Object.assign({
-            mapViewEnabled: mapViewEnabled
-          }, optionWithEnabledData(option), {
-            carrierNickname: nicknameFeature ? option.carrierNickname || `ID: ${option.carrierId}` : undefined,
-            css: 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(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 => createElement(RateCard, Object.assign({
+          mapViewEnabled: mapViewEnabled
+        }, optionWithEnabledData(option), {
+          carrierNickname: nicknameFeature ? option.carrierNickname || `ID: ${option.carrierId}` : undefined,
+          css: 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(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/esm/components/forms/register-funding-source-insurance-form/register-funding-source-insurance-form.js

@@ -71,7 +71,7 @@ const RegisterFundingSourceInsuranceForm = ({
           children: [t(`sections.insuranceProviders.${insuranceProviderProfile === null || insuranceProviderProfile === void 0 ? void 0 : insuranceProviderProfile.provider}.terms`), jsxs(Link, {
             "aria-label": "Opens in a new tab",
             css: 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/esm/data/insurance-provider-metadatas.json.js

@@ -2,13 +2,18 @@ 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
 };
 
-export { _insuranceProviderMetadata as default, parcelguard_terms, x_cover_terms };
+export { _insuranceProviderMetadata as default, parcelguard_terms, xcover_information, xcover_terms };