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.cjs.js CHANGED
@@ -1392,8 +1392,8 @@ var Productinfo = function Productinfo(props) {
1392
1392
  }, !fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && fetchProductInfoQueryContext.data.data.productinfo != null && /*#__PURE__*/React__default["default"].createElement("div", {
1393
1393
  className: 'row m-0 w-100 pl-md-3 pr-md-3 p-sm-0',
1394
1394
  style: {
1395
- paddingLeft: props.srcfromprops != 'templatdraftrouter' ? 0 : sectionproperties.card_marginLeft + 'px',
1396
- paddingRight: props.srcfromprops != 'templatdraftrouter' ? 0 : sectionproperties.card_marginRight + 'px'
1395
+ paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
1396
+ paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
1397
1397
  }
1398
1398
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1399
1399
  className: "col-lg-9 pl-2 pr-2 mb-md-3"
@@ -3505,12 +3505,6 @@ var Wishlist = function Wishlist(props) {
3505
3505
  }, /*#__PURE__*/React__default["default"].createElement("p", {
3506
3506
  className: "".concat(wishlist_cssstyles.productNameStyles) + ' wordbreak text-center m-0 p-0 d-flex align-items-center justify-content-center '
3507
3507
  }, item.name_en)), /*#__PURE__*/React__default["default"].createElement("div", {
3508
- className: "col-lg-12 d-flex align-items-center justify-content-center mb-2"
3509
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3510
- className: "".concat(wishlist_cssstyles.productPricestyles) + ' m-0 p-0 wordbreak '
3511
- }, item.defaultsaleprice, " ", langdetect == 'en' ? 'EGP' : 'ج.م'), /*#__PURE__*/React__default["default"].createElement("p", {
3512
- className: "".concat(wishlist_cssstyles.productsalePricestyles) + ' linethrough m-0 p-0 mr-2 ml-2 wordbreak '
3513
- }, item.defaultprice, " ", langdetect == 'en' ? 'EGP' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
3514
3508
  className: "col-lg-12 d-flex align-items-center justify-content-center p-0 "
3515
3509
  }, /*#__PURE__*/React__default["default"].createElement("button", {
3516
3510
  className: " ".concat(wishlist_cssstyles.cart_btn),
@@ -3559,11 +3553,6 @@ var Wishlist = function Wishlist(props) {
3559
3553
  }, /*#__PURE__*/React__default["default"].createElement("th", {
3560
3554
  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'
3561
3555
  }, lang.productname, ' '), /*#__PURE__*/React__default["default"].createElement("th", {
3562
- className: "text-center font-weight-500 font-14 text-light",
3563
- style: {
3564
- minWidth: '200px'
3565
- }
3566
- }, lang.price), /*#__PURE__*/React__default["default"].createElement("th", {
3567
3556
  className: "text-center font-weight-500 font-14 text-light",
3568
3557
  style: {
3569
3558
  minWidth: '100px'
@@ -3594,20 +3583,6 @@ var Wishlist = function Wishlist(props) {
3594
3583
  }, /*#__PURE__*/React__default["default"].createElement("p", {
3595
3584
  className: "".concat(wishlist_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 d-flex justify-content-start mb-auto '
3596
3585
  }, item.name_en)))), /*#__PURE__*/React__default["default"].createElement("td", {
3597
- style: {
3598
- minWidth: '200px'
3599
- }
3600
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3601
- className: "row m-0 w-100 d-flex flex-column justify-content-center"
3602
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3603
- className: "col-lg-12 p-0 d-flex justify-content-center"
3604
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3605
- className: "".concat(wishlist_cssstyles.productPricestyles) + ' m-0 p-0 wordbreak d-flex align-items-center justify-content-center '
3606
- }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultsaleprice, langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
3607
- className: "col-lg-12 p-0 d-flex justify-content-center"
3608
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3609
- className: "".concat(wishlist_cssstyles.productsalePricestyles) + ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-center '
3610
- }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))), /*#__PURE__*/React__default["default"].createElement("td", {
3611
3586
  className: "text-center",
3612
3587
  style: {
3613
3588
  minWidth: '100px'
@@ -3689,6 +3664,7 @@ var Viewcart = function Viewcart(props) {
3689
3664
  props.actions.pageindexcontext;
3690
3665
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
3691
3666
  props.actions.TabexSectionsComponentsContext;
3667
+ var templatepropcontext = props.actions.templatepropcontext;
3692
3668
  var actions = props.actions;
3693
3669
 
3694
3670
  var _useState = React.useState(''),
@@ -3713,15 +3689,11 @@ var Viewcart = function Viewcart(props) {
3713
3689
  }
3714
3690
  }, [StatePagePropertiesContext]);
3715
3691
  React.useEffect(function () {
3716
- var _templatepropcontext, _templatepropcontext$;
3692
+ var _templatepropcontext$;
3717
3693
 
3718
- var cartindex = (_templatepropcontext = templatepropcontext) === null || _templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = _templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
3694
+ templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
3719
3695
  return x.staticpageid == '6218bccb84d2b';
3720
3696
  });
3721
-
3722
- if (cartindex >= 0) {
3723
- setCurrentPageId(cartindex);
3724
- }
3725
3697
  }, []);
3726
3698
  React.useEffect(function () {
3727
3699
  if (sectionproperties.length != 0) {
@@ -7743,22 +7715,22 @@ function _objectSpread$1l(target) { for (var i = 1; i < arguments.length; i++) {
7743
7715
  var OrderSuccess = function OrderSuccess(props) {
7744
7716
  var _props$actions2;
7745
7717
 
7746
- // let location = useLocation();
7747
7718
  var lang = props.actions.lang;
7748
7719
  var langdetect = props.actions.langdetect;
7749
7720
  var routingcountext = props.actions.routingcountext;
7750
7721
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
7751
7722
  var templatepropcontext = props.actions.templatepropcontext;
7723
+ var uselocation = props.actions.uselocation;
7752
7724
 
7753
7725
  var _useState = React.useState(false),
7754
7726
  _useState2 = _slicedToArray__default["default"](_useState, 2),
7755
- IsOrderSuccess = _useState2[0];
7756
- _useState2[1];
7727
+ IsOrderSuccess = _useState2[0],
7728
+ setIsOrderSuccess = _useState2[1];
7757
7729
 
7758
7730
  var _useState3 = React.useState(''),
7759
7731
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
7760
- ReasonFail = _useState4[0];
7761
- _useState4[1];
7732
+ ReasonFail = _useState4[0],
7733
+ setReasonFail = _useState4[1];
7762
7734
 
7763
7735
  var _useState5 = React.useState(''),
7764
7736
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
@@ -7768,18 +7740,19 @@ var OrderSuccess = function OrderSuccess(props) {
7768
7740
  var _useState7 = React.useState(''),
7769
7741
  _useState8 = _slicedToArray__default["default"](_useState7, 2);
7770
7742
  _useState8[0];
7771
- var setCurrentPageId = _useState8[1]; // useEffect(() => {
7772
- // const query = new URLSearchParams(location.search);
7773
- // var issuccess = query.get('status');
7774
- // if (issuccess == true || issuccess == 1 || issuccess == 'true') {
7775
- // setIsOrderSuccess(true);
7776
- // } else {
7777
- // setIsOrderSuccess(false);
7778
- // setReasonFail(query.get('reason'));
7779
- // }
7780
- // }, []);
7743
+ var setCurrentPageId = _useState8[1];
7781
7744
 
7745
+ React.useEffect(function () {
7746
+ var query = new URLSearchParams(uselocation.search);
7747
+ var issuccess = query.get('status');
7782
7748
 
7749
+ if (issuccess == true || issuccess == 1 || issuccess == 'true') {
7750
+ setIsOrderSuccess(true);
7751
+ } else {
7752
+ setIsOrderSuccess(false);
7753
+ setReasonFail(query.get('reason'));
7754
+ }
7755
+ }, []);
7783
7756
  React.useEffect(function () {
7784
7757
  var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
7785
7758
  return x.staticpageid == '62af2f545cebb';
@@ -7885,8 +7858,8 @@ var OrderSuccess = function OrderSuccess(props) {
7885
7858
  }, ReasonFail)));
7886
7859
  };
7887
7860
 
7888
- 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";
7889
- 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"};
7861
+ 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";
7862
+ 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"};
7890
7863
  styleInject(css_248z$w);
7891
7864
 
7892
7865
  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; }
@@ -8108,16 +8081,17 @@ var Filter = function Filter(props) {
8108
8081
  return /*#__PURE__*/React__default["default"].createElement("div", {
8109
8082
  className: "col-lg-12 p-0 w-100 filter",
8110
8083
  style: {
8111
- marginTop: sectionproperties.filtersection_mt + 'px'
8084
+ marginTop: sectionproperties.filtersection_mt + 'px',
8085
+ zIndex: 10000
8112
8086
  }
8113
8087
  }, sectionproperties.filterdirection == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
8114
- className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles$1.outercontainer) + ' row m-0 w-100 '
8088
+ className: sectionproperties.filterscat_showas == 'vertical' ? ' row m-0 w-100 ' : "".concat(filterstyles.outercontainer) + ' row m-0 w-100 '
8115
8089
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8116
- className: "".concat(filterstyles$1.card) + ' col-lg-2 w-100 '
8090
+ className: "".concat(filterstyles.card) + ' col-lg-2 w-100 '
8117
8091
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8118
- className: "".concat(filterstyles$1.horizontalfilter_card) + ' w-100 d-flex align-items-center '
8092
+ className: "".concat(filterstyles.horizontalfilter_card) + ' w-100 d-flex align-items-center '
8119
8093
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8120
- className: "".concat(filterstyles$1.timeline) + ' w-100'
8094
+ className: "".concat(filterstyles.timeline) + ' w-100'
8121
8095
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, {
8122
8096
  className: "d-flex align-items-center w-100 bg-transparent"
8123
8097
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -8130,26 +8104,26 @@ var Filter = function Filter(props) {
8130
8104
  className: "fa fa-chevron-down ml-auto"
8131
8105
  }))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, instcollections.map(function (item, index) {
8132
8106
  return /*#__PURE__*/React__default["default"].createElement("div", {
8133
- 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 ',
8107
+ 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 ',
8134
8108
  onClick: function onClick() {
8135
8109
  setCollectionFilterFunc(item.collectionid); // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
8136
8110
  }
8137
8111
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
8138
- 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 '
8112
+ 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 '
8139
8113
  }, /*#__PURE__*/React__default["default"].createElement("i", {
8140
8114
  className: "h-100 d-flex align-items-center"
8141
8115
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
8142
8116
  className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8143
8117
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8144
- className: "".concat(filterstyles$1.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 '
8118
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 '
8145
8119
  }, langdetect == 'en' ? item.title_en : item.title_ar)));
8146
8120
  })))))), instfilters.map(function (item, index) {
8147
8121
  return /*#__PURE__*/React__default["default"].createElement("div", {
8148
- className: "".concat(filterstyles$1.card) + ' col-lg-2 w-100 '
8122
+ className: "".concat(filterstyles.card) + ' col-lg-2 w-100 '
8149
8123
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8150
- className: "".concat(filterstyles$1.horizontalfilter_card) + ' w-100 d-flex align-items-center '
8124
+ className: "".concat(filterstyles.horizontalfilter_card) + ' w-100 d-flex align-items-center '
8151
8125
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8152
- className: "".concat(filterstyles$1.timeline) + ' w-100'
8126
+ className: "".concat(filterstyles.timeline) + ' w-100'
8153
8127
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, {
8154
8128
  className: "d-flex align-items-center w-100 bg-transparent"
8155
8129
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -8162,26 +8136,27 @@ var Filter = function Filter(props) {
8162
8136
  className: "fa fa-chevron-down ml-auto"
8163
8137
  }))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, item.productvaluesfilter.map(function (valueitem, valueindex) {
8164
8138
  return /*#__PURE__*/React__default["default"].createElement("div", {
8165
- 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 ',
8139
+ 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 ',
8166
8140
  onClick: function onClick() {
8167
8141
  setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
8168
8142
  }
8169
8143
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
8170
- 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 '
8144
+ 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 '
8171
8145
  }, /*#__PURE__*/React__default["default"].createElement("i", {
8172
8146
  className: "h-100 d-flex align-items-center"
8173
8147
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
8174
8148
  className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8175
8149
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8176
- className: "".concat(filterstyles$1.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 '
8150
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 '
8177
8151
  }, valueitem.valuename)));
8178
8152
  }))))));
8179
8153
  })), sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
8180
- className: "".concat(filterstyles$1.filterslider_container),
8154
+ className: "".concat(filterstyles.filterslider_container),
8181
8155
  id: "filterslider",
8182
8156
  style: {
8183
8157
  background: sectionproperties.filter_backgroundcolor,
8184
- borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
8158
+ borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px',
8159
+ zIndex: 9999
8185
8160
  }
8186
8161
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8187
8162
  className: "row m-0 w-100 pt-2 pb-3"
@@ -8198,10 +8173,10 @@ var Filter = function Filter(props) {
8198
8173
  }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
8199
8174
  className: "col-lg-3 col-md-3 col-sm-3 d-flex align-items-center justify-content-end p-0"
8200
8175
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8201
- 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 ',
8176
+ 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 ',
8202
8177
  onClick: function onClick() {
8203
8178
  var element = document.getElementById('filterslider');
8204
- element.classList.remove(filterstyles$1.filterslider_container_opened);
8179
+ element.classList.remove(filterstyles.filterslider_container_opened);
8205
8180
  }
8206
8181
  }, /*#__PURE__*/React__default["default"].createElement("i", {
8207
8182
  className: "h-100 d-flex align-items-center justify-content-center"
@@ -8247,21 +8222,21 @@ var Filter = function Filter(props) {
8247
8222
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8248
8223
  className: 'col-lg-12'
8249
8224
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8250
- 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 '
8225
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8251
8226
  }, instcollections.map(function (item, index) {
8252
8227
  return /*#__PURE__*/React__default["default"].createElement("div", {
8253
- 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 ',
8228
+ 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 ',
8254
8229
  onClick: function onClick() {
8255
8230
  setCollectionFilterFunc(item.collectionid);
8256
8231
  }
8257
8232
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8258
- 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 '
8233
+ 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 '
8259
8234
  }, /*#__PURE__*/React__default["default"].createElement("i", {
8260
8235
  className: "h-100 d-flex align-items-center"
8261
8236
  })), /*#__PURE__*/React__default["default"].createElement("div", {
8262
8237
  className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8263
8238
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8264
- className: "".concat(filterstyles$1.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8239
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8265
8240
  style: {
8266
8241
  color: item.isfilterselected ? sectionproperties.activecat_color : ''
8267
8242
  }
@@ -8300,21 +8275,21 @@ var Filter = function Filter(props) {
8300
8275
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8301
8276
  className: 'col-lg-12'
8302
8277
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8303
- className: langdetect == 'en' ? "".concat(filterstyles$1.timeline) + ' p-sm-0 ' : "".concat(filterstyles$1.timeline, " ").concat(filterstyles$1.timelinetrans) + ' p-sm-0 '
8278
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
8304
8279
  }, item.productvaluesfilter.map(function (valueitem, valueindex) {
8305
8280
  return /*#__PURE__*/React__default["default"].createElement("div", {
8306
- 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 ',
8281
+ 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 ',
8307
8282
  onClick: function onClick() {
8308
8283
  setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
8309
8284
  }
8310
8285
  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
8311
- 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 '
8286
+ 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 '
8312
8287
  }, /*#__PURE__*/React__default["default"].createElement("i", {
8313
8288
  className: "h-100 d-flex align-items-center"
8314
8289
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
8315
8290
  className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
8316
8291
  }, /*#__PURE__*/React__default["default"].createElement("p", {
8317
- className: "".concat(filterstyles$1.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8292
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
8318
8293
  style: {
8319
8294
  color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
8320
8295
  }
@@ -10142,7 +10117,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
10142
10117
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10143
10118
  "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'
10144
10119
  }, /*#__PURE__*/React__default["default"].createElement("p", {
10145
- "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 ',
10120
+ "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 ',
10146
10121
  style: {
10147
10122
  fontSize: sectionproperties.sectionTitleFontSize + 'px',
10148
10123
  color: sectionproperties.sectionTitleColor,
@@ -10160,10 +10135,11 @@ var ModernCardsSection = function ModernCardsSection(props) {
10160
10135
  style: {
10161
10136
  fontSize: sectionproperties.prodCatFontSize + 'px',
10162
10137
  color: sectionproperties.prodCatColor,
10163
- fontWeight: sectionproperties.prodCatFontWeight
10138
+ fontWeight: sectionproperties.prodCatFontWeight,
10139
+ textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
10164
10140
  }
10165
10141
  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
10166
- "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'
10142
+ "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'
10167
10143
  }, /*#__PURE__*/React__default["default"].createElement("button", {
10168
10144
  "class": "".concat(section_cssstyles.viewmorebtn) + ' allcentered ',
10169
10145
  onClick: function onClick() {
@@ -10213,7 +10189,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
10213
10189
  }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
10214
10190
  transitionBehavior: 'auto',
10215
10191
  wrapperClassName: '',
10216
- 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',
10192
+ 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',
10217
10193
  scrollContainerClassName: 'scrollmenuclasssubscrollbar'
10218
10194
  }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
10219
10195
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -10255,7 +10231,7 @@ var ModernCardsSection = function ModernCardsSection(props) {
10255
10231
  zIndex: 2
10256
10232
  }
10257
10233
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10258
- "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 ',
10234
+ "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 ',
10259
10235
  style: {
10260
10236
  paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
10261
10237
  paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
@@ -14929,7 +14905,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
14929
14905
  }
14930
14906
  }
14931
14907
  }, [sectionproperties]);
14932
- var footerStyles = {
14908
+ var sectionStyles = {
14933
14909
  imgcontainer: glamor.css({
14934
14910
  ':before': {
14935
14911
  width: '100%',
@@ -14944,6 +14920,27 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
14944
14920
  top: 0,
14945
14921
  bottom: 0
14946
14922
  }
14923
+ }),
14924
+ sectiontitlespan: glamor.css({
14925
+ ':after': {
14926
+ height: '5px',
14927
+ width: sectionproperties.sectitle_lineafterwidth + '%',
14928
+ backgroundColor: sectionproperties.linebgcolor
14929
+ }
14930
+ }),
14931
+ line_left: glamor.css({
14932
+ height: '1px',
14933
+ position: 'relative',
14934
+ flex: '1 1 auto',
14935
+ minWidth: '10%',
14936
+ background: sectionproperties.linebgcolor
14937
+ }),
14938
+ line_right: glamor.css({
14939
+ height: '1px',
14940
+ position: 'relative',
14941
+ flex: '1 1 auto',
14942
+ minWidth: '10%',
14943
+ background: sectionproperties.linebgcolor
14947
14944
  })
14948
14945
  };
14949
14946
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -14952,7 +14949,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
14952
14949
  position: 'relative'
14953
14950
  }
14954
14951
  }, sectionproperties.maincontainerarrayofobjs != undefined && sectionproperties.maincontainerarrayofobjs.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
14955
- "class": footerStyles.imgcontainer
14952
+ "class": sectionStyles.imgcontainer
14956
14953
  }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
14957
14954
  urlEndpoint: IKurlEndpoint,
14958
14955
  publicKey: IKpublicKey,
@@ -14970,7 +14967,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
14970
14967
  left: 0
14971
14968
  }
14972
14969
  })), /*#__PURE__*/React__default["default"].createElement("div", {
14973
- "class": "row ml-0 mr-0 w-100 d-flex justify-content-center",
14970
+ "class": "row ml-0 mr-0 w-100 d-flex justify-content-center align-items-stretch pl-md-3 pr-md-3",
14974
14971
  style: {
14975
14972
  marginTop: sectionproperties.marginTop + 'px',
14976
14973
  marginBottom: sectionproperties.marginBottom + 'px',
@@ -14987,14 +14984,54 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
14987
14984
  borderLeftWidth: 0,
14988
14985
  borderRightWidth: 0
14989
14986
  }
14990
- }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
14987
+ }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
14988
+ "class": "col-lg-12 allcentered p-0"
14989
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
14990
+ "class": "".concat(generalstyles.sectiontitlecont) + ' col-lg-12 p-0 allcentered pl-md-3 pr-md-3 ',
14991
+ style: {
14992
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px',
14993
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
14994
+ paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
14995
+ paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
14996
+ }
14997
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
14998
+ "class": "d-flex align-items-center flex-row allcentered",
14999
+ style: {
15000
+ position: 'relative',
15001
+ width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
15002
+ }
15003
+ }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
15004
+ "class": sectionStyles.line_left
15005
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
15006
+ "class": // font-sm-18 font-md-20
15007
+ 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 ',
15008
+ style: {
15009
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
15010
+ color: sectionproperties.sectionTitleColor,
15011
+ fontWeight: sectionproperties.sectionTitleFontWeight,
15012
+ paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
15013
+ paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
15014
+ textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
15015
+ }
15016
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
15017
+ "class": sectionStyles.line_right
15018
+ })))), cardsarray.map(function (cardinfoitem, cardinfoindex) {
14991
15019
  return /*#__PURE__*/React__default["default"].createElement("div", {
14992
- "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",
15020
+ "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",
14993
15021
  style: {
14994
15022
  zIndex: 2
14995
15023
  }
14996
15024
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14997
- "class": "row m-0 w-100"
15025
+ "class": "row m-0 w-100",
15026
+ style: {
15027
+ background: sectionproperties.reservation_bgcolor,
15028
+ paddingTop: sectionproperties.reservation_padding_top + 'px',
15029
+ paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
15030
+ paddingLeft: langdetect == 'en' ? sectionproperties.reservation_padding_left + 'px' : sectionproperties.reservation_padding_right + 'px',
15031
+ paddingRight: langdetect == 'en' ? sectionproperties.reservation_padding_right + 'px' : sectionproperties.reservation_padding_left + 'px',
15032
+ borderRadius: sectionproperties.reservation_borderradius + 'px',
15033
+ border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor
15034
+ }
14998
15035
  }, /*#__PURE__*/React__default["default"].createElement("div", {
14999
15036
  "class": "col-lg-12 allcentered p-0",
15000
15037
  style: {
@@ -19634,7 +19671,7 @@ var CTAHeader = function CTAHeader(props) {
19634
19671
  "class": "row m-0 w-100 justify-content-center",
19635
19672
  style: {
19636
19673
  width: '100vw',
19637
- zIndex: 100
19674
+ zIndex: 1000
19638
19675
  }
19639
19676
  }, /*#__PURE__*/React__default["default"].createElement("div", {
19640
19677
  "class": "col-lg-12 p-0 d-md-none d-sm-none",
@@ -19642,7 +19679,7 @@ var CTAHeader = function CTAHeader(props) {
19642
19679
  position: sectionproperties.headerstyles_position
19643
19680
  }
19644
19681
  }, /*#__PURE__*/React__default["default"].createElement("div", {
19645
- "class": header_cssstyles.upperheader + ' row m-0 w-100 pt-2 pb-2 justify-content-center '
19682
+ "class": header_cssstyles.upperheader + ' row m-0 w-100 justify-content-center '
19646
19683
  }, /*#__PURE__*/React__default["default"].createElement("div", {
19647
19684
  "class": "col-lg-4 p-0 d-flex align-items-center justify-content-start"
19648
19685
  }, sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -19690,7 +19727,10 @@ var CTAHeader = function CTAHeader(props) {
19690
19727
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
19691
19728
  "class": "col-lg-4 p-0 d-flex align-items-center justify-content-end"
19692
19729
  }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
19693
- "class": "col-lg-4 p-0 d-flex justify-content-end align-items-center"
19730
+ "class": "col-lg-4 p-0 d-flex justify-content-end align-items-center",
19731
+ onClick: function onClick() {
19732
+ setSearchHeaderInputContext('');
19733
+ }
19694
19734
  }, /*#__PURE__*/React__default["default"].createElement("div", {
19695
19735
  "class": "row m-0 w-100 d-flex justify-content-end align-items-center"
19696
19736
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -19725,7 +19765,8 @@ var CTAHeader = function CTAHeader(props) {
19725
19765
  "class": "headerdropdownml",
19726
19766
  style: {
19727
19767
  marginLeft: langdetect == 'en' ? '1.2rem' : 0,
19728
- marginRight: langdetect == 'ar' ? '1.2rem' : 0
19768
+ marginRight: langdetect == 'ar' ? '1.2rem' : 0,
19769
+ zIndex: 1000
19729
19770
  }
19730
19771
  }, /*#__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", {
19731
19772
  "class": "".concat(headerstyles$8.navbar_item) + ' d-flex justify-content-center align-items-center '
@@ -25939,7 +25980,7 @@ function ownKeys$E(object, enumerableOnly) { var keys = Object.keys(object); if
25939
25980
  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; }
25940
25981
 
25941
25982
  var SearchFocusedHeader = function SearchFocusedHeader(props) {
25942
- 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;
25983
+ 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;
25943
25984
 
25944
25985
  var lang = props.actions.lang;
25945
25986
  var langdetect = props.actions.langdetect;
@@ -26508,7 +26549,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
26508
26549
  style: {
26509
26550
  maxWidth: '60px'
26510
26551
  }
26511
- }, 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, {
26552
+ }, 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, {
26512
26553
  onClick: function onClick() {
26513
26554
  routingcountext(StaticPagesLinksContext.Login);
26514
26555
  }
@@ -26543,7 +26584,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
26543
26584
  onClick: function onClick() {
26544
26585
  routingcountext(StaticPagesLinksContext.accountinfo);
26545
26586
  }
26546
- }, 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, {
26587
+ }, 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, {
26547
26588
  onClick: function onClick() {
26548
26589
  routingcountext(StaticPagesLinksContext.Ordershistory);
26549
26590
  }
@@ -26719,7 +26760,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
26719
26760
  minWidth: '250px',
26720
26761
  marginLeft: '0px'
26721
26762
  }
26722
- }, 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) {
26763
+ }, 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) {
26723
26764
  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
26724
26765
  onClick: function onClick() {
26725
26766
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.collectionid);
@@ -30000,9 +30041,9 @@ var Card20 = function Card20(props) {
30000
30041
  var langdetect = props.actions.langdetect;
30001
30042
  var routingcountext = props.actions.routingcountext;
30002
30043
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
30003
- var addtofavoritescontext = props.addtofavoritescontext;
30004
- var setShowProductInfoModalContext = props.setShowProductInfoModalContext;
30005
- var setProductIdProdutInfoModalContext = props.setProductIdProdutInfoModalContext;
30044
+ var addtofavoritescontext = props.actions.addtofavoritescontext;
30045
+ var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
30046
+ var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
30006
30047
 
30007
30048
  var _useState5 = React.useState(props.cardinfoindexprops),
30008
30049
  _useState6 = _slicedToArray__default["default"](_useState5, 2);
@@ -30194,6 +30235,9 @@ var Card20 = function Card20(props) {
30194
30235
  routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
30195
30236
  }
30196
30237
  },
30238
+ style: {
30239
+ textAlign: langdetect == 'en' ? 'left' : 'right'
30240
+ },
30197
30241
  "class": "".concat(cardstyles.productNameStyles) + ' wordbreak wordbreak1 -noellipsis m-0 '
30198
30242
  }, item.name), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
30199
30243
  "class": "".concat(cardstyles.productDescStyles) + ' wordbreak wordbreak1 p-0 ',