tabexseriescomponents 0.0.189 → 0.0.190

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js CHANGED
@@ -8997,10 +8997,7 @@ var Filter$1 = function Filter(props) {
8997
8997
  className: "mt-3 mb-3"
8998
8998
  }));
8999
8999
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
9000
- className: "col-lg-12",
9001
- style: {
9002
- zIndex: 200000
9003
- }
9000
+ className: "col-lg-12"
9004
9001
  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
9005
9002
  show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
9006
9003
  onHide: function onHide() {
@@ -24055,7 +24052,7 @@ styleInject(css_248z$k);
24055
24052
  function ownKeys$1n(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; }
24056
24053
  function _objectSpread$1n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1n(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
24057
24054
  var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(props) {
24058
- var _authdetailsContext$i3, _authdetailsContext$i4, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
24055
+ var _authdetailsContext$i3, _authdetailsContext$i4, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
24059
24056
  var _useState = React.useState(''),
24060
24057
  _useState2 = _slicedToArray__default["default"](_useState, 2),
24061
24058
  sectionproperties = _useState2[0],
@@ -24420,7 +24417,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
24420
24417
  className: langdetect == 'en' ? 'mr-2' : 'ml-2',
24421
24418
  size: sectionproperties.footerinfotext_fontsize
24422
24419
  })), /*#__PURE__*/React__default["default"].createElement("p", {
24423
- className: ' p-0 m-0 wordbreak storeinfotext '
24420
+ className: ' p-0 m-0 wordbreak wordbreak1 storeinfotext '
24424
24421
  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber)), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
24425
24422
  className: "".concat(header_cssstyles.upperheadertext) + ' d-flex align-items-center justify-content-center cursor-pointer ',
24426
24423
  onClick: function onClick() {
@@ -24433,7 +24430,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
24433
24430
  className: langdetect == 'en' ? 'mr-2' : 'ml-2',
24434
24431
  size: sectionproperties.footerinfotext_fontsize
24435
24432
  })), /*#__PURE__*/React__default["default"].createElement("p", {
24436
- className: ' p-0 m-0 wordbreak storeinfotext '
24433
+ className: ' p-0 m-0 wordbreak wordbreak1 storeinfotext '
24437
24434
  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.email))))), /*#__PURE__*/React__default["default"].createElement("div", {
24438
24435
  "class": "col-lg-2 col-md-2 d-flex align-items-center justify-content-center p-0",
24439
24436
  style: {
@@ -24530,7 +24527,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
24530
24527
  "class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
24531
24528
  }, /*#__PURE__*/React__default["default"].createElement(AiOutlineUserAdd.AiOutlineUserAdd, null), /*#__PURE__*/React__default["default"].createElement("span", {
24532
24529
  "class": "ml-2 mr-2"
24533
- }, lang.signup))))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
24530
+ }, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
24534
24531
  style: {
24535
24532
  minWidth: '200px'
24536
24533
  }
@@ -24550,7 +24547,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
24550
24547
  onClick: function onClick() {
24551
24548
  routingcountext(StaticPagesLinksContext.accountinfo);
24552
24549
  }
24553
- }, "sssssssssssssssssssssss sssssssssssssssssssssss"))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
24550
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c2 = authdetailsContext.customerinfo) === null || _authdetailsContext$c2 === void 0 ? void 0 : _authdetailsContext$c2.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
24554
24551
  style: {
24555
24552
  marginBottom: 0,
24556
24553
  marginTop: 0
@@ -24674,7 +24671,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
24674
24671
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
24675
24672
  "class": " ".concat(headerstyles.nav__item) + ' col-lg-4 col-md-4 p-0 align-tems-center justify-content-center '
24676
24673
  }, /*#__PURE__*/React__default["default"].createElement("nav", {
24677
- "class": headerstyles.navbar + ' scrollhorizontal ',
24674
+ "class": headerstyles.navbar + ' scrollhorizontal align-tems-center justify-content-center ',
24678
24675
  style: {
24679
24676
  display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
24680
24677
  }
@@ -24685,7 +24682,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
24685
24682
  return /*#__PURE__*/React__default["default"].createElement("li", {
24686
24683
  "class": "".concat(header_cssstyles.navbar_item_text) + ' cursor-pointer allcentered ',
24687
24684
  style: {
24688
- marginLeft: langdetect == 'en' ? 0 : '35px',
24685
+ marginLeft: langdetect == 'ar' ? '35px' : 0,
24689
24686
  marginRight: langdetect == 'en' ? '35px' : 0
24690
24687
  },
24691
24688
  onClick: function onClick() {
@@ -28062,7 +28059,7 @@ var Footer8 = function Footer8(props) {
28062
28059
  textAlign: langdetect == 'en' ? 'left' : 'right'
28063
28060
  }
28064
28061
  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.description_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.description_ar)))), /*#__PURE__*/React__default["default"].createElement("div", {
28065
- "class": sectionproperties.prodCatShow == 'Show' ? 'col-lg-3 col-md-3 col-sm-12 align-items-center mb-sm-5' : 'col-lg-4 col-md-4 col-sm-12 align-items-center mb-sm-5'
28062
+ "class": sectionproperties.prodCatShow == 'Show' ? 'col-lg-3 col-md-3 col-sm-12 align-items-center mb-sm-5' : 'col-lg-4 col-md-4 col-sm-12 align-items-center mb-sm-5 p-sm-0'
28066
28063
  }, /*#__PURE__*/React__default["default"].createElement("p", {
28067
28064
  "class": "".concat(footerStyles.textStyles) + ' m-0 p-0 mb-3 mb-md-1 wordbreak d-none ',
28068
28065
  style: {
@@ -28113,7 +28110,7 @@ var Footer8 = function Footer8(props) {
28113
28110
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
28114
28111
  size: sectionproperties.youtubebtniconfontsize
28115
28112
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
28116
- "class": sectionproperties.prodCatShow == 'Show' ? 'col-lg-3 col-md-3 col-sm-12 mb-md-3' : 'col-lg-4 col-md-4 col-sm-12 mb-md-3'
28113
+ "class": sectionproperties.prodCatShow == 'Show' ? 'col-lg-3 col-md-3 col-sm-12 mb-md-3' : 'col-lg-4 col-md-4 col-sm-12 mb-md-3 p-sm-0'
28117
28114
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28118
28115
  "class": "row m-0 w-100"
28119
28116
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -37070,9 +37067,11 @@ var Slideshowslide = function Slideshowslide(props) {
37070
37067
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
37071
37068
  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
37072
37069
  React.useEffect(function () {
37073
- var tempFetchQueriesEngineContext = FetchQueriesEngineContext;
37074
- tempFetchQueriesEngineContext.categories = true;
37075
- setFetchQueriesEngineContext(_objectSpread$I({}, tempFetchQueriesEngineContext));
37070
+ if (sectionproperties.collectionssectionshow == 'Show') {
37071
+ var tempFetchQueriesEngineContext = FetchQueriesEngineContext;
37072
+ tempFetchQueriesEngineContext.categories = true;
37073
+ setFetchQueriesEngineContext(_objectSpread$I({}, tempFetchQueriesEngineContext));
37074
+ }
37076
37075
  }, []);
37077
37076
  React.useEffect(function () {
37078
37077
  var secpropobj = {};
@@ -39479,7 +39478,7 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
39479
39478
  }, /*#__PURE__*/React__default["default"].createElement("div", {
39480
39479
  "class": "col-lg-12 p-0 allcentered"
39481
39480
  }, /*#__PURE__*/React__default["default"].createElement("div", {
39482
- "class": "allcentered",
39481
+ "class": "d-flex d-sm-none justify-content-center align-items-center",
39483
39482
  style: {
39484
39483
  height: sectionproperties.image_height + 'px',
39485
39484
  width: sectionproperties.image_height + 'px',
@@ -39505,16 +39504,41 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
39505
39504
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
39506
39505
  },
39507
39506
  loading: "lazy"
39508
- }), item.image != '' && /*#__PURE__*/React__default["default"].createElement("div", {
39507
+ }), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
39508
+ "class": "".concat(card_cssstyles.badgeStyles) + ' allcentered '
39509
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
39510
+ "class": "m-0 p-0",
39509
39511
  style: {
39510
- width: sectionproperties.image_width + '%',
39511
- height: sectionproperties.image_width + '%',
39512
+ color: sectionproperties.badge_color,
39513
+ fontSize: sectionproperties.badge_fontsize + 'px'
39514
+ }
39515
+ }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr))), /*#__PURE__*/React__default["default"].createElement("div", {
39516
+ "class": "d-none d-sm-flex justify-content-center align-items-center",
39517
+ style: {
39518
+ height: '180px',
39519
+ width: '180px',
39520
+ marginBottom: sectionproperties.image_mb + 'px',
39512
39521
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
39513
39522
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
39514
39523
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
39515
39524
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
39516
- background: '#ccc'
39525
+ backgroundColor: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
39526
+ position: 'relative'
39517
39527
  }
39528
+ }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
39529
+ urlEndpoint: IKurlEndpoint,
39530
+ publicKey: IKpublicKey,
39531
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
39532
+ style: {
39533
+ width: sectionproperties.image_width + '%',
39534
+ height: sectionproperties.image_width + '%',
39535
+ objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
39536
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
39537
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
39538
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
39539
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
39540
+ },
39541
+ loading: "lazy"
39518
39542
  }), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
39519
39543
  "class": "".concat(card_cssstyles.badgeStyles) + ' allcentered '
39520
39544
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -39543,7 +39567,7 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
39543
39567
  }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
39544
39568
  "class": langdetect == 'en' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ml-2 ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right mr-2 '
39545
39569
  }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م', ' ')), /*#__PURE__*/React__default["default"].createElement("div", {
39546
- "class": "".concat(card_cssstyles.floating_content) + ' row m-0 align-items-center justify-content-center floating_content '
39570
+ "class": ' row m-0 align-items-center justify-content-center '
39547
39571
  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
39548
39572
  "class": " ".concat(card_cssstyles.wishlist_btn) + '',
39549
39573
  onClick: function onClick() {
@@ -39568,12 +39592,12 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
39568
39592
  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
39569
39593
  size: sectionproperties.favBtnIconfontsize
39570
39594
  }))), sectionproperties.cartBtnShow == 'Show' && showquantity == false && /*#__PURE__*/React__default["default"].createElement("button", {
39571
- "class": "".concat(card_cssstyles.cart_btn) + ' ml-2 mr-2 ',
39595
+ "class": "".concat(card_cssstyles.cart_btn) + ' ml-2 mr-2 ml-sm-1 mr-sm-1 w-sm-100px font-sm-12 ',
39572
39596
  onClick: function onClick() {
39573
39597
  setshowquantity(true);
39574
39598
  }
39575
39599
  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), showquantity == true && /*#__PURE__*/React__default["default"].createElement("div", {
39576
- "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center ml-2 mr-2 ',
39600
+ "class": "".concat(card_cssstyles.quantitybtn) + ' w-sm-100px p-0 d-flex align-items-center justify-content-center ml-2 mr-2 ml-sm-1 mr-sm-1 ',
39577
39601
  style: {
39578
39602
  direction: 'ltr'
39579
39603
  }
package/dist/index.esm.js CHANGED
@@ -8953,10 +8953,7 @@ var Filter$1 = function Filter(props) {
8953
8953
  className: "mt-3 mb-3"
8954
8954
  }));
8955
8955
  }))))), /*#__PURE__*/React.createElement("div", {
8956
- className: "col-lg-12",
8957
- style: {
8958
- zIndex: 200000
8959
- }
8956
+ className: "col-lg-12"
8960
8957
  }, /*#__PURE__*/React.createElement(Offcanvas, {
8961
8958
  show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
8962
8959
  onHide: function onHide() {
@@ -24011,7 +24008,7 @@ styleInject(css_248z$k);
24011
24008
  function ownKeys$1n(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; }
24012
24009
  function _objectSpread$1n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1n(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
24013
24010
  var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(props) {
24014
- var _authdetailsContext$i3, _authdetailsContext$i4, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
24011
+ var _authdetailsContext$i3, _authdetailsContext$i4, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
24015
24012
  var _useState = useState(''),
24016
24013
  _useState2 = _slicedToArray(_useState, 2),
24017
24014
  sectionproperties = _useState2[0],
@@ -24376,7 +24373,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
24376
24373
  className: langdetect == 'en' ? 'mr-2' : 'ml-2',
24377
24374
  size: sectionproperties.footerinfotext_fontsize
24378
24375
  })), /*#__PURE__*/React.createElement("p", {
24379
- className: ' p-0 m-0 wordbreak storeinfotext '
24376
+ className: ' p-0 m-0 wordbreak wordbreak1 storeinfotext '
24380
24377
  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber)), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React.createElement("div", {
24381
24378
  className: "".concat(header_cssstyles.upperheadertext) + ' d-flex align-items-center justify-content-center cursor-pointer ',
24382
24379
  onClick: function onClick() {
@@ -24389,7 +24386,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
24389
24386
  className: langdetect == 'en' ? 'mr-2' : 'ml-2',
24390
24387
  size: sectionproperties.footerinfotext_fontsize
24391
24388
  })), /*#__PURE__*/React.createElement("p", {
24392
- className: ' p-0 m-0 wordbreak storeinfotext '
24389
+ className: ' p-0 m-0 wordbreak wordbreak1 storeinfotext '
24393
24390
  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.email))))), /*#__PURE__*/React.createElement("div", {
24394
24391
  "class": "col-lg-2 col-md-2 d-flex align-items-center justify-content-center p-0",
24395
24392
  style: {
@@ -24486,7 +24483,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
24486
24483
  "class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
24487
24484
  }, /*#__PURE__*/React.createElement(AiOutlineUserAdd, null), /*#__PURE__*/React.createElement("span", {
24488
24485
  "class": "ml-2 mr-2"
24489
- }, lang.signup))))), !authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
24486
+ }, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
24490
24487
  style: {
24491
24488
  minWidth: '200px'
24492
24489
  }
@@ -24506,7 +24503,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
24506
24503
  onClick: function onClick() {
24507
24504
  routingcountext(StaticPagesLinksContext.accountinfo);
24508
24505
  }
24509
- }, "sssssssssssssssssssssss sssssssssssssssssssssss"))), /*#__PURE__*/React.createElement(Dropdown.Divider, {
24506
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c2 = authdetailsContext.customerinfo) === null || _authdetailsContext$c2 === void 0 ? void 0 : _authdetailsContext$c2.name))), /*#__PURE__*/React.createElement(Dropdown.Divider, {
24510
24507
  style: {
24511
24508
  marginBottom: 0,
24512
24509
  marginTop: 0
@@ -24630,7 +24627,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
24630
24627
  }))), /*#__PURE__*/React.createElement("div", {
24631
24628
  "class": " ".concat(headerstyles.nav__item) + ' col-lg-4 col-md-4 p-0 align-tems-center justify-content-center '
24632
24629
  }, /*#__PURE__*/React.createElement("nav", {
24633
- "class": headerstyles.navbar + ' scrollhorizontal ',
24630
+ "class": headerstyles.navbar + ' scrollhorizontal align-tems-center justify-content-center ',
24634
24631
  style: {
24635
24632
  display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
24636
24633
  }
@@ -24641,7 +24638,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
24641
24638
  return /*#__PURE__*/React.createElement("li", {
24642
24639
  "class": "".concat(header_cssstyles.navbar_item_text) + ' cursor-pointer allcentered ',
24643
24640
  style: {
24644
- marginLeft: langdetect == 'en' ? 0 : '35px',
24641
+ marginLeft: langdetect == 'ar' ? '35px' : 0,
24645
24642
  marginRight: langdetect == 'en' ? '35px' : 0
24646
24643
  },
24647
24644
  onClick: function onClick() {
@@ -28018,7 +28015,7 @@ var Footer8 = function Footer8(props) {
28018
28015
  textAlign: langdetect == 'en' ? 'left' : 'right'
28019
28016
  }
28020
28017
  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.description_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.description_ar)))), /*#__PURE__*/React.createElement("div", {
28021
- "class": sectionproperties.prodCatShow == 'Show' ? 'col-lg-3 col-md-3 col-sm-12 align-items-center mb-sm-5' : 'col-lg-4 col-md-4 col-sm-12 align-items-center mb-sm-5'
28018
+ "class": sectionproperties.prodCatShow == 'Show' ? 'col-lg-3 col-md-3 col-sm-12 align-items-center mb-sm-5' : 'col-lg-4 col-md-4 col-sm-12 align-items-center mb-sm-5 p-sm-0'
28022
28019
  }, /*#__PURE__*/React.createElement("p", {
28023
28020
  "class": "".concat(footerStyles.textStyles) + ' m-0 p-0 mb-3 mb-md-1 wordbreak d-none ',
28024
28021
  style: {
@@ -28069,7 +28066,7 @@ var Footer8 = function Footer8(props) {
28069
28066
  }, /*#__PURE__*/React.createElement(FaWhatsapp, {
28070
28067
  size: sectionproperties.youtubebtniconfontsize
28071
28068
  })))), /*#__PURE__*/React.createElement("div", {
28072
- "class": sectionproperties.prodCatShow == 'Show' ? 'col-lg-3 col-md-3 col-sm-12 mb-md-3' : 'col-lg-4 col-md-4 col-sm-12 mb-md-3'
28069
+ "class": sectionproperties.prodCatShow == 'Show' ? 'col-lg-3 col-md-3 col-sm-12 mb-md-3' : 'col-lg-4 col-md-4 col-sm-12 mb-md-3 p-sm-0'
28073
28070
  }, /*#__PURE__*/React.createElement("div", {
28074
28071
  "class": "row m-0 w-100"
28075
28072
  }, /*#__PURE__*/React.createElement("div", {
@@ -37026,9 +37023,11 @@ var Slideshowslide = function Slideshowslide(props) {
37026
37023
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
37027
37024
  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
37028
37025
  useEffect(function () {
37029
- var tempFetchQueriesEngineContext = FetchQueriesEngineContext;
37030
- tempFetchQueriesEngineContext.categories = true;
37031
- setFetchQueriesEngineContext(_objectSpread$I({}, tempFetchQueriesEngineContext));
37026
+ if (sectionproperties.collectionssectionshow == 'Show') {
37027
+ var tempFetchQueriesEngineContext = FetchQueriesEngineContext;
37028
+ tempFetchQueriesEngineContext.categories = true;
37029
+ setFetchQueriesEngineContext(_objectSpread$I({}, tempFetchQueriesEngineContext));
37030
+ }
37032
37031
  }, []);
37033
37032
  useEffect(function () {
37034
37033
  var secpropobj = {};
@@ -39435,7 +39434,7 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
39435
39434
  }, /*#__PURE__*/React.createElement("div", {
39436
39435
  "class": "col-lg-12 p-0 allcentered"
39437
39436
  }, /*#__PURE__*/React.createElement("div", {
39438
- "class": "allcentered",
39437
+ "class": "d-flex d-sm-none justify-content-center align-items-center",
39439
39438
  style: {
39440
39439
  height: sectionproperties.image_height + 'px',
39441
39440
  width: sectionproperties.image_height + 'px',
@@ -39461,16 +39460,41 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
39461
39460
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
39462
39461
  },
39463
39462
  loading: "lazy"
39464
- }), item.image != '' && /*#__PURE__*/React.createElement("div", {
39463
+ }), item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
39464
+ "class": "".concat(card_cssstyles.badgeStyles) + ' allcentered '
39465
+ }, /*#__PURE__*/React.createElement("p", {
39466
+ "class": "m-0 p-0",
39465
39467
  style: {
39466
- width: sectionproperties.image_width + '%',
39467
- height: sectionproperties.image_width + '%',
39468
+ color: sectionproperties.badge_color,
39469
+ fontSize: sectionproperties.badge_fontsize + 'px'
39470
+ }
39471
+ }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr))), /*#__PURE__*/React.createElement("div", {
39472
+ "class": "d-none d-sm-flex justify-content-center align-items-center",
39473
+ style: {
39474
+ height: '180px',
39475
+ width: '180px',
39476
+ marginBottom: sectionproperties.image_mb + 'px',
39468
39477
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
39469
39478
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
39470
39479
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
39471
39480
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
39472
- background: '#ccc'
39481
+ backgroundColor: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
39482
+ position: 'relative'
39473
39483
  }
39484
+ }, item.image != '' && /*#__PURE__*/React.createElement(IKImage, {
39485
+ urlEndpoint: IKurlEndpoint,
39486
+ publicKey: IKpublicKey,
39487
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
39488
+ style: {
39489
+ width: sectionproperties.image_width + '%',
39490
+ height: sectionproperties.image_width + '%',
39491
+ objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
39492
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
39493
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
39494
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
39495
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
39496
+ },
39497
+ loading: "lazy"
39474
39498
  }), item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
39475
39499
  "class": "".concat(card_cssstyles.badgeStyles) + ' allcentered '
39476
39500
  }, /*#__PURE__*/React.createElement("p", {
@@ -39499,7 +39523,7 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
39499
39523
  }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
39500
39524
  "class": langdetect == 'en' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ml-2 ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right mr-2 '
39501
39525
  }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م', ' ')), /*#__PURE__*/React.createElement("div", {
39502
- "class": "".concat(card_cssstyles.floating_content) + ' row m-0 align-items-center justify-content-center floating_content '
39526
+ "class": ' row m-0 align-items-center justify-content-center '
39503
39527
  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
39504
39528
  "class": " ".concat(card_cssstyles.wishlist_btn) + '',
39505
39529
  onClick: function onClick() {
@@ -39524,12 +39548,12 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
39524
39548
  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
39525
39549
  size: sectionproperties.favBtnIconfontsize
39526
39550
  }))), sectionproperties.cartBtnShow == 'Show' && showquantity == false && /*#__PURE__*/React.createElement("button", {
39527
- "class": "".concat(card_cssstyles.cart_btn) + ' ml-2 mr-2 ',
39551
+ "class": "".concat(card_cssstyles.cart_btn) + ' ml-2 mr-2 ml-sm-1 mr-sm-1 w-sm-100px font-sm-12 ',
39528
39552
  onClick: function onClick() {
39529
39553
  setshowquantity(true);
39530
39554
  }
39531
39555
  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), showquantity == true && /*#__PURE__*/React.createElement("div", {
39532
- "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center ml-2 mr-2 ',
39556
+ "class": "".concat(card_cssstyles.quantitybtn) + ' w-sm-100px p-0 d-flex align-items-center justify-content-center ml-2 mr-2 ml-sm-1 mr-sm-1 ',
39533
39557
  style: {
39534
39558
  direction: 'ltr'
39535
39559
  }
package/dist/index.umd.js CHANGED
@@ -8855,10 +8855,7 @@
8855
8855
  className: "mt-3 mb-3"
8856
8856
  }));
8857
8857
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
8858
- className: "col-lg-12",
8859
- style: {
8860
- zIndex: 200000
8861
- }
8858
+ className: "col-lg-12"
8862
8859
  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
8863
8860
  show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
8864
8861
  onHide: function onHide() {
@@ -23913,7 +23910,7 @@
23913
23910
  function ownKeys$1n(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; }
23914
23911
  function _objectSpread$1n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1n(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
23915
23912
  var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(props) {
23916
- var _authdetailsContext$i3, _authdetailsContext$i4, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
23913
+ var _authdetailsContext$i3, _authdetailsContext$i4, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
23917
23914
  var _useState = React.useState(''),
23918
23915
  _useState2 = _slicedToArray__default["default"](_useState, 2),
23919
23916
  sectionproperties = _useState2[0],
@@ -24278,7 +24275,7 @@
24278
24275
  className: langdetect == 'en' ? 'mr-2' : 'ml-2',
24279
24276
  size: sectionproperties.footerinfotext_fontsize
24280
24277
  })), /*#__PURE__*/React__default["default"].createElement("p", {
24281
- className: ' p-0 m-0 wordbreak storeinfotext '
24278
+ className: ' p-0 m-0 wordbreak wordbreak1 storeinfotext '
24282
24279
  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber)), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
24283
24280
  className: "".concat(header_cssstyles.upperheadertext) + ' d-flex align-items-center justify-content-center cursor-pointer ',
24284
24281
  onClick: function onClick() {
@@ -24291,7 +24288,7 @@
24291
24288
  className: langdetect == 'en' ? 'mr-2' : 'ml-2',
24292
24289
  size: sectionproperties.footerinfotext_fontsize
24293
24290
  })), /*#__PURE__*/React__default["default"].createElement("p", {
24294
- className: ' p-0 m-0 wordbreak storeinfotext '
24291
+ className: ' p-0 m-0 wordbreak wordbreak1 storeinfotext '
24295
24292
  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.email))))), /*#__PURE__*/React__default["default"].createElement("div", {
24296
24293
  "class": "col-lg-2 col-md-2 d-flex align-items-center justify-content-center p-0",
24297
24294
  style: {
@@ -24388,7 +24385,7 @@
24388
24385
  "class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
24389
24386
  }, /*#__PURE__*/React__default["default"].createElement(AiOutlineUserAdd.AiOutlineUserAdd, null), /*#__PURE__*/React__default["default"].createElement("span", {
24390
24387
  "class": "ml-2 mr-2"
24391
- }, lang.signup))))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
24388
+ }, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
24392
24389
  style: {
24393
24390
  minWidth: '200px'
24394
24391
  }
@@ -24408,7 +24405,7 @@
24408
24405
  onClick: function onClick() {
24409
24406
  routingcountext(StaticPagesLinksContext.accountinfo);
24410
24407
  }
24411
- }, "sssssssssssssssssssssss sssssssssssssssssssssss"))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
24408
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c2 = authdetailsContext.customerinfo) === null || _authdetailsContext$c2 === void 0 ? void 0 : _authdetailsContext$c2.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
24412
24409
  style: {
24413
24410
  marginBottom: 0,
24414
24411
  marginTop: 0
@@ -24532,7 +24529,7 @@
24532
24529
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
24533
24530
  "class": " ".concat(headerstyles.nav__item) + ' col-lg-4 col-md-4 p-0 align-tems-center justify-content-center '
24534
24531
  }, /*#__PURE__*/React__default["default"].createElement("nav", {
24535
- "class": headerstyles.navbar + ' scrollhorizontal ',
24532
+ "class": headerstyles.navbar + ' scrollhorizontal align-tems-center justify-content-center ',
24536
24533
  style: {
24537
24534
  display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
24538
24535
  }
@@ -24543,7 +24540,7 @@
24543
24540
  return /*#__PURE__*/React__default["default"].createElement("li", {
24544
24541
  "class": "".concat(header_cssstyles.navbar_item_text) + ' cursor-pointer allcentered ',
24545
24542
  style: {
24546
- marginLeft: langdetect == 'en' ? 0 : '35px',
24543
+ marginLeft: langdetect == 'ar' ? '35px' : 0,
24547
24544
  marginRight: langdetect == 'en' ? '35px' : 0
24548
24545
  },
24549
24546
  onClick: function onClick() {
@@ -27920,7 +27917,7 @@
27920
27917
  textAlign: langdetect == 'en' ? 'left' : 'right'
27921
27918
  }
27922
27919
  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.description_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.description_ar)))), /*#__PURE__*/React__default["default"].createElement("div", {
27923
- "class": sectionproperties.prodCatShow == 'Show' ? 'col-lg-3 col-md-3 col-sm-12 align-items-center mb-sm-5' : 'col-lg-4 col-md-4 col-sm-12 align-items-center mb-sm-5'
27920
+ "class": sectionproperties.prodCatShow == 'Show' ? 'col-lg-3 col-md-3 col-sm-12 align-items-center mb-sm-5' : 'col-lg-4 col-md-4 col-sm-12 align-items-center mb-sm-5 p-sm-0'
27924
27921
  }, /*#__PURE__*/React__default["default"].createElement("p", {
27925
27922
  "class": "".concat(footerStyles.textStyles) + ' m-0 p-0 mb-3 mb-md-1 wordbreak d-none ',
27926
27923
  style: {
@@ -27971,7 +27968,7 @@
27971
27968
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
27972
27969
  size: sectionproperties.youtubebtniconfontsize
27973
27970
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
27974
- "class": sectionproperties.prodCatShow == 'Show' ? 'col-lg-3 col-md-3 col-sm-12 mb-md-3' : 'col-lg-4 col-md-4 col-sm-12 mb-md-3'
27971
+ "class": sectionproperties.prodCatShow == 'Show' ? 'col-lg-3 col-md-3 col-sm-12 mb-md-3' : 'col-lg-4 col-md-4 col-sm-12 mb-md-3 p-sm-0'
27975
27972
  }, /*#__PURE__*/React__default["default"].createElement("div", {
27976
27973
  "class": "row m-0 w-100"
27977
27974
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -36928,9 +36925,11 @@
36928
36925
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
36929
36926
  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
36930
36927
  React.useEffect(function () {
36931
- var tempFetchQueriesEngineContext = FetchQueriesEngineContext;
36932
- tempFetchQueriesEngineContext.categories = true;
36933
- setFetchQueriesEngineContext(_objectSpread$I({}, tempFetchQueriesEngineContext));
36928
+ if (sectionproperties.collectionssectionshow == 'Show') {
36929
+ var tempFetchQueriesEngineContext = FetchQueriesEngineContext;
36930
+ tempFetchQueriesEngineContext.categories = true;
36931
+ setFetchQueriesEngineContext(_objectSpread$I({}, tempFetchQueriesEngineContext));
36932
+ }
36934
36933
  }, []);
36935
36934
  React.useEffect(function () {
36936
36935
  var secpropobj = {};
@@ -39337,7 +39336,7 @@
39337
39336
  }, /*#__PURE__*/React__default["default"].createElement("div", {
39338
39337
  "class": "col-lg-12 p-0 allcentered"
39339
39338
  }, /*#__PURE__*/React__default["default"].createElement("div", {
39340
- "class": "allcentered",
39339
+ "class": "d-flex d-sm-none justify-content-center align-items-center",
39341
39340
  style: {
39342
39341
  height: sectionproperties.image_height + 'px',
39343
39342
  width: sectionproperties.image_height + 'px',
@@ -39363,16 +39362,41 @@
39363
39362
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
39364
39363
  },
39365
39364
  loading: "lazy"
39366
- }), item.image != '' && /*#__PURE__*/React__default["default"].createElement("div", {
39365
+ }), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
39366
+ "class": "".concat(card_cssstyles.badgeStyles) + ' allcentered '
39367
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
39368
+ "class": "m-0 p-0",
39367
39369
  style: {
39368
- width: sectionproperties.image_width + '%',
39369
- height: sectionproperties.image_width + '%',
39370
+ color: sectionproperties.badge_color,
39371
+ fontSize: sectionproperties.badge_fontsize + 'px'
39372
+ }
39373
+ }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr))), /*#__PURE__*/React__default["default"].createElement("div", {
39374
+ "class": "d-none d-sm-flex justify-content-center align-items-center",
39375
+ style: {
39376
+ height: '180px',
39377
+ width: '180px',
39378
+ marginBottom: sectionproperties.image_mb + 'px',
39370
39379
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
39371
39380
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
39372
39381
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
39373
39382
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
39374
- background: '#ccc'
39383
+ backgroundColor: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
39384
+ position: 'relative'
39375
39385
  }
39386
+ }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
39387
+ urlEndpoint: IKurlEndpoint,
39388
+ publicKey: IKpublicKey,
39389
+ path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
39390
+ style: {
39391
+ width: sectionproperties.image_width + '%',
39392
+ height: sectionproperties.image_width + '%',
39393
+ objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
39394
+ borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
39395
+ borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
39396
+ borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
39397
+ borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
39398
+ },
39399
+ loading: "lazy"
39376
39400
  }), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
39377
39401
  "class": "".concat(card_cssstyles.badgeStyles) + ' allcentered '
39378
39402
  }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -39401,7 +39425,7 @@
39401
39425
  }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
39402
39426
  "class": langdetect == 'en' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ml-2 ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right mr-2 '
39403
39427
  }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م', ' ')), /*#__PURE__*/React__default["default"].createElement("div", {
39404
- "class": "".concat(card_cssstyles.floating_content) + ' row m-0 align-items-center justify-content-center floating_content '
39428
+ "class": ' row m-0 align-items-center justify-content-center '
39405
39429
  }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
39406
39430
  "class": " ".concat(card_cssstyles.wishlist_btn) + '',
39407
39431
  onClick: function onClick() {
@@ -39426,12 +39450,12 @@
39426
39450
  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
39427
39451
  size: sectionproperties.favBtnIconfontsize
39428
39452
  }))), sectionproperties.cartBtnShow == 'Show' && showquantity == false && /*#__PURE__*/React__default["default"].createElement("button", {
39429
- "class": "".concat(card_cssstyles.cart_btn) + ' ml-2 mr-2 ',
39453
+ "class": "".concat(card_cssstyles.cart_btn) + ' ml-2 mr-2 ml-sm-1 mr-sm-1 w-sm-100px font-sm-12 ',
39430
39454
  onClick: function onClick() {
39431
39455
  setshowquantity(true);
39432
39456
  }
39433
39457
  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), showquantity == true && /*#__PURE__*/React__default["default"].createElement("div", {
39434
- "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center ml-2 mr-2 ',
39458
+ "class": "".concat(card_cssstyles.quantitybtn) + ' w-sm-100px p-0 d-flex align-items-center justify-content-center ml-2 mr-2 ml-sm-1 mr-sm-1 ',
39435
39459
  style: {
39436
39460
  direction: 'ltr'
39437
39461
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.189",
3
+ "version": "0.0.190",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {