tabexseriescomponents 0.0.193 → 0.0.195

package/dist/index.cjs.js

@@ -7435,8 +7435,8 @@ var AccountInformation = function AccountInformation(props) {
   }));
 };
 
-var css_248z$D = ".tabs-module_tabs__36dMY {\n    position: relative;\n    height: auto;\n    display: flex;\n    width: 100% !important;\n    flex-direction: column;\n    word-wrap: break-word;\n}\n.tabs-module_tabs__36dMY input[name='tab-control'] {\n    display: none;\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy {\n    list-style-type: none;\n    padding-left: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    /* width: 30%; */\n    height: 100%;\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n    box-sizing: border-box;\n    flex: 1;\n    display: inline-block;\n    width: 100% !important;\n    text-align: left;\n    /* border-right: 1px solid #ccc; */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label {\n    font-size: 16px;\n    font-weight: 500;\n    transition: all 0.3s ease-in-out;\n    padding: 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n    white-space: nowrap;\n    /* color: var(--light2); */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label:hover {\n    outline: 0;\n    /* border-right: 5px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label.tabs-module_active__6wLfI {\n    /* border-right: 5px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(1):checked ~ ul li:nth-child(1) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(2):checked ~ ul li:nth-child(2) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(3):checked ~ ul li:nth-child(3) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(4):checked ~ ul li:nth-child(4) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n@media screen and (max-width: 800px) {\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy {\n        width: 100%;\n        display: block;\n        white-space: nowrap;\n        position: relative;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        -webkit-overflow-scrolling: touch;\n    }\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n        width: 50% !important;\n        float: none;\n        display: inline-block;\n        zoom: 1;\n        border-right: 0 !important;\n    }\n    label:hover {\n        border-right: 0 !important;\n        border-top: 3px solid !important;\n    }\n}\n@media (max-width: 576px) {\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n        width: 100% !important;\n    }\n}\n\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy {\n    flex-direction: row !important;\n}\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n    /* border-top: 5px solid #fff; */\n    margin: 0 5px;\n}\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label {\n    padding: 0 !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n";
-var tabstyles = {"tabs":"tabs-module_tabs__36dMY","tabsul":"tabs-module_tabsul__wNZqy","tabsli":"tabs-module_tabsli__-uR10","active":"tabs-module_active__6wLfI","policiestabs":"tabs-module_policiestabs__nopXD"};
+var css_248z$D = ".tabs-module_tabs__36dMY {\n    position: relative;\n    height: auto;\n    display: flex;\n    width: 100% !important;\n    flex-direction: column;\n    word-wrap: break-word;\n}\n.tabs-module_tabs__36dMY input[name='tab-control'] {\n    display: none;\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy {\n    list-style-type: none;\n    padding-left: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    /* width: 30%; */\n    height: 100%;\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n    box-sizing: border-box;\n    flex: 1;\n    display: inline-block;\n    width: 100% !important;\n    text-align: left;\n    /* border-right: 1px solid #ccc; */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label {\n    font-size: 16px;\n    font-weight: 500;\n    transition: all 0.3s ease-in-out;\n    padding: 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n    white-space: nowrap;\n    /* color: var(--light2); */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label:hover {\n    outline: 0;\n    /* border-right: 5px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label.tabs-module_active__6wLfI {\n    /* border-right: 5px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(1):checked ~ ul li:nth-child(1) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(2):checked ~ ul li:nth-child(2) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(3):checked ~ ul li:nth-child(3) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(4):checked ~ ul li:nth-child(4) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n@media screen and (max-width: 800px) {\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy {\n        width: 100%;\n        display: block;\n        white-space: nowrap;\n        position: relative;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        -webkit-overflow-scrolling: touch;\n    }\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n        width: 50% !important;\n        float: none;\n        display: inline-block;\n        zoom: 1;\n        border-right: 0 !important;\n    }\n    /* label:hover {\n        border-right: 0 !important;\n        border-top: 3px solid !important;\n    } */\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsliheaderresp__TPNhh{\n        width: 50% !important;\n    }\n    .tabs-module_accordionContainer__-MSW5 label:hover {\n        border-top: none !important;\n    }    \n}\n@media (max-width: 576px) {\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n        width: 100% !important;\n    }\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsliheaderresp__TPNhh{\n        width: 50% !important;\n    }\n}\n\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy {\n    flex-direction: row !important;\n}\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n    /* border-top: 5px solid #fff; */\n    margin: 0 5px;\n}\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label {\n    padding: 0 !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n";
+var tabstyles = {"tabs":"tabs-module_tabs__36dMY","tabsul":"tabs-module_tabsul__wNZqy","tabsli":"tabs-module_tabsli__-uR10","active":"tabs-module_active__6wLfI","tabsliheaderresp":"tabs-module_tabsliheaderresp__TPNhh","accordionContainer":"tabs-module_accordionContainer__-MSW5","policiestabs":"tabs-module_policiestabs__nopXD"};
 styleInject(css_248z$D);
 
 function ownKeys$1M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -10004,7 +10004,7 @@ var CardsSection = function CardsSection(props) {
             itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcard_with_circularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? 'scrollmenuclassnameitemSimpleproductcard' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? 'scrollmenuclassnameitemProductccard_with_imageontopleft' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_zoominonhover' ? 'scrollmenuclassnameitemProductcard_with_zoominonhover' : item.tabexsectioninfo.sectioncompname == 'Horizontalcard' ? 'scrollmenuclassnameitemProductcard_Horizontalcard' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_fullimage' :
             // : item.tabexsectioninfo.sectioncompname == 'Classiccategorycard'
             // ? 'scrollmenuclassnameitemClassiccategorycard'
-            item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? 'scrollmenuclassnameitemModernProductCard' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? 'scrollmenuclassnameitemSimplecategorycardwithtextbelow' : item.tabexsectioninfo.sectioncompname == 'Productcard7' ? 'scrollmenuclassnameitemProductcard7' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? 'scrollmenuclassnameitemMenuCard' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? 'scrollmenuclassnameitemStylishProductCard' : item.tabexsectioninfo.sectioncompname == 'ProductCardWithTextOnImage' ? 'scrollmenuclassnameitemProductCardWithTextOnImage' : item.tabexsectioninfo.sectioncompname == 'Card23' ? 'scrollmenuclassnameitemCard23' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'ModernCardWithQuantityButton' ? 'scrollmenuclassnameitemModernCardWithQuantityButton' : item.tabexsectioninfo.sectioncompname == 'CategoryCardwithhoveraction' ? 'scrollmenuclassnameitemCategoryCardwithhoveraction' : item.tabexsectioninfo.sectioncompname == 'CircleCardWithVariants' ? 'scrollmenuclassnameitemCircleCardWithVariants' : '',
+            item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? 'scrollmenuclassnameitemModernProductCard' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? 'scrollmenuclassnameitemSimplecategorycardwithtextbelow' : item.tabexsectioninfo.sectioncompname == 'Productcard7' ? 'scrollmenuclassnameitemProductcard7' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? 'scrollmenuclassnameitemMenuCard' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? 'scrollmenuclassnameitemStylishProductCard' : item.tabexsectioninfo.sectioncompname == 'ProductCardWithTextOnImage' ? 'scrollmenuclassnameitemProductCardWithTextOnImage' : item.tabexsectioninfo.sectioncompname == 'Card23' ? 'scrollmenuclassnameitemCard23' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'ModernCardWithQuantityButton' ? 'scrollmenuclassnameitemModernCardWithQuantityButton' : item.tabexsectioninfo.sectioncompname == 'CategoryCardwithhoveraction' ? 'scrollmenuclassnameitemCategoryCardwithhoveraction' : item.tabexsectioninfo.sectioncompname == 'CircleCardWithVariants' ? 'scrollmenuclassnameitemCircleCardWithVariants' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : item.tabexsectioninfo.sectioncompname == 'CategoryCardTextOnImage' ? 'scrollmenuclassnameitemCategoryCardTextOnImage' : '',
             scrollContainerClassName: 'scrollmenuclasssubscrollbar'
           }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
             return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -37235,7 +37235,7 @@ var Slideshowslide = function Slideshowslide(props) {
       className: slideshow_styles.dropdowntitle + ' col-lg-12 p-0 '
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: "m-0 p-3 text-center"
-    }, langdetect == 'en' ? sectionproperties.collectionssectiontitleen : sectionproperties.collectionssectiontitlear)), /*#__PURE__*/React__default["default"].createElement("ul", {
+    }, langdetect == 'en' ? sectionproperties.collectionssectiontitleen : sectionproperties.collectionssectiontitlear)), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 flex-column cat_dropdown_hover scrollvertical pt-3",
       style: {
         height: sectionproperties.height + 'vh',
@@ -37243,7 +37243,7 @@ var Slideshowslide = function Slideshowslide(props) {
       }
     }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.instcategories) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (item, index) {
       var _authdetailsContext$i3;
-      return /*#__PURE__*/React__default["default"].createElement("li", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": slideshow_styles.categoryname + ' row ml-0 mr-0 w-100 cursor-pointer ',
         onMouseEnter: function onMouseEnter() {
           setshowdownheadermenu(true);
@@ -37274,16 +37274,11 @@ var Slideshowslide = function Slideshowslide(props) {
       style: {
         minHeight: sectionproperties.height + 'vh'
       }
-    }, /*#__PURE__*/React__default["default"].createElement("ul", {
-      "class": "",
-      style: {
-        zIndex: 10
-      }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100"
     }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.instcategories[Choosenindex]) === null || _authdetailsContext$i8 === void 0 ? void 0 : (_authdetailsContext$i9 = _authdetailsContext$i8.parentcolletions) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.map(function (item, index) {
       var _item$collections;
-      return /*#__PURE__*/React__default["default"].createElement("li", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-4 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         "class": slideshow_styles.parentcollection + ' m-0 p-0 mb-3 cursor-pointer wordbreak wordbreak2 ',
@@ -37291,7 +37286,7 @@ var Slideshowslide = function Slideshowslide(props) {
           routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
         }
       }, langdetect == 'en' ? item.title_en : item.title_ar), item === null || item === void 0 ? void 0 : (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (item, index) {
-        return /*#__PURE__*/React__default["default"].createElement("li", {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 pl-1 pr-1"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": slideshow_styles.collectionName + ' cursor-pointer wordbreak wordbreak2 ',
@@ -37300,7 +37295,7 @@ var Slideshowslide = function Slideshowslide(props) {
           }
         }, langdetect == 'en' ? item.title_en : item.title_ar));
       }));
-    })))))))), /*#__PURE__*/React__default["default"].createElement("div", {
+    }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 col-md-12 col-sm-12 p-0 d-flex justify-content-center h-sm-auto' : 'col-lg-12 p-0 d-flex justify-content-center h-sm-auto',
       style: {
         height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
@@ -39054,9 +39049,11 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
       border: sectionproperties.generalbtn_borderwidth + 'px solid' + sectionproperties.generalbtn_bordercolor,
       borderRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
       backgroundColor: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
+      color: sectionproperties.generalbtn_textColor,
       ':hover': {
         backgroundColor: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
-        color: sectionproperties.generalbtn_textColoronhover
+        color: sectionproperties.generalbtn_textColoronhover,
+        transition: '.3s'
       }
     }),
     cart_btn: glamor.css({
@@ -39139,7 +39136,7 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
     },
     loading: "lazy"
   }), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(card_cssstyles.badgeStyles) + " allcentered "
+    "class": "".concat(card_cssstyles.badgeStyles) + ' allcentered '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
     style: {
@@ -39147,7 +39144,7 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
       fontSize: sectionproperties.badge_fontsize + 'px'
     }
   }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(card_cssstyles.floating_content) + " row m-0 align-items-center justify-content-center floating_content "
+    "class": "".concat(card_cssstyles.floating_content) + ' row m-0 align-items-center justify-content-center floating_content '
   }, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
     "class": "".concat(card_cssstyles.button_styles) + '',
     onClick: function onClick() {
@@ -39156,10 +39153,7 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
   }, /*#__PURE__*/React__default["default"].createElement(FaRegEye.FaRegEye, {
-    size: sectionproperties.generalbtn_fontsize,
-    style: {
-      color: sectionproperties.generalbtn_textColor
-    }
+    size: sectionproperties.generalbtn_fontsize
   }))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
     "class": "".concat(card_cssstyles.cart_btn) + ' ml-2 mr-2 ',
     onClick: function onClick() {
@@ -39207,10 +39201,18 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
   }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 align-items-center justify-content-start"
   }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": langdetect == 'en' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left mr-2 ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right ml-2 '
-  }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م', ' '), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": langdetect == 'en' ? "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ml-sm-3 mr-sm-3 ' : "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 '
-  }, "/ ", langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))));
+    "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م', ' '), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": "".concat(card_cssstyles.productSalePricestyles)
+  }, " / "), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto  ml-sm-3 mr-sm-3 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))));
 };
 
 function ownKeys$A(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -39238,6 +39240,7 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     showquantity = _useState6[0],
     setshowquantity = _useState6[1];
+  var NotificationManager = props.actions.NotificationManager;
   React.useEffect(function () {
     if (item.quantity == 0) {
       setshowquantity(false);
@@ -44671,7 +44674,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
   props.actions.StaticPagesLinksContext;
   props.actions.routingcountext;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
-  var NotificationManager = NotificationManager;
+  var NotificationManager = props.actions.NotificationManager;
   var _useState5 = React.useState(false),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     showquantity = _useState6[0],

package/dist/index.esm.js

@@ -7391,8 +7391,8 @@ var AccountInformation = function AccountInformation(props) {
   }));
 };
 
-var css_248z$D = ".tabs-module_tabs__36dMY {\n    position: relative;\n    height: auto;\n    display: flex;\n    width: 100% !important;\n    flex-direction: column;\n    word-wrap: break-word;\n}\n.tabs-module_tabs__36dMY input[name='tab-control'] {\n    display: none;\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy {\n    list-style-type: none;\n    padding-left: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    /* width: 30%; */\n    height: 100%;\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n    box-sizing: border-box;\n    flex: 1;\n    display: inline-block;\n    width: 100% !important;\n    text-align: left;\n    /* border-right: 1px solid #ccc; */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label {\n    font-size: 16px;\n    font-weight: 500;\n    transition: all 0.3s ease-in-out;\n    padding: 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n    white-space: nowrap;\n    /* color: var(--light2); */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label:hover {\n    outline: 0;\n    /* border-right: 5px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label.tabs-module_active__6wLfI {\n    /* border-right: 5px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(1):checked ~ ul li:nth-child(1) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(2):checked ~ ul li:nth-child(2) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(3):checked ~ ul li:nth-child(3) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(4):checked ~ ul li:nth-child(4) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n@media screen and (max-width: 800px) {\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy {\n        width: 100%;\n        display: block;\n        white-space: nowrap;\n        position: relative;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        -webkit-overflow-scrolling: touch;\n    }\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n        width: 50% !important;\n        float: none;\n        display: inline-block;\n        zoom: 1;\n        border-right: 0 !important;\n    }\n    label:hover {\n        border-right: 0 !important;\n        border-top: 3px solid !important;\n    }\n}\n@media (max-width: 576px) {\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n        width: 100% !important;\n    }\n}\n\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy {\n    flex-direction: row !important;\n}\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n    /* border-top: 5px solid #fff; */\n    margin: 0 5px;\n}\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label {\n    padding: 0 !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n";
-var tabstyles = {"tabs":"tabs-module_tabs__36dMY","tabsul":"tabs-module_tabsul__wNZqy","tabsli":"tabs-module_tabsli__-uR10","active":"tabs-module_active__6wLfI","policiestabs":"tabs-module_policiestabs__nopXD"};
+var css_248z$D = ".tabs-module_tabs__36dMY {\n    position: relative;\n    height: auto;\n    display: flex;\n    width: 100% !important;\n    flex-direction: column;\n    word-wrap: break-word;\n}\n.tabs-module_tabs__36dMY input[name='tab-control'] {\n    display: none;\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy {\n    list-style-type: none;\n    padding-left: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    /* width: 30%; */\n    height: 100%;\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n    box-sizing: border-box;\n    flex: 1;\n    display: inline-block;\n    width: 100% !important;\n    text-align: left;\n    /* border-right: 1px solid #ccc; */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label {\n    font-size: 16px;\n    font-weight: 500;\n    transition: all 0.3s ease-in-out;\n    padding: 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n    white-space: nowrap;\n    /* color: var(--light2); */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label:hover {\n    outline: 0;\n    /* border-right: 5px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label.tabs-module_active__6wLfI {\n    /* border-right: 5px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(1):checked ~ ul li:nth-child(1) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(2):checked ~ ul li:nth-child(2) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(3):checked ~ ul li:nth-child(3) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(4):checked ~ ul li:nth-child(4) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n@media screen and (max-width: 800px) {\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy {\n        width: 100%;\n        display: block;\n        white-space: nowrap;\n        position: relative;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        -webkit-overflow-scrolling: touch;\n    }\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n        width: 50% !important;\n        float: none;\n        display: inline-block;\n        zoom: 1;\n        border-right: 0 !important;\n    }\n    /* label:hover {\n        border-right: 0 !important;\n        border-top: 3px solid !important;\n    } */\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsliheaderresp__TPNhh{\n        width: 50% !important;\n    }\n    .tabs-module_accordionContainer__-MSW5 label:hover {\n        border-top: none !important;\n    }    \n}\n@media (max-width: 576px) {\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n        width: 100% !important;\n    }\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsliheaderresp__TPNhh{\n        width: 50% !important;\n    }\n}\n\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy {\n    flex-direction: row !important;\n}\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n    /* border-top: 5px solid #fff; */\n    margin: 0 5px;\n}\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label {\n    padding: 0 !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n";
+var tabstyles = {"tabs":"tabs-module_tabs__36dMY","tabsul":"tabs-module_tabsul__wNZqy","tabsli":"tabs-module_tabsli__-uR10","active":"tabs-module_active__6wLfI","tabsliheaderresp":"tabs-module_tabsliheaderresp__TPNhh","accordionContainer":"tabs-module_accordionContainer__-MSW5","policiestabs":"tabs-module_policiestabs__nopXD"};
 styleInject(css_248z$D);
 
 function ownKeys$1M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -9960,7 +9960,7 @@ var CardsSection = function CardsSection(props) {
             itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcard_with_circularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? 'scrollmenuclassnameitemSimpleproductcard' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? 'scrollmenuclassnameitemProductccard_with_imageontopleft' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_zoominonhover' ? 'scrollmenuclassnameitemProductcard_with_zoominonhover' : item.tabexsectioninfo.sectioncompname == 'Horizontalcard' ? 'scrollmenuclassnameitemProductcard_Horizontalcard' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_fullimage' :
             // : item.tabexsectioninfo.sectioncompname == 'Classiccategorycard'
             // ? 'scrollmenuclassnameitemClassiccategorycard'
-            item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? 'scrollmenuclassnameitemModernProductCard' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? 'scrollmenuclassnameitemSimplecategorycardwithtextbelow' : item.tabexsectioninfo.sectioncompname == 'Productcard7' ? 'scrollmenuclassnameitemProductcard7' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? 'scrollmenuclassnameitemMenuCard' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? 'scrollmenuclassnameitemStylishProductCard' : item.tabexsectioninfo.sectioncompname == 'ProductCardWithTextOnImage' ? 'scrollmenuclassnameitemProductCardWithTextOnImage' : item.tabexsectioninfo.sectioncompname == 'Card23' ? 'scrollmenuclassnameitemCard23' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'ModernCardWithQuantityButton' ? 'scrollmenuclassnameitemModernCardWithQuantityButton' : item.tabexsectioninfo.sectioncompname == 'CategoryCardwithhoveraction' ? 'scrollmenuclassnameitemCategoryCardwithhoveraction' : item.tabexsectioninfo.sectioncompname == 'CircleCardWithVariants' ? 'scrollmenuclassnameitemCircleCardWithVariants' : '',
+            item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? 'scrollmenuclassnameitemModernProductCard' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? 'scrollmenuclassnameitemSimplecategorycardwithtextbelow' : item.tabexsectioninfo.sectioncompname == 'Productcard7' ? 'scrollmenuclassnameitemProductcard7' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? 'scrollmenuclassnameitemMenuCard' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? 'scrollmenuclassnameitemStylishProductCard' : item.tabexsectioninfo.sectioncompname == 'ProductCardWithTextOnImage' ? 'scrollmenuclassnameitemProductCardWithTextOnImage' : item.tabexsectioninfo.sectioncompname == 'Card23' ? 'scrollmenuclassnameitemCard23' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'ModernCardWithQuantityButton' ? 'scrollmenuclassnameitemModernCardWithQuantityButton' : item.tabexsectioninfo.sectioncompname == 'CategoryCardwithhoveraction' ? 'scrollmenuclassnameitemCategoryCardwithhoveraction' : item.tabexsectioninfo.sectioncompname == 'CircleCardWithVariants' ? 'scrollmenuclassnameitemCircleCardWithVariants' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : item.tabexsectioninfo.sectioncompname == 'CategoryCardTextOnImage' ? 'scrollmenuclassnameitemCategoryCardTextOnImage' : '',
             scrollContainerClassName: 'scrollmenuclasssubscrollbar'
           }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
             return /*#__PURE__*/React.createElement("div", {
@@ -37191,7 +37191,7 @@ var Slideshowslide = function Slideshowslide(props) {
       className: slideshow_styles.dropdowntitle + ' col-lg-12 p-0 '
     }, /*#__PURE__*/React.createElement("p", {
       className: "m-0 p-3 text-center"
-    }, langdetect == 'en' ? sectionproperties.collectionssectiontitleen : sectionproperties.collectionssectiontitlear)), /*#__PURE__*/React.createElement("ul", {
+    }, langdetect == 'en' ? sectionproperties.collectionssectiontitleen : sectionproperties.collectionssectiontitlear)), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 flex-column cat_dropdown_hover scrollvertical pt-3",
       style: {
         height: sectionproperties.height + 'vh',
@@ -37199,7 +37199,7 @@ var Slideshowslide = function Slideshowslide(props) {
       }
     }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.instcategories) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (item, index) {
       var _authdetailsContext$i3;
-      return /*#__PURE__*/React.createElement("li", {
+      return /*#__PURE__*/React.createElement("div", {
         "class": slideshow_styles.categoryname + ' row ml-0 mr-0 w-100 cursor-pointer ',
         onMouseEnter: function onMouseEnter() {
           setshowdownheadermenu(true);
@@ -37230,16 +37230,11 @@ var Slideshowslide = function Slideshowslide(props) {
       style: {
         minHeight: sectionproperties.height + 'vh'
       }
-    }, /*#__PURE__*/React.createElement("ul", {
-      "class": "",
-      style: {
-        zIndex: 10
-      }
     }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100"
     }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.instcategories[Choosenindex]) === null || _authdetailsContext$i8 === void 0 ? void 0 : (_authdetailsContext$i9 = _authdetailsContext$i8.parentcolletions) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.map(function (item, index) {
       var _item$collections;
-      return /*#__PURE__*/React.createElement("li", {
+      return /*#__PURE__*/React.createElement("div", {
         "class": "col-lg-4 p-0"
       }, /*#__PURE__*/React.createElement("p", {
         "class": slideshow_styles.parentcollection + ' m-0 p-0 mb-3 cursor-pointer wordbreak wordbreak2 ',
@@ -37247,7 +37242,7 @@ var Slideshowslide = function Slideshowslide(props) {
           routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
         }
       }, langdetect == 'en' ? item.title_en : item.title_ar), item === null || item === void 0 ? void 0 : (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (item, index) {
-        return /*#__PURE__*/React.createElement("li", {
+        return /*#__PURE__*/React.createElement("div", {
           "class": "col-lg-12 pl-1 pr-1"
         }, /*#__PURE__*/React.createElement("p", {
           "class": slideshow_styles.collectionName + ' cursor-pointer wordbreak wordbreak2 ',
@@ -37256,7 +37251,7 @@ var Slideshowslide = function Slideshowslide(props) {
           }
         }, langdetect == 'en' ? item.title_en : item.title_ar));
       }));
-    })))))))), /*#__PURE__*/React.createElement("div", {
+    }))))))), /*#__PURE__*/React.createElement("div", {
       "class": sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 col-md-12 col-sm-12 p-0 d-flex justify-content-center h-sm-auto' : 'col-lg-12 p-0 d-flex justify-content-center h-sm-auto',
       style: {
         height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
@@ -39010,9 +39005,11 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
       border: sectionproperties.generalbtn_borderwidth + 'px solid' + sectionproperties.generalbtn_bordercolor,
       borderRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
       backgroundColor: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
+      color: sectionproperties.generalbtn_textColor,
       ':hover': {
         backgroundColor: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
-        color: sectionproperties.generalbtn_textColoronhover
+        color: sectionproperties.generalbtn_textColoronhover,
+        transition: '.3s'
       }
     }),
     cart_btn: css({
@@ -39095,7 +39092,7 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
     },
     loading: "lazy"
   }), item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(card_cssstyles.badgeStyles) + " allcentered "
+    "class": "".concat(card_cssstyles.badgeStyles) + ' allcentered '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0",
     style: {
@@ -39103,7 +39100,7 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
       fontSize: sectionproperties.badge_fontsize + 'px'
     }
   }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(card_cssstyles.floating_content) + " row m-0 align-items-center justify-content-center floating_content "
+    "class": "".concat(card_cssstyles.floating_content) + ' row m-0 align-items-center justify-content-center floating_content '
   }, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("button", {
     "class": "".concat(card_cssstyles.button_styles) + '',
     onClick: function onClick() {
@@ -39112,10 +39109,7 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
   }, /*#__PURE__*/React.createElement("i", {
     "class": "h-100 d-flex align-items-center justify-content-center"
   }, /*#__PURE__*/React.createElement(FaRegEye, {
-    size: sectionproperties.generalbtn_fontsize,
-    style: {
-      color: sectionproperties.generalbtn_textColor
-    }
+    size: sectionproperties.generalbtn_fontsize
   }))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
     "class": "".concat(card_cssstyles.cart_btn) + ' ml-2 mr-2 ',
     onClick: function onClick() {
@@ -39163,10 +39157,18 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
   }, item.name)), /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 align-items-center justify-content-start"
   }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
-    "class": langdetect == 'en' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left mr-2 ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right ml-2 '
-  }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م', ' '), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
-    "class": langdetect == 'en' ? "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ml-sm-3 mr-sm-3 ' : "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 '
-  }, "/ ", langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))));
+    "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م', ' '), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("span", {
+    "class": "".concat(card_cssstyles.productSalePricestyles)
+  }, " / "), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto  ml-sm-3 mr-sm-3 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))));
 };
 
 function ownKeys$A(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -39194,6 +39196,7 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     showquantity = _useState6[0],
     setshowquantity = _useState6[1];
+  var NotificationManager = props.actions.NotificationManager;
   useEffect(function () {
     if (item.quantity == 0) {
       setshowquantity(false);
@@ -44627,7 +44630,7 @@ var ModernCardWithQuantityButton = function ModernCardWithQuantityButton(props)
   props.actions.StaticPagesLinksContext;
   props.actions.routingcountext;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
-  var NotificationManager = NotificationManager;
+  var NotificationManager = props.actions.NotificationManager;
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
     showquantity = _useState6[0],

package/dist/index.umd.js

@@ -7293,8 +7293,8 @@
       }));
     };
 
-    var css_248z$D = ".tabs-module_tabs__36dMY {\n    position: relative;\n    height: auto;\n    display: flex;\n    width: 100% !important;\n    flex-direction: column;\n    word-wrap: break-word;\n}\n.tabs-module_tabs__36dMY input[name='tab-control'] {\n    display: none;\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy {\n    list-style-type: none;\n    padding-left: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    /* width: 30%; */\n    height: 100%;\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n    box-sizing: border-box;\n    flex: 1;\n    display: inline-block;\n    width: 100% !important;\n    text-align: left;\n    /* border-right: 1px solid #ccc; */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label {\n    font-size: 16px;\n    font-weight: 500;\n    transition: all 0.3s ease-in-out;\n    padding: 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n    white-space: nowrap;\n    /* color: var(--light2); */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label:hover {\n    outline: 0;\n    /* border-right: 5px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label.tabs-module_active__6wLfI {\n    /* border-right: 5px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(1):checked ~ ul li:nth-child(1) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(2):checked ~ ul li:nth-child(2) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(3):checked ~ ul li:nth-child(3) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(4):checked ~ ul li:nth-child(4) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n@media screen and (max-width: 800px) {\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy {\n        width: 100%;\n        display: block;\n        white-space: nowrap;\n        position: relative;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        -webkit-overflow-scrolling: touch;\n    }\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n        width: 50% !important;\n        float: none;\n        display: inline-block;\n        zoom: 1;\n        border-right: 0 !important;\n    }\n    label:hover {\n        border-right: 0 !important;\n        border-top: 3px solid !important;\n    }\n}\n@media (max-width: 576px) {\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n        width: 100% !important;\n    }\n}\n\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy {\n    flex-direction: row !important;\n}\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n    /* border-top: 5px solid #fff; */\n    margin: 0 5px;\n}\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label {\n    padding: 0 !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n";
-    var tabstyles = {"tabs":"tabs-module_tabs__36dMY","tabsul":"tabs-module_tabsul__wNZqy","tabsli":"tabs-module_tabsli__-uR10","active":"tabs-module_active__6wLfI","policiestabs":"tabs-module_policiestabs__nopXD"};
+    var css_248z$D = ".tabs-module_tabs__36dMY {\n    position: relative;\n    height: auto;\n    display: flex;\n    width: 100% !important;\n    flex-direction: column;\n    word-wrap: break-word;\n}\n.tabs-module_tabs__36dMY input[name='tab-control'] {\n    display: none;\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy {\n    list-style-type: none;\n    padding-left: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    /* width: 30%; */\n    height: 100%;\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n    box-sizing: border-box;\n    flex: 1;\n    display: inline-block;\n    width: 100% !important;\n    text-align: left;\n    /* border-right: 1px solid #ccc; */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label {\n    font-size: 16px;\n    font-weight: 500;\n    transition: all 0.3s ease-in-out;\n    padding: 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n    white-space: nowrap;\n    /* color: var(--light2); */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label:hover {\n    outline: 0;\n    /* border-right: 5px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label.tabs-module_active__6wLfI {\n    /* border-right: 5px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(1):checked ~ ul li:nth-child(1) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(2):checked ~ ul li:nth-child(2) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(3):checked ~ ul li:nth-child(3) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(4):checked ~ ul li:nth-child(4) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n@media screen and (max-width: 800px) {\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy {\n        width: 100%;\n        display: block;\n        white-space: nowrap;\n        position: relative;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        -webkit-overflow-scrolling: touch;\n    }\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n        width: 50% !important;\n        float: none;\n        display: inline-block;\n        zoom: 1;\n        border-right: 0 !important;\n    }\n    /* label:hover {\n        border-right: 0 !important;\n        border-top: 3px solid !important;\n    } */\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsliheaderresp__TPNhh{\n        width: 50% !important;\n    }\n    .tabs-module_accordionContainer__-MSW5 label:hover {\n        border-top: none !important;\n    }    \n}\n@media (max-width: 576px) {\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n        width: 100% !important;\n    }\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsliheaderresp__TPNhh{\n        width: 50% !important;\n    }\n}\n\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy {\n    flex-direction: row !important;\n}\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n    /* border-top: 5px solid #fff; */\n    margin: 0 5px;\n}\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label {\n    padding: 0 !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n";
+    var tabstyles = {"tabs":"tabs-module_tabs__36dMY","tabsul":"tabs-module_tabsul__wNZqy","tabsli":"tabs-module_tabsli__-uR10","active":"tabs-module_active__6wLfI","tabsliheaderresp":"tabs-module_tabsliheaderresp__TPNhh","accordionContainer":"tabs-module_accordionContainer__-MSW5","policiestabs":"tabs-module_policiestabs__nopXD"};
     styleInject(css_248z$D);
 
     function ownKeys$1M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -9862,7 +9862,7 @@
                 itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcard_with_circularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? 'scrollmenuclassnameitemSimpleproductcard' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? 'scrollmenuclassnameitemProductccard_with_imageontopleft' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_zoominonhover' ? 'scrollmenuclassnameitemProductcard_with_zoominonhover' : item.tabexsectioninfo.sectioncompname == 'Horizontalcard' ? 'scrollmenuclassnameitemProductcard_Horizontalcard' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_fullimage' :
                 // : item.tabexsectioninfo.sectioncompname == 'Classiccategorycard'
                 // ? 'scrollmenuclassnameitemClassiccategorycard'
-                item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? 'scrollmenuclassnameitemModernProductCard' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? 'scrollmenuclassnameitemSimplecategorycardwithtextbelow' : item.tabexsectioninfo.sectioncompname == 'Productcard7' ? 'scrollmenuclassnameitemProductcard7' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? 'scrollmenuclassnameitemMenuCard' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? 'scrollmenuclassnameitemStylishProductCard' : item.tabexsectioninfo.sectioncompname == 'ProductCardWithTextOnImage' ? 'scrollmenuclassnameitemProductCardWithTextOnImage' : item.tabexsectioninfo.sectioncompname == 'Card23' ? 'scrollmenuclassnameitemCard23' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'ModernCardWithQuantityButton' ? 'scrollmenuclassnameitemModernCardWithQuantityButton' : item.tabexsectioninfo.sectioncompname == 'CategoryCardwithhoveraction' ? 'scrollmenuclassnameitemCategoryCardwithhoveraction' : item.tabexsectioninfo.sectioncompname == 'CircleCardWithVariants' ? 'scrollmenuclassnameitemCircleCardWithVariants' : '',
+                item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? 'scrollmenuclassnameitemModernProductCard' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? 'scrollmenuclassnameitemSimplecategorycardwithtextbelow' : item.tabexsectioninfo.sectioncompname == 'Productcard7' ? 'scrollmenuclassnameitemProductcard7' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? 'scrollmenuclassnameitemMenuCard' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? 'scrollmenuclassnameitemStylishProductCard' : item.tabexsectioninfo.sectioncompname == 'ProductCardWithTextOnImage' ? 'scrollmenuclassnameitemProductCardWithTextOnImage' : item.tabexsectioninfo.sectioncompname == 'Card23' ? 'scrollmenuclassnameitemCard23' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'ModernCardWithQuantityButton' ? 'scrollmenuclassnameitemModernCardWithQuantityButton' : item.tabexsectioninfo.sectioncompname == 'CategoryCardwithhoveraction' ? 'scrollmenuclassnameitemCategoryCardwithhoveraction' : item.tabexsectioninfo.sectioncompname == 'CircleCardWithVariants' ? 'scrollmenuclassnameitemCircleCardWithVariants' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : item.tabexsectioninfo.sectioncompname == 'CategoryCardTextOnImage' ? 'scrollmenuclassnameitemCategoryCardTextOnImage' : '',
                 scrollContainerClassName: 'scrollmenuclasssubscrollbar'
               }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
                 return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -37093,7 +37093,7 @@
           className: slideshow_styles.dropdowntitle + ' col-lg-12 p-0 '
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           className: "m-0 p-3 text-center"
-        }, langdetect == 'en' ? sectionproperties.collectionssectiontitleen : sectionproperties.collectionssectiontitlear)), /*#__PURE__*/React__default["default"].createElement("ul", {
+        }, langdetect == 'en' ? sectionproperties.collectionssectiontitleen : sectionproperties.collectionssectiontitlear)), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 flex-column cat_dropdown_hover scrollvertical pt-3",
           style: {
             height: sectionproperties.height + 'vh',
@@ -37101,7 +37101,7 @@
           }
         }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.instcategories) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (item, index) {
           var _authdetailsContext$i3;
-          return /*#__PURE__*/React__default["default"].createElement("li", {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
             "class": slideshow_styles.categoryname + ' row ml-0 mr-0 w-100 cursor-pointer ',
             onMouseEnter: function onMouseEnter() {
               setshowdownheadermenu(true);
@@ -37132,16 +37132,11 @@
           style: {
             minHeight: sectionproperties.height + 'vh'
           }
-        }, /*#__PURE__*/React__default["default"].createElement("ul", {
-          "class": "",
-          style: {
-            zIndex: 10
-          }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100"
         }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.instcategories[Choosenindex]) === null || _authdetailsContext$i8 === void 0 ? void 0 : (_authdetailsContext$i9 = _authdetailsContext$i8.parentcolletions) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.map(function (item, index) {
           var _item$collections;
-          return /*#__PURE__*/React__default["default"].createElement("li", {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
             "class": "col-lg-4 p-0"
           }, /*#__PURE__*/React__default["default"].createElement("p", {
             "class": slideshow_styles.parentcollection + ' m-0 p-0 mb-3 cursor-pointer wordbreak wordbreak2 ',
@@ -37149,7 +37144,7 @@
               routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
             }
           }, langdetect == 'en' ? item.title_en : item.title_ar), item === null || item === void 0 ? void 0 : (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (item, index) {
-            return /*#__PURE__*/React__default["default"].createElement("li", {
+            return /*#__PURE__*/React__default["default"].createElement("div", {
               "class": "col-lg-12 pl-1 pr-1"
             }, /*#__PURE__*/React__default["default"].createElement("p", {
               "class": slideshow_styles.collectionName + ' cursor-pointer wordbreak wordbreak2 ',
@@ -37158,7 +37153,7 @@
               }
             }, langdetect == 'en' ? item.title_en : item.title_ar));
           }));
-        })))))))), /*#__PURE__*/React__default["default"].createElement("div", {
+        }))))))), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 col-md-12 col-sm-12 p-0 d-flex justify-content-center h-sm-auto' : 'col-lg-12 p-0 d-flex justify-content-center h-sm-auto',
           style: {
             height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
@@ -38912,9 +38907,11 @@
           border: sectionproperties.generalbtn_borderwidth + 'px solid' + sectionproperties.generalbtn_bordercolor,
           borderRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
           backgroundColor: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
+          color: sectionproperties.generalbtn_textColor,
           ':hover': {
             backgroundColor: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
-            color: sectionproperties.generalbtn_textColoronhover
+            color: sectionproperties.generalbtn_textColoronhover,
+            transition: '.3s'
           }
         }),
         cart_btn: glamor.css({
@@ -38997,7 +38994,7 @@
         },
         loading: "lazy"
       }), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "".concat(card_cssstyles.badgeStyles) + " allcentered "
+        "class": "".concat(card_cssstyles.badgeStyles) + ' allcentered '
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "m-0 p-0",
         style: {
@@ -39005,7 +39002,7 @@
           fontSize: sectionproperties.badge_fontsize + 'px'
         }
       }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "".concat(card_cssstyles.floating_content) + " row m-0 align-items-center justify-content-center floating_content "
+        "class": "".concat(card_cssstyles.floating_content) + ' row m-0 align-items-center justify-content-center floating_content '
       }, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
         "class": "".concat(card_cssstyles.button_styles) + '',
         onClick: function onClick() {
@@ -39014,10 +39011,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         "class": "h-100 d-flex align-items-center justify-content-center"
       }, /*#__PURE__*/React__default["default"].createElement(FaRegEye.FaRegEye, {
-        size: sectionproperties.generalbtn_fontsize,
-        style: {
-          color: sectionproperties.generalbtn_textColor
-        }
+        size: sectionproperties.generalbtn_fontsize
       }))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
         "class": "".concat(card_cssstyles.cart_btn) + ' ml-2 mr-2 ',
         onClick: function onClick() {
@@ -39065,10 +39059,18 @@
       }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 align-items-center justify-content-start"
       }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": langdetect == 'en' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left mr-2 ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right ml-2 '
-      }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م', ' '), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": langdetect == 'en' ? "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ml-sm-3 mr-sm-3 ' : "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right ml-sm-3 mr-sm-3 '
-      }, "/ ", langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))));
+        "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center ',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
+      }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م', ' '), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+        "class": "".concat(card_cssstyles.productSalePricestyles)
+      }, " / "), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto  ml-sm-3 mr-sm-3 ',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
+      }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))));
     };
 
     function ownKeys$A(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -39096,6 +39098,7 @@
         _useState6 = _slicedToArray__default["default"](_useState5, 2),
         showquantity = _useState6[0],
         setshowquantity = _useState6[1];
+      var NotificationManager = props.actions.NotificationManager;
       React.useEffect(function () {
         if (item.quantity == 0) {
           setshowquantity(false);
@@ -44529,7 +44532,7 @@
       props.actions.StaticPagesLinksContext;
       props.actions.routingcountext;
       var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
-      var NotificationManager = NotificationManager;
+      var NotificationManager = props.actions.NotificationManager;
       var _useState5 = React.useState(false),
         _useState6 = _slicedToArray__default["default"](_useState5, 2),
         showquantity = _useState6[0],

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "tabexseriescomponents",
-	"version": "0.0.193",
+	"version": "0.0.195",
 	"description": "your description",
 	"main": "dist/index.cjs.js",
 	"scripts": {