sag_components 2.0.0-beta292 → 2.0.0-beta293

package/dist/index.esm.js

@@ -58126,13 +58126,34 @@ const OverlayDropdown = _ref => {
   }, ["Template Offer", "Last defined by you"].includes(group.overlayName) && /*#__PURE__*/React$1.createElement(SectionTitle, null, group.overlayName), group.items.map(item => {
     const isDigitalCoupon = group.templateType === 3 && editableDigitalCoupon;
     const hasAppliedCoupons = appliedCouponsCount > 0;
-    const penColor = isDigitalCoupon && hasAppliedCoupons ? "#FF8C00" : item.value === value ? "#fff" : "#212121";
-
-    // Update label to show count for digital coupons
     let displayText = item.label;
     if (isDigitalCoupon && appliedCouponsCount > 0) {
       displayText = `Digital Coupon/s (${appliedCouponsCount})`;
     }
+    let iconToShow = null;
+    if (group.templateType === 2) {
+      iconToShow = /*#__PURE__*/React$1.createElement(ChervronRightIcon, {
+        fill: item.value === value ? "#fff" : "#212121"
+      });
+    } else if (isDigitalCoupon) {
+      if (hasAppliedCoupons) {
+        iconToShow = /*#__PURE__*/React$1.createElement(PenIcon, {
+          color: item.value === value ? "#fff" : "#212121",
+          width: "16",
+          height: "16"
+        });
+      } else {
+        iconToShow = /*#__PURE__*/React$1.createElement(ChervronRightIcon, {
+          fill: item.value === value ? "#fff" : "#212121"
+        });
+      }
+    } else if (item.value === value) {
+      iconToShow = /*#__PURE__*/React$1.createElement(OkIcon, {
+        width: "22px",
+        height: "22px",
+        color: "#fff"
+      });
+    }
     return /*#__PURE__*/React$1.createElement(DropdownItem, {
       key: item.value,
       selected: item.value === value,
@@ -58171,17 +58192,7 @@ const OverlayDropdown = _ref => {
     }, /*#__PURE__*/React$1.createElement(TruncatedText, {
       onMouseEnter: () => setHoveredText(displayText),
       onMouseLeave: () => setHoveredText(null)
-    }, displayText), group.templateType === 2 ? /*#__PURE__*/React$1.createElement(ChervronRightIcon, {
-      fill: item.value === value ? "#fff" : "#212121"
-    }) : isDigitalCoupon ? /*#__PURE__*/React$1.createElement(PenIcon, {
-      color: penColor,
-      width: "16",
-      height: "16"
-    }) : item.value === value && /*#__PURE__*/React$1.createElement(OkIcon, {
-      width: "22px",
-      height: "22px",
-      color: "#fff"
-    }));
+    }, displayText), iconToShow);
   })))), templateDialog && /*#__PURE__*/React$1.createElement(OverlayTemplateDialog, {
     open: true,
     onClose: () => setTemplateDialog(null),