tabexseriescomponents 0.0.82 → 0.0.87

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.umd.js CHANGED
@@ -1332,8 +1332,8 @@
1332
1332
  }, !fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && fetchProductInfoQueryContext.data.data.productinfo != null && /*#__PURE__*/React__default["default"].createElement("div", {
1333
1333
  className: 'row m-0 w-100 pl-md-3 pr-md-3 p-sm-0',
1334
1334
  style: {
1335
- paddingLeft: props.srcfromprops != 'templatdraftrouter' ? 0 : sectionproperties.card_marginLeft + 'px',
1336
- paddingRight: props.srcfromprops != 'templatdraftrouter' ? 0 : sectionproperties.card_marginRight + 'px'
1335
+ paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
1336
+ paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
1337
1337
  }
1338
1338
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1339
1339
  className: "col-lg-9 pl-2 pr-2 mb-md-3"
@@ -3445,12 +3445,6 @@
3445
3445
  }, /*#__PURE__*/React__default["default"].createElement("p", {
3446
3446
  className: "".concat(wishlist_cssstyles.productNameStyles) + ' wordbreak text-center m-0 p-0 d-flex align-items-center justify-content-center '
3447
3447
  }, item.name_en)), /*#__PURE__*/React__default["default"].createElement("div", {
3448
- className: "col-lg-12 d-flex align-items-center justify-content-center mb-2"
3449
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3450
- className: "".concat(wishlist_cssstyles.productPricestyles) + ' m-0 p-0 wordbreak '
3451
- }, item.defaultsaleprice, " ", langdetect == 'en' ? 'EGP' : 'ج.م'), /*#__PURE__*/React__default["default"].createElement("p", {
3452
- className: "".concat(wishlist_cssstyles.productsalePricestyles) + ' linethrough m-0 p-0 mr-2 ml-2 wordbreak '
3453
- }, item.defaultprice, " ", langdetect == 'en' ? 'EGP' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
3454
3448
  className: "col-lg-12 d-flex align-items-center justify-content-center p-0 "
3455
3449
  }, /*#__PURE__*/React__default["default"].createElement("button", {
3456
3450
  className: " ".concat(wishlist_cssstyles.cart_btn),
@@ -3499,11 +3493,6 @@
3499
3493
  }, /*#__PURE__*/React__default["default"].createElement("th", {
3500
3494
  className: langdetect == 'en' ? 'text-left font-weight-500 font-14 text-light mw-150 mw-md-300' : 'text-right font-weight-500 font-14 text-light mw-150 mw-md-300'
3501
3495
  }, lang.productname, ' '), /*#__PURE__*/React__default["default"].createElement("th", {
3502
- className: "text-center font-weight-500 font-14 text-light",
3503
- style: {
3504
- minWidth: '200px'
3505
- }
3506
- }, lang.price), /*#__PURE__*/React__default["default"].createElement("th", {
3507
3496
  className: "text-center font-weight-500 font-14 text-light",
3508
3497
  style: {
3509
3498
  minWidth: '100px'
@@ -3534,20 +3523,6 @@
3534
3523
  }, /*#__PURE__*/React__default["default"].createElement("p", {
3535
3524
  className: "".concat(wishlist_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 d-flex justify-content-start mb-auto '
3536
3525
  }, item.name_en)))), /*#__PURE__*/React__default["default"].createElement("td", {
3537
- style: {
3538
- minWidth: '200px'
3539
- }
3540
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3541
- className: "row m-0 w-100 d-flex flex-column justify-content-center"
3542
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3543
- className: "col-lg-12 p-0 d-flex justify-content-center"
3544
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3545
- className: "".concat(wishlist_cssstyles.productPricestyles) + ' m-0 p-0 wordbreak d-flex align-items-center justify-content-center '
3546
- }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultsaleprice, langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
3547
- className: "col-lg-12 p-0 d-flex justify-content-center"
3548
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3549
- className: "".concat(wishlist_cssstyles.productsalePricestyles) + ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-center '
3550
- }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))), /*#__PURE__*/React__default["default"].createElement("td", {
3551
3526
  className: "text-center",
3552
3527
  style: {
3553
3528
  minWidth: '100px'
@@ -3629,6 +3604,7 @@
3629
3604
  props.actions.pageindexcontext;
3630
3605
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
3631
3606
  props.actions.TabexSectionsComponentsContext;
3607
+ var templatepropcontext = props.actions.templatepropcontext;
3632
3608
  var actions = props.actions;
3633
3609
 
3634
3610
  var _useState = React.useState(''),
@@ -3653,15 +3629,11 @@
3653
3629
  }
3654
3630
  }, [StatePagePropertiesContext]);
3655
3631
  React.useEffect(function () {
3656
- var _templatepropcontext, _templatepropcontext$;
3632
+ var _templatepropcontext$;
3657
3633
 
3658
- var cartindex = (_templatepropcontext = templatepropcontext) === null || _templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = _templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
3634
+ templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
3659
3635
  return x.staticpageid == '6218bccb84d2b';
3660
3636
  });
3661
-
3662
- if (cartindex >= 0) {
3663
- setCurrentPageId(cartindex);
3664
- }
3665
3637
  }, []);
3666
3638
  React.useEffect(function () {
3667
3639
  if (sectionproperties.length != 0) {
@@ -7683,22 +7655,22 @@
7683
7655
  var OrderSuccess = function OrderSuccess(props) {
7684
7656
  var _props$actions2;
7685
7657
 
7686
- // let location = useLocation();
7687
7658
  var lang = props.actions.lang;
7688
7659
  var langdetect = props.actions.langdetect;
7689
7660
  var routingcountext = props.actions.routingcountext;
7690
7661
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
7691
7662
  var templatepropcontext = props.actions.templatepropcontext;
7663
+ var uselocation = props.actions.uselocation;
7692
7664
 
7693
7665
  var _useState = React.useState(false),
7694
7666
  _useState2 = _slicedToArray__default["default"](_useState, 2),
7695
- IsOrderSuccess = _useState2[0];
7696
- _useState2[1];
7667
+ IsOrderSuccess = _useState2[0],
7668
+ setIsOrderSuccess = _useState2[1];
7697
7669
 
7698
7670
  var _useState3 = React.useState(''),
7699
7671
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
7700
- ReasonFail = _useState4[0];
7701
- _useState4[1];
7672
+ ReasonFail = _useState4[0],
7673
+ setReasonFail = _useState4[1];
7702
7674
 
7703
7675
  var _useState5 = React.useState(''),
7704
7676
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
@@ -7708,18 +7680,19 @@
7708
7680
  var _useState7 = React.useState(''),
7709
7681
  _useState8 = _slicedToArray__default["default"](_useState7, 2);
7710
7682
  _useState8[0];
7711
- var setCurrentPageId = _useState8[1]; // useEffect(() => {
7712
- // const query = new URLSearchParams(location.search);
7713
- // var issuccess = query.get('status');
7714
- // if (issuccess == true || issuccess == 1 || issuccess == 'true') {
7715
- // setIsOrderSuccess(true);
7716
- // } else {
7717
- // setIsOrderSuccess(false);
7718
- // setReasonFail(query.get('reason'));
7719
- // }
7720
- // }, []);
7683
+ var setCurrentPageId = _useState8[1];
7721
7684
 
7685
+ React.useEffect(function () {
7686
+ var query = new URLSearchParams(uselocation.search);
7687
+ var issuccess = query.get('status');
7722
7688
 
7689
+ if (issuccess == true || issuccess == 1 || issuccess == 'true') {
7690
+ setIsOrderSuccess(true);
7691
+ } else {
7692
+ setIsOrderSuccess(false);
7693
+ setReasonFail(query.get('reason'));
7694
+ }
7695
+ }, []);
7723
7696
  React.useEffect(function () {
7724
7697
  var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
7725
7698
  return x.staticpageid == '62af2f545cebb';
@@ -7825,8 +7798,8 @@
7825
7798
  }, ReasonFail)));
7826
7799
  };
7827
7800
 
7828
- var css_248z$w = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n margin-left: 20px;\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index: 1000;\n top: 0;\n right: 0;\n transform: translateX(150%) !important;\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n overflow-y: scroll;\n }\n}\n@media screen and (max-width: 500px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed;\n height: 100vh;\n width: 90vw;\n background-color: #f7f1ee;\n\n top: 0;\n right: 0;\n transform: translateX(-100%);\n\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n z-index: 2000 !important;\n }\n}\n.filter-module_filterslider_container_opened__2eZes {\n transform: translateX(0) !important;\n z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n /* overflow-y: hidden !important; */\n -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n overflow-y: hidden !important;\n -webkit-overflow-scrolling: touch !important;\n overflow-y: visible !important;\n position: static !important;\n\n white-space: nowrap;\n -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n float: none !important;\n display: inline-block !important;\n zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n background: transparent;\n}\n";
7829
- var filterstyles$1 = {"timeline":"filter-module_timeline__ROm9Q","border_left_line":"filter-module_border_left_line__IkxXK","btn_item":"filter-module_btn_item__GoKTf","timelineinnercont_active":"filter-module_timelineinnercont_active__2sLI7","timeline_text":"filter-module_timeline_text__NgaGy","timelineinnercont":"filter-module_timelineinnercont__Zme9K","timelinetrans":"filter-module_timelinetrans__KzVCg","filterslider_container":"filter-module_filterslider_container__I-7sG","filterslider_container_opened":"filter-module_filterslider_container_opened__2eZes","outercontainer":"filter-module_outercontainer__kmY9b","innercontainer":"filter-module_innercontainer__VKukp","card":"filter-module_card__7yDs0"};
7801
+ var css_248z$w = ".filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK {\n position: relative;\n margin-left: 20px;\n}\n.filter-module_timeline__ROm9Q .filter-module_btn_item__GoKTf {\n /* width: 3vh;\n height: 3vh; */\n z-index: 1;\n /* margin-left: -13px;\n background-color: #e6e6e6; */\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_timeline_text__NgaGy {\n cursor: pointer !important;\n transition: 0.3s;\n}\n.filter-module_btn_item__GoKTf {\n border-radius: 50%;\n}\n.filter-module_timelineinnercont_active__2sLI7 {\n position: relative !important;\n}\n.filter-module_timelineinnercont_active__2sLI7 .filter-module_btn_item__GoKTf:before {\n display: inline-block;\n content: '✓';\n color: white;\n margin: auto !important;\n font-size: 12px;\n margin-top: 1.5px !important;\n}\n.filter-module_timelineinnercont__Zme9K:not(.filter-module_timelineinnercont_active__2sLI7):hover .filter-module_btn_item__GoKTf {\n background-color: var(--focus) !important;\n cursor: pointer;\n}\n.filter-module_timeline__ROm9Q .filter-module_border_left_line__IkxXK:last-child {\n border-left: 1px solid white;\n}\n/* .timelinetrans .border_left_line {\n border-right: 1px solid #000;\n position: relative;\n margin-right: 17px;\n border-left: 0 !important;\n margin-left: 0 !important;\n} */\n/* .timeline .border_left_line {\n border-left: 1px solid #000 !important;\n border-right: none !important ;\n background-color: red;\n position: relative;\n margin-left: 17px !important;\n border-left: 0 !important;\n} */\n.filter-module_timelinetrans__KzVCg .filter-module_btn_item__GoKTf {\n margin-left: 0 !important ;\n margin-right: -10px !important ;\n}\n\n/* Filter Responsive */\n@media screen and (max-width: 800px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed !important;\n height: 100vh;\n width: 100vw;\n /* background-color: #f7f1ee; */\n z-index: 10000 !important;\n top: 0;\n right: 0;\n transform: translateX(150%) !important;\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n overflow-y: scroll;\n }\n}\n@media screen and (max-width: 500px) {\n .filter-module_filterslider_container__I-7sG {\n position: fixed;\n height: 100vh;\n width: 90vw;\n background-color: #f7f1ee;\n\n top: 0;\n right: 0;\n transform: translateX(-100%);\n\n transition: 0.3s;\n border-left: 2px solid #e6e6e6;\n z-index: 2000 !important;\n }\n}\n.filter-module_filterslider_container_opened__2eZes {\n transform: translateX(0) !important;\n z-index: 2000 !important;\n}\n\n.filter-module_outercontainer__kmY9b {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n /* overflow-y: hidden !important; */\n -webkit-overflow-scrolling: touch !important;\n}\n.filter-module_innercontainer__VKukp {\n width: 100% !important;\n /* white-space: nowrap !important; */\n /* position: relative !important; */\n overflow-x: scroll !important;\n overflow-y: hidden !important;\n -webkit-overflow-scrolling: touch !important;\n overflow-y: visible !important;\n position: static !important;\n\n white-space: nowrap;\n -webkit-overflow-scrolling: touch; /* for iOS */\n}\n\n.filter-module_card__7yDs0 {\n float: none !important;\n display: inline-block !important;\n zoom: 1 !important;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb {\n background: transparent;\n border-radius: 10px;\n}\n.filter-module_outercontainer__kmY9b::-webkit-scrollbar-thumb:hover {\n background: transparent;\n}\n";
7802
+ var filterstyles = {"timeline":"filter-module_timeline__ROm9Q","border_left_line":"filter-module_border_left_line__IkxXK","btn_item":"filter-module_btn_item__GoKTf","timelineinnercont_active":"filter-module_timelineinnercont_active__2sLI7","timeline_text":"filter-module_timeline_text__NgaGy","timelineinnercont":"filter-module_timelineinnercont__Zme9K","timelinetrans":"filter-module_timelinetrans__KzVCg","filterslider_container":"filter-module_filterslider_container__I-7sG","filterslider_container_opened":"filter-module_filterslider_container_opened__2eZes","outercontainer":"filter-module_outercontainer__kmY9b","innercontainer":"filter-module_innercontainer__VKukp","card":"filter-module_card__7yDs0"};
7830
7803
  styleInject(css_248z$w);
7831
7804
 
7832
7805
  function ownKeys$1k(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; }
@@ -8048,16 +8021,17 @@
8048
8021
  return /*#__PURE__*/React__default["default"].createElement("div", {
8049
8022
  className: "col-lg-12 p-0 w-100 filter",
8050
8023
  style: {
8051
- marginTop: sectionproperties.filtersection_mt + 'px'
8024
+ marginTop: sectionproperties.filtersection_mt + 'px',
8025
+ zIndex: 10000
8052
8026
  }
8053
8027
  }, sectionproperties.filterdirection == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
8054
- className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles$1.outercontainer) + ' row m-0 w-100 '
8028
+ className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles.outercontainer) + ' row m-0 w-100 '
8055
8029
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8056
- className: "".concat(filterstyles$1.card) + ' col-lg-2 w-100 '
8030
+ className: "".concat(filterstyles.card) + ' col-lg-2 w-100 '
8057
8031
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8058
- className: "".concat(filterstyles$1.horizontalfilter_card) + ' w-100 d-flex align-items-center '
8032
+ className: "".concat(filterstyles.horizontalfilter_card) + ' w-100 d-flex align-items-center '
8059
8033
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8060
- className: "".concat(filterstyles$1.timeline) + ' w-100'
8034
+ className: "".concat(filterstyles.timeline) + ' w-100'
8061
8035
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, {
8062
8036
  className: "d-flex align-items-center w-100 bg-transparent"
8063
8037
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -8070,26 +8044,26 @@
8070
8044
  className: "fa fa-chevron-down ml-auto"
8071
8045
  }))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, instcollections.map(function (item, index) {
8072
8046
  return /*#__PURE__*/React__default["default"].createElement("div", {
8073
- className: "".concat(filterstyles$1.border_left_line, " ").concat(filterstyles$1.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, " ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles$1.timelineinnercont_active) : '', " ") + ' d-flex align-items-start pb-3 ',
8047
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, " ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', " ") + ' d-flex align-items-start pb-3 ',
8074
8048
  onClick: function onClick() {
8075
8049
  setCollectionFilterFunc(item.collectionid); // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
8076
8050
  }
8077
8051
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
8078
- className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles$1.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8052
+ className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8079
8053
  }, /*#__PURE__*/React__default["default"].createElement("i", {
8080
8054
  className: "h-100 d-flex align-items-center"
8081
8055
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
8082
8056
  className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8083
8057
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8084
- className: "".concat(filterstyles$1.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 '
8058
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 '
8085
8059
  }, langdetect == 'en' ? item.title_en : item.title_ar)));
8086
8060
  })))))), instfilters.map(function (item, index) {
8087
8061
  return /*#__PURE__*/React__default["default"].createElement("div", {
8088
- className: "".concat(filterstyles$1.card) + ' col-lg-2 w-100 '
8062
+ className: "".concat(filterstyles.card) + ' col-lg-2 w-100 '
8089
8063
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8090
- className: "".concat(filterstyles$1.horizontalfilter_card) + ' w-100 d-flex align-items-center '
8064
+ className: "".concat(filterstyles.horizontalfilter_card) + ' w-100 d-flex align-items-center '
8091
8065
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8092
- className: "".concat(filterstyles$1.timeline) + ' w-100'
8066
+ className: "".concat(filterstyles.timeline) + ' w-100'
8093
8067
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, {
8094
8068
  className: "d-flex align-items-center w-100 bg-transparent"
8095
8069
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -8102,26 +8076,27 @@
8102
8076
  className: "fa fa-chevron-down ml-auto"
8103
8077
  }))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, item.productvaluesfilter.map(function (valueitem, valueindex) {
8104
8078
  return /*#__PURE__*/React__default["default"].createElement("div", {
8105
- className: "".concat(filterstyles$1.border_left_line, " ").concat(filterstyles$1.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles$1.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-start pb-3 ',
8079
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-start pb-3 ',
8106
8080
  onClick: function onClick() {
8107
8081
  setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
8108
8082
  }
8109
8083
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
8110
- className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles$1.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8084
+ className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8111
8085
  }, /*#__PURE__*/React__default["default"].createElement("i", {
8112
8086
  className: "h-100 d-flex align-items-center"
8113
8087
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
8114
8088
  className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8115
8089
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8116
- className: "".concat(filterstyles$1.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 '
8090
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 '
8117
8091
  }, valueitem.valuename)));
8118
8092
  }))))));
8119
8093
  })), sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
8120
- className: "".concat(filterstyles$1.filterslider_container),
8094
+ className: "".concat(filterstyles.filterslider_container),
8121
8095
  id: "filterslider",
8122
8096
  style: {
8123
8097
  background: sectionproperties.filter_backgroundcolor,
8124
- borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
8098
+ borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
8099
+ zIndex: 9999
8125
8100
  }
8126
8101
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8127
8102
  className: "row m-0 w-100 pt-2 pb-3"
@@ -8138,10 +8113,10 @@
8138
8113
  }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
8139
8114
  className: "col-lg-3 col-md-3 col-sm-3 d-flex align-items-center justify-content-end p-0"
8140
8115
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8141
- className: "".concat(filterstyles$1.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
8116
+ className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
8142
8117
  onClick: function onClick() {
8143
8118
  var element = document.getElementById('filterslider');
8144
- element.classList.remove(filterstyles$1.filterslider_container_opened);
8119
+ element.classList.remove(filterstyles.filterslider_container_opened);
8145
8120
  }
8146
8121
  }, /*#__PURE__*/React__default["default"].createElement("i", {
8147
8122
  className: "h-100 d-flex align-items-center justify-content-center"
@@ -8187,21 +8162,21 @@
8187
8162
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8188
8163
  className: 'col-lg-12'
8189
8164
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8190
- className: langdetect == 'en' ? "".concat(filterstyles$1.timeline, " ").concat(filterstyles$1.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles$1.timeline, " ").concat(filterstyles$1.timelinetrans) + ' p-sm-0 '
8165
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8191
8166
  }, instcollections.map(function (item, index) {
8192
8167
  return /*#__PURE__*/React__default["default"].createElement("div", {
8193
- className: "".concat(filterstyles$1.border_left_line, " ").concat(filterstyles$1.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles$1.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-start pb-3 ',
8168
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n ") + ' d-flex align-items-start pb-3 ',
8194
8169
  onClick: function onClick() {
8195
8170
  setCollectionFilterFunc(item.collectionid);
8196
8171
  }
8197
8172
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8198
- className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles$1.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8173
+ className: " ".concat(item.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8199
8174
  }, /*#__PURE__*/React__default["default"].createElement("i", {
8200
8175
  className: "h-100 d-flex align-items-center"
8201
8176
  })), /*#__PURE__*/React__default["default"].createElement("div", {
8202
8177
  className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8203
8178
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8204
- className: "".concat(filterstyles$1.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8179
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8205
8180
  style: {
8206
8181
  color: item.isfilterselected ? sectionproperties.activecat_color : ''
8207
8182
  }
@@ -8240,21 +8215,21 @@
8240
8215
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8241
8216
  className: 'col-lg-12'
8242
8217
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8243
- className: langdetect == 'en' ? "".concat(filterstyles$1.timeline) + ' p-sm-0 ' : "".concat(filterstyles$1.timeline, " ").concat(filterstyles$1.timelinetrans) + ' p-sm-0 '
8218
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8244
8219
  }, item.productvaluesfilter.map(function (valueitem, valueindex) {
8245
8220
  return /*#__PURE__*/React__default["default"].createElement("div", {
8246
- className: "".concat(filterstyles$1.border_left_line, " ").concat(filterstyles$1.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles$1.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
8221
+ className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n \n ") + ' d-flex align-items-start pb-3 ',
8247
8222
  onClick: function onClick() {
8248
8223
  setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
8249
8224
  }
8250
8225
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
8251
- className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles$1.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8226
+ className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
8252
8227
  }, /*#__PURE__*/React__default["default"].createElement("i", {
8253
8228
  className: "h-100 d-flex align-items-center"
8254
8229
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
8255
8230
  className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8256
8231
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8257
- className: "".concat(filterstyles$1.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8232
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8258
8233
  style: {
8259
8234
  color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
8260
8235
  }
@@ -10082,7 +10057,7 @@
10082
10057
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10083
10058
  "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 d-flex justify-content-center mb-md-0' : 'col-lg-12 d-flex justify-content-md-center mb-md-0'
10084
10059
  }, /*#__PURE__*/React__default["default"].createElement("p", {
10085
- "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_cssstyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_cssstyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_cssstyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : "".concat(section_cssstyles.sectiontitlespan) + ' mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ',
10060
+ "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_cssstyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_cssstyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_cssstyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : "".concat(section_cssstyles.sectiontitlespan) + ' mb-auto mb-0 pb-0 font-sm-18 wordbreak d-flex align-items-center justify-content-start justify-content-md-center ',
10086
10061
  style: {
10087
10062
  fontSize: sectionproperties.sectionTitleFontSize + 'px',
10088
10063
  color: sectionproperties.sectionTitleColor,
@@ -10100,10 +10075,11 @@
10100
10075
  style: {
10101
10076
  fontSize: sectionproperties.prodCatFontSize + 'px',
10102
10077
  color: sectionproperties.prodCatColor,
10103
- fontWeight: sectionproperties.prodCatFontWeight
10078
+ fontWeight: sectionproperties.prodCatFontWeight,
10079
+ textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
10104
10080
  }
10105
10081
  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
10106
- "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 mb-md-2 d-flex align-items-center justify-content-center' : 'col-lg-12 mb-md-2 d-flex align-items-center justify-content-start justify-content-md-center'
10082
+ "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 mb-md-3 mt-md-3 d-flex align-items-center justify-content-center' : 'col-lg-12 mb-md-3 mt-md-3 d-flex align-items-center justify-content-start justify-content-md-center'
10107
10083
  }, /*#__PURE__*/React__default["default"].createElement("button", {
10108
10084
  "class": "".concat(section_cssstyles.viewmorebtn) + ' allcentered ',
10109
10085
  onClick: function onClick() {
@@ -10153,7 +10129,7 @@
10153
10129
  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
10154
10130
  transitionBehavior: 'auto',
10155
10131
  wrapperClassName: '',
10156
- itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : 'scrollmenuclassnameitem',
10132
+ itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : 'scrollmenuclassnameitem',
10157
10133
  scrollContainerClassName: 'scrollmenuclasssubscrollbar'
10158
10134
  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
10159
10135
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -10195,7 +10171,7 @@
10195
10171
  zIndex: 2
10196
10172
  }
10197
10173
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10198
- "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 p-0 ' : sectionproperties.paddingRight != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : sectionproperties.paddingRight != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 justify-content-center ',
10174
+ "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-0 pr-0 ' : sectionproperties.paddingRight != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : sectionproperties.paddingRight != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'en' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pl-md-2 pl-sm-2 ' : sectionproperties.paddingLeft != 0 && langdetect == 'ar' ? ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 pr-md-2 pr-sm-2 ' : ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 justify-content-center ',
10199
10175
  style: {
10200
10176
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
10201
10177
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
@@ -14869,7 +14845,7 @@
14869
14845
  }
14870
14846
  }
14871
14847
  }, [sectionproperties]);
14872
- var footerStyles = {
14848
+ var sectionStyles = {
14873
14849
  imgcontainer: glamor.css({
14874
14850
  ':before': {
14875
14851
  width: '100%',
@@ -14884,6 +14860,27 @@
14884
14860
  top: 0,
14885
14861
  bottom: 0
14886
14862
  }
14863
+ }),
14864
+ sectiontitlespan: glamor.css({
14865
+ ':after': {
14866
+ height: '5px',
14867
+ width: sectionproperties.sectitle_lineafterwidth + '%',
14868
+ backgroundColor: sectionproperties.linebgcolor
14869
+ }
14870
+ }),
14871
+ line_left: glamor.css({
14872
+ height: '1px',
14873
+ position: 'relative',
14874
+ flex: '1 1 auto',
14875
+ minWidth: '10%',
14876
+ background: sectionproperties.linebgcolor
14877
+ }),
14878
+ line_right: glamor.css({
14879
+ height: '1px',
14880
+ position: 'relative',
14881
+ flex: '1 1 auto',
14882
+ minWidth: '10%',
14883
+ background: sectionproperties.linebgcolor
14887
14884
  })
14888
14885
  };
14889
14886
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -14892,7 +14889,7 @@
14892
14889
  position: 'relative'
14893
14890
  }
14894
14891
  }, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
14895
- "class": footerStyles.imgcontainer
14892
+ "class": sectionStyles.imgcontainer
14896
14893
  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
14897
14894
  urlEndpoint: IKurlEndpoint,
14898
14895
  publicKey: IKpublicKey,
@@ -14910,7 +14907,7 @@
14910
14907
  left: 0
14911
14908
  }
14912
14909
  })), /*#__PURE__*/React__default["default"].createElement("div", {
14913
- "class": "row ml-0 mr-0 w-100 d-flex justify-content-center",
14910
+ "class": "row ml-0 mr-0 w-100 d-flex justify-content-center align-items-stretch pl-md-3 pr-md-3",
14914
14911
  style: {
14915
14912
  marginTop: sectionproperties.marginTop + 'px',
14916
14913
  marginBottom: sectionproperties.marginBottom + 'px',
@@ -14927,14 +14924,54 @@
14927
14924
  borderLeftWidth: 0,
14928
14925
  borderRightWidth: 0
14929
14926
  }
14930
- }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
14927
+ }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
14928
+ "class": "col-lg-12 allcentered p-0"
14929
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
14930
+ "class": "".concat(generalstyles.sectiontitlecont) + ' col-lg-12 p-0 allcentered pl-md-3 pr-md-3 ',
14931
+ style: {
14932
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px',
14933
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
14934
+ paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
14935
+ paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
14936
+ }
14937
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
14938
+ "class": "d-flex align-items-center flex-row allcentered",
14939
+ style: {
14940
+ position: 'relative',
14941
+ width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
14942
+ }
14943
+ }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
14944
+ "class": sectionStyles.line_left
14945
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
14946
+ "class": // font-sm-18 font-md-20
14947
+ sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(sectionStyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(sectionStyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(sectionStyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(sectionStyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(sectionStyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(sectionStyles.sectiontitlespan) + ' mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
14948
+ style: {
14949
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
14950
+ color: sectionproperties.sectionTitleColor,
14951
+ fontWeight: sectionproperties.sectionTitleFontWeight,
14952
+ paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
14953
+ paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
14954
+ textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
14955
+ }
14956
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
14957
+ "class": sectionStyles.line_right
14958
+ })))), cardsarray.map(function (cardinfoitem, cardinfoindex) {
14931
14959
  return /*#__PURE__*/React__default["default"].createElement("div", {
14932
- "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-3",
14960
+ "class": "col-lg-3 col-md-6 col-sm-12 d-flex align-items-center justify-content-center justify-content-md-start mb-md-3 align-items-stretch",
14933
14961
  style: {
14934
14962
  zIndex: 2
14935
14963
  }
14936
14964
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14937
- "class": "row m-0 w-100"
14965
+ "class": "row m-0 w-100",
14966
+ style: {
14967
+ background: sectionproperties.reservation_bgcolor,
14968
+ paddingTop: sectionproperties.reservation_padding_top + 'px',
14969
+ paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
14970
+ paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
14971
+ paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
14972
+ borderRadius: sectionproperties.reservation_borderradius + 'px',
14973
+ border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
14974
+ }
14938
14975
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14939
14976
  "class": "col-lg-12 allcentered p-0",
14940
14977
  style: {
@@ -19574,7 +19611,7 @@
19574
19611
  "class": "row m-0 w-100 justify-content-center",
19575
19612
  style: {
19576
19613
  width: '100vw',
19577
- zIndex: 100
19614
+ zIndex: 1000
19578
19615
  }
19579
19616
  }, /*#__PURE__*/React__default["default"].createElement("div", {
19580
19617
  "class": "col-lg-12 p-0 d-md-none d-sm-none",
@@ -19582,7 +19619,7 @@
19582
19619
  position: sectionproperties.headerstyles_position
19583
19620
  }
19584
19621
  }, /*#__PURE__*/React__default["default"].createElement("div", {
19585
- "class": header_cssstyles.upperheader + ' row m-0 w-100 pt-2 pb-2 justify-content-center '
19622
+ "class": header_cssstyles.upperheader + ' row m-0 w-100 justify-content-center '
19586
19623
  }, /*#__PURE__*/React__default["default"].createElement("div", {
19587
19624
  "class": "col-lg-4 p-0 d-flex align-items-center justify-content-start"
19588
19625
  }, sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -19630,7 +19667,10 @@
19630
19667
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
19631
19668
  "class": "col-lg-4 p-0 d-flex align-items-center justify-content-end"
19632
19669
  }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
19633
- "class": "col-lg-4 p-0 d-flex justify-content-end align-items-center"
19670
+ "class": "col-lg-4 p-0 d-flex justify-content-end align-items-center",
19671
+ onClick: function onClick() {
19672
+ setSearchHeaderInputContext('');
19673
+ }
19634
19674
  }, /*#__PURE__*/React__default["default"].createElement("div", {
19635
19675
  "class": "row m-0 w-100 d-flex justify-content-end align-items-center"
19636
19676
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -19665,7 +19705,8 @@
19665
19705
  "class": "headerdropdownml",
19666
19706
  style: {
19667
19707
  marginLeft: langdetect == 'en' ? '1.2rem' : 0,
19668
- marginRight: langdetect == 'ar' ? '1.2rem' : 0
19708
+ marginRight: langdetect == 'ar' ? '1.2rem' : 0,
19709
+ zIndex: 1000
19669
19710
  }
19670
19711
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
19671
19712
  "class": "".concat(headerstyles$8.navbar_item) + ' d-flex justify-content-center align-items-center '
@@ -25879,7 +25920,7 @@
25879
25920
  function _objectSpread$E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$E(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
25880
25921
 
25881
25922
  var SearchFocusedHeader = function SearchFocusedHeader(props) {
25882
- var _css, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i9, _authdetailsContext$i10, _authdetailsContext$i11, _authdetailsContext$i12, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$i13, _authdetailsContext$i14;
25923
+ var _css, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$i9, _authdetailsContext$i10, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$i11, _authdetailsContext$i12;
25883
25924
 
25884
25925
  var lang = props.actions.lang;
25885
25926
  var langdetect = props.actions.langdetect;
@@ -26448,7 +26489,7 @@
26448
26489
  style: {
26449
26490
  maxWidth: '60px'
26450
26491
  }
26451
- }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : (_authdetailsContext$i10 = _authdetailsContext$i9.customerinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
26492
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
26452
26493
  onClick: function onClick() {
26453
26494
  routingcountext(StaticPagesLinksContext.Login);
26454
26495
  }
@@ -26483,7 +26524,7 @@
26483
26524
  onClick: function onClick() {
26484
26525
  routingcountext(StaticPagesLinksContext.accountinfo);
26485
26526
  }
26486
- }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : (_authdetailsContext$i12 = _authdetailsContext$i11.customerinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
26527
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : (_authdetailsContext$i10 = _authdetailsContext$i9.customerinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
26487
26528
  onClick: function onClick() {
26488
26529
  routingcountext(StaticPagesLinksContext.Ordershistory);
26489
26530
  }
@@ -26659,7 +26700,7 @@
26659
26700
  minWidth: '250px',
26660
26701
  marginLeft: '0px'
26661
26702
  }
26662
- }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : (_authdetailsContext$i14 = _authdetailsContext$i13.instcollections) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.map(function (item, index) {
26703
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : (_authdetailsContext$i12 = _authdetailsContext$i11.instcollections) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.map(function (item, index) {
26663
26704
  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
26664
26705
  onClick: function onClick() {
26665
26706
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.collectionid);
@@ -29940,9 +29981,9 @@
29940
29981
  var langdetect = props.actions.langdetect;
29941
29982
  var routingcountext = props.actions.routingcountext;
29942
29983
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
29943
- var addtofavoritescontext = props.addtofavoritescontext;
29944
- var setShowProductInfoModalContext = props.setShowProductInfoModalContext;
29945
- var setProductIdProdutInfoModalContext = props.setProductIdProdutInfoModalContext;
29984
+ var addtofavoritescontext = props.actions.addtofavoritescontext;
29985
+ var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
29986
+ var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
29946
29987
 
29947
29988
  var _useState5 = React.useState(props.cardinfoindexprops),
29948
29989
  _useState6 = _slicedToArray__default["default"](_useState5, 2);
@@ -30134,6 +30175,9 @@
30134
30175
  routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
30135
30176
  }
30136
30177
  },
30178
+ style: {
30179
+ textAlign: langdetect == 'en' ? 'left' : 'right'
30180
+ },
30137
30181
  "class": "".concat(cardstyles.productNameStyles) + ' wordbreak wordbreak1 -noellipsis m-0 '
30138
30182
  }, item.name), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
30139
30183
  "class": "".concat(cardstyles.productDescStyles) + ' wordbreak wordbreak1 p-0 ',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.82",
3
+ "version": "0.0.87",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {