tabexseriescomponents 0.2.1171 → 0.2.1173

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
@@ -15378,28 +15378,93 @@ var Checkout = function Checkout(props) {
15378
15378
  }));
15379
15379
  }
15380
15380
  if (item.type == 'text') {
15381
- return /*#__PURE__*/React__default["default"].createElement("div", {
15382
- className: "col-lg-6 col-md-12 mb-3"
15383
- }, /*#__PURE__*/React__default["default"].createElement("label", {
15384
- className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
15385
- }, langdetect == 'en' ? item.title_en : item.title_ar, item.isrequired == 1 && /*#__PURE__*/React__default["default"].createElement("sup", {
15386
- "class": "mx-2",
15387
- style: {
15388
- color: 'var(--danger)'
15389
- }
15390
- }, "*")), /*#__PURE__*/React__default["default"].createElement("input", {
15391
- type: 'text',
15392
- className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
15393
- value: item.value,
15394
- onChange: function onChange(event) {
15395
- var temporderextrafeilds = _toConsumableArray__default["default"](orderextrafeilds);
15396
- temporderextrafeilds[index].value = event.target.value;
15397
- setorderextrafeilds(_toConsumableArray__default["default"](temporderextrafeilds));
15398
- },
15399
- style: {
15400
- boxShadow: 'none'
15401
- }
15402
- }));
15381
+ // events mart
15382
+ if (item.title_en == 'Event Date') {
15383
+ return /*#__PURE__*/React__default["default"].createElement("div", {
15384
+ className: "col-lg-6 col-md-12 mb-3"
15385
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
15386
+ className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start flex-column ',
15387
+ style: {
15388
+ textTransform: 'none'
15389
+ }
15390
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, langdetect == 'en' ? item.title_en : item.title_ar, item.isrequired == 1 && /*#__PURE__*/React__default["default"].createElement("sup", {
15391
+ "class": "mx-2",
15392
+ style: {
15393
+ color: 'var(--danger)'
15394
+ }
15395
+ }, "*")), /*#__PURE__*/React__default["default"].createElement("span", {
15396
+ style: {
15397
+ fontSize: 13,
15398
+ fontWeight: 300
15399
+ }
15400
+ }, langdetect == 'en' ? 'Note: You can only select a date starting 10 days from today. Earlier dates are not allowed.' : 'ملاحظة: يمكنك اختيار تاريخ يبدأ بعد 10 أيام من اليوم فقط. لا يُسمح باختيار تواريخ أقدم.')), /*#__PURE__*/React__default["default"].createElement("input", {
15401
+ type: 'text',
15402
+ className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
15403
+ value: item.value,
15404
+ onChange: function onChange(event) {
15405
+ var temporderextrafeilds = _toConsumableArray__default["default"](orderextrafeilds);
15406
+ temporderextrafeilds[index].value = event.target.value;
15407
+ setorderextrafeilds(_toConsumableArray__default["default"](temporderextrafeilds));
15408
+ },
15409
+ style: {
15410
+ boxShadow: 'none'
15411
+ }
15412
+ }));
15413
+ } else if (item.title_en == 'Event Type') {
15414
+ return /*#__PURE__*/React__default["default"].createElement("div", {
15415
+ className: "col-lg-6 col-md-12 mb-3"
15416
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
15417
+ className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start flex-column ',
15418
+ style: {
15419
+ textTransform: 'none'
15420
+ }
15421
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, langdetect == 'en' ? item.title_en : item.title_ar, item.isrequired == 1 && /*#__PURE__*/React__default["default"].createElement("sup", {
15422
+ "class": "mx-2",
15423
+ style: {
15424
+ color: 'var(--danger)'
15425
+ }
15426
+ }, "*")), /*#__PURE__*/React__default["default"].createElement("span", {
15427
+ style: {
15428
+ fontSize: 13,
15429
+ fontWeight: 300
15430
+ }
15431
+ }, langdetect == 'en' ? 'To ensure a smooth experience, please ensure your event matches the selected "Event Type". Eventsmart may cancel events that do not comply.' : 'لضمان تجربة سلسة، يُرجى التأكد من أن فعاليتك تتطابق مع "نوع الفعالية" المُختار. قد تقوم Eventsmart بإلغاء الفعاليات التي لا تتوافق مع هذا النوع.')), /*#__PURE__*/React__default["default"].createElement("input", {
15432
+ type: 'text',
15433
+ className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
15434
+ value: item.value,
15435
+ onChange: function onChange(event) {
15436
+ var temporderextrafeilds = _toConsumableArray__default["default"](orderextrafeilds);
15437
+ temporderextrafeilds[index].value = event.target.value;
15438
+ setorderextrafeilds(_toConsumableArray__default["default"](temporderextrafeilds));
15439
+ },
15440
+ style: {
15441
+ boxShadow: 'none'
15442
+ }
15443
+ }));
15444
+ } else {
15445
+ return /*#__PURE__*/React__default["default"].createElement("div", {
15446
+ className: "col-lg-6 col-md-12 mb-3"
15447
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
15448
+ className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
15449
+ }, langdetect == 'en' ? item.title_en : item.title_ar, item.isrequired == 1 && /*#__PURE__*/React__default["default"].createElement("sup", {
15450
+ "class": "mx-2",
15451
+ style: {
15452
+ color: 'var(--danger)'
15453
+ }
15454
+ }, "*")), /*#__PURE__*/React__default["default"].createElement("input", {
15455
+ type: 'text',
15456
+ className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
15457
+ value: item.value,
15458
+ onChange: function onChange(event) {
15459
+ var temporderextrafeilds = _toConsumableArray__default["default"](orderextrafeilds);
15460
+ temporderextrafeilds[index].value = event.target.value;
15461
+ setorderextrafeilds(_toConsumableArray__default["default"](temporderextrafeilds));
15462
+ },
15463
+ style: {
15464
+ boxShadow: 'none'
15465
+ }
15466
+ }));
15467
+ }
15403
15468
  }
15404
15469
  if (item.type == 'selectbox') {
15405
15470
  var selectboxarr = [];
@@ -31916,7 +31981,7 @@ var FloatingIcons = function FloatingIcons(props) {
31916
31981
  function ownKeys$23(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
31917
31982
  function _objectSpread$23(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$23(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$23(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
31918
31983
  var ClassicHeader = function ClassicHeader(props) {
31919
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _authdetailsContext$i, _authdetailsContext$i2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _templatepropcontext$;
31984
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _authdetailsContext$i, _authdetailsContext$i2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _authdetailsContext$i3, _authdetailsContext$i4, _templatepropcontext$;
31920
31985
  var LogoutMutationContext = props.actions.LogoutMutationContext;
31921
31986
  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
31922
31987
  var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
@@ -32238,7 +32303,7 @@ var ClassicHeader = function ClassicHeader(props) {
32238
32303
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32239
32304
  "class": "".concat(header_cssstyles.upperHeaderSection) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
32240
32305
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32241
- "class": "col-lg-4 d-flex justify-content-start"
32306
+ "class": "col-lg-3 d-flex justify-content-start"
32242
32307
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32243
32308
  "class": "".concat(header_cssstyles.header_logo),
32244
32309
  style: {
@@ -32257,7 +32322,7 @@ var ClassicHeader = function ClassicHeader(props) {
32257
32322
  objectFit: 'contain'
32258
32323
  }
32259
32324
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
32260
- "class": "col-lg-8 d-flex justify-content-end align-items-center"
32325
+ "class": "col-lg-9 d-flex justify-content-end align-items-center"
32261
32326
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32262
32327
  "class": header_cssstyles.searchbarcont,
32263
32328
  style: {
@@ -32283,8 +32348,8 @@ var ClassicHeader = function ClassicHeader(props) {
32283
32348
  actions: actions
32284
32349
  })), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
32285
32350
  style: {
32286
- marginRight: langdetect == 'en' ? '2.2rem' : '',
32287
- marginLeft: langdetect == 'ar' ? '2.2rem' : ''
32351
+ marginRight: langdetect == 'en' ? '1.1rem' : '',
32352
+ marginLeft: langdetect == 'ar' ? '1.1rem' : ''
32288
32353
  }
32289
32354
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
32290
32355
  "class": " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ',
@@ -32436,8 +32501,8 @@ var ClassicHeader = function ClassicHeader(props) {
32436
32501
  }, lang.logout))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instid) != '67feabc28870e' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
32437
32502
  "class": "".concat(header_cssstyles.wishlist_btn) + ' wishlist_btn d-flex justify-content-center align-items-center ',
32438
32503
  style: {
32439
- marginRight: langdetect == 'en' ? '2.2rem' : '',
32440
- marginLeft: langdetect == 'ar' ? '2.2rem' : ''
32504
+ marginRight: langdetect == 'en' ? '1.1rem' : '',
32505
+ marginLeft: langdetect == 'ar' ? '1.1rem' : ''
32441
32506
  },
32442
32507
  onClick: function onClick() {
32443
32508
  routingcountext(StaticPagesLinksContext.Wishlist);
@@ -32459,8 +32524,8 @@ var ClassicHeader = function ClassicHeader(props) {
32459
32524
  }, lang.wishlist)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instid) != '67feabc28870e' && /*#__PURE__*/React__default["default"].createElement("div", {
32460
32525
  "class": header_cssstyles.cartbtncontainer + ' d-flex flex-row align-items-center justify-content-end ',
32461
32526
  style: {
32462
- marginRight: langdetect == 'en' ? '2.2rem' : '',
32463
- marginLeft: langdetect == 'ar' ? '2.2rem' : ''
32527
+ marginRight: langdetect == 'en' ? '1.1rem' : '',
32528
+ marginLeft: langdetect == 'ar' ? '1.1rem' : ''
32464
32529
  },
32465
32530
  onClick: function onClick() {
32466
32531
  setsidecartnavshowcontext(true);
@@ -32490,14 +32555,70 @@ var ClassicHeader = function ClassicHeader(props) {
32490
32555
  top: sectionproperties.cartbadgetop + 'px',
32491
32556
  right: sectionproperties.cartbadgeright + 'px'
32492
32557
  }
32493
- }, fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue !== void 0 && (_fetchcustomercartQue = _fetchcustomercartQue.data) !== null && _fetchcustomercartQue !== void 0 && _fetchcustomercartQue.status && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length) != 0 ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.customercart.cartitems_count_withquantity : 0)), /*#__PURE__*/React__default["default"].createElement("p", {
32494
- "class": ' mb-0 p-0 ',
32558
+ }, fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue !== void 0 && (_fetchcustomercartQue = _fetchcustomercartQue.data) !== null && _fetchcustomercartQue !== void 0 && _fetchcustomercartQue.status && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.cartitems) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.length) != 0 ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.customercart.cartitems_count_withquantity : 0)), /*#__PURE__*/React__default["default"].createElement("div", {
32559
+ "class": "d-flex text-start flex-column"
32560
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
32561
+ "class": ' mb-0 p-0 w-100 ',
32562
+ style: {
32563
+ marginLeft: langdetect == 'en' ? '9px' : 0,
32564
+ marginRight: langdetect == 'ar' ? '9px' : 0,
32565
+ color: sectionproperties.cartBtnTextcolor,
32566
+ textAlign: langdetect == 'en' ? 'left' : 'right'
32567
+ }
32568
+ }, lang.cart), /*#__PURE__*/React__default["default"].createElement("p", {
32569
+ "class": ' mb-0 p-0 w-100 ',
32495
32570
  style: {
32496
32571
  marginLeft: langdetect == 'en' ? '9px' : 0,
32497
32572
  marginRight: langdetect == 'ar' ? '9px' : 0,
32498
- color: sectionproperties.cartBtnTextcolor
32573
+ color: sectionproperties.cartBtnTextcolor,
32574
+ textAlign: langdetect == 'en' ? 'left' : 'right'
32575
+ }
32576
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue4 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue4 === void 0 || (_fetchcustomercartQue4 = _fetchcustomercartQue4.data) === null || _fetchcustomercartQue4 === void 0 || (_fetchcustomercartQue4 = _fetchcustomercartQue4.customercart) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.totalprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.length) > 1 && /*#__PURE__*/React__default["default"].createElement("div", {
32577
+ "class": langdetect == 'en' ? 'col-lasdg-2 d-flex align-items-center justify-content-end ' : 'col-lasdg-2 d-flex align-items-center justify-content-end ',
32578
+ style: {
32579
+ marginRight: langdetect == 'en' ? '1.1rem' : '',
32580
+ marginLeft: langdetect == 'ar' ? '1.1rem' : ''
32499
32581
  }
32500
- }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue4 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue4 === void 0 || (_fetchcustomercartQue4 = _fetchcustomercartQue4.data) === null || _fetchcustomercartQue4 === void 0 || (_fetchcustomercartQue4 = _fetchcustomercartQue4.customercart) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.totalprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
32582
+ }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
32583
+ "class": ' d-flex align-items-center justify-content-center ',
32584
+ style: {
32585
+ color: sectionproperties.language_container_color
32586
+ }
32587
+ }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
32588
+ "class": ' row m-0 w-100 d-flex align-items-center '
32589
+ }, /*#__PURE__*/React__default["default"].createElement(FaMoneyBillWave.FaMoneyBillWave, null), /*#__PURE__*/React__default["default"].createElement("p", {
32590
+ "class": "m-0 p-0 mr-2 ml-2"
32591
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
32592
+ "class": ' row m-0 w-100 d-flex align-items-center '
32593
+ }, /*#__PURE__*/React__default["default"].createElement(FaMoneyBillWave.FaMoneyBillWave, null), /*#__PURE__*/React__default["default"].createElement("p", {
32594
+ "class": "m-0 p-0 ml-2 mr-2"
32595
+ }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.instcurrencies) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.map(function (item, index) {
32596
+ var _authdetailsContext$i5;
32597
+ return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
32598
+ onClick: function onClick() {
32599
+ setcurrencyfunccontext(item);
32600
+ }
32601
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
32602
+ "class": "row m-0 w-100"
32603
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
32604
+ "class": "col-lg-12 p-0 d-flex justify-content-start"
32605
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
32606
+ "class": "".concat(header_cssstyles.dropdownitemcontainer)
32607
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
32608
+ "class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
32609
+ style: {
32610
+ fontSize: sectionproperties.dropdown_fontsize + 'px',
32611
+ fontWeight: sectionproperties.dropdown_fontweight,
32612
+ textTransform: sectionproperties.dropdown_texttransform
32613
+ }
32614
+ }, /*#__PURE__*/React__default["default"].createElement(FaMoneyBillWave.FaMoneyBillWave, null), /*#__PURE__*/React__default["default"].createElement("span", {
32615
+ "class": 'ml-2 mr-2'
32616
+ }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 || (_authdetailsContext$i5 = _authdetailsContext$i5.instcurrencies) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
32617
+ "class": "col-lg-12 p-0"
32618
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
32619
+ "class": "m-0"
32620
+ }))));
32621
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
32501
32622
  "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
32502
32623
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
32503
32624
  "class": ' d-flex align-items-center justify-content-center '
@@ -32616,418 +32737,7 @@ var ClassicHeader = function ClassicHeader(props) {
32616
32737
  }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader Only' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
32617
32738
  sectionpropertiesprops: sectionproperties,
32618
32739
  actions: actions
32619
- }))
32620
- // <div
32621
- // class={' row m-0 w-100 d-flex justify-content-center '}
32622
- // style={{
32623
- // background: sectionproperties.header_backgroundColor,
32624
- // }}
32625
- // >
32626
- // <div
32627
- // class="row m-0"
32628
- // style={{
32629
- // width: sectionproperties.header_width + 'vw',
32630
- // }}
32631
- // >
32632
- // <div
32633
- // class={`${headerstyles.headercontainer}` + ' col-lg-12 pl-0 pr-0 d-md-none '}
32634
- // style={{
32635
- // position: sectionproperties.headerstyles_position,
32636
- // paddingBottom: sectionproperties.header_paddingBottom + 'px',
32637
- // top: 0,
32638
- // }}
32639
- // >
32640
- // <div class="row m-0 w-100">
32641
- // <div class={' col-lg-12 d-flex align-items-center p-0 '}>
32642
- // <div class={`${header_cssstyles.upperHeaderSection}` + ' row m-0 w-100 d-flex align-items-center '}>
32643
- // <div class="col-lg-4 d-flex justify-content-start">
32644
- // <div
32645
- // class={`${header_cssstyles.header_logo}`}
32646
- // style={{ cursor: 'pointer' }}
32647
- // onClick={() => {
32648
- // routingcountext('home');
32649
- // }}
32650
- // >
32651
- // <Imagekitimagecomp
32652
- // urlEndpoint={ikimagecredcontext?.ikimageendpoint}
32653
- // publicKey={ikimagecredcontext?.ikimagepublickey}
32654
- // path={langdetect == 'en' ? logoarrayofobjects[0]?.englishlogo : logoarrayofobjects[0]?.arabiclogo}
32655
- // style={{
32656
- // width: '100%',
32657
- // height: '100%',
32658
- // objectFit: 'contain',
32659
- // }}
32660
- // />
32661
- // </div>
32662
- // </div>
32663
- // <div class="col-lg-8 d-flex justify-content-end align-items-center">
32664
- // <div
32665
- // class={header_cssstyles.searchbarcont}
32666
- // style={{ position: 'relative', marginRight: langdetect == 'en' ? '1.9rem' : '', marginLeft: langdetect == 'ar' ? '1.9rem' : '' }}
32667
- // >
32668
- // <input
32669
- // type="text"
32670
- // placeholder={lang.searchproducts}
32671
- // class={`${header_cssstyles.searchbarcont_input}`}
32672
- // onChange={(event) => {
32673
- // setSearchHeaderInputContext(event.target.value);
32674
- // }}
32675
- // />
32676
- // <div class={` ${header_cssstyles.searchbar_icon_cont}` + ' d-flex align-items-center justify-content-center '}>
32677
- // <BsSearch color={sectionproperties.searchbaricon_color} size={sectionproperties.searchbaricon_fontsize} />
32678
- // </div>
32679
- // <Searchlist sectionpropertiesprops={sectionproperties} srcfromprops={'headerfullwidth'} actions={actions} />
32680
- // </div>
32681
- // <Dropdown
32682
- // style={{
32683
- // marginRight: langdetect == 'en' ? '2.2rem' : '',
32684
- // marginLeft: langdetect == 'ar' ? '2.2rem' : '',
32685
- // }}
32686
- // >
32687
- // <Dropdown.Toggle>
32688
- // {!authdetailsContext.loggedin && (
32689
- // <div class={` ${header_cssstyles.user_btn}` + ' d-flex align-items-center justify-content-center '} sytle={{ position: 'relative' }}>
32690
- // <i class={' h-100 d-flex align-items-center '}>
32691
- // <FiUser size={sectionproperties.userBtniconfontsize} />
32692
- // </i>
32693
- // <p
32694
- // class="mb-0 p-0 pt-1"
32695
- // style={{
32696
- // marginLeft: langdetect == 'en' ? '8px' : 0,
32697
- // marginRight: langdetect == 'ar' ? '8px' : 0,
32698
- // }}
32699
- // >
32700
- // {lang.login}
32701
- // </p>
32702
- // </div>
32703
- // )}
32704
- // {authdetailsContext.loggedin && (
32705
- // <div class={header_cssstyles.userBtnLoggedinContainer + ' allcentered '} sytle={{ position: 'relative' }}>
32706
- // <div class={header_cssstyles.loggedinuserbtn + ' loggedinuserbtn loggedinuserbtnbg ml-2 mr-2 '}>
32707
- // <i class={' h-100 allcentered '}>
32708
- // <FiUser size={sectionproperties.loggedinusericonfontsize} />
32709
- // </i>
32710
- // </div>
32711
- // <div
32712
- // class="m-0 p-0 loggedinuserbtn flex-column"
32713
- // style={{
32714
- // textAlign: langdetect == 'en' ? 'left' : 'right',
32715
- // }}
32716
- // >
32717
- // <p
32718
- // class="m-0 p-0"
32719
- // style={{
32720
- // color: sectionproperties.greetingtextcolor,
32721
- // fontSize: sectionproperties.greetingtextfontsize + 'px',
32722
- // lineHeight: sectionproperties.greetingtextfontsize + 'px',
32723
- // fontWeight: 400,
32724
- // }}
32725
- // >
32726
- // {lang.hello}
32727
- // {langdetect == 'en' ? ',' : '،'}
32728
- // </p>
32729
- // <p class={header_cssstyles.loggedinusername + ' loggedinuserbtn m-0 p-0 text-overflow '}>{authdetailsContext?.customerinfo?.name}</p>
32730
- // </div>
32731
- // </div>
32732
- // )}
32733
- // </Dropdown.Toggle>
32734
- // {!authdetailsContext.loggedin && (
32735
- // <Dropdown.Menu>
32736
- // <Dropdown.Item
32737
- // onClick={() => {
32738
- // routingcountext(StaticPagesLinksContext.Login);
32739
- // }}
32740
- // >
32741
- // <div class={`${header_cssstyles.dropdownitemcontainer}` + ' m-0 p-0 d-flex align-items-center '}>
32742
- // <p class={' d-flex align-items-center m-0 p-0 '}>
32743
- // <AiOutlineLogin class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />
32744
- // <span>{lang.login}</span>
32745
- // </p>
32746
- // </div>
32747
- // </Dropdown.Item>
32748
- // <Dropdown.Divider></Dropdown.Divider>
32749
- // <Dropdown.Item
32750
- // onClick={() => {
32751
- // routingcountext(StaticPagesLinksContext.Signup);
32752
- // }}
32753
- // >
32754
- // <div class={`${header_cssstyles.dropdownitemcontainer}` + ' m-0 p-0 d-flex align-items-center '}>
32755
- // <p class={' d-flex align-items-center m-0 p-0 '}>
32756
- // <AiOutlineUserAdd class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />
32757
- // <span class="text-transform-none">{lang.signup}</span>
32758
- // </p>
32759
- // </div>
32760
- // </Dropdown.Item>
32761
- // </Dropdown.Menu>
32762
- // )}
32763
- // {authdetailsContext.loggedin && (
32764
- // <Dropdown.Menu style={{ minWidth: '200px' }}>
32765
- // <Dropdown.Item
32766
- // onClick={() => {
32767
- // routingcountext(StaticPagesLinksContext.Ordershistory);
32768
- // }}
32769
- // >
32770
- // <div class={`${header_cssstyles.dropdownitemcontainer}` + ' allcenetered m-0 p-0 '}>
32771
- // <i class="h-100 allcentered">
32772
- // {sectionproperties.carticonstyle == 'Shopping bag 1' && <FiShoppingBag class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />}
32773
- // {sectionproperties.carticonstyle == 'Shopping bag 2' && <CgShoppingBag class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />}
32774
- // {sectionproperties.carticonstyle == 'Shopping bag 3' && <BsBag class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />}
32775
- // {sectionproperties.carticonstyle == 'Shopping bag 4' && <HiOutlineShoppingBag class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />}
32776
- // {sectionproperties.carticonstyle == 'Shopping cart 1' && <FiShoppingCart class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />}
32777
- // {sectionproperties.carticonstyle == 'Shopping cart 2' && <MdAddShoppingCart class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />}
32778
- // </i>
32779
- // <p class={' allcenetered m-0 p-0 '}>{lang.orderhistory}</p>
32780
- // </div>
32781
- // </Dropdown.Item>
32782
- // <Dropdown.Divider></Dropdown.Divider>
32783
- // <Dropdown.Item
32784
- // onClick={() => {
32785
- // routingcountext(StaticPagesLinksContext.Wishlist);
32786
- // }}
32787
- // >
32788
- // <div class={`${header_cssstyles.dropdownitemcontainer}` + ' allcenetered m-0 p-0 '}>
32789
- // <i class="h-100 allcentered">
32790
- // {sectionproperties.faviconshape == 'Heart Shape' && <FaRegHeart class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />}
32791
- // {sectionproperties.faviconshape == 'Star Shape' && <AiFillStar class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />}
32792
- // </i>
32793
- // <p class={' allcenetered m-0 p-0 '}>{lang.wishlist}</p>
32794
- // </div>
32795
- // </Dropdown.Item>
32796
- // <Dropdown.Divider></Dropdown.Divider>
32797
- // <Dropdown.Item
32798
- // onClick={() => {
32799
- // routingcountext(StaticPagesLinksContext.Policies);
32800
- // }}
32801
- // >
32802
- // <div class={`${header_cssstyles.dropdownitemcontainer}` + ' allcenetered m-0 p-0 '}>
32803
- // <i class="h-100 allcentered">
32804
- // <AiOutlineSecurityScan class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />
32805
- // </i>
32806
- // <p class={' allcenetered m-0 p-0 '}>{lang.policies}</p>
32807
- // </div>
32808
- // </Dropdown.Item>
32809
- // <Dropdown.Divider></Dropdown.Divider>
32810
- // <Dropdown.Item
32811
- // onClick={() => {
32812
- // LogoutMutationContext.mutate();
32813
- // }}
32814
- // >
32815
- // <div class={`${header_cssstyles.dropdownitemcontainer}` + ' m-0 p-0 d-flex align-items-center '}>
32816
- // <i class="h-100 allcentered">
32817
- // <BiLogOutCircle class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />
32818
- // </i>
32819
- // <p class={' allcenetered m-0 p-0 '}>{lang.logout}</p>
32820
- // </div>
32821
- // </Dropdown.Item>
32822
- // </Dropdown.Menu>
32823
- // )}
32824
- // </Dropdown>
32825
- // <div
32826
- // class={`${header_cssstyles.wishlist_btn}` + ' wishlist_btn d-flex justify-content-center align-items-center '}
32827
- // style={{
32828
- // marginRight: langdetect == 'en' ? '2.2rem' : '',
32829
- // marginLeft: langdetect == 'ar' ? '2.2rem' : '',
32830
- // }}
32831
- // onClick={() => {
32832
- // routingcountext(StaticPagesLinksContext.Wishlist);
32833
- // }}
32834
- // >
32835
- // <div
32836
- // style={{
32837
- // position: 'relative',
32838
- // }}
32839
- // >
32840
- // <i class={header_cssstyles.favbtnicon + ' wishlist_btn h-100 d-flex align-items-center '}>
32841
- // {sectionproperties.faviconshape == 'Heart Shape' && <FaRegHeart />}
32842
- // {sectionproperties.faviconshape == 'Star Shape' && <AiOutlineStar />}
32843
- // </i>
32844
- // <div class={` ${header_cssstyles.badge_counter_header_notifications} ${header_cssstyles.wishlistbadge}` + ' d-flex justify-content-center text-center '}>
32845
- // <span>{favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length}</span>
32846
- // </div>
32847
- // </div>
32848
- // <span
32849
- // class="mb-0 p-0 wishlist_btn"
32850
- // style={{
32851
- // marginLeft: langdetect == 'en' ? '8px' : 0,
32852
- // marginRight: langdetect == 'ar' ? '8px' : 0,
32853
- // }}
32854
- // >
32855
- // {lang.wishlist}
32856
- // </span>
32857
- // </div>
32858
- // <div
32859
- // class={header_cssstyles.cartbtncontainer + ' d-flex flex-row align-items-center justify-content-end '}
32860
- // style={{
32861
- // marginRight: langdetect == 'en' ? '2.2rem' : '',
32862
- // marginLeft: langdetect == 'ar' ? '2.2rem' : '',
32863
- // }}
32864
- // onClick={() => {
32865
- // setsidecartnavshowcontext(true);
32866
- // }}
32867
- // >
32868
- // <div class={`${header_cssstyles.cartbtnicon}` + ' allcentered cartbtnicon '} style={{ position: 'relative' }}>
32869
- // {sectionproperties.carticonstyle == 'Shopping bag 1' && <FiShoppingBag size={sectionproperties.cartBtn_iconFontSize} />}
32870
- // {sectionproperties.carticonstyle == 'Shopping bag 2' && <CgShoppingBag size={sectionproperties.cartBtn_iconFontSize} />}
32871
- // {sectionproperties.carticonstyle == 'Shopping bag 3' && <BsBag size={sectionproperties.cartBtn_iconFontSize} />}
32872
- // {sectionproperties.carticonstyle == 'Shopping bag 4' && <HiOutlineShoppingBag size={sectionproperties.cartBtn_iconFontSize} />}
32873
- // {sectionproperties.carticonstyle == 'Shopping cart 1' && <FiShoppingCart size={sectionproperties.cartBtn_iconFontSize} />}
32874
- // {sectionproperties.carticonstyle == 'Shopping cart 2' && <MdAddShoppingCart size={sectionproperties.cartBtn_iconFontSize} />}
32875
- // <div
32876
- // class={`${header_cssstyles.badge_counter_header_notifications}`}
32877
- // style={{
32878
- // top: sectionproperties.cartbadgetop + 'px',
32879
- // right: sectionproperties.cartbadgeright + 'px',
32880
- // }}
32881
- // >
32882
- // {fetchcustomercartQueryContext?.data?.data?.customercart != null ? fetchcustomercartQueryContext?.data?.data?.customercart?.cartitems?.length : 0}
32883
- // </div>
32884
- // </div>
32885
- // <p
32886
- // class={header_cssstyles.cartbtntext + ' mb-0 p-0 cartbtnicon '}
32887
- // style={{
32888
- // marginLeft: langdetect == 'en' ? '9px' : 0,
32889
- // marginRight: langdetect == 'ar' ? '9px' : 0,
32890
- // }}
32891
- // >
32892
- // {lang.cart}
32893
- // </p>
32894
- // </div>
32895
-
32896
- // <div class={langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'}>
32897
- // <Dropdown>
32898
- // <Dropdown.Toggle>
32899
- // <li class={' d-flex align-items-center justify-content-center '}>
32900
- // {langdetect == 'en' && (
32901
- // <div class={`${header_cssstyles.languagecontainer}` + ' row m-0 w-100 d-flex align-items-center '}>
32902
- // <img src={usflag} style={{ maxWidth: '2.2vh', maxHeight: '2.2vh' }} />
32903
- // <MdKeyboardArrowDown class="ml-2 mr-2" size={sectionproperties.language_container_fontsize} />
32904
- // </div>
32905
- // )}
32906
- // {langdetect == 'ar' && (
32907
- // <div class={`${header_cssstyles.languagecontainer}` + ' row m-0 w-100 d-flex align-items-center '}>
32908
- // <img src={egyptflag} style={{ maxWidth: '2.2vh', maxHeight: '2.2vh' }} />
32909
- // <MdKeyboardArrowDown class="ml-2 mr-2" size={sectionproperties.language_container_fontsize} />
32910
- // </div>
32911
- // )}
32912
- // </li>
32913
- // </Dropdown.Toggle>
32914
- // <Dropdown.Menu>
32915
- // <Dropdown.Item
32916
- // onClick={() => {
32917
- // setlang('ar');
32918
- // }}
32919
- // >
32920
- // <div class={`${header_cssstyles.dropdownitemcontainer}` + ' p-0 '}>
32921
- // <p
32922
- // class={'dropdownitem d-flex align-items-center m-0 p-0'}
32923
- // style={{
32924
- // fontSize: sectionproperties.dropdown_fontsize + 'px',
32925
- // fontWeight: sectionproperties.dropdown_fontweight,
32926
- // textTransform: sectionproperties.dropdown_texttransform,
32927
- // }}
32928
- // >
32929
- // <img src={egyptflag} style={{ maxWidth: '2vh', maxHeight: '2vh' }} />
32930
- // <span class={'ml-2 mr-2'}>{lang.arabic}</span>
32931
- // </p>
32932
- // </div>
32933
- // </Dropdown.Item>
32934
- // <Dropdown.Divider></Dropdown.Divider>
32935
- // <Dropdown.Item
32936
- // onClick={() => {
32937
- // setlang('en');
32938
- // }}
32939
- // >
32940
- // <div class={`${header_cssstyles.dropdownitemcontainer}` + ' p-0 '}>
32941
- // <p
32942
- // class={'dropdownitem d-flex align-items-center justify-content-center m-0 p-0'}
32943
- // style={{
32944
- // fontSize: sectionproperties.dropdown_fontsize + 'px',
32945
- // fontWeight: sectionproperties.dropdown_fontweight,
32946
- // textTransform: sectionproperties.dropdown_texttransform,
32947
- // }}
32948
- // >
32949
- // <img src={usflag} style={{ maxWidth: '2vh', maxHeight: '2vh' }} />
32950
- // <span class={'ml-2 mr-2'}>{lang.english}</span>
32951
- // </p>
32952
- // </div>
32953
- // </Dropdown.Item>
32954
- // </Dropdown.Menu>
32955
- // </Dropdown>
32956
- // </div>
32957
- // </div>
32958
- // </div>
32959
- // </div>
32960
- // <div class="col-lg-12 allcentered p-0">
32961
- // <div
32962
- // style={{
32963
- // background: sectionproperties.upperseparatorbgcolor,
32964
- // height: sectionproperties.upperseparatorheight + 'px',
32965
- // width: sectionproperties.upperseparatorwidth + '%',
32966
- // }}
32967
- // />
32968
- // </div>
32969
- // <div class={' col-lg-12 p-0 '}>
32970
- // <div class={header_cssstyles.lowerHeaderSection + ' w-100 '}>
32971
- // <div
32972
- // class={' scrollhorizontal w-100 align-items-center '}
32973
- // style={{
32974
- // display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex',
32975
- // justifyContent: sectionproperties.header_centered == 'Centered' ? 'center' : 'start',
32976
- // }}
32977
- // >
32978
- // {templatepropcontext?.pagesnprop?.map((item, index) => {
32979
- // if (item.isnavigation == 1 && item.isactive == 1) {
32980
- // return (
32981
- // <li
32982
- // class="cursor-pointer"
32983
- // style={{
32984
- // paddingRight: langdetect == 'en' ? '2rem' : 0,
32985
- // paddingLeft: langdetect == 'ar' ? '2rem' : 0,
32986
- // }}
32987
- // onClick={() => {
32988
- // routingcountext(item.navigationroute, false, '');
32989
- // }}
32990
- // >
32991
- // <div class={`${header_cssstyles.navbar_item_text}` + ' navbar_item_text '}>{langdetect == 'en' ? item.pagename : item.pagename_ar}</div>
32992
- // </li>
32993
- // );
32994
- // }
32995
- // })}
32996
- // </div>
32997
- // {sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && (
32998
- // <Subheader
32999
- // sectionpropertiesprops={sectionproperties}
33000
- // actions={actions}
33001
- // subheaderpropertiesprops={{
33002
- // subheaderpositionprops: 'in nav',
33003
- // paddingLeftprops: '1.5rem',
33004
- // paddingRightprops: '1.5rem',
33005
- // subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start',
33006
- // }}
33007
- // />
33008
- // )}
33009
- // </div>
33010
- // </div>
33011
- // <div class="col-lg-12 p-0">
33012
- // {sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && (
33013
- // <Subheader
33014
- // sectionpropertiesprops={sectionproperties}
33015
- // actions={actions}
33016
- // subheaderpropertiesprops={{
33017
- // subheaderpositionprops: 'Full Width',
33018
- // paddingLeftprops: '35px',
33019
- // paddingRightprops: '35px',
33020
- // subheadercontentpositionprops: 'center',
33021
- // }}
33022
- // />
33023
- // )}
33024
- // </div>
33025
- // </div>
33026
- // </div>
33027
- // </div>
33028
- // <Headerresponsive sectionpropertiesprops={sectionproperties} actions={actions} />
33029
- // </div>
33030
- ;
32740
+ }));
33031
32741
  };
33032
32742
 
33033
32743
  var css_248z$x = ".CTAHeader-module_header_container__In9j3 .CTAHeader-module_topbar_item_container__yiKBc {\r\n /* height: 100%; */\r\n margin: 0;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n display: block;\r\n float: left;\r\n}\r\n.CTAHeader-module_badge_counter_header_notifications__LwrZ5 {\r\n position: absolute;\r\n transform: scale(0.3);\r\n transform-origin: top right;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.CTAHeader-module_searchbar__lDR8a {\r\n display: inline-block;\r\n border: none;\r\n outline: none;\r\n width: 0px;\r\n position: absolute;\r\n top: 0;\r\n background: none;\r\n z-index: 3;\r\n transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\r\n cursor: pointer;\r\n}\r\n.CTAHeader-module_searchbar__lDR8a:focus {\r\n width: 300px !important;\r\n z-index: 1;\r\n cursor: text;\r\n}\r\n.CTAHeader-module_searchbaractive__mPoEm {\r\n display: inline-block;\r\n z-index: 2;\r\n cursor: pointer;\r\n}\r\n";