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.umd.js CHANGED
@@ -15184,28 +15184,93 @@
15184
15184
  }));
15185
15185
  }
15186
15186
  if (item.type == 'text') {
15187
- return /*#__PURE__*/React__default["default"].createElement("div", {
15188
- className: "col-lg-6 col-md-12 mb-3"
15189
- }, /*#__PURE__*/React__default["default"].createElement("label", {
15190
- className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
15191
- }, langdetect == 'en' ? item.title_en : item.title_ar, item.isrequired == 1 && /*#__PURE__*/React__default["default"].createElement("sup", {
15192
- "class": "mx-2",
15193
- style: {
15194
- color: 'var(--danger)'
15195
- }
15196
- }, "*")), /*#__PURE__*/React__default["default"].createElement("input", {
15197
- type: 'text',
15198
- className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
15199
- value: item.value,
15200
- onChange: function onChange(event) {
15201
- var temporderextrafeilds = _toConsumableArray__default["default"](orderextrafeilds);
15202
- temporderextrafeilds[index].value = event.target.value;
15203
- setorderextrafeilds(_toConsumableArray__default["default"](temporderextrafeilds));
15204
- },
15205
- style: {
15206
- boxShadow: 'none'
15207
- }
15208
- }));
15187
+ // events mart
15188
+ if (item.title_en == 'Event Date') {
15189
+ return /*#__PURE__*/React__default["default"].createElement("div", {
15190
+ className: "col-lg-6 col-md-12 mb-3"
15191
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
15192
+ className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start flex-column ',
15193
+ style: {
15194
+ textTransform: 'none'
15195
+ }
15196
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, langdetect == 'en' ? item.title_en : item.title_ar, item.isrequired == 1 && /*#__PURE__*/React__default["default"].createElement("sup", {
15197
+ "class": "mx-2",
15198
+ style: {
15199
+ color: 'var(--danger)'
15200
+ }
15201
+ }, "*")), /*#__PURE__*/React__default["default"].createElement("span", {
15202
+ style: {
15203
+ fontSize: 13,
15204
+ fontWeight: 300
15205
+ }
15206
+ }, 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", {
15207
+ type: 'text',
15208
+ className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
15209
+ value: item.value,
15210
+ onChange: function onChange(event) {
15211
+ var temporderextrafeilds = _toConsumableArray__default["default"](orderextrafeilds);
15212
+ temporderextrafeilds[index].value = event.target.value;
15213
+ setorderextrafeilds(_toConsumableArray__default["default"](temporderextrafeilds));
15214
+ },
15215
+ style: {
15216
+ boxShadow: 'none'
15217
+ }
15218
+ }));
15219
+ } else if (item.title_en == 'Event Type') {
15220
+ return /*#__PURE__*/React__default["default"].createElement("div", {
15221
+ className: "col-lg-6 col-md-12 mb-3"
15222
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
15223
+ className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start flex-column ',
15224
+ style: {
15225
+ textTransform: 'none'
15226
+ }
15227
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, langdetect == 'en' ? item.title_en : item.title_ar, item.isrequired == 1 && /*#__PURE__*/React__default["default"].createElement("sup", {
15228
+ "class": "mx-2",
15229
+ style: {
15230
+ color: 'var(--danger)'
15231
+ }
15232
+ }, "*")), /*#__PURE__*/React__default["default"].createElement("span", {
15233
+ style: {
15234
+ fontSize: 13,
15235
+ fontWeight: 300
15236
+ }
15237
+ }, 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", {
15238
+ type: 'text',
15239
+ className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
15240
+ value: item.value,
15241
+ onChange: function onChange(event) {
15242
+ var temporderextrafeilds = _toConsumableArray__default["default"](orderextrafeilds);
15243
+ temporderextrafeilds[index].value = event.target.value;
15244
+ setorderextrafeilds(_toConsumableArray__default["default"](temporderextrafeilds));
15245
+ },
15246
+ style: {
15247
+ boxShadow: 'none'
15248
+ }
15249
+ }));
15250
+ } else {
15251
+ return /*#__PURE__*/React__default["default"].createElement("div", {
15252
+ className: "col-lg-6 col-md-12 mb-3"
15253
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
15254
+ className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
15255
+ }, langdetect == 'en' ? item.title_en : item.title_ar, item.isrequired == 1 && /*#__PURE__*/React__default["default"].createElement("sup", {
15256
+ "class": "mx-2",
15257
+ style: {
15258
+ color: 'var(--danger)'
15259
+ }
15260
+ }, "*")), /*#__PURE__*/React__default["default"].createElement("input", {
15261
+ type: 'text',
15262
+ className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
15263
+ value: item.value,
15264
+ onChange: function onChange(event) {
15265
+ var temporderextrafeilds = _toConsumableArray__default["default"](orderextrafeilds);
15266
+ temporderextrafeilds[index].value = event.target.value;
15267
+ setorderextrafeilds(_toConsumableArray__default["default"](temporderextrafeilds));
15268
+ },
15269
+ style: {
15270
+ boxShadow: 'none'
15271
+ }
15272
+ }));
15273
+ }
15209
15274
  }
15210
15275
  if (item.type == 'selectbox') {
15211
15276
  var selectboxarr = [];
@@ -31722,7 +31787,7 @@
31722
31787
  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; }
31723
31788
  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; }
31724
31789
  var ClassicHeader = function ClassicHeader(props) {
31725
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _authdetailsContext$i, _authdetailsContext$i2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _templatepropcontext$;
31790
+ 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$;
31726
31791
  var LogoutMutationContext = props.actions.LogoutMutationContext;
31727
31792
  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
31728
31793
  var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
@@ -32044,7 +32109,7 @@
32044
32109
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32045
32110
  "class": "".concat(header_cssstyles.upperHeaderSection) + ' row m-0 w-100 d-flex align-items-center px-1025-1 '
32046
32111
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32047
- "class": "col-lg-4 d-flex justify-content-start"
32112
+ "class": "col-lg-3 d-flex justify-content-start"
32048
32113
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32049
32114
  "class": "".concat(header_cssstyles.header_logo),
32050
32115
  style: {
@@ -32063,7 +32128,7 @@
32063
32128
  objectFit: 'contain'
32064
32129
  }
32065
32130
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
32066
- "class": "col-lg-8 d-flex justify-content-end align-items-center"
32131
+ "class": "col-lg-9 d-flex justify-content-end align-items-center"
32067
32132
  }, /*#__PURE__*/React__default["default"].createElement("div", {
32068
32133
  "class": header_cssstyles.searchbarcont,
32069
32134
  style: {
@@ -32089,8 +32154,8 @@
32089
32154
  actions: actions
32090
32155
  })), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
32091
32156
  style: {
32092
- marginRight: langdetect == 'en' ? '2.2rem' : '',
32093
- marginLeft: langdetect == 'ar' ? '2.2rem' : ''
32157
+ marginRight: langdetect == 'en' ? '1.1rem' : '',
32158
+ marginLeft: langdetect == 'ar' ? '1.1rem' : ''
32094
32159
  }
32095
32160
  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
32096
32161
  "class": " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ',
@@ -32242,8 +32307,8 @@
32242
32307
  }, 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", {
32243
32308
  "class": "".concat(header_cssstyles.wishlist_btn) + ' wishlist_btn d-flex justify-content-center align-items-center ',
32244
32309
  style: {
32245
- marginRight: langdetect == 'en' ? '2.2rem' : '',
32246
- marginLeft: langdetect == 'ar' ? '2.2rem' : ''
32310
+ marginRight: langdetect == 'en' ? '1.1rem' : '',
32311
+ marginLeft: langdetect == 'ar' ? '1.1rem' : ''
32247
32312
  },
32248
32313
  onClick: function onClick() {
32249
32314
  routingcountext(StaticPagesLinksContext.Wishlist);
@@ -32265,8 +32330,8 @@
32265
32330
  }, 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", {
32266
32331
  "class": header_cssstyles.cartbtncontainer + ' d-flex flex-row align-items-center justify-content-end ',
32267
32332
  style: {
32268
- marginRight: langdetect == 'en' ? '2.2rem' : '',
32269
- marginLeft: langdetect == 'ar' ? '2.2rem' : ''
32333
+ marginRight: langdetect == 'en' ? '1.1rem' : '',
32334
+ marginLeft: langdetect == 'ar' ? '1.1rem' : ''
32270
32335
  },
32271
32336
  onClick: function onClick() {
32272
32337
  setsidecartnavshowcontext(true);
@@ -32296,14 +32361,70 @@
32296
32361
  top: sectionproperties.cartbadgetop + 'px',
32297
32362
  right: sectionproperties.cartbadgeright + 'px'
32298
32363
  }
32299
- }, 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", {
32300
- "class": ' mb-0 p-0 ',
32364
+ }, 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", {
32365
+ "class": "d-flex text-start flex-column"
32366
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
32367
+ "class": ' mb-0 p-0 w-100 ',
32368
+ style: {
32369
+ marginLeft: langdetect == 'en' ? '9px' : 0,
32370
+ marginRight: langdetect == 'ar' ? '9px' : 0,
32371
+ color: sectionproperties.cartBtnTextcolor,
32372
+ textAlign: langdetect == 'en' ? 'left' : 'right'
32373
+ }
32374
+ }, lang.cart), /*#__PURE__*/React__default["default"].createElement("p", {
32375
+ "class": ' mb-0 p-0 w-100 ',
32301
32376
  style: {
32302
32377
  marginLeft: langdetect == 'en' ? '9px' : 0,
32303
32378
  marginRight: langdetect == 'ar' ? '9px' : 0,
32304
- color: sectionproperties.cartBtnTextcolor
32379
+ color: sectionproperties.cartBtnTextcolor,
32380
+ textAlign: langdetect == 'en' ? 'left' : 'right'
32381
+ }
32382
+ }, 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", {
32383
+ "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 ',
32384
+ style: {
32385
+ marginRight: langdetect == 'en' ? '1.1rem' : '',
32386
+ marginLeft: langdetect == 'ar' ? '1.1rem' : ''
32305
32387
  }
32306
- }, 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", {
32388
+ }, /*#__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", {
32389
+ "class": ' d-flex align-items-center justify-content-center ',
32390
+ style: {
32391
+ color: sectionproperties.language_container_color
32392
+ }
32393
+ }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
32394
+ "class": ' row m-0 w-100 d-flex align-items-center '
32395
+ }, /*#__PURE__*/React__default["default"].createElement(FaMoneyBillWave.FaMoneyBillWave, null), /*#__PURE__*/React__default["default"].createElement("p", {
32396
+ "class": "m-0 p-0 mr-2 ml-2"
32397
+ }, 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", {
32398
+ "class": ' row m-0 w-100 d-flex align-items-center '
32399
+ }, /*#__PURE__*/React__default["default"].createElement(FaMoneyBillWave.FaMoneyBillWave, null), /*#__PURE__*/React__default["default"].createElement("p", {
32400
+ "class": "m-0 p-0 ml-2 mr-2"
32401
+ }, 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) {
32402
+ var _authdetailsContext$i5;
32403
+ return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
32404
+ onClick: function onClick() {
32405
+ setcurrencyfunccontext(item);
32406
+ }
32407
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
32408
+ "class": "row m-0 w-100"
32409
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
32410
+ "class": "col-lg-12 p-0 d-flex justify-content-start"
32411
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
32412
+ "class": "".concat(header_cssstyles.dropdownitemcontainer)
32413
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
32414
+ "class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
32415
+ style: {
32416
+ fontSize: sectionproperties.dropdown_fontsize + 'px',
32417
+ fontWeight: sectionproperties.dropdown_fontweight,
32418
+ textTransform: sectionproperties.dropdown_texttransform
32419
+ }
32420
+ }, /*#__PURE__*/React__default["default"].createElement(FaMoneyBillWave.FaMoneyBillWave, null), /*#__PURE__*/React__default["default"].createElement("span", {
32421
+ "class": 'ml-2 mr-2'
32422
+ }, 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", {
32423
+ "class": "col-lg-12 p-0"
32424
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
32425
+ "class": "m-0"
32426
+ }))));
32427
+ })))), /*#__PURE__*/React__default["default"].createElement("div", {
32307
32428
  "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
32308
32429
  }, /*#__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", {
32309
32430
  "class": ' d-flex align-items-center justify-content-center '
@@ -32422,418 +32543,7 @@
32422
32543
  }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader Only' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
32423
32544
  sectionpropertiesprops: sectionproperties,
32424
32545
  actions: actions
32425
- }))
32426
- // <div
32427
- // class={' row m-0 w-100 d-flex justify-content-center '}
32428
- // style={{
32429
- // background: sectionproperties.header_backgroundColor,
32430
- // }}
32431
- // >
32432
- // <div
32433
- // class="row m-0"
32434
- // style={{
32435
- // width: sectionproperties.header_width + 'vw',
32436
- // }}
32437
- // >
32438
- // <div
32439
- // class={`${headerstyles.headercontainer}` + ' col-lg-12 pl-0 pr-0 d-md-none '}
32440
- // style={{
32441
- // position: sectionproperties.headerstyles_position,
32442
- // paddingBottom: sectionproperties.header_paddingBottom + 'px',
32443
- // top: 0,
32444
- // }}
32445
- // >
32446
- // <div class="row m-0 w-100">
32447
- // <div class={' col-lg-12 d-flex align-items-center p-0 '}>
32448
- // <div class={`${header_cssstyles.upperHeaderSection}` + ' row m-0 w-100 d-flex align-items-center '}>
32449
- // <div class="col-lg-4 d-flex justify-content-start">
32450
- // <div
32451
- // class={`${header_cssstyles.header_logo}`}
32452
- // style={{ cursor: 'pointer' }}
32453
- // onClick={() => {
32454
- // routingcountext('home');
32455
- // }}
32456
- // >
32457
- // <Imagekitimagecomp
32458
- // urlEndpoint={ikimagecredcontext?.ikimageendpoint}
32459
- // publicKey={ikimagecredcontext?.ikimagepublickey}
32460
- // path={langdetect == 'en' ? logoarrayofobjects[0]?.englishlogo : logoarrayofobjects[0]?.arabiclogo}
32461
- // style={{
32462
- // width: '100%',
32463
- // height: '100%',
32464
- // objectFit: 'contain',
32465
- // }}
32466
- // />
32467
- // </div>
32468
- // </div>
32469
- // <div class="col-lg-8 d-flex justify-content-end align-items-center">
32470
- // <div
32471
- // class={header_cssstyles.searchbarcont}
32472
- // style={{ position: 'relative', marginRight: langdetect == 'en' ? '1.9rem' : '', marginLeft: langdetect == 'ar' ? '1.9rem' : '' }}
32473
- // >
32474
- // <input
32475
- // type="text"
32476
- // placeholder={lang.searchproducts}
32477
- // class={`${header_cssstyles.searchbarcont_input}`}
32478
- // onChange={(event) => {
32479
- // setSearchHeaderInputContext(event.target.value);
32480
- // }}
32481
- // />
32482
- // <div class={` ${header_cssstyles.searchbar_icon_cont}` + ' d-flex align-items-center justify-content-center '}>
32483
- // <BsSearch color={sectionproperties.searchbaricon_color} size={sectionproperties.searchbaricon_fontsize} />
32484
- // </div>
32485
- // <Searchlist sectionpropertiesprops={sectionproperties} srcfromprops={'headerfullwidth'} actions={actions} />
32486
- // </div>
32487
- // <Dropdown
32488
- // style={{
32489
- // marginRight: langdetect == 'en' ? '2.2rem' : '',
32490
- // marginLeft: langdetect == 'ar' ? '2.2rem' : '',
32491
- // }}
32492
- // >
32493
- // <Dropdown.Toggle>
32494
- // {!authdetailsContext.loggedin && (
32495
- // <div class={` ${header_cssstyles.user_btn}` + ' d-flex align-items-center justify-content-center '} sytle={{ position: 'relative' }}>
32496
- // <i class={' h-100 d-flex align-items-center '}>
32497
- // <FiUser size={sectionproperties.userBtniconfontsize} />
32498
- // </i>
32499
- // <p
32500
- // class="mb-0 p-0 pt-1"
32501
- // style={{
32502
- // marginLeft: langdetect == 'en' ? '8px' : 0,
32503
- // marginRight: langdetect == 'ar' ? '8px' : 0,
32504
- // }}
32505
- // >
32506
- // {lang.login}
32507
- // </p>
32508
- // </div>
32509
- // )}
32510
- // {authdetailsContext.loggedin && (
32511
- // <div class={header_cssstyles.userBtnLoggedinContainer + ' allcentered '} sytle={{ position: 'relative' }}>
32512
- // <div class={header_cssstyles.loggedinuserbtn + ' loggedinuserbtn loggedinuserbtnbg ml-2 mr-2 '}>
32513
- // <i class={' h-100 allcentered '}>
32514
- // <FiUser size={sectionproperties.loggedinusericonfontsize} />
32515
- // </i>
32516
- // </div>
32517
- // <div
32518
- // class="m-0 p-0 loggedinuserbtn flex-column"
32519
- // style={{
32520
- // textAlign: langdetect == 'en' ? 'left' : 'right',
32521
- // }}
32522
- // >
32523
- // <p
32524
- // class="m-0 p-0"
32525
- // style={{
32526
- // color: sectionproperties.greetingtextcolor,
32527
- // fontSize: sectionproperties.greetingtextfontsize + 'px',
32528
- // lineHeight: sectionproperties.greetingtextfontsize + 'px',
32529
- // fontWeight: 400,
32530
- // }}
32531
- // >
32532
- // {lang.hello}
32533
- // {langdetect == 'en' ? ',' : '،'}
32534
- // </p>
32535
- // <p class={header_cssstyles.loggedinusername + ' loggedinuserbtn m-0 p-0 text-overflow '}>{authdetailsContext?.customerinfo?.name}</p>
32536
- // </div>
32537
- // </div>
32538
- // )}
32539
- // </Dropdown.Toggle>
32540
- // {!authdetailsContext.loggedin && (
32541
- // <Dropdown.Menu>
32542
- // <Dropdown.Item
32543
- // onClick={() => {
32544
- // routingcountext(StaticPagesLinksContext.Login);
32545
- // }}
32546
- // >
32547
- // <div class={`${header_cssstyles.dropdownitemcontainer}` + ' m-0 p-0 d-flex align-items-center '}>
32548
- // <p class={' d-flex align-items-center m-0 p-0 '}>
32549
- // <AiOutlineLogin class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />
32550
- // <span>{lang.login}</span>
32551
- // </p>
32552
- // </div>
32553
- // </Dropdown.Item>
32554
- // <Dropdown.Divider></Dropdown.Divider>
32555
- // <Dropdown.Item
32556
- // onClick={() => {
32557
- // routingcountext(StaticPagesLinksContext.Signup);
32558
- // }}
32559
- // >
32560
- // <div class={`${header_cssstyles.dropdownitemcontainer}` + ' m-0 p-0 d-flex align-items-center '}>
32561
- // <p class={' d-flex align-items-center m-0 p-0 '}>
32562
- // <AiOutlineUserAdd class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />
32563
- // <span class="text-transform-none">{lang.signup}</span>
32564
- // </p>
32565
- // </div>
32566
- // </Dropdown.Item>
32567
- // </Dropdown.Menu>
32568
- // )}
32569
- // {authdetailsContext.loggedin && (
32570
- // <Dropdown.Menu style={{ minWidth: '200px' }}>
32571
- // <Dropdown.Item
32572
- // onClick={() => {
32573
- // routingcountext(StaticPagesLinksContext.Ordershistory);
32574
- // }}
32575
- // >
32576
- // <div class={`${header_cssstyles.dropdownitemcontainer}` + ' allcenetered m-0 p-0 '}>
32577
- // <i class="h-100 allcentered">
32578
- // {sectionproperties.carticonstyle == 'Shopping bag 1' && <FiShoppingBag class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />}
32579
- // {sectionproperties.carticonstyle == 'Shopping bag 2' && <CgShoppingBag class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />}
32580
- // {sectionproperties.carticonstyle == 'Shopping bag 3' && <BsBag class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />}
32581
- // {sectionproperties.carticonstyle == 'Shopping bag 4' && <HiOutlineShoppingBag class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />}
32582
- // {sectionproperties.carticonstyle == 'Shopping cart 1' && <FiShoppingCart class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />}
32583
- // {sectionproperties.carticonstyle == 'Shopping cart 2' && <MdAddShoppingCart class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />}
32584
- // </i>
32585
- // <p class={' allcenetered m-0 p-0 '}>{lang.orderhistory}</p>
32586
- // </div>
32587
- // </Dropdown.Item>
32588
- // <Dropdown.Divider></Dropdown.Divider>
32589
- // <Dropdown.Item
32590
- // onClick={() => {
32591
- // routingcountext(StaticPagesLinksContext.Wishlist);
32592
- // }}
32593
- // >
32594
- // <div class={`${header_cssstyles.dropdownitemcontainer}` + ' allcenetered m-0 p-0 '}>
32595
- // <i class="h-100 allcentered">
32596
- // {sectionproperties.faviconshape == 'Heart Shape' && <FaRegHeart class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />}
32597
- // {sectionproperties.faviconshape == 'Star Shape' && <AiFillStar class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />}
32598
- // </i>
32599
- // <p class={' allcenetered m-0 p-0 '}>{lang.wishlist}</p>
32600
- // </div>
32601
- // </Dropdown.Item>
32602
- // <Dropdown.Divider></Dropdown.Divider>
32603
- // <Dropdown.Item
32604
- // onClick={() => {
32605
- // routingcountext(StaticPagesLinksContext.Policies);
32606
- // }}
32607
- // >
32608
- // <div class={`${header_cssstyles.dropdownitemcontainer}` + ' allcenetered m-0 p-0 '}>
32609
- // <i class="h-100 allcentered">
32610
- // <AiOutlineSecurityScan class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />
32611
- // </i>
32612
- // <p class={' allcenetered m-0 p-0 '}>{lang.policies}</p>
32613
- // </div>
32614
- // </Dropdown.Item>
32615
- // <Dropdown.Divider></Dropdown.Divider>
32616
- // <Dropdown.Item
32617
- // onClick={() => {
32618
- // LogoutMutationContext.mutate();
32619
- // }}
32620
- // >
32621
- // <div class={`${header_cssstyles.dropdownitemcontainer}` + ' m-0 p-0 d-flex align-items-center '}>
32622
- // <i class="h-100 allcentered">
32623
- // <BiLogOutCircle class={langdetect == 'en' ? 'mr-2' : 'ml-2'} />
32624
- // </i>
32625
- // <p class={' allcenetered m-0 p-0 '}>{lang.logout}</p>
32626
- // </div>
32627
- // </Dropdown.Item>
32628
- // </Dropdown.Menu>
32629
- // )}
32630
- // </Dropdown>
32631
- // <div
32632
- // class={`${header_cssstyles.wishlist_btn}` + ' wishlist_btn d-flex justify-content-center align-items-center '}
32633
- // style={{
32634
- // marginRight: langdetect == 'en' ? '2.2rem' : '',
32635
- // marginLeft: langdetect == 'ar' ? '2.2rem' : '',
32636
- // }}
32637
- // onClick={() => {
32638
- // routingcountext(StaticPagesLinksContext.Wishlist);
32639
- // }}
32640
- // >
32641
- // <div
32642
- // style={{
32643
- // position: 'relative',
32644
- // }}
32645
- // >
32646
- // <i class={header_cssstyles.favbtnicon + ' wishlist_btn h-100 d-flex align-items-center '}>
32647
- // {sectionproperties.faviconshape == 'Heart Shape' && <FaRegHeart />}
32648
- // {sectionproperties.faviconshape == 'Star Shape' && <AiOutlineStar />}
32649
- // </i>
32650
- // <div class={` ${header_cssstyles.badge_counter_header_notifications} ${header_cssstyles.wishlistbadge}` + ' d-flex justify-content-center text-center '}>
32651
- // <span>{favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length}</span>
32652
- // </div>
32653
- // </div>
32654
- // <span
32655
- // class="mb-0 p-0 wishlist_btn"
32656
- // style={{
32657
- // marginLeft: langdetect == 'en' ? '8px' : 0,
32658
- // marginRight: langdetect == 'ar' ? '8px' : 0,
32659
- // }}
32660
- // >
32661
- // {lang.wishlist}
32662
- // </span>
32663
- // </div>
32664
- // <div
32665
- // class={header_cssstyles.cartbtncontainer + ' d-flex flex-row align-items-center justify-content-end '}
32666
- // style={{
32667
- // marginRight: langdetect == 'en' ? '2.2rem' : '',
32668
- // marginLeft: langdetect == 'ar' ? '2.2rem' : '',
32669
- // }}
32670
- // onClick={() => {
32671
- // setsidecartnavshowcontext(true);
32672
- // }}
32673
- // >
32674
- // <div class={`${header_cssstyles.cartbtnicon}` + ' allcentered cartbtnicon '} style={{ position: 'relative' }}>
32675
- // {sectionproperties.carticonstyle == 'Shopping bag 1' && <FiShoppingBag size={sectionproperties.cartBtn_iconFontSize} />}
32676
- // {sectionproperties.carticonstyle == 'Shopping bag 2' && <CgShoppingBag size={sectionproperties.cartBtn_iconFontSize} />}
32677
- // {sectionproperties.carticonstyle == 'Shopping bag 3' && <BsBag size={sectionproperties.cartBtn_iconFontSize} />}
32678
- // {sectionproperties.carticonstyle == 'Shopping bag 4' && <HiOutlineShoppingBag size={sectionproperties.cartBtn_iconFontSize} />}
32679
- // {sectionproperties.carticonstyle == 'Shopping cart 1' && <FiShoppingCart size={sectionproperties.cartBtn_iconFontSize} />}
32680
- // {sectionproperties.carticonstyle == 'Shopping cart 2' && <MdAddShoppingCart size={sectionproperties.cartBtn_iconFontSize} />}
32681
- // <div
32682
- // class={`${header_cssstyles.badge_counter_header_notifications}`}
32683
- // style={{
32684
- // top: sectionproperties.cartbadgetop + 'px',
32685
- // right: sectionproperties.cartbadgeright + 'px',
32686
- // }}
32687
- // >
32688
- // {fetchcustomercartQueryContext?.data?.data?.customercart != null ? fetchcustomercartQueryContext?.data?.data?.customercart?.cartitems?.length : 0}
32689
- // </div>
32690
- // </div>
32691
- // <p
32692
- // class={header_cssstyles.cartbtntext + ' mb-0 p-0 cartbtnicon '}
32693
- // style={{
32694
- // marginLeft: langdetect == 'en' ? '9px' : 0,
32695
- // marginRight: langdetect == 'ar' ? '9px' : 0,
32696
- // }}
32697
- // >
32698
- // {lang.cart}
32699
- // </p>
32700
- // </div>
32701
-
32702
- // <div class={langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'}>
32703
- // <Dropdown>
32704
- // <Dropdown.Toggle>
32705
- // <li class={' d-flex align-items-center justify-content-center '}>
32706
- // {langdetect == 'en' && (
32707
- // <div class={`${header_cssstyles.languagecontainer}` + ' row m-0 w-100 d-flex align-items-center '}>
32708
- // <img src={usflag} style={{ maxWidth: '2.2vh', maxHeight: '2.2vh' }} />
32709
- // <MdKeyboardArrowDown class="ml-2 mr-2" size={sectionproperties.language_container_fontsize} />
32710
- // </div>
32711
- // )}
32712
- // {langdetect == 'ar' && (
32713
- // <div class={`${header_cssstyles.languagecontainer}` + ' row m-0 w-100 d-flex align-items-center '}>
32714
- // <img src={egyptflag} style={{ maxWidth: '2.2vh', maxHeight: '2.2vh' }} />
32715
- // <MdKeyboardArrowDown class="ml-2 mr-2" size={sectionproperties.language_container_fontsize} />
32716
- // </div>
32717
- // )}
32718
- // </li>
32719
- // </Dropdown.Toggle>
32720
- // <Dropdown.Menu>
32721
- // <Dropdown.Item
32722
- // onClick={() => {
32723
- // setlang('ar');
32724
- // }}
32725
- // >
32726
- // <div class={`${header_cssstyles.dropdownitemcontainer}` + ' p-0 '}>
32727
- // <p
32728
- // class={'dropdownitem d-flex align-items-center m-0 p-0'}
32729
- // style={{
32730
- // fontSize: sectionproperties.dropdown_fontsize + 'px',
32731
- // fontWeight: sectionproperties.dropdown_fontweight,
32732
- // textTransform: sectionproperties.dropdown_texttransform,
32733
- // }}
32734
- // >
32735
- // <img src={egyptflag} style={{ maxWidth: '2vh', maxHeight: '2vh' }} />
32736
- // <span class={'ml-2 mr-2'}>{lang.arabic}</span>
32737
- // </p>
32738
- // </div>
32739
- // </Dropdown.Item>
32740
- // <Dropdown.Divider></Dropdown.Divider>
32741
- // <Dropdown.Item
32742
- // onClick={() => {
32743
- // setlang('en');
32744
- // }}
32745
- // >
32746
- // <div class={`${header_cssstyles.dropdownitemcontainer}` + ' p-0 '}>
32747
- // <p
32748
- // class={'dropdownitem d-flex align-items-center justify-content-center m-0 p-0'}
32749
- // style={{
32750
- // fontSize: sectionproperties.dropdown_fontsize + 'px',
32751
- // fontWeight: sectionproperties.dropdown_fontweight,
32752
- // textTransform: sectionproperties.dropdown_texttransform,
32753
- // }}
32754
- // >
32755
- // <img src={usflag} style={{ maxWidth: '2vh', maxHeight: '2vh' }} />
32756
- // <span class={'ml-2 mr-2'}>{lang.english}</span>
32757
- // </p>
32758
- // </div>
32759
- // </Dropdown.Item>
32760
- // </Dropdown.Menu>
32761
- // </Dropdown>
32762
- // </div>
32763
- // </div>
32764
- // </div>
32765
- // </div>
32766
- // <div class="col-lg-12 allcentered p-0">
32767
- // <div
32768
- // style={{
32769
- // background: sectionproperties.upperseparatorbgcolor,
32770
- // height: sectionproperties.upperseparatorheight + 'px',
32771
- // width: sectionproperties.upperseparatorwidth + '%',
32772
- // }}
32773
- // />
32774
- // </div>
32775
- // <div class={' col-lg-12 p-0 '}>
32776
- // <div class={header_cssstyles.lowerHeaderSection + ' w-100 '}>
32777
- // <div
32778
- // class={' scrollhorizontal w-100 align-items-center '}
32779
- // style={{
32780
- // display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex',
32781
- // justifyContent: sectionproperties.header_centered == 'Centered' ? 'center' : 'start',
32782
- // }}
32783
- // >
32784
- // {templatepropcontext?.pagesnprop?.map((item, index) => {
32785
- // if (item.isnavigation == 1 && item.isactive == 1) {
32786
- // return (
32787
- // <li
32788
- // class="cursor-pointer"
32789
- // style={{
32790
- // paddingRight: langdetect == 'en' ? '2rem' : 0,
32791
- // paddingLeft: langdetect == 'ar' ? '2rem' : 0,
32792
- // }}
32793
- // onClick={() => {
32794
- // routingcountext(item.navigationroute, false, '');
32795
- // }}
32796
- // >
32797
- // <div class={`${header_cssstyles.navbar_item_text}` + ' navbar_item_text '}>{langdetect == 'en' ? item.pagename : item.pagename_ar}</div>
32798
- // </li>
32799
- // );
32800
- // }
32801
- // })}
32802
- // </div>
32803
- // {sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && (
32804
- // <Subheader
32805
- // sectionpropertiesprops={sectionproperties}
32806
- // actions={actions}
32807
- // subheaderpropertiesprops={{
32808
- // subheaderpositionprops: 'in nav',
32809
- // paddingLeftprops: '1.5rem',
32810
- // paddingRightprops: '1.5rem',
32811
- // subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start',
32812
- // }}
32813
- // />
32814
- // )}
32815
- // </div>
32816
- // </div>
32817
- // <div class="col-lg-12 p-0">
32818
- // {sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && (
32819
- // <Subheader
32820
- // sectionpropertiesprops={sectionproperties}
32821
- // actions={actions}
32822
- // subheaderpropertiesprops={{
32823
- // subheaderpositionprops: 'Full Width',
32824
- // paddingLeftprops: '35px',
32825
- // paddingRightprops: '35px',
32826
- // subheadercontentpositionprops: 'center',
32827
- // }}
32828
- // />
32829
- // )}
32830
- // </div>
32831
- // </div>
32832
- // </div>
32833
- // </div>
32834
- // <Headerresponsive sectionpropertiesprops={sectionproperties} actions={actions} />
32835
- // </div>
32836
- ;
32546
+ }));
32837
32547
  };
32838
32548
 
32839
32549
  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";