@itilite/iui-user-management 1.4.4992 → 1.4.4994

package/dist/index.css

@@ -363,7 +363,7 @@
 ._AJzhr ._u-SZq {
   background: white;
   border-radius: 12px;
-  border: 1px solid #d1d5db;
+  border: 1px solid #F1F3F5;
   max-height: 305px;
   overflow-y: auto;
   position: relative;
@@ -420,14 +420,12 @@
   line-height: 20px;
 }
 ._2d9GY img {
-  height: 40px;
   width: 48px;
-  max-height: 40px;
   max-width: 48px;
-  border-radius: 6px;
+  border-radius: 4px;
   -o-object-fit: contain;
      object-fit: contain;
-  border: 1px solid #d1d5db;
+  border: 1px solid #F1F3F5;
 }
 
 ._35aiF ._2d5UD {
@@ -483,6 +481,7 @@
   -o-object-fit: contain;
      object-fit: contain;
   border-radius: 8px;
+  border: 1px solid #f1f3f5;
 }
 ._35aiF ._10Fx3 {
   display: flex;
@@ -523,21 +522,26 @@
 ._2cSoW ._1Thb8 p {
   margin-left: 10px;
   margin-bottom: 0;
+  margin-top: 0;
   max-width: 180px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+._2cSoW ._O51oP {
+  height: 40px;
+  display: flex;
+  align-items: center;
+}
 ._2cSoW ._3CdwB {
   width: 48px;
-  height: 40px;
   border-radius: 4px;
   -o-object-fit: contain;
      object-fit: contain;
+  height: auto;
 }
 ._2cSoW img {
   width: 48px;
-  height: 40px;
   -o-object-fit: cover;
      object-fit: cover;
   border-radius: 4px;

package/dist/index.js

@@ -4488,7 +4488,7 @@ var ExpandLessIcon = function ExpandLessIcon(props) {
   }));
 };
 
-var styles$3 = {"loyaltymodal":"_2LnGt","membershipDeleteModal":"_2LdH8","divider":"_3v2HU","selectSearchBox":"_1bAuu","chevronIcon":"_33J5X","selectWrapper":"_AJzhr","membershipList":"_u-SZq","list":"_2GyN2","memberItem":"_2d9GY","membershipDetails":"_194K1","title":"_l3kQ9","subtitle":"_33IR-","saveMembership":"_35aiF","newMembershipIcon":"_2d5UD","loading":"_1quY2","searchInput":"_1oiP4","membershipChainInfo":"_10Fx3","addNewMembership":"_3Y8Dj","savedMembership":"_2cSoW","iconWrapper":"_1Thb8","icon":"_3CdwB","number":"_1eJyq","actions":"_f_N1r"};
+var styles$3 = {"loyaltymodal":"_2LnGt","membershipDeleteModal":"_2LdH8","divider":"_3v2HU","selectSearchBox":"_1bAuu","chevronIcon":"_33J5X","selectWrapper":"_AJzhr","membershipList":"_u-SZq","list":"_2GyN2","memberItem":"_2d9GY","membershipDetails":"_194K1","title":"_l3kQ9","subtitle":"_33IR-","saveMembership":"_35aiF","newMembershipIcon":"_2d5UD","loading":"_1quY2","searchInput":"_1oiP4","membershipChainInfo":"_10Fx3","addNewMembership":"_3Y8Dj","savedMembership":"_2cSoW","iconWrapper":"_1Thb8","iconPar":"_O51oP","icon":"_3CdwB","number":"_1eJyq","actions":"_f_N1r"};
 
 var ChevronNext = function ChevronNext(_ref) {
   var _ref$color = _ref.color,
@@ -4718,7 +4718,18 @@ var RenderList = function RenderList(_ref) {
       },
       key: item.id,
       className: styles$3.memberItem
-    }, item !== null && item !== void 0 && item.loyalty_program_image_url ? /*#__PURE__*/React__default.createElement("img", {
+    }, item !== null && item !== void 0 && item.loyalty_program_image_url ? /*#__PURE__*/React__default.createElement("div", {
+      style: {
+        background: "url(" + (item === null || item === void 0 ? void 0 : item.loyalty_program_image_url) + ")",
+        backgroundSize: 600,
+        borderRadius: 6,
+        border: '1px solid #F1F3F5',
+        backgroundPosition: 'top',
+        height: 40,
+        display: 'flex',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React__default.createElement("img", {
       src: item === null || item === void 0 ? void 0 : item.loyalty_program_image_url,
       alt: item.title,
       onError: function onError(e) {
@@ -4726,7 +4737,7 @@ var RenderList = function RenderList(_ref) {
         var fallbackContainer = e.target.nextElementSibling;
         if (fallbackContainer) fallbackContainer.style.display = 'block';
       }
-    }) : /*#__PURE__*/React__default.createElement("div", {
+    })) : /*#__PURE__*/React__default.createElement("div", {
       className: styles$3.newMembershipIcon
     }, /*#__PURE__*/React__default.createElement(FallbackIcon, null)), /*#__PURE__*/React__default.createElement("div", {
       className: styles$3.newMembershipIcon,
@@ -4906,7 +4917,16 @@ var SavedMemberships = function SavedMemberships(_ref) {
       key: ind
     }, /*#__PURE__*/React__default.createElement("div", {
       className: styles$3.iconWrapper
-    }, loyalty_program_image_url ? /*#__PURE__*/React__default.createElement("img", {
+    }, loyalty_program_image_url ? /*#__PURE__*/React__default.createElement("div", {
+      className: styles$3.iconPar,
+      style: {
+        background: "url(" + loyalty_program_image_url + ")",
+        backgroundSize: 600,
+        borderRadius: 6,
+        border: '1px solid #F1F3F5',
+        backgroundPosition: 'top'
+      }
+    }, /*#__PURE__*/React__default.createElement("img", {
       src: loyalty_program_image_url,
       alt: name,
       className: styles$3.icon,
@@ -4914,9 +4934,8 @@ var SavedMemberships = function SavedMemberships(_ref) {
         e.target.style.display = 'none';
         var fallbackContainer = e.target.nextElementSibling;
         if (fallbackContainer) fallbackContainer.style.display = 'block';
-        console.log(fallbackContainer, 'xxx4');
       }
-    }) : /*#__PURE__*/React__default.createElement(FallbackIcon, {
+    })) : /*#__PURE__*/React__default.createElement(FallbackIcon, {
       type: type
     }), /*#__PURE__*/React__default.createElement("div", {
       className: styles$3.newMembershipIcon,