@thecb/components 5.8.2-beta.3 → 5.8.2-beta.6

package/dist/index.cjs.js

@@ -4878,7 +4878,7 @@ var MUSTARD_YELLOW = "#FFD459";
 var FIRE_YELLOW = "#B34A00"; // ORANGE
 
 var CARROT_ORANGE = "#ED9620";
-var ZEST_ORANGE = "#F47820";
+var ZEST_ORANGE = "#B84A00";
 var APRICOT_ORANGE = "#FFE8D8"; // RED
 
 var RED = "#FF0000";
@@ -13789,8 +13789,7 @@ var TimeoutImage = function TimeoutImage() {
   })))));
 };
 
-var AutopayOnIcon = function AutopayOnIcon(_ref) {
-  var themeValues = _ref.themeValues;
+var AutopayOnIcon = function AutopayOnIcon() {
   return /*#__PURE__*/React__default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "12",
@@ -13803,14 +13802,12 @@ var AutopayOnIcon = function AutopayOnIcon(_ref) {
     strokeWidth: "1"
   }, /*#__PURE__*/React__default.createElement("path", {
     className: "autopayIcon",
-    fill: themeValues.primaryColor,
+    fill: SEA_GREEN,
     fillRule: "nonzero",
     d: "M1.898 5.75c.079 0 .141-.02.188-.059a.281.281 0 00.094-.152 3.825 3.825 0 011.394-2.144A3.838 3.838 0 016 2.563c.5 0 .98.09 1.441.27.461.179.88.44 1.254.784l-.984.985A.542.542 0 007.547 5c0 .156.055.29.164.398.11.11.242.165.398.165h3.141c.156 0 .289-.055.398-.165A.542.542 0 0011.812 5V1.86a.542.542 0 00-.164-.399.542.542 0 00-.398-.164.542.542 0 00-.398.164l-.844.844A5.699 5.699 0 006 .688c-.938 0-1.809.207-2.613.62-.805.415-1.48.981-2.028 1.7A5.726 5.726 0 00.281 5.422a.265.265 0 00.059.223c.055.07.129.105.222.105h1.336zM6 12.312c.937 0 1.809-.207 2.613-.62a5.919 5.919 0 002.028-1.7 5.726 5.726 0 001.078-2.414.265.265 0 00-.059-.223.267.267 0 00-.223-.105h-1.335c-.079 0-.141.02-.188.059a.281.281 0 00-.094.152 3.825 3.825 0 01-1.394 2.144c-.711.555-1.52.833-2.426.833-.5 0-.98-.09-1.441-.27a3.985 3.985 0 01-1.254-.785l.984-.985A.542.542 0 004.453 8a.542.542 0 00-.164-.398.542.542 0 00-.398-.164H.75a.542.542 0 00-.398.164A.542.542 0 00.187 8v3.14c0 .157.055.29.165.4.109.108.242.163.398.163.156 0 .29-.055.398-.164l.844-.844A5.699 5.699 0 006 12.312z"
   })));
 };
 
-var AutopayOnIcon$1 = themeComponent(AutopayOnIcon, "Icons", fallbackValues$2, "primary");
-
 var NotFoundIcon = function NotFoundIcon() {
   return /*#__PURE__*/React__default.createElement("svg", {
     width: "548px",
@@ -40405,7 +40402,7 @@ var AutopayModal = function AutopayModal(_ref) {
           }, /*#__PURE__*/React__default.createElement(Cluster, {
             justify: isMobile ? "flex-start" : "flex-end",
             align: "center"
-          }, /*#__PURE__*/React__default.createElement(AutopayOnIcon$1, null), /*#__PURE__*/React__default.createElement(Text$1, {
+          }, /*#__PURE__*/React__default.createElement(AutopayOnIcon, null), /*#__PURE__*/React__default.createElement(Text$1, {
             variant: "pS",
             onClick: function onClick() {
               return toggleModal(true);
@@ -40492,7 +40489,8 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
       autoPaySchedule = _ref.autoPaySchedule,
       paymentPlanSchedule = _ref.paymentPlanSchedule,
       isPaymentPlan = _ref.isPaymentPlan,
-      nextAutopayDate = _ref.nextAutopayDate;
+      nextAutopayDate = _ref.nextAutopayDate,
+      obligationAssocID = _ref.obligationAssocID;
   var planType = isPaymentPlan ? "Payment Plan" : "Autopay";
 
   var _useState = React.useState(false),
@@ -40517,7 +40515,7 @@ var PaymentDetailsActions = function PaymentDetailsActions(_ref) {
   };
 
   var handleDetailsClick = function handleDetailsClick() {
-    setDetailedObligation(obligations, config);
+    setDetailedObligation(obligations, config, obligationAssocID);
     navigateToDetailedObligation(detailsSlug);
   };
 
@@ -40800,7 +40798,8 @@ var Obligation = function Obligation(_ref) {
     actions: actions,
     isMobile: isMobile,
     isPaymentPlan: isPaymentPlan,
-    nextAutopayDate: nextAutopayDate
+    nextAutopayDate: nextAutopayDate,
+    obligationAssocID: obligationAssocID
   }))), isMobile && /*#__PURE__*/React__default.createElement(PaymentDetailsActions, {
     obligations: obligations,
     autoPayEnabled: autoPayEnabled,
@@ -40814,7 +40813,8 @@ var Obligation = function Obligation(_ref) {
     actions: actions,
     isMobile: isMobile,
     isPaymentPlan: isPaymentPlan,
-    nextAutopayDate: nextAutopayDate
+    nextAutopayDate: nextAutopayDate,
+    obligationAssocID: obligationAssocID
   }));
   var inactiveObligation = /*#__PURE__*/React__default.createElement(Box, {
     padding: "0",
@@ -43174,7 +43174,7 @@ exports.AddressForm = AddressForm;
 exports.Alert = Alert$1;
 exports.AllocatedIcon = AllocatedIcon;
 exports.AmountCallout = AmountCallout$1;
-exports.AutopayOnIcon = AutopayOnIcon$1;
+exports.AutopayOnIcon = AutopayOnIcon;
 exports.BankIcon = BankIcon;
 exports.Box = Box;
 exports.BoxWithShadow = BoxWithShadow$1;