tabexseriescomponents 0.0.577 → 0.0.579

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.
Files changed (4) hide show
  1. package/dist/index.cjs.js +81 -34
  2. package/dist/index.esm.js +81 -34
  3. package/dist/index.umd.js +81 -34
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -18323,6 +18323,8 @@ var CardsSection = function CardsSection(props) {
18323
18323
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
18324
18324
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18325
18325
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18326
+ } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
18327
+ bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18326
18328
  } else {
18327
18329
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
18328
18330
  }
@@ -18351,6 +18353,8 @@ var CardsSection = function CardsSection(props) {
18351
18353
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0';
18352
18354
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18353
18355
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18356
+ } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
18357
+ bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18354
18358
  } else {
18355
18359
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0';
18356
18360
  }
@@ -18379,6 +18383,8 @@ var CardsSection = function CardsSection(props) {
18379
18383
  bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0';
18380
18384
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18381
18385
  bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18386
+ } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
18387
+ bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18382
18388
  } else {
18383
18389
  bootstapclass = ' col-xl-4 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18384
18390
  }
@@ -18405,6 +18411,8 @@ var CardsSection = function CardsSection(props) {
18405
18411
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0';
18406
18412
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18407
18413
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18414
+ } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
18415
+ bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18408
18416
  } else {
18409
18417
  bootstapclass = ' col-xl-3 col-lg-4 col-md-4 p-0 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18410
18418
  }
@@ -18460,6 +18468,8 @@ var CardsSection = function CardsSection(props) {
18460
18468
  bootstapclass = ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ';
18461
18469
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18462
18470
  bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18471
+ } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
18472
+ bootstapclass = ' col-xl-2 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18463
18473
  } else {
18464
18474
  bootstapclass = ' col-xl-2 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18465
18475
  }
@@ -28070,7 +28080,7 @@ styleInject(css_248z$w);
28070
28080
  function ownKeys$1T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
28071
28081
  function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
28072
28082
  var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
28073
- var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i8;
28083
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i8, _authdetailsContext$i9;
28074
28084
  var _useState = React.useState(''),
28075
28085
  _useState2 = _slicedToArray__default["default"](_useState, 2),
28076
28086
  sectionproperties = _useState2[0],
@@ -28091,6 +28101,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28091
28101
  var ikimagecredcontext = props.actions.ikimagecredcontext;
28092
28102
  var actions = props.actions;
28093
28103
  var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
28104
+ var scrollYposittionprops = props.actions.scrollYposittionprops;
28094
28105
  React.useEffect(function () {
28095
28106
  var secpropobj = {};
28096
28107
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -28130,7 +28141,8 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28130
28141
  top: 0
28131
28142
  }),
28132
28143
  header_innercontainer: glamor.css({
28133
- backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
28144
+ backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 300 ? sectionproperties.header_backgroundColor : 'transparent' : sectionproperties.header_backgroundColor,
28145
+ // backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
28134
28146
  borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
28135
28147
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
28136
28148
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
@@ -28356,12 +28368,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28356
28368
  position: 'relative',
28357
28369
  zIndex: 1000
28358
28370
  }
28359
- }, sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28360
- "class": "w-100 d-flex d-md-none"
28361
- }, /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
28362
- sectionpropertiesprops: sectionproperties,
28363
- actions: actions
28364
- })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("a", {
28371
+ }, sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("a", {
28365
28372
  href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
28366
28373
  target: '_self',
28367
28374
  style: {
@@ -28400,14 +28407,26 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28400
28407
  "class": "col-lg-12 p-0"
28401
28408
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28402
28409
  "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
28403
- }, sectionproperties.showupperheadersection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28410
+ }, sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28411
+ "class": "w-100 d-flex d-md-none"
28412
+ }, /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
28413
+ sectionpropertiesprops: sectionproperties,
28414
+ actions: actions
28415
+ })), templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28416
+ "class": "col-lg-12 p-0 d-flex d-md-none"
28417
+ }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
28418
+ sectionpropertiesprops: sectionproperties,
28419
+ templateproperties_contextprops: templateproperties_context,
28420
+ actions: actions
28421
+ })), sectionproperties.showupperheadersection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28404
28422
  "class": "col-lg-12",
28405
28423
  style: {
28406
28424
  paddingLeft: langdetect == 'en' ? sectionproperties.uppersection_paddingleft + 'px' : sectionproperties.uppersection_paddingright + 'px',
28407
28425
  paddingRight: langdetect == 'en' ? sectionproperties.uppersection_paddingright + 'px' : sectionproperties.uppersection_paddingleft + 'px',
28408
28426
  paddingTop: sectionproperties.uppersection_paddingtop + 'px',
28409
28427
  paddingBottom: sectionproperties.uppersection_paddingbottom + 'px',
28410
- background: sectionproperties.uppersection_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.uppersection_bgcolor
28428
+ // background: sectionproperties.uppersection_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.uppersection_bgcolor,
28429
+ backgroundColor: sectionproperties.uppersection_bgcolortransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 300 ? sectionproperties.uppersection_bgcolor : 'transparent' : sectionproperties.uppersection_bgcolor
28411
28430
  }
28412
28431
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28413
28432
  "class": "row m-0 w-100"
@@ -28578,6 +28597,10 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28578
28597
  "class": "col-lg-4 p-0 d-flex justify-content-end align-items-center",
28579
28598
  onClick: function onClick() {
28580
28599
  setSearchHeaderInputContext('');
28600
+ },
28601
+ style: {
28602
+ marginRight: sectionproperties.ShowUserBtn == 'Hide' ? langdetect == 'en' ? '1.5rem' : 0 : 0,
28603
+ marginLeft: sectionproperties.ShowUserBtn == 'Hide' ? langdetect == 'ar' ? '1.5rem' : 0 : 0
28581
28604
  }
28582
28605
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28583
28606
  "class": "row m-0 w-100 d-flex justify-content-end align-items-center"
@@ -28609,7 +28632,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28609
28632
  sectionpropertiesprops: sectionproperties,
28610
28633
  srcfromprops: 'header-300',
28611
28634
  headernameprops: 'Header_threesectionslogocentered'
28612
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
28635
+ })))), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28613
28636
  style: {
28614
28637
  marginRight: langdetect == 'en' ? '1.5rem' : '1.2rem',
28615
28638
  marginLeft: langdetect == 'en' ? '1.2rem' : '1.5rem'
@@ -28772,7 +28795,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28772
28795
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28773
28796
  }, /*#__PURE__*/React__default["default"].createElement("p", {
28774
28797
  "class": "m-0 p-0 mr-2"
28775
- }, "En"), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
28798
+ }, "English"), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
28776
28799
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28777
28800
  }, /*#__PURE__*/React__default["default"].createElement("p", {
28778
28801
  "class": "m-0 p-0 ml-2"
@@ -28818,7 +28841,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28818
28841
  }
28819
28842
  }), /*#__PURE__*/React__default["default"].createElement("span", {
28820
28843
  "class": 'ml-2 mr-2'
28821
- }, lang.english))))))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
28844
+ }, lang.english))))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.length) > 1 && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
28822
28845
  "class": ' d-flex align-items-center justify-content-center '
28823
28846
  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
28824
28847
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
@@ -28828,8 +28851,8 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28828
28851
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28829
28852
  }, /*#__PURE__*/React__default["default"].createElement("p", {
28830
28853
  "class": "m-0 p-0 ml-2 mr-2"
28831
- }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.map(function (item, index) {
28832
- var _authdetailsContext$i9;
28854
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.map(function (item, index) {
28855
+ var _authdetailsContext$i10;
28833
28856
  return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
28834
28857
  onClick: function onClick() {
28835
28858
  setcurrencyfunccontext(item);
@@ -28847,7 +28870,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28847
28870
  fontWeight: sectionproperties.dropdown_fontweight,
28848
28871
  textTransform: sectionproperties.dropdown_texttransform
28849
28872
  }
28850
- }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
28873
+ }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.instcurrencies) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
28851
28874
  "class": "col-lg-12 p-0"
28852
28875
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
28853
28876
  "class": "m-0"
@@ -33280,7 +33303,7 @@ var Modernheader = function Modernheader(props) {
33280
33303
  templateproperties_contextprops: templateproperties_context,
33281
33304
  actions: actions
33282
33305
  }), templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
33283
- "class": "col-lg-12 p-0"
33306
+ "class": "col-lg-12 p-0 d-md-none"
33284
33307
  }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
33285
33308
  sectionpropertiesprops: sectionproperties,
33286
33309
  templateproperties_contextprops: templateproperties_context,
@@ -49402,10 +49425,15 @@ var ModernCardsSection = function ModernCardsSection(props) {
49402
49425
  cardobj.name = arrayItem.productinfo.name_ar;
49403
49426
  }
49404
49427
  if (langdetect == 'en') {
49405
- cardobj.description = arrayItem.productinfo.description_en;
49428
+ cardobj.description = arrayItem.short_description_en;
49406
49429
  } else {
49407
49430
  cardobj.description = arrayItem.productinfo.description_ar;
49408
49431
  }
49432
+ if (langdetect == 'en') {
49433
+ cardobj.shortdescription = arrayItem.short_description_ar;
49434
+ } else {
49435
+ cardobj.shortdescription = arrayItem.productinfo.description_ar;
49436
+ }
49409
49437
  if (langdetect == 'en') {
49410
49438
  cardobj.shortdescription = arrayItem.short_description_en;
49411
49439
  } else {
@@ -49427,7 +49455,8 @@ var ModernCardsSection = function ModernCardsSection(props) {
49427
49455
  var _arrayItem$features2;
49428
49456
  cardobj.productfeature = arrayItem === null || arrayItem === void 0 || (_arrayItem$features2 = arrayItem.features) === null || _arrayItem$features2 === void 0 ? void 0 : _arrayItem$features2.value_ar;
49429
49457
  }
49430
- cardobj.productfeatureid = arrayItem === null || arrayItem === void 0 || (_arrayItem$features3 = arrayItem.features) === null || _arrayItem$features3 === void 0 ? void 0 : _arrayItem$features3.featureid;
49458
+ cardobj.feature_image_url = arrayItem === null || arrayItem === void 0 || (_arrayItem$features3 = arrayItem.features) === null || _arrayItem$features3 === void 0 || (_arrayItem$features3 = _arrayItem$features3.featureinfo) === null || _arrayItem$features3 === void 0 ? void 0 : _arrayItem$features3.feature_image_url;
49459
+ cardobj.productendpointurl = arrayItem.productinfo.productendpointurl;
49431
49460
  cardobj.hassale = arrayItem.productinfo.hassale;
49432
49461
  cardobj.productid = arrayItem.productinfo.productid;
49433
49462
  cardobj.hasvariants = arrayItem.productinfo.hasvariants;
@@ -49518,18 +49547,20 @@ var ModernCardsSection = function ModernCardsSection(props) {
49518
49547
  };
49519
49548
  var section_cssstyles = {
49520
49549
  viewmorebtn: glamor.css({
49521
- width: sectionproperties.viewmorebtn_Width + 'px',
49522
- height: sectionproperties.viewmorebtn_Height + 'px',
49550
+ width: sectionproperties.viewmorebtn_Width == 0 ? 'auto' : sectionproperties.viewmorebtn_Width + 'px',
49551
+ height: sectionproperties.viewmorebtn_Height == 0 ? 'auto' : sectionproperties.viewmorebtn_Height + 'px',
49523
49552
  background: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColor,
49524
49553
  borderRadius: sectionproperties.viewmorebtn_borderBottomLeftRadius + 'px',
49525
49554
  color: sectionproperties.viewmorebtn_Textcolor,
49526
49555
  fontSize: sectionproperties.viewmorebtn_fontSize + 'px',
49527
49556
  fontWeight: sectionproperties.viewmorebtn_fontWeight,
49528
- textDecoration: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'underline' : 'none',
49557
+ textDecoration: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.viewmorebtnborderwidth == 0 ? 'underline' : 'none' : 'none',
49529
49558
  transition: '.3s',
49559
+ border: sectionproperties.viewmorebtnborderwidth + 'px solid ' + sectionproperties.viewmorebtnbordercolor,
49530
49560
  ':hover': {
49531
49561
  background: sectionproperties.viewmorebtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColoronhover,
49532
- color: sectionproperties.viewmorebtn_Textcoloronhover
49562
+ color: sectionproperties.viewmorebtn_Textcoloronhover,
49563
+ borderColor: sectionproperties.viewmorebtn_Textcoloronhover
49533
49564
  }
49534
49565
  }),
49535
49566
  loadbtn: glamor.css({
@@ -49555,6 +49586,9 @@ var ModernCardsSection = function ModernCardsSection(props) {
49555
49586
  flex: '1 1 auto',
49556
49587
  minWidth: '10%',
49557
49588
  background: sectionproperties.linebgcolor
49589
+ }),
49590
+ sectiontitlecont: glamor.css({
49591
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px'
49558
49592
  })
49559
49593
  };
49560
49594
  var SectionTitle = function SectionTitle() {
@@ -49594,7 +49628,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
49594
49628
  }, /*#__PURE__*/React__default["default"].createElement("div", {
49595
49629
  "class": "col-lg-3 allcentered p-0"
49596
49630
  }, /*#__PURE__*/React__default["default"].createElement("div", {
49597
- "class": "row m-0 allcentered w-100"
49631
+ "class": section_cssstyles.sectiontitlecont + ' row mx-0 allcentered w-100 mt-sm-0 '
49598
49632
  }, /*#__PURE__*/React__default["default"].createElement("div", {
49599
49633
  "class": ' col-lg-12 p-0 d-flex d-md-none align-items-center ',
49600
49634
  style: {
@@ -69381,13 +69415,10 @@ var Classiccategorycard = function Classiccategorycard(props) {
69381
69415
  }, [props.cardinfoitemprops]);
69382
69416
  var card_cssstyles = {
69383
69417
  productcard: glamor.css({
69384
- minWidth: sectionproperties.image_width + 'px',
69385
- maxWidth: sectionproperties.image_width + 'px',
69418
+ width: '100%',
69386
69419
  position: 'relative',
69387
69420
  cursor: 'pointer',
69388
- // }),
69389
- // imagestyle: css({
69390
- height: sectionproperties.image_height + 'px',
69421
+ // height: sectionproperties.image_height + 'px',
69391
69422
  background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
69392
69423
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
69393
69424
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
@@ -69424,7 +69455,20 @@ var Classiccategorycard = function Classiccategorycard(props) {
69424
69455
  })
69425
69456
  };
69426
69457
  return /*#__PURE__*/React__default["default"].createElement("div", {
69427
- "class": props.sectiontypeprops2 == 'vertical' ? sectionproperties.image_height > 550 ? "".concat(card_cssstyles.productcard) + ' w-100 h-md-300 p-0 ' : "".concat(card_cssstyles.productcard) + ' w-100 p-0 ' : sectionproperties.image_height > 550 ? " ".concat(card_cssstyles.productcard, " ").concat(generalCardsStyles.Simpleproductcard) + ' h-md-300 p-0' : " ".concat(card_cssstyles.productcard, " ").concat(generalCardsStyles.Simpleproductcard) + ' p-0',
69458
+ // class={
69459
+ // props.sectiontypeprops2 == 'vertical'
69460
+ // ? sectionproperties.image_height > 550
69461
+ // ? `${card_cssstyles.productcard}` + ' w-100 h-md-300 p-0 '
69462
+ // : `${card_cssstyles.productcard}` + ' w-100 p-0 '
69463
+ // : sectionproperties.image_height > 550
69464
+ // ? ` ${card_cssstyles.productcard} ${generalCardsStyles.Simpleproductcard}` + ' h-md-300 p-0'
69465
+ // : ` ${card_cssstyles.productcard} ${generalCardsStyles.Simpleproductcard}` + ' p-0'
69466
+ // }
69467
+ // style={{
69468
+ // paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
69469
+ // paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
69470
+ // }}
69471
+ "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 ' : "".concat(card_cssstyles.productcard),
69428
69472
  style: {
69429
69473
  paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
69430
69474
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
@@ -69440,13 +69484,15 @@ var Classiccategorycard = function Classiccategorycard(props) {
69440
69484
  }
69441
69485
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
69442
69486
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
69443
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
69444
- "class": sectionproperties.image_height > 550 ? 'h-md-300' : '',
69487
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey
69488
+ // class={sectionproperties.image_height > 550 ? 'h-md-300' : ''}
69489
+ ,
69445
69490
  path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
69446
69491
  style: {
69447
69492
  width: '100%',
69448
69493
  objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
69449
- height: sectionproperties.image_height + 'px',
69494
+ // height: sectionproperties.image_height + 'px',
69495
+ height: '100%',
69450
69496
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
69451
69497
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
69452
69498
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
@@ -74915,7 +74961,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
74915
74961
  position: 'absolute',
74916
74962
  top: sectionproperties.pillpositionfromtop + 'px',
74917
74963
  left: langdetect == 'en' ? sectionproperties.pillpositionfromright + 'px' : '',
74918
- right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px'
74964
+ right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px',
74965
+ zIndex: 3
74919
74966
  }
74920
74967
  }, PillContainer()), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags = item.producttags) === null || _item$producttags === void 0 ? void 0 : _item$producttags.length) != 0 && sectionproperties.showtag == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
74921
74968
  "class": "allcentered",
package/dist/index.esm.js CHANGED
@@ -18274,6 +18274,8 @@ var CardsSection = function CardsSection(props) {
18274
18274
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
18275
18275
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18276
18276
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18277
+ } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
18278
+ bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18277
18279
  } else {
18278
18280
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
18279
18281
  }
@@ -18302,6 +18304,8 @@ var CardsSection = function CardsSection(props) {
18302
18304
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0';
18303
18305
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18304
18306
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18307
+ } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
18308
+ bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18305
18309
  } else {
18306
18310
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0';
18307
18311
  }
@@ -18330,6 +18334,8 @@ var CardsSection = function CardsSection(props) {
18330
18334
  bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0';
18331
18335
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18332
18336
  bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18337
+ } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
18338
+ bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18333
18339
  } else {
18334
18340
  bootstapclass = ' col-xl-4 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18335
18341
  }
@@ -18356,6 +18362,8 @@ var CardsSection = function CardsSection(props) {
18356
18362
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0';
18357
18363
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18358
18364
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18365
+ } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
18366
+ bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18359
18367
  } else {
18360
18368
  bootstapclass = ' col-xl-3 col-lg-4 col-md-4 p-0 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18361
18369
  }
@@ -18411,6 +18419,8 @@ var CardsSection = function CardsSection(props) {
18411
18419
  bootstapclass = ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ';
18412
18420
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18413
18421
  bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18422
+ } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
18423
+ bootstapclass = ' col-xl-2 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18414
18424
  } else {
18415
18425
  bootstapclass = ' col-xl-2 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18416
18426
  }
@@ -28021,7 +28031,7 @@ styleInject(css_248z$w);
28021
28031
  function ownKeys$1T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
28022
28032
  function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
28023
28033
  var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
28024
- var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i8;
28034
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i8, _authdetailsContext$i9;
28025
28035
  var _useState = useState(''),
28026
28036
  _useState2 = _slicedToArray(_useState, 2),
28027
28037
  sectionproperties = _useState2[0],
@@ -28042,6 +28052,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28042
28052
  var ikimagecredcontext = props.actions.ikimagecredcontext;
28043
28053
  var actions = props.actions;
28044
28054
  var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
28055
+ var scrollYposittionprops = props.actions.scrollYposittionprops;
28045
28056
  useEffect(function () {
28046
28057
  var secpropobj = {};
28047
28058
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -28081,7 +28092,8 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28081
28092
  top: 0
28082
28093
  }),
28083
28094
  header_innercontainer: css({
28084
- backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
28095
+ backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 300 ? sectionproperties.header_backgroundColor : 'transparent' : sectionproperties.header_backgroundColor,
28096
+ // backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
28085
28097
  borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
28086
28098
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
28087
28099
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
@@ -28307,12 +28319,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28307
28319
  position: 'relative',
28308
28320
  zIndex: 1000
28309
28321
  }
28310
- }, sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React.createElement("div", {
28311
- "class": "w-100 d-flex d-md-none"
28312
- }, /*#__PURE__*/React.createElement(DownloadApp, {
28313
- sectionpropertiesprops: sectionproperties,
28314
- actions: actions
28315
- })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", {
28322
+ }, sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("a", {
28316
28323
  href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
28317
28324
  target: '_self',
28318
28325
  style: {
@@ -28351,14 +28358,26 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28351
28358
  "class": "col-lg-12 p-0"
28352
28359
  }, /*#__PURE__*/React.createElement("div", {
28353
28360
  "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
28354
- }, sectionproperties.showupperheadersection == 'Show' && /*#__PURE__*/React.createElement("div", {
28361
+ }, sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React.createElement("div", {
28362
+ "class": "w-100 d-flex d-md-none"
28363
+ }, /*#__PURE__*/React.createElement(DownloadApp, {
28364
+ sectionpropertiesprops: sectionproperties,
28365
+ actions: actions
28366
+ })), templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement("div", {
28367
+ "class": "col-lg-12 p-0 d-flex d-md-none"
28368
+ }, /*#__PURE__*/React.createElement(MarqueeHeader, {
28369
+ sectionpropertiesprops: sectionproperties,
28370
+ templateproperties_contextprops: templateproperties_context,
28371
+ actions: actions
28372
+ })), sectionproperties.showupperheadersection == 'Show' && /*#__PURE__*/React.createElement("div", {
28355
28373
  "class": "col-lg-12",
28356
28374
  style: {
28357
28375
  paddingLeft: langdetect == 'en' ? sectionproperties.uppersection_paddingleft + 'px' : sectionproperties.uppersection_paddingright + 'px',
28358
28376
  paddingRight: langdetect == 'en' ? sectionproperties.uppersection_paddingright + 'px' : sectionproperties.uppersection_paddingleft + 'px',
28359
28377
  paddingTop: sectionproperties.uppersection_paddingtop + 'px',
28360
28378
  paddingBottom: sectionproperties.uppersection_paddingbottom + 'px',
28361
- background: sectionproperties.uppersection_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.uppersection_bgcolor
28379
+ // background: sectionproperties.uppersection_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.uppersection_bgcolor,
28380
+ backgroundColor: sectionproperties.uppersection_bgcolortransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 300 ? sectionproperties.uppersection_bgcolor : 'transparent' : sectionproperties.uppersection_bgcolor
28362
28381
  }
28363
28382
  }, /*#__PURE__*/React.createElement("div", {
28364
28383
  "class": "row m-0 w-100"
@@ -28529,6 +28548,10 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28529
28548
  "class": "col-lg-4 p-0 d-flex justify-content-end align-items-center",
28530
28549
  onClick: function onClick() {
28531
28550
  setSearchHeaderInputContext('');
28551
+ },
28552
+ style: {
28553
+ marginRight: sectionproperties.ShowUserBtn == 'Hide' ? langdetect == 'en' ? '1.5rem' : 0 : 0,
28554
+ marginLeft: sectionproperties.ShowUserBtn == 'Hide' ? langdetect == 'ar' ? '1.5rem' : 0 : 0
28532
28555
  }
28533
28556
  }, /*#__PURE__*/React.createElement("div", {
28534
28557
  "class": "row m-0 w-100 d-flex justify-content-end align-items-center"
@@ -28560,7 +28583,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28560
28583
  sectionpropertiesprops: sectionproperties,
28561
28584
  srcfromprops: 'header-300',
28562
28585
  headernameprops: 'Header_threesectionslogocentered'
28563
- })))), /*#__PURE__*/React.createElement("div", {
28586
+ })))), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement("div", {
28564
28587
  style: {
28565
28588
  marginRight: langdetect == 'en' ? '1.5rem' : '1.2rem',
28566
28589
  marginLeft: langdetect == 'en' ? '1.2rem' : '1.5rem'
@@ -28723,7 +28746,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28723
28746
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28724
28747
  }, /*#__PURE__*/React.createElement("p", {
28725
28748
  "class": "m-0 p-0 mr-2"
28726
- }, "En"), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
28749
+ }, "English"), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
28727
28750
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28728
28751
  }, /*#__PURE__*/React.createElement("p", {
28729
28752
  "class": "m-0 p-0 ml-2"
@@ -28769,7 +28792,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28769
28792
  }
28770
28793
  }), /*#__PURE__*/React.createElement("span", {
28771
28794
  "class": 'ml-2 mr-2'
28772
- }, lang.english))))))), /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
28795
+ }, lang.english))))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.length) > 1 && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
28773
28796
  "class": ' d-flex align-items-center justify-content-center '
28774
28797
  }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
28775
28798
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
@@ -28779,8 +28802,8 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28779
28802
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28780
28803
  }, /*#__PURE__*/React.createElement("p", {
28781
28804
  "class": "m-0 p-0 ml-2 mr-2"
28782
- }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.map(function (item, index) {
28783
- var _authdetailsContext$i9;
28805
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.map(function (item, index) {
28806
+ var _authdetailsContext$i10;
28784
28807
  return /*#__PURE__*/React.createElement(Dropdown.Item, {
28785
28808
  onClick: function onClick() {
28786
28809
  setcurrencyfunccontext(item);
@@ -28798,7 +28821,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
28798
28821
  fontWeight: sectionproperties.dropdown_fontweight,
28799
28822
  textTransform: sectionproperties.dropdown_texttransform
28800
28823
  }
28801
- }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.length) - 1 && /*#__PURE__*/React.createElement("div", {
28824
+ }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.instcurrencies) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.length) - 1 && /*#__PURE__*/React.createElement("div", {
28802
28825
  "class": "col-lg-12 p-0"
28803
28826
  }, /*#__PURE__*/React.createElement("hr", {
28804
28827
  "class": "m-0"
@@ -33231,7 +33254,7 @@ var Modernheader = function Modernheader(props) {
33231
33254
  templateproperties_contextprops: templateproperties_context,
33232
33255
  actions: actions
33233
33256
  }), templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement("div", {
33234
- "class": "col-lg-12 p-0"
33257
+ "class": "col-lg-12 p-0 d-md-none"
33235
33258
  }, /*#__PURE__*/React.createElement(MarqueeHeader, {
33236
33259
  sectionpropertiesprops: sectionproperties,
33237
33260
  templateproperties_contextprops: templateproperties_context,
@@ -49353,10 +49376,15 @@ var ModernCardsSection = function ModernCardsSection(props) {
49353
49376
  cardobj.name = arrayItem.productinfo.name_ar;
49354
49377
  }
49355
49378
  if (langdetect == 'en') {
49356
- cardobj.description = arrayItem.productinfo.description_en;
49379
+ cardobj.description = arrayItem.short_description_en;
49357
49380
  } else {
49358
49381
  cardobj.description = arrayItem.productinfo.description_ar;
49359
49382
  }
49383
+ if (langdetect == 'en') {
49384
+ cardobj.shortdescription = arrayItem.short_description_ar;
49385
+ } else {
49386
+ cardobj.shortdescription = arrayItem.productinfo.description_ar;
49387
+ }
49360
49388
  if (langdetect == 'en') {
49361
49389
  cardobj.shortdescription = arrayItem.short_description_en;
49362
49390
  } else {
@@ -49378,7 +49406,8 @@ var ModernCardsSection = function ModernCardsSection(props) {
49378
49406
  var _arrayItem$features2;
49379
49407
  cardobj.productfeature = arrayItem === null || arrayItem === void 0 || (_arrayItem$features2 = arrayItem.features) === null || _arrayItem$features2 === void 0 ? void 0 : _arrayItem$features2.value_ar;
49380
49408
  }
49381
- cardobj.productfeatureid = arrayItem === null || arrayItem === void 0 || (_arrayItem$features3 = arrayItem.features) === null || _arrayItem$features3 === void 0 ? void 0 : _arrayItem$features3.featureid;
49409
+ cardobj.feature_image_url = arrayItem === null || arrayItem === void 0 || (_arrayItem$features3 = arrayItem.features) === null || _arrayItem$features3 === void 0 || (_arrayItem$features3 = _arrayItem$features3.featureinfo) === null || _arrayItem$features3 === void 0 ? void 0 : _arrayItem$features3.feature_image_url;
49410
+ cardobj.productendpointurl = arrayItem.productinfo.productendpointurl;
49382
49411
  cardobj.hassale = arrayItem.productinfo.hassale;
49383
49412
  cardobj.productid = arrayItem.productinfo.productid;
49384
49413
  cardobj.hasvariants = arrayItem.productinfo.hasvariants;
@@ -49469,18 +49498,20 @@ var ModernCardsSection = function ModernCardsSection(props) {
49469
49498
  };
49470
49499
  var section_cssstyles = {
49471
49500
  viewmorebtn: css({
49472
- width: sectionproperties.viewmorebtn_Width + 'px',
49473
- height: sectionproperties.viewmorebtn_Height + 'px',
49501
+ width: sectionproperties.viewmorebtn_Width == 0 ? 'auto' : sectionproperties.viewmorebtn_Width + 'px',
49502
+ height: sectionproperties.viewmorebtn_Height == 0 ? 'auto' : sectionproperties.viewmorebtn_Height + 'px',
49474
49503
  background: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColor,
49475
49504
  borderRadius: sectionproperties.viewmorebtn_borderBottomLeftRadius + 'px',
49476
49505
  color: sectionproperties.viewmorebtn_Textcolor,
49477
49506
  fontSize: sectionproperties.viewmorebtn_fontSize + 'px',
49478
49507
  fontWeight: sectionproperties.viewmorebtn_fontWeight,
49479
- textDecoration: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'underline' : 'none',
49508
+ textDecoration: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.viewmorebtnborderwidth == 0 ? 'underline' : 'none' : 'none',
49480
49509
  transition: '.3s',
49510
+ border: sectionproperties.viewmorebtnborderwidth + 'px solid ' + sectionproperties.viewmorebtnbordercolor,
49481
49511
  ':hover': {
49482
49512
  background: sectionproperties.viewmorebtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColoronhover,
49483
- color: sectionproperties.viewmorebtn_Textcoloronhover
49513
+ color: sectionproperties.viewmorebtn_Textcoloronhover,
49514
+ borderColor: sectionproperties.viewmorebtn_Textcoloronhover
49484
49515
  }
49485
49516
  }),
49486
49517
  loadbtn: css({
@@ -49506,6 +49537,9 @@ var ModernCardsSection = function ModernCardsSection(props) {
49506
49537
  flex: '1 1 auto',
49507
49538
  minWidth: '10%',
49508
49539
  background: sectionproperties.linebgcolor
49540
+ }),
49541
+ sectiontitlecont: css({
49542
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px'
49509
49543
  })
49510
49544
  };
49511
49545
  var SectionTitle = function SectionTitle() {
@@ -49545,7 +49579,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
49545
49579
  }, /*#__PURE__*/React.createElement("div", {
49546
49580
  "class": "col-lg-3 allcentered p-0"
49547
49581
  }, /*#__PURE__*/React.createElement("div", {
49548
- "class": "row m-0 allcentered w-100"
49582
+ "class": section_cssstyles.sectiontitlecont + ' row mx-0 allcentered w-100 mt-sm-0 '
49549
49583
  }, /*#__PURE__*/React.createElement("div", {
49550
49584
  "class": ' col-lg-12 p-0 d-flex d-md-none align-items-center ',
49551
49585
  style: {
@@ -69332,13 +69366,10 @@ var Classiccategorycard = function Classiccategorycard(props) {
69332
69366
  }, [props.cardinfoitemprops]);
69333
69367
  var card_cssstyles = {
69334
69368
  productcard: css({
69335
- minWidth: sectionproperties.image_width + 'px',
69336
- maxWidth: sectionproperties.image_width + 'px',
69369
+ width: '100%',
69337
69370
  position: 'relative',
69338
69371
  cursor: 'pointer',
69339
- // }),
69340
- // imagestyle: css({
69341
- height: sectionproperties.image_height + 'px',
69372
+ // height: sectionproperties.image_height + 'px',
69342
69373
  background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
69343
69374
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
69344
69375
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
@@ -69375,7 +69406,20 @@ var Classiccategorycard = function Classiccategorycard(props) {
69375
69406
  })
69376
69407
  };
69377
69408
  return /*#__PURE__*/React.createElement("div", {
69378
- "class": props.sectiontypeprops2 == 'vertical' ? sectionproperties.image_height > 550 ? "".concat(card_cssstyles.productcard) + ' w-100 h-md-300 p-0 ' : "".concat(card_cssstyles.productcard) + ' w-100 p-0 ' : sectionproperties.image_height > 550 ? " ".concat(card_cssstyles.productcard, " ").concat(generalCardsStyles.Simpleproductcard) + ' h-md-300 p-0' : " ".concat(card_cssstyles.productcard, " ").concat(generalCardsStyles.Simpleproductcard) + ' p-0',
69409
+ // class={
69410
+ // props.sectiontypeprops2 == 'vertical'
69411
+ // ? sectionproperties.image_height > 550
69412
+ // ? `${card_cssstyles.productcard}` + ' w-100 h-md-300 p-0 '
69413
+ // : `${card_cssstyles.productcard}` + ' w-100 p-0 '
69414
+ // : sectionproperties.image_height > 550
69415
+ // ? ` ${card_cssstyles.productcard} ${generalCardsStyles.Simpleproductcard}` + ' h-md-300 p-0'
69416
+ // : ` ${card_cssstyles.productcard} ${generalCardsStyles.Simpleproductcard}` + ' p-0'
69417
+ // }
69418
+ // style={{
69419
+ // paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
69420
+ // paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
69421
+ // }}
69422
+ "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 ' : "".concat(card_cssstyles.productcard),
69379
69423
  style: {
69380
69424
  paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
69381
69425
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
@@ -69391,13 +69435,15 @@ var Classiccategorycard = function Classiccategorycard(props) {
69391
69435
  }
69392
69436
  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
69393
69437
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
69394
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
69395
- "class": sectionproperties.image_height > 550 ? 'h-md-300' : '',
69438
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey
69439
+ // class={sectionproperties.image_height > 550 ? 'h-md-300' : ''}
69440
+ ,
69396
69441
  path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
69397
69442
  style: {
69398
69443
  width: '100%',
69399
69444
  objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
69400
- height: sectionproperties.image_height + 'px',
69445
+ // height: sectionproperties.image_height + 'px',
69446
+ height: '100%',
69401
69447
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
69402
69448
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
69403
69449
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
@@ -74866,7 +74912,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
74866
74912
  position: 'absolute',
74867
74913
  top: sectionproperties.pillpositionfromtop + 'px',
74868
74914
  left: langdetect == 'en' ? sectionproperties.pillpositionfromright + 'px' : '',
74869
- right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px'
74915
+ right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px',
74916
+ zIndex: 3
74870
74917
  }
74871
74918
  }, PillContainer()), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags = item.producttags) === null || _item$producttags === void 0 ? void 0 : _item$producttags.length) != 0 && sectionproperties.showtag == 'Show' && /*#__PURE__*/React.createElement("div", {
74872
74919
  "class": "allcentered",
package/dist/index.umd.js CHANGED
@@ -18147,6 +18147,8 @@
18147
18147
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
18148
18148
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18149
18149
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18150
+ } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
18151
+ bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18150
18152
  } else {
18151
18153
  bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
18152
18154
  }
@@ -18175,6 +18177,8 @@
18175
18177
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0';
18176
18178
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18177
18179
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18180
+ } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
18181
+ bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18178
18182
  } else {
18179
18183
  bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0';
18180
18184
  }
@@ -18203,6 +18207,8 @@
18203
18207
  bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0';
18204
18208
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18205
18209
  bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18210
+ } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
18211
+ bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18206
18212
  } else {
18207
18213
  bootstapclass = ' col-xl-4 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18208
18214
  }
@@ -18229,6 +18235,8 @@
18229
18235
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0';
18230
18236
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18231
18237
  bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18238
+ } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
18239
+ bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18232
18240
  } else {
18233
18241
  bootstapclass = ' col-xl-3 col-lg-4 col-md-4 p-0 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18234
18242
  }
@@ -18284,6 +18292,8 @@
18284
18292
  bootstapclass = ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ';
18285
18293
  } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
18286
18294
  bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
18295
+ } else if (item.tabexsectioninfo.sectioncompname == 'Classiccategorycard') {
18296
+ bootstapclass = ' col-xl-2 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18287
18297
  } else {
18288
18298
  bootstapclass = ' col-xl-2 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
18289
18299
  }
@@ -27894,7 +27904,7 @@
27894
27904
  function ownKeys$1T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
27895
27905
  function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
27896
27906
  var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
27897
- var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i8;
27907
+ var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i8, _authdetailsContext$i9;
27898
27908
  var _useState = React.useState(''),
27899
27909
  _useState2 = _slicedToArray__default["default"](_useState, 2),
27900
27910
  sectionproperties = _useState2[0],
@@ -27915,6 +27925,7 @@
27915
27925
  var ikimagecredcontext = props.actions.ikimagecredcontext;
27916
27926
  var actions = props.actions;
27917
27927
  var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
27928
+ var scrollYposittionprops = props.actions.scrollYposittionprops;
27918
27929
  React.useEffect(function () {
27919
27930
  var secpropobj = {};
27920
27931
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -27954,7 +27965,8 @@
27954
27965
  top: 0
27955
27966
  }),
27956
27967
  header_innercontainer: glamor.css({
27957
- backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
27968
+ backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 300 ? sectionproperties.header_backgroundColor : 'transparent' : sectionproperties.header_backgroundColor,
27969
+ // backgroundColor: sectionproperties.headerstyles_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.header_backgroundColor,
27958
27970
  borderRadius: sectionproperties.header_borderBottomLeftRadius + 'px',
27959
27971
  paddingLeft: langdetect == 'en' ? sectionproperties.header_paddingLeft + 'px' : sectionproperties.header_paddingRight + 'px',
27960
27972
  paddingRight: langdetect == 'en' ? sectionproperties.header_paddingRight + 'px' : sectionproperties.header_paddingLeft + 'px',
@@ -28180,12 +28192,7 @@
28180
28192
  position: 'relative',
28181
28193
  zIndex: 1000
28182
28194
  }
28183
- }, sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28184
- "class": "w-100 d-flex d-md-none"
28185
- }, /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
28186
- sectionpropertiesprops: sectionproperties,
28187
- actions: actions
28188
- })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("a", {
28195
+ }, sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("a", {
28189
28196
  href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
28190
28197
  target: '_self',
28191
28198
  style: {
@@ -28224,14 +28231,26 @@
28224
28231
  "class": "col-lg-12 p-0"
28225
28232
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28226
28233
  "class": "".concat(header_cssstyles.header_outercontainer) + ' d-flex d-md-none row ml-0 mr-0 '
28227
- }, sectionproperties.showupperheadersection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28234
+ }, sectionproperties.showdownloadapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28235
+ "class": "w-100 d-flex d-md-none"
28236
+ }, /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
28237
+ sectionpropertiesprops: sectionproperties,
28238
+ actions: actions
28239
+ })), templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28240
+ "class": "col-lg-12 p-0 d-flex d-md-none"
28241
+ }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
28242
+ sectionpropertiesprops: sectionproperties,
28243
+ templateproperties_contextprops: templateproperties_context,
28244
+ actions: actions
28245
+ })), sectionproperties.showupperheadersection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28228
28246
  "class": "col-lg-12",
28229
28247
  style: {
28230
28248
  paddingLeft: langdetect == 'en' ? sectionproperties.uppersection_paddingleft + 'px' : sectionproperties.uppersection_paddingright + 'px',
28231
28249
  paddingRight: langdetect == 'en' ? sectionproperties.uppersection_paddingright + 'px' : sectionproperties.uppersection_paddingleft + 'px',
28232
28250
  paddingTop: sectionproperties.uppersection_paddingtop + 'px',
28233
28251
  paddingBottom: sectionproperties.uppersection_paddingbottom + 'px',
28234
- background: sectionproperties.uppersection_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.uppersection_bgcolor
28252
+ // background: sectionproperties.uppersection_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.uppersection_bgcolor,
28253
+ backgroundColor: sectionproperties.uppersection_bgcolortransparent == 'Transparent' && window.location.pathname == '/home' ? scrollYposittionprops > 300 ? sectionproperties.uppersection_bgcolor : 'transparent' : sectionproperties.uppersection_bgcolor
28235
28254
  }
28236
28255
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28237
28256
  "class": "row m-0 w-100"
@@ -28402,6 +28421,10 @@
28402
28421
  "class": "col-lg-4 p-0 d-flex justify-content-end align-items-center",
28403
28422
  onClick: function onClick() {
28404
28423
  setSearchHeaderInputContext('');
28424
+ },
28425
+ style: {
28426
+ marginRight: sectionproperties.ShowUserBtn == 'Hide' ? langdetect == 'en' ? '1.5rem' : 0 : 0,
28427
+ marginLeft: sectionproperties.ShowUserBtn == 'Hide' ? langdetect == 'ar' ? '1.5rem' : 0 : 0
28405
28428
  }
28406
28429
  }, /*#__PURE__*/React__default["default"].createElement("div", {
28407
28430
  "class": "row m-0 w-100 d-flex justify-content-end align-items-center"
@@ -28433,7 +28456,7 @@
28433
28456
  sectionpropertiesprops: sectionproperties,
28434
28457
  srcfromprops: 'header-300',
28435
28458
  headernameprops: 'Header_threesectionslogocentered'
28436
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
28459
+ })))), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
28437
28460
  style: {
28438
28461
  marginRight: langdetect == 'en' ? '1.5rem' : '1.2rem',
28439
28462
  marginLeft: langdetect == 'en' ? '1.2rem' : '1.5rem'
@@ -28596,7 +28619,7 @@
28596
28619
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28597
28620
  }, /*#__PURE__*/React__default["default"].createElement("p", {
28598
28621
  "class": "m-0 p-0 mr-2"
28599
- }, "En"), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
28622
+ }, "English"), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
28600
28623
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28601
28624
  }, /*#__PURE__*/React__default["default"].createElement("p", {
28602
28625
  "class": "m-0 p-0 ml-2"
@@ -28642,7 +28665,7 @@
28642
28665
  }
28643
28666
  }), /*#__PURE__*/React__default["default"].createElement("span", {
28644
28667
  "class": 'ml-2 mr-2'
28645
- }, lang.english))))))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
28668
+ }, lang.english))))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.length) > 1 && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
28646
28669
  "class": ' d-flex align-items-center justify-content-center '
28647
28670
  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
28648
28671
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
@@ -28652,8 +28675,8 @@
28652
28675
  "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
28653
28676
  }, /*#__PURE__*/React__default["default"].createElement("p", {
28654
28677
  "class": "m-0 p-0 ml-2 mr-2"
28655
- }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.map(function (item, index) {
28656
- var _authdetailsContext$i9;
28678
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.map(function (item, index) {
28679
+ var _authdetailsContext$i10;
28657
28680
  return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
28658
28681
  onClick: function onClick() {
28659
28682
  setcurrencyfunccontext(item);
@@ -28671,7 +28694,7 @@
28671
28694
  fontWeight: sectionproperties.dropdown_fontweight,
28672
28695
  textTransform: sectionproperties.dropdown_texttransform
28673
28696
  }
28674
- }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
28697
+ }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.instcurrencies) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
28675
28698
  "class": "col-lg-12 p-0"
28676
28699
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
28677
28700
  "class": "m-0"
@@ -33104,7 +33127,7 @@
33104
33127
  templateproperties_contextprops: templateproperties_context,
33105
33128
  actions: actions
33106
33129
  }), templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
33107
- "class": "col-lg-12 p-0"
33130
+ "class": "col-lg-12 p-0 d-md-none"
33108
33131
  }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
33109
33132
  sectionpropertiesprops: sectionproperties,
33110
33133
  templateproperties_contextprops: templateproperties_context,
@@ -49226,10 +49249,15 @@
49226
49249
  cardobj.name = arrayItem.productinfo.name_ar;
49227
49250
  }
49228
49251
  if (langdetect == 'en') {
49229
- cardobj.description = arrayItem.productinfo.description_en;
49252
+ cardobj.description = arrayItem.short_description_en;
49230
49253
  } else {
49231
49254
  cardobj.description = arrayItem.productinfo.description_ar;
49232
49255
  }
49256
+ if (langdetect == 'en') {
49257
+ cardobj.shortdescription = arrayItem.short_description_ar;
49258
+ } else {
49259
+ cardobj.shortdescription = arrayItem.productinfo.description_ar;
49260
+ }
49233
49261
  if (langdetect == 'en') {
49234
49262
  cardobj.shortdescription = arrayItem.short_description_en;
49235
49263
  } else {
@@ -49251,7 +49279,8 @@
49251
49279
  var _arrayItem$features2;
49252
49280
  cardobj.productfeature = arrayItem === null || arrayItem === void 0 || (_arrayItem$features2 = arrayItem.features) === null || _arrayItem$features2 === void 0 ? void 0 : _arrayItem$features2.value_ar;
49253
49281
  }
49254
- cardobj.productfeatureid = arrayItem === null || arrayItem === void 0 || (_arrayItem$features3 = arrayItem.features) === null || _arrayItem$features3 === void 0 ? void 0 : _arrayItem$features3.featureid;
49282
+ cardobj.feature_image_url = arrayItem === null || arrayItem === void 0 || (_arrayItem$features3 = arrayItem.features) === null || _arrayItem$features3 === void 0 || (_arrayItem$features3 = _arrayItem$features3.featureinfo) === null || _arrayItem$features3 === void 0 ? void 0 : _arrayItem$features3.feature_image_url;
49283
+ cardobj.productendpointurl = arrayItem.productinfo.productendpointurl;
49255
49284
  cardobj.hassale = arrayItem.productinfo.hassale;
49256
49285
  cardobj.productid = arrayItem.productinfo.productid;
49257
49286
  cardobj.hasvariants = arrayItem.productinfo.hasvariants;
@@ -49342,18 +49371,20 @@
49342
49371
  };
49343
49372
  var section_cssstyles = {
49344
49373
  viewmorebtn: glamor.css({
49345
- width: sectionproperties.viewmorebtn_Width + 'px',
49346
- height: sectionproperties.viewmorebtn_Height + 'px',
49374
+ width: sectionproperties.viewmorebtn_Width == 0 ? 'auto' : sectionproperties.viewmorebtn_Width + 'px',
49375
+ height: sectionproperties.viewmorebtn_Height == 0 ? 'auto' : sectionproperties.viewmorebtn_Height + 'px',
49347
49376
  background: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColor,
49348
49377
  borderRadius: sectionproperties.viewmorebtn_borderBottomLeftRadius + 'px',
49349
49378
  color: sectionproperties.viewmorebtn_Textcolor,
49350
49379
  fontSize: sectionproperties.viewmorebtn_fontSize + 'px',
49351
49380
  fontWeight: sectionproperties.viewmorebtn_fontWeight,
49352
- textDecoration: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'underline' : 'none',
49381
+ textDecoration: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.viewmorebtnborderwidth == 0 ? 'underline' : 'none' : 'none',
49353
49382
  transition: '.3s',
49383
+ border: sectionproperties.viewmorebtnborderwidth + 'px solid ' + sectionproperties.viewmorebtnbordercolor,
49354
49384
  ':hover': {
49355
49385
  background: sectionproperties.viewmorebtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColoronhover,
49356
- color: sectionproperties.viewmorebtn_Textcoloronhover
49386
+ color: sectionproperties.viewmorebtn_Textcoloronhover,
49387
+ borderColor: sectionproperties.viewmorebtn_Textcoloronhover
49357
49388
  }
49358
49389
  }),
49359
49390
  loadbtn: glamor.css({
@@ -49379,6 +49410,9 @@
49379
49410
  flex: '1 1 auto',
49380
49411
  minWidth: '10%',
49381
49412
  background: sectionproperties.linebgcolor
49413
+ }),
49414
+ sectiontitlecont: glamor.css({
49415
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px'
49382
49416
  })
49383
49417
  };
49384
49418
  var SectionTitle = function SectionTitle() {
@@ -49418,7 +49452,7 @@
49418
49452
  }, /*#__PURE__*/React__default["default"].createElement("div", {
49419
49453
  "class": "col-lg-3 allcentered p-0"
49420
49454
  }, /*#__PURE__*/React__default["default"].createElement("div", {
49421
- "class": "row m-0 allcentered w-100"
49455
+ "class": section_cssstyles.sectiontitlecont + ' row mx-0 allcentered w-100 mt-sm-0 '
49422
49456
  }, /*#__PURE__*/React__default["default"].createElement("div", {
49423
49457
  "class": ' col-lg-12 p-0 d-flex d-md-none align-items-center ',
49424
49458
  style: {
@@ -69205,13 +69239,10 @@
69205
69239
  }, [props.cardinfoitemprops]);
69206
69240
  var card_cssstyles = {
69207
69241
  productcard: glamor.css({
69208
- minWidth: sectionproperties.image_width + 'px',
69209
- maxWidth: sectionproperties.image_width + 'px',
69242
+ width: '100%',
69210
69243
  position: 'relative',
69211
69244
  cursor: 'pointer',
69212
- // }),
69213
- // imagestyle: css({
69214
- height: sectionproperties.image_height + 'px',
69245
+ // height: sectionproperties.image_height + 'px',
69215
69246
  background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
69216
69247
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
69217
69248
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
@@ -69248,7 +69279,20 @@
69248
69279
  })
69249
69280
  };
69250
69281
  return /*#__PURE__*/React__default["default"].createElement("div", {
69251
- "class": props.sectiontypeprops2 == 'vertical' ? sectionproperties.image_height > 550 ? "".concat(card_cssstyles.productcard) + ' w-100 h-md-300 p-0 ' : "".concat(card_cssstyles.productcard) + ' w-100 p-0 ' : sectionproperties.image_height > 550 ? " ".concat(card_cssstyles.productcard, " ").concat(generalCardsStyles.Simpleproductcard) + ' h-md-300 p-0' : " ".concat(card_cssstyles.productcard, " ").concat(generalCardsStyles.Simpleproductcard) + ' p-0',
69282
+ // class={
69283
+ // props.sectiontypeprops2 == 'vertical'
69284
+ // ? sectionproperties.image_height > 550
69285
+ // ? `${card_cssstyles.productcard}` + ' w-100 h-md-300 p-0 '
69286
+ // : `${card_cssstyles.productcard}` + ' w-100 p-0 '
69287
+ // : sectionproperties.image_height > 550
69288
+ // ? ` ${card_cssstyles.productcard} ${generalCardsStyles.Simpleproductcard}` + ' h-md-300 p-0'
69289
+ // : ` ${card_cssstyles.productcard} ${generalCardsStyles.Simpleproductcard}` + ' p-0'
69290
+ // }
69291
+ // style={{
69292
+ // paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
69293
+ // paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
69294
+ // }}
69295
+ "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 ' : "".concat(card_cssstyles.productcard),
69252
69296
  style: {
69253
69297
  paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
69254
69298
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
@@ -69264,13 +69308,15 @@
69264
69308
  }
69265
69309
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
69266
69310
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
69267
- publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
69268
- "class": sectionproperties.image_height > 550 ? 'h-md-300' : '',
69311
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey
69312
+ // class={sectionproperties.image_height > 550 ? 'h-md-300' : ''}
69313
+ ,
69269
69314
  path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
69270
69315
  style: {
69271
69316
  width: '100%',
69272
69317
  objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
69273
- height: sectionproperties.image_height + 'px',
69318
+ // height: sectionproperties.image_height + 'px',
69319
+ height: '100%',
69274
69320
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
69275
69321
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
69276
69322
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
@@ -74739,7 +74785,8 @@
74739
74785
  position: 'absolute',
74740
74786
  top: sectionproperties.pillpositionfromtop + 'px',
74741
74787
  left: langdetect == 'en' ? sectionproperties.pillpositionfromright + 'px' : '',
74742
- right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px'
74788
+ right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px',
74789
+ zIndex: 3
74743
74790
  }
74744
74791
  }, PillContainer()), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags = item.producttags) === null || _item$producttags === void 0 ? void 0 : _item$producttags.length) != 0 && sectionproperties.showtag == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
74745
74792
  "class": "allcentered",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.577",
3
+ "version": "0.0.579",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {