tabexseriescomponents 0.0.216 → 0.0.217

package/dist/index.umd.js

@@ -1684,7 +1684,7 @@
         TabIndicatorProps: {
           style: {
             background: sectionproperties.activetabbordercolor,
-            width: '50%',
+            // width: '50%',
             right: sectionproperties.showfirstpolicy == 'Hide' ? 0 : sectionproperties.showsecondpolicy == 'Hide' ? 0 : '',
             margin: sectionproperties.showfirstpolicy == 'Hide' ? 'auto' : sectionproperties.showsecondpolicy == 'Hide' ? 'auto' : ''
           }
@@ -22462,7 +22462,7 @@
           maxHeight: '100%'
         }
       }))), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": ' col-lg-6 p-0 d-flex flex-row align-items-center justify-content-start '
+        "class": ' col-lg-7 p-0 d-flex flex-row align-items-center justify-content-start '
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": " ".concat(headerstyles$2.nav__item) + 'scrollhorizontal w-100 align-items-center justify-content-start',
         style: {
@@ -22490,7 +22490,7 @@
           subheadercontentpositionprops: 'start'
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-4 p-0 d-flex align-items-center justify-content-end"
+        "class": "col-lg-3 p-0 d-flex align-items-center justify-content-end"
       }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ',
         style: {
@@ -22519,7 +22519,10 @@
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         "class": header_cssstyles.greetingstyles + ' m-0 p-0 mb-1 '
       }, lang.hello, langdetect == 'en' ? ',' : '،'), /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": header_cssstyles.loggedinusername + ' loggedinuserbtn text-overflow m-0 p-0 '
+        "class": header_cssstyles.loggedinusername + ' loggedinuserbtn text-overflow m-0 p-0 ',
+        style: {
+          maxWidth: '100px'
+        }
       }, authdetailsContext.customerinfo.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
         "class": "".concat(header_cssstyles.dropdownitem),
         onClick: function onClick() {
@@ -26926,7 +26929,6 @@
         _useState6 = _slicedToArray__default["default"](_useState5, 2),
         logoarrayofobjects = _useState6[0],
         setlogoarrayofobjects = _useState6[1];
-      props.actions.history;
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
@@ -30164,6 +30166,18 @@
             cardobj.productimages = arrayItem.productinfo.productimages;
             cardobj.quantity = itemquantity;
             cardobj.timestamp = arrayItem.productinfo.timestamp;
+            if (langdetect == 'en') {
+              cardobj.currencyname = fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.data.data.currencyname_en;
+            } else {
+              cardobj.currencyname = fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.data.data.currencyname_ar;
+            }
+            if (favoriteprojectscountContext != undefined && favoriteprojectscountContext.length != 0) {
+              favoriteprojectscountContext.forEach(function (favitem, favindex) {
+                if (arrayItem.productinfo.productid == favitem) {
+                  cardobj.IsFavExists = true;
+                }
+              });
+            }
             if (favoriteprojectscountContext != undefined && favoriteprojectscountContext.length != 0) {
               favoriteprojectscountContext.forEach(function (favitem, favindex) {
                 if (arrayItem.productinfo.productid == favitem) {
@@ -30320,13 +30334,13 @@
             color: sectionproperties.noprod_iconcolor
           }
         }), /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "m-0 p-0 mt-2",
           style: {
-            fontSize: sectionproperties.noprod_fontSize + 'px',
             fontWeight: sectionproperties.noprod_fontWeight,
-            textTransform: sectionproperties.noprod_textTransform,
-            color: sectionproperties.noprod_color
+            color: sectionproperties.noprod_color,
+            fontSize: sectionproperties.noprod_fontSize + 'px'
           }
-        }, langdetect == 'en' ? 'No Products Found' : 'لا توجد منتجات'))), cardsarray.length != 0 && StatePagePropertiesContext.pageobj.sections[props.sectionindexprops].childsections.map(function (item, index) {
+        }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar))), cardsarray.length != 0 && StatePagePropertiesContext.pageobj.sections[props.sectionindexprops].childsections.map(function (item, index) {
           if (item.tabexsectioninfo != null) {
             if (item.sectionstructype == 'child' && TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname] != undefined) {
               var Sectioncomp = TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname];
@@ -30337,7 +30351,7 @@
               }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
                 transitionBehavior: 'auto',
                 wrapperClassName: '',
-                itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : 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' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' 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 == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : 'scrollmenuclassnameitem',
+                itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : 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' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' 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 == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : 'scrollmenuclassnameitem',
                 scrollContainerClassName: 'scrollmenuclasssubscrollbar'
               }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
                 return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -36044,7 +36058,12 @@
         }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": ' row ml-0 mr-0 d-flex justify-content-between w-100 align-items-center ',
+        "class": "w-100 allcentered",
+        style: {
+          background: sectionproperties.backgroundColor
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": ' row ml-0 mr-0 d-flex justify-content-between w-md-100 align-items-center ',
         style: {
           marginTop: sectionproperties.marginTop + 'px',
           marginBottom: sectionproperties.marginBottom + 'px',
@@ -36053,7 +36072,9 @@
           borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
           borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
           borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
-          position: 'relative'
+          position: 'relative',
+          border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+          width: sectionproperties.width + 'vw'
         }
       }, maincontainerarrayofobjs != undefined && (maincontainerarrayofobjs === null || maincontainerarrayofobjs === void 0 ? void 0 : maincontainerarrayofobjs.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": section_styles.imgcontainer
@@ -36120,7 +36141,7 @@
         "class": "col-lg-12 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("button", {
         "class": "".concat(section_styles.btn)
-      }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))));
+      }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))));
     };
 
     function ownKeys$Q(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; }
@@ -36259,15 +36280,22 @@
       };
       var Content = function Content() {
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-6 col-md-12 d-flex justify-content-start h-100 justify-content-md-center p-0"
+          "class": "col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0",
+          style: {
+            background: sectionproperties.reservation_bgcolor,
+            alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+            paddingTop: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0,
+            paddingBottom: sectionproperties.sectiontitleposition == 'Centered' ? 50 : 0
+          }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "row m-0 w-100 mb-auto"
+          "class": sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100' : 'row m-0 w-100 mb-auto'
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 p-0 d-flex justify-content-md-center",
+          "class": "col-lg-12 pl-0 pr-0 d-flex justify-content-md-center",
           style: {
             justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
             marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
-            marginTop: sectionproperties.sectionTitleMarginTop + 'px'
+            marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+            alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "d-flex align-items-center flex-row d-sm-none mt-sm-2",
@@ -36347,7 +36375,8 @@
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": sectionproperties.image_height == 0 ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
           style: {
-            cursor: ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.IsClickable) == 'Yes' ? 'pointer' : 'default'
+            cursor: ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.IsClickable) == 'Yes' ? 'pointer' : 'default',
+            background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor
           },
           onClick: function onClick() {
             var _imagesarray$2;
@@ -36362,10 +36391,10 @@
               }
             }
           }
-        }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+        }, imagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
           urlEndpoint: IKurlEndpoint,
           publicKey: IKpublicKey,
-          path: imagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + '/' + ((_imagesarray$7 = imagesarray[0]) === null || _imagesarray$7 === void 0 ? void 0 : _imagesarray$7.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + '/' + ((_imagesarray$8 = imagesarray[0]) === null || _imagesarray$8 === void 0 ? void 0 : _imagesarray$8.bgsection_image_ar) : '',
+          path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$7 = imagesarray[0]) === null || _imagesarray$7 === void 0 ? void 0 : _imagesarray$7.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_imagesarray$8 = imagesarray[0]) === null || _imagesarray$8 === void 0 ? void 0 : _imagesarray$8.bgsection_image_ar),
           style: {
             width: '100%',
             height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
@@ -36380,7 +36409,17 @@
         }));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": ' row ml-0 mr-0 d-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3',
+        "class": ' row ml-0 mr-0 d-flex justify-content-between align-items-center '
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": sectionproperties.card_marginRight != 0 && sectionproperties.card_marginLeft != 0 ? 'col-lg-12 d-flex justify-content-between align-items-center px-1025-1 pl-md-3 pr-md-3 w-md-100' : 'col-lg-12 d-flex justify-content-between align-items-center w-md-100',
+        style: {
+          paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+          paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+          width: sectionproperties.width + 'vw',
+          background: sectionproperties.backgroundColor
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": sectionproperties.paddingLeft != 0 ? 'row m-0 w-100 d-flex justify-content-between px-1025-1 pl-md-3 pr-md-3' : 'row m-0 w-100 d-flex justify-content-between',
         style: {
           paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
@@ -36388,22 +36427,28 @@
           paddingBottom: sectionproperties.paddingBottom + 'px',
           marginTop: sectionproperties.marginTop + 'px',
           marginBottom: sectionproperties.marginBottom + 'px',
-          background: sectionproperties.backgroundColor,
           borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
           borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
           borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
-          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
-          width: sectionproperties.width + 'vw'
+          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px'
         }
       }, sectionproperties.sectionstyle == 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 p-0"
+        "class": "col-lg-12 p-0 d-flex justify-content-between"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100"
+        "class": "row m-0 w-100 d-flex justify-content-between",
+        style: {
+          alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+          justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+        }
       }, Content(), Image())), sectionproperties.sectionstyle != 'Image on right' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100"
-      }, Image(), Content())));
+        "class": "row m-0 w-100",
+        style: {
+          alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+          justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
+        }
+      }, Image(), Content())))));
     };
 
     function ownKeys$P(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; }
@@ -39995,7 +40040,7 @@
           paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
         }
-      }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+      }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
         urlEndpoint: IKurlEndpoint,
         publicKey: IKpublicKey,
         path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
@@ -40010,7 +40055,21 @@
           borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
         },
         loading: "lazy"
-      }), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+      }), item.image == '' && /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          width: '100%',
+          height: '100%',
+          background: sectionproperties.image_bgtransparent == 'Transparent' ? 'Transparent' : sectionproperties.image_bgcolor,
+          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+          borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
+        "class": "h-100 allcentered text-light"
+      }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
+        size: 26
+      }))), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(card_cssstyles.badgeStyles) + ' allcentered '
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "m-0 p-0",
@@ -40134,14 +40193,14 @@
         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", {
+      }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname, ' '), 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 ',
+        "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto ',
         style: {
           textAlign: langdetect == 'en' ? 'left' : 'right'
         }
-      }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))));
+      }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname)))));
     };
 
     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; }
@@ -40655,10 +40714,19 @@
           borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
           transform: 'scale(0.9)',
           cursor: 'pointer',
-          ":hover": {
+          ':hover': {
             transition: '.3s',
             transform: 'scale(1)',
             boxShadow: '0px 0px 5px #ECECEC'
+          },
+          ':hover .categoryname': {
+            transition: 'all .4s ease',
+            color: sectionproperties.text_secondarycolor
+          },
+          ':hover .button_styles': {
+            backgroundColor: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
+            borderColor: sectionproperties.generalbtn_textColoronhover,
+            transition: 'all .4s ease'
           }
         }),
         inner_content: glamor.css({
@@ -40686,14 +40754,63 @@
           ':hover': {
             backgroundColor: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
             borderColor: sectionproperties.generalbtn_textColoronhover,
-            transition: '.3'
+            transition: 'all .4s ease'
           }
         })
       };
+      var CardContent = function CardContent() {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "w-100 h-100",
+          style: {
+            overflow: 'hidden'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+          urlEndpoint: IKurlEndpoint,
+          publicKey: IKpublicKey,
+          path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
+          style: {
+            height: '100%',
+            width: '100%',
+            objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
+          },
+          loading: "lazy"
+        }), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "".concat(card_cssstyles.inner_content) + ' row m-0 w-100 align-items-center justify-content-start pl-sm-2 pr-sm-2 '
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-9 col-md-9 col-sm-9 p-0 h-100 d-flex align-items-center"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "".concat(card_cssstyles.categoryname) + ' categoryname wordbreak wordbreak1 m-0 ',
+          style: {
+            textAlign: langdetect == 'en' ? 'left' : 'right'
+          }
+        }, item.name)), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-3 col-md-3 col-sm-3 100 d-flex align-items-center justify-content-end p-0"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "".concat(card_cssstyles.button_styles) + ' button_styles '
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
+          "class": "h-100 d-flex align-items-center justify-content-center"
+        }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsArrowRight.BsArrowRight, {
+          size: sectionproperties.generalbtn_fontsize,
+          style: {
+            color: sectionproperties.generalbtn_textColor,
+            ':hover': {
+              color: sectionproperties.generalbtn_textColoronhover
+            }
+          }
+        }) : /*#__PURE__*/React__default["default"].createElement(BsArrowLeft.BsArrowLeft, {
+          size: sectionproperties.generalbtn_fontsize,
+          style: {
+            color: sectionproperties.generalbtn_textColor,
+            ':hover': {
+              color: sectionproperties.generalbtn_textColoronhover
+            }
+          }
+        }))))));
+      };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": card_cssstyles.categorycard + ' col-lg-12 p-0 '
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center",
+        "class": "row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center d-flex d-md-none",
         onClick: function onClick() {
           if (props.fetchingtypeprops == 'collections') {
             routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
@@ -40711,43 +40828,26 @@
           borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
           borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px'
         }
-      }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
-        urlEndpoint: IKurlEndpoint,
-        publicKey: IKpublicKey,
-        path: item.image,
-        style: {
-          height: '100%',
-          width: '100%',
-          objectFit: 'cover'
-        },
-        loading: "lazy"
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "".concat(card_cssstyles.inner_content) + " row m-0 w-100 align-items-center justify-content-start "
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-10 p-0 h-100"
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": "".concat(card_cssstyles.categoryname) + '  wordbreak wordbreak1 m-0 '
-      }, item.name)), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": langdetect == 'en' ? "".concat(card_cssstyles.button_styles) + ' ml-auto ' : "".concat(card_cssstyles.button_styles) + ' mr-auto '
-      }, /*#__PURE__*/React__default["default"].createElement("i", {
-        "class": "h-100 d-flex align-items-center justify-content-center"
-      }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsArrowRight.BsArrowRight, {
-        size: sectionproperties.generalbtn_fontsize,
-        style: {
-          color: sectionproperties.generalbtn_textColor,
-          ':hover': {
-            color: sectionproperties.generalbtn_textColoronhover
+      }, CardContent()), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center d-none d-md-flex",
+        onClick: function onClick() {
+          if (props.fetchingtypeprops == 'collections') {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+          } else {
+            routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
           }
-        }
-      }) : /*#__PURE__*/React__default["default"].createElement(BsArrowLeft.BsArrowLeft, {
-        size: sectionproperties.generalbtn_fontsize,
+        },
         style: {
-          color: sectionproperties.generalbtn_textColor,
-          ':hover': {
-            color: sectionproperties.generalbtn_textColoronhover
-          }
+          position: 'relative',
+          height: sectionproperties.height_responsive + 'px',
+          border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+          backgroundColor: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+          borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px'
         }
-      }))))));
+      }, CardContent()));
     };
 
     function ownKeys$y(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; }

package/package.json

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