tabexseriescomponents 0.0.422 → 0.0.424

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +169 -82
  2. package/dist/index.esm.js +169 -82
  3. package/dist/index.umd.js +169 -82
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -13480,7 +13480,7 @@ function _objectSpread$2a(e) { for (var r = 1; r < arguments.length; r++) { var
13480
13480
  var Select$1 = /*#__PURE__*/React__default["default"].lazy(function () {
13481
13481
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
13482
13482
  });
13483
- var Filter$1 = function Filter(props) {
13483
+ var Filter$2 = function Filter(props) {
13484
13484
  var _css;
13485
13485
  var lang = props.actions.lang;
13486
13486
  var langdetect = props.actions.langdetect;
@@ -13552,13 +13552,13 @@ var Filter$1 = function Filter(props) {
13552
13552
  payloadvalue: 'sortprice',
13553
13553
  name: lang.price,
13554
13554
  filterarray: [{
13555
- name: lang.pricehightolow,
13556
- value: 'hightolow',
13557
- isfilterselected: false
13558
- }, {
13559
13555
  name: lang.pricelowtohigh,
13560
13556
  value: 'lowtohigh',
13561
13557
  isfilterselected: false
13558
+ }, {
13559
+ name: lang.pricehightolow,
13560
+ value: 'hightolow',
13561
+ isfilterselected: false
13562
13562
  }]
13563
13563
  }, {
13564
13564
  payloadvalue: 'sortdates',
@@ -14687,7 +14687,23 @@ var Filter$1 = function Filter(props) {
14687
14687
  }, /*#__PURE__*/React__default["default"].createElement("p", {
14688
14688
  "class": ' m-0 p-0 '
14689
14689
  }, langdetect == 'en' ? item.title_en : item.title_ar)));
14690
- })))), sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
14690
+ }))), sectionproperties.showproductgroupbytitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
14691
+ "class": "col-lg-12 text-start px-4 mb-5",
14692
+ style: {
14693
+ fontSize: 15,
14694
+ color: '#62554a'
14695
+ }
14696
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
14697
+ "class": "cursor-pointer",
14698
+ onClick: function onClick() {
14699
+ routingcountext('home', false, '');
14700
+ }
14701
+ }, 'Home', " /", ' '), ' ', /*#__PURE__*/React__default["default"].createElement("span", {
14702
+ style: {
14703
+ textTransform: 'capitalize'
14704
+ },
14705
+ "class": "mx-2"
14706
+ }, props.show_product_group_titles()['title_en']))), sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
14691
14707
  className: "".concat(filterstyles.filterslider_container) + ' pb-md-5 ',
14692
14708
  id: "filterslider",
14693
14709
  style: {
@@ -15014,7 +15030,7 @@ var Filter$1 = function Filter(props) {
15014
15030
 
15015
15031
  function ownKeys$29(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; }
15016
15032
  function _objectSpread$29(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$29(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$29(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
15017
- var VariantFilter = function VariantFilter(props) {
15033
+ var Filter$1 = function Filter(props) {
15018
15034
  var _css;
15019
15035
  var lang = props.actions.lang;
15020
15036
  var langdetect = props.actions.langdetect;
@@ -15356,6 +15372,62 @@ var VariantFilter = function VariantFilter(props) {
15356
15372
  filterrouting(tempfetchproductsfilerobjcontext);
15357
15373
  // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
15358
15374
  };
15375
+ var InstFilters = function InstFilters() {
15376
+ return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
15377
+ allowMultipleExpanded: true,
15378
+ allowZeroExpanded: true
15379
+ }, instfilters.map(function (item, index) {
15380
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
15381
+ uuid: index
15382
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
15383
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
15384
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
15385
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
15386
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
15387
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
15388
+ }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
15389
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
15390
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
15391
+ if (state.expanded == true) {
15392
+ return /*#__PURE__*/React__default["default"].createElement("i", {
15393
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
15394
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
15395
+ } else {
15396
+ return /*#__PURE__*/React__default["default"].createElement("i", {
15397
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
15398
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
15399
+ }
15400
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
15401
+ className: "p-0"
15402
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
15403
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
15404
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
15405
+ className: 'col-lg-12'
15406
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
15407
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
15408
+ }, item.productvaluesfilter.map(function (valueitem, valueindex) {
15409
+ return /*#__PURE__*/React__default["default"].createElement("div", {
15410
+ 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 ',
15411
+ onClick: function onClick() {
15412
+ setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
15413
+ }
15414
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
15415
+ 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 '
15416
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
15417
+ className: "h-100 d-flex align-items-center"
15418
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
15419
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
15420
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
15421
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
15422
+ style: {
15423
+ color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
15424
+ }
15425
+ }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
15426
+ })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
15427
+ className: "mt-3 mb-3"
15428
+ }));
15429
+ }));
15430
+ };
15359
15431
  var filter_cssstyles = {
15360
15432
  form_control: glamor.css((_css = {
15361
15433
  position: 'relative',
@@ -15490,65 +15562,28 @@ var VariantFilter = function VariantFilter(props) {
15490
15562
  routingcountext(StaticPagesLinksContext[pagenamepathinstaticpagelinkcont], true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
15491
15563
  }
15492
15564
  };
15565
+ var _useState21 = React.useState(false),
15566
+ _useState22 = _slicedToArray__default["default"](_useState21, 2);
15567
+ _useState22[0];
15568
+ _useState22[1];
15569
+ // const queryParameters = new URLSearchParams(window.location.search);
15570
+ // useEffect(() => {
15571
+ // // setsortbycontext('Sort By');
15572
+ // if (queryParameters.get('sortprice') == undefined) {
15573
+ // setsortbycontext('Sort By');
15574
+ // } else {
15575
+ // var temp = { ...sortbycontext };
15576
+ // temp = queryParameters.get('sortprice');
15577
+ // alert(temp);
15578
+ // }
15579
+ // }, []);
15493
15580
  return /*#__PURE__*/React__default["default"].createElement("div", {
15494
- className: 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none',
15581
+ className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 p-0 w-100 filter mt-md-0 ' : 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none',
15495
15582
  style: {
15496
- marginTop: sectionproperties.filtersection_mt + 'px'
15583
+ marginTop: sectionproperties.filtersection_mt + 'px',
15584
+ minHeight: sectionproperties.filterminheight == 0 ? 'auto' : sectionproperties.filterminheight + 'vh'
15497
15585
  }
15498
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
15499
- allowMultipleExpanded: true,
15500
- allowZeroExpanded: true
15501
- }, instfilters.map(function (item, index) {
15502
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
15503
- uuid: index
15504
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
15505
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
15506
- }, /*#__PURE__*/React__default["default"].createElement("div", {
15507
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
15508
- }, /*#__PURE__*/React__default["default"].createElement("p", {
15509
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
15510
- }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
15511
- className: "col-lg-2 col-md-2 col-sm-2 p-0"
15512
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
15513
- if (state.expanded == true) {
15514
- return /*#__PURE__*/React__default["default"].createElement("i", {
15515
- className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
15516
- }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
15517
- } else {
15518
- return /*#__PURE__*/React__default["default"].createElement("i", {
15519
- className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
15520
- }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
15521
- }
15522
- }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
15523
- className: "p-0"
15524
- }, /*#__PURE__*/React__default["default"].createElement("div", {
15525
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
15526
- }, /*#__PURE__*/React__default["default"].createElement("div", {
15527
- className: 'col-lg-12'
15528
- }, /*#__PURE__*/React__default["default"].createElement("div", {
15529
- className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
15530
- }, item.productvaluesfilter.map(function (valueitem, valueindex) {
15531
- return /*#__PURE__*/React__default["default"].createElement("div", {
15532
- 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 ',
15533
- onClick: function onClick() {
15534
- setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
15535
- }
15536
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
15537
- 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 '
15538
- }, /*#__PURE__*/React__default["default"].createElement("i", {
15539
- className: "h-100 d-flex align-items-center"
15540
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
15541
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
15542
- }, /*#__PURE__*/React__default["default"].createElement("p", {
15543
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
15544
- style: {
15545
- color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
15546
- }
15547
- }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
15548
- })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
15549
- className: "mt-3 mb-3"
15550
- }));
15551
- })));
15586
+ }, InstFilters());
15552
15587
  };
15553
15588
 
15554
15589
  function ownKeys$28(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; }
@@ -16094,7 +16129,7 @@ var CardsSection = function CardsSection(props) {
16094
16129
  cardobjassigner(fetchcollectionsQueryContext.data.data.collections);
16095
16130
  }
16096
16131
  }
16097
- }, [fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 ? void 0 : fetchcollectionsQueryContext.isSuccess]);
16132
+ }, [fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 ? void 0 : fetchcollectionsQueryContext.isSuccess, fetchcollectionsQueryContext.data]);
16098
16133
  React.useEffect(function () {
16099
16134
  if (fetchingtype == 'vendors') {
16100
16135
  if (FetchVendorsQuery.isSuccess) {
@@ -17122,14 +17157,15 @@ var CardsSection = function CardsSection(props) {
17122
17157
  }
17123
17158
  }, plainString(show_product_group_titles()['description_en']))), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
17124
17159
  className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex p-0' : sectionproperties.numofcols == '2' ? 'col-lg-2 d-flex' : 'col-lg-3 d-flex'
17125
- }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
17160
+ }, /*#__PURE__*/React__default["default"].createElement(Filter$2, {
17126
17161
  sectionpropertiesprops: sectionproperties,
17127
17162
  actions: actions,
17128
17163
  openFilterSlider: openFilterSlider,
17129
- setopenFilterSlider: setopenFilterSlider
17164
+ setopenFilterSlider: setopenFilterSlider,
17165
+ show_product_group_titles: show_product_group_titles
17130
17166
  })), sectionproperties.showvariantfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
17131
17167
  className: 'col-lg-3 d-flex'
17132
- }, /*#__PURE__*/React__default["default"].createElement(VariantFilter, {
17168
+ }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
17133
17169
  sectionpropertiesprops: sectionproperties,
17134
17170
  actions: actions,
17135
17171
  openFilterSlider: openFilterSlider,
@@ -18309,20 +18345,24 @@ var Subheader = function Subheader(props) {
18309
18345
  setshowdownheadermenu = _useState2[1];
18310
18346
  var _useState3 = React.useState(''),
18311
18347
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
18312
- Choosenindex = _useState4[0],
18313
- setChoosenindex = _useState4[1];
18314
- var _useState5 = React.useState({}),
18348
+ currentimagecollection = _useState4[0],
18349
+ setcurrentimagecollection = _useState4[1];
18350
+ var _useState5 = React.useState(''),
18315
18351
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
18316
- sectionproperties = _useState6[0],
18317
- setsectionproperties = _useState6[1];
18318
- var _useState7 = React.useState([]),
18352
+ Choosenindex = _useState6[0],
18353
+ setChoosenindex = _useState6[1];
18354
+ var _useState7 = React.useState({}),
18319
18355
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
18320
- pcollarray = _useState8[0],
18321
- setpcollarray = _useState8[1];
18356
+ sectionproperties = _useState8[0],
18357
+ setsectionproperties = _useState8[1];
18322
18358
  var _useState9 = React.useState([]),
18323
- _useState10 = _slicedToArray__default["default"](_useState9, 2);
18324
- _useState10[0];
18325
- _useState10[1];
18359
+ _useState10 = _slicedToArray__default["default"](_useState9, 2),
18360
+ pcollarray = _useState10[0],
18361
+ setpcollarray = _useState10[1];
18362
+ var _useState11 = React.useState([]),
18363
+ _useState12 = _slicedToArray__default["default"](_useState11, 2);
18364
+ _useState12[0];
18365
+ _useState12[1];
18326
18366
  var authdetailsContext = props.actions.authdetailsContext;
18327
18367
  var ikimagecredcontext = props.actions.ikimagecredcontext;
18328
18368
  React.useEffect(function () {
@@ -18585,6 +18625,7 @@ var Subheader = function Subheader(props) {
18585
18625
  onMouseEnter: function onMouseEnter() {
18586
18626
  setshowdownheadermenu(true);
18587
18627
  setChoosenindex(index);
18628
+ setcurrentimagecollection(item.parentcollectionlogo);
18588
18629
  },
18589
18630
  style: {
18590
18631
  marginLeft: props === null || props === void 0 || (_props$subheaderprope22 = props.subheaderpropertiesprops) === null || _props$subheaderprope22 === void 0 ? void 0 : _props$subheaderprope22.paddingLeftprops,
@@ -18718,7 +18759,7 @@ var Subheader = function Subheader(props) {
18718
18759
  paddingRight: langdetect == 'en' ? sectionproperties.subheader_dropdown_paddingRight + 'px' : sectionproperties.subheader_dropdown_paddingLeft + 'px'
18719
18760
  }
18720
18761
  }, /*#__PURE__*/React__default["default"].createElement("div", {
18721
- "class": "row m-0 w-100 d-flex pt-3 pb-3"
18762
+ "class": sectionproperties.subheaderdropdownstyle2 == 'Style 2' ? 'row m-0 w-100 d-flex px-5 py-5 d-flex align-items-center' : 'row m-0 w-100 d-flex pt-3 pb-3'
18722
18763
  }, (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery6 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery6 === void 0 || (_fetchCategoriesQuery6 = _fetchCategoriesQuery6.data) === null || _fetchCategoriesQuery6 === void 0 || (_fetchCategoriesQuery6 = _fetchCategoriesQuery6.categories[Choosenindex]) === null || _fetchCategoriesQuery6 === void 0 || (_fetchCategoriesQuery6 = _fetchCategoriesQuery6.parentcolletions) === null || _fetchCategoriesQuery6 === void 0 ? void 0 : _fetchCategoriesQuery6.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
18723
18764
  "class": "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5"
18724
18765
  }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
@@ -18765,7 +18806,7 @@ var Subheader = function Subheader(props) {
18765
18806
  "class": "mt-3 mb-0"
18766
18807
  }))));
18767
18808
  }
18768
- })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray[Choosenindex].collections.map(function (item, index) {
18809
+ })), sectionproperties.subheaderParentType == 'Parent Collections' && sectionproperties.subheaderdropdownstyle2 != 'Style 2' && pcollarray[Choosenindex].collections.map(function (item, index) {
18769
18810
  if (item.isshowntocustomers == 1) {
18770
18811
  return /*#__PURE__*/React__default["default"].createElement("div", {
18771
18812
  "class": "col-lg-3 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4",
@@ -18810,7 +18851,53 @@ var Subheader = function Subheader(props) {
18810
18851
  "class": "mt-3 mb-0"
18811
18852
  }))));
18812
18853
  }
18813
- }))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery9 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.categories[Choosenindex]) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.parentcolletions) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : _fetchCategoriesQuery9.length) != 0 && sectionproperties.subheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
18854
+ }), sectionproperties.subheaderdropdownstyle2 == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
18855
+ "class": "col-lg-12 p-0"
18856
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18857
+ "class": "row m-0 w-100"
18858
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18859
+ "class": "col-6 p-0"
18860
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18861
+ "class": "row m-0 w-100 d-flex align-items-center"
18862
+ }, sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray[Choosenindex].collections.map(function (item, index) {
18863
+ if (item.isshowntocustomers == 1) {
18864
+ return /*#__PURE__*/React__default["default"].createElement("div", {
18865
+ "class": "col-12 mb-2 mt-2",
18866
+ style: {
18867
+ cursor: 'pointer'
18868
+ },
18869
+ onClick: function onClick() {
18870
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
18871
+ },
18872
+ onMouseEnter: function onMouseEnter() {
18873
+ setcurrentimagecollection(item.collectionlogo);
18874
+ }
18875
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18876
+ "class": "".concat(header_cssstyles.subheader_collectiontitle) + ' wordbreak m-0 p-0 ',
18877
+ style: {
18878
+ textAlign: langdetect == 'en' ? 'left' : 'right'
18879
+ }
18880
+ }, langdetect == 'en' ? item.title_en : item.title_ar));
18881
+ }
18882
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
18883
+ "class": "col-6 p-0"
18884
+ }, sectionproperties.showsubheadercollimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
18885
+ "class": "col-lg-12 allcentered p-0"
18886
+ }, currentimagecollection != '' && /*#__PURE__*/React__default["default"].createElement("div", {
18887
+ style: {
18888
+ width: '60%',
18889
+ height: '60%'
18890
+ }
18891
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
18892
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
18893
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
18894
+ path: '/tr:w-500,h-500/' + currentimagecollection,
18895
+ style: {
18896
+ width: '100%',
18897
+ height: '100%',
18898
+ objectFit: 'contain'
18899
+ }
18900
+ })))))))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery9 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.categories[Choosenindex]) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.parentcolletions) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : _fetchCategoriesQuery9.length) != 0 && sectionproperties.subheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
18814
18901
  "class": "w-100"
18815
18902
  }, /*#__PURE__*/React__default["default"].createElement("li", {
18816
18903
  "class": langdetect == 'en' ? ' dropdown dropdownen w-100' : ' dropdown dropdownar w-100'
@@ -39565,7 +39652,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
39565
39652
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
39566
39653
  "class": "col-lg-12 px-3 d-flex align-items-center justify-content-center"
39567
39654
  }, /*#__PURE__*/React__default["default"].createElement("div", {
39568
- className: "row m-0 w-100 mt-3"
39655
+ className: templateproperties_context.templatefontfamilyarabic == 'Changa' ? 'row m-0 w-100 mt-3 Changa' : templateproperties_context.templatefontfamily == 'OPTIRadiantBold-Condensed' ? 'row m-0 w-100 mt-3 fontfamilybold' : templateproperties_context.templatefontfamily == 'ASUL' ? 'row m-0 w-100 mt-3 ASUL' : templateproperties_context.templatefontfamily == 'Alata' ? 'row m-0 w-100 mt-3 alata' : templateproperties_context.templatefontfamilyarabic == 'Roboto' ? 'row m-0 w-100 mt-3 roboto' : templateproperties_context.templatefontfamilyarabic == 'ZaridSlab' ? 'row m-0 w-100 mt-3 zaridslab' : 'row m-0 w-100 mt-3'
39569
39656
  }, templatepropcontext.pagesnprop.map(function (item, index) {
39570
39657
  if (item.isnavigation == 1 && item.isactive == 1) {
39571
39658
  return /*#__PURE__*/React__default["default"].createElement("div", {
package/dist/index.esm.js CHANGED
@@ -13431,7 +13431,7 @@ function _objectSpread$2a(e) { for (var r = 1; r < arguments.length; r++) { var
13431
13431
  var Select$1 = /*#__PURE__*/React.lazy(function () {
13432
13432
  return import('react-select');
13433
13433
  });
13434
- var Filter$1 = function Filter(props) {
13434
+ var Filter$2 = function Filter(props) {
13435
13435
  var _css;
13436
13436
  var lang = props.actions.lang;
13437
13437
  var langdetect = props.actions.langdetect;
@@ -13503,13 +13503,13 @@ var Filter$1 = function Filter(props) {
13503
13503
  payloadvalue: 'sortprice',
13504
13504
  name: lang.price,
13505
13505
  filterarray: [{
13506
- name: lang.pricehightolow,
13507
- value: 'hightolow',
13508
- isfilterselected: false
13509
- }, {
13510
13506
  name: lang.pricelowtohigh,
13511
13507
  value: 'lowtohigh',
13512
13508
  isfilterselected: false
13509
+ }, {
13510
+ name: lang.pricehightolow,
13511
+ value: 'hightolow',
13512
+ isfilterselected: false
13513
13513
  }]
13514
13514
  }, {
13515
13515
  payloadvalue: 'sortdates',
@@ -14638,7 +14638,23 @@ var Filter$1 = function Filter(props) {
14638
14638
  }, /*#__PURE__*/React.createElement("p", {
14639
14639
  "class": ' m-0 p-0 '
14640
14640
  }, langdetect == 'en' ? item.title_en : item.title_ar)));
14641
- })))), sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React.createElement("div", {
14641
+ }))), sectionproperties.showproductgroupbytitle == 'Show' && /*#__PURE__*/React.createElement("div", {
14642
+ "class": "col-lg-12 text-start px-4 mb-5",
14643
+ style: {
14644
+ fontSize: 15,
14645
+ color: '#62554a'
14646
+ }
14647
+ }, /*#__PURE__*/React.createElement("span", {
14648
+ "class": "cursor-pointer",
14649
+ onClick: function onClick() {
14650
+ routingcountext('home', false, '');
14651
+ }
14652
+ }, 'Home', " /", ' '), ' ', /*#__PURE__*/React.createElement("span", {
14653
+ style: {
14654
+ textTransform: 'capitalize'
14655
+ },
14656
+ "class": "mx-2"
14657
+ }, props.show_product_group_titles()['title_en']))), sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React.createElement("div", {
14642
14658
  className: "".concat(filterstyles.filterslider_container) + ' pb-md-5 ',
14643
14659
  id: "filterslider",
14644
14660
  style: {
@@ -14965,7 +14981,7 @@ var Filter$1 = function Filter(props) {
14965
14981
 
14966
14982
  function ownKeys$29(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; }
14967
14983
  function _objectSpread$29(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$29(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$29(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
14968
- var VariantFilter = function VariantFilter(props) {
14984
+ var Filter$1 = function Filter(props) {
14969
14985
  var _css;
14970
14986
  var lang = props.actions.lang;
14971
14987
  var langdetect = props.actions.langdetect;
@@ -15307,6 +15323,62 @@ var VariantFilter = function VariantFilter(props) {
15307
15323
  filterrouting(tempfetchproductsfilerobjcontext);
15308
15324
  // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
15309
15325
  };
15326
+ var InstFilters = function InstFilters() {
15327
+ return /*#__PURE__*/React.createElement(Accordion, {
15328
+ allowMultipleExpanded: true,
15329
+ allowZeroExpanded: true
15330
+ }, instfilters.map(function (item, index) {
15331
+ return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AccordionItem, {
15332
+ uuid: index
15333
+ }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
15334
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
15335
+ }, /*#__PURE__*/React.createElement("div", {
15336
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
15337
+ }, /*#__PURE__*/React.createElement("p", {
15338
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
15339
+ }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React.createElement("div", {
15340
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
15341
+ }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
15342
+ if (state.expanded == true) {
15343
+ return /*#__PURE__*/React.createElement("i", {
15344
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
15345
+ }, /*#__PURE__*/React.createElement(FiChevronDown, null));
15346
+ } else {
15347
+ return /*#__PURE__*/React.createElement("i", {
15348
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
15349
+ }, /*#__PURE__*/React.createElement(FiChevronUp, null));
15350
+ }
15351
+ }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
15352
+ className: "p-0"
15353
+ }, /*#__PURE__*/React.createElement("div", {
15354
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
15355
+ }, /*#__PURE__*/React.createElement("div", {
15356
+ className: 'col-lg-12'
15357
+ }, /*#__PURE__*/React.createElement("div", {
15358
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
15359
+ }, item.productvaluesfilter.map(function (valueitem, valueindex) {
15360
+ return /*#__PURE__*/React.createElement("div", {
15361
+ 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 ',
15362
+ onClick: function onClick() {
15363
+ setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
15364
+ }
15365
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
15366
+ 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 '
15367
+ }, /*#__PURE__*/React.createElement("i", {
15368
+ className: "h-100 d-flex align-items-center"
15369
+ }))), /*#__PURE__*/React.createElement("div", {
15370
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
15371
+ }, /*#__PURE__*/React.createElement("p", {
15372
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
15373
+ style: {
15374
+ color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
15375
+ }
15376
+ }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
15377
+ })))))), /*#__PURE__*/React.createElement("hr", {
15378
+ className: "mt-3 mb-3"
15379
+ }));
15380
+ }));
15381
+ };
15310
15382
  var filter_cssstyles = {
15311
15383
  form_control: css((_css = {
15312
15384
  position: 'relative',
@@ -15441,65 +15513,28 @@ var VariantFilter = function VariantFilter(props) {
15441
15513
  routingcountext(StaticPagesLinksContext[pagenamepathinstaticpagelinkcont], true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
15442
15514
  }
15443
15515
  };
15516
+ var _useState21 = useState(false),
15517
+ _useState22 = _slicedToArray(_useState21, 2);
15518
+ _useState22[0];
15519
+ _useState22[1];
15520
+ // const queryParameters = new URLSearchParams(window.location.search);
15521
+ // useEffect(() => {
15522
+ // // setsortbycontext('Sort By');
15523
+ // if (queryParameters.get('sortprice') == undefined) {
15524
+ // setsortbycontext('Sort By');
15525
+ // } else {
15526
+ // var temp = { ...sortbycontext };
15527
+ // temp = queryParameters.get('sortprice');
15528
+ // alert(temp);
15529
+ // }
15530
+ // }, []);
15444
15531
  return /*#__PURE__*/React.createElement("div", {
15445
- className: 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none',
15532
+ className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 p-0 w-100 filter mt-md-0 ' : 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none',
15446
15533
  style: {
15447
- marginTop: sectionproperties.filtersection_mt + 'px'
15534
+ marginTop: sectionproperties.filtersection_mt + 'px',
15535
+ minHeight: sectionproperties.filterminheight == 0 ? 'auto' : sectionproperties.filterminheight + 'vh'
15448
15536
  }
15449
- }, /*#__PURE__*/React.createElement(Accordion, {
15450
- allowMultipleExpanded: true,
15451
- allowZeroExpanded: true
15452
- }, instfilters.map(function (item, index) {
15453
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AccordionItem, {
15454
- uuid: index
15455
- }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
15456
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
15457
- }, /*#__PURE__*/React.createElement("div", {
15458
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
15459
- }, /*#__PURE__*/React.createElement("p", {
15460
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
15461
- }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React.createElement("div", {
15462
- className: "col-lg-2 col-md-2 col-sm-2 p-0"
15463
- }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
15464
- if (state.expanded == true) {
15465
- return /*#__PURE__*/React.createElement("i", {
15466
- className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
15467
- }, /*#__PURE__*/React.createElement(FiChevronDown, null));
15468
- } else {
15469
- return /*#__PURE__*/React.createElement("i", {
15470
- className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
15471
- }, /*#__PURE__*/React.createElement(FiChevronUp, null));
15472
- }
15473
- }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
15474
- className: "p-0"
15475
- }, /*#__PURE__*/React.createElement("div", {
15476
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
15477
- }, /*#__PURE__*/React.createElement("div", {
15478
- className: 'col-lg-12'
15479
- }, /*#__PURE__*/React.createElement("div", {
15480
- className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
15481
- }, item.productvaluesfilter.map(function (valueitem, valueindex) {
15482
- return /*#__PURE__*/React.createElement("div", {
15483
- 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 ',
15484
- onClick: function onClick() {
15485
- setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
15486
- }
15487
- }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
15488
- 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 '
15489
- }, /*#__PURE__*/React.createElement("i", {
15490
- className: "h-100 d-flex align-items-center"
15491
- }))), /*#__PURE__*/React.createElement("div", {
15492
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
15493
- }, /*#__PURE__*/React.createElement("p", {
15494
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
15495
- style: {
15496
- color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
15497
- }
15498
- }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
15499
- })))))), /*#__PURE__*/React.createElement("hr", {
15500
- className: "mt-3 mb-3"
15501
- }));
15502
- })));
15537
+ }, InstFilters());
15503
15538
  };
15504
15539
 
15505
15540
  function ownKeys$28(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; }
@@ -16045,7 +16080,7 @@ var CardsSection = function CardsSection(props) {
16045
16080
  cardobjassigner(fetchcollectionsQueryContext.data.data.collections);
16046
16081
  }
16047
16082
  }
16048
- }, [fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 ? void 0 : fetchcollectionsQueryContext.isSuccess]);
16083
+ }, [fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 ? void 0 : fetchcollectionsQueryContext.isSuccess, fetchcollectionsQueryContext.data]);
16049
16084
  useEffect(function () {
16050
16085
  if (fetchingtype == 'vendors') {
16051
16086
  if (FetchVendorsQuery.isSuccess) {
@@ -17073,14 +17108,15 @@ var CardsSection = function CardsSection(props) {
17073
17108
  }
17074
17109
  }, plainString(show_product_group_titles()['description_en']))), sectionproperties.showFilter == 'show' && /*#__PURE__*/React.createElement("div", {
17075
17110
  className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex p-0' : sectionproperties.numofcols == '2' ? 'col-lg-2 d-flex' : 'col-lg-3 d-flex'
17076
- }, /*#__PURE__*/React.createElement(Filter$1, {
17111
+ }, /*#__PURE__*/React.createElement(Filter$2, {
17077
17112
  sectionpropertiesprops: sectionproperties,
17078
17113
  actions: actions,
17079
17114
  openFilterSlider: openFilterSlider,
17080
- setopenFilterSlider: setopenFilterSlider
17115
+ setopenFilterSlider: setopenFilterSlider,
17116
+ show_product_group_titles: show_product_group_titles
17081
17117
  })), sectionproperties.showvariantfilter == 'Show' && /*#__PURE__*/React.createElement("div", {
17082
17118
  className: 'col-lg-3 d-flex'
17083
- }, /*#__PURE__*/React.createElement(VariantFilter, {
17119
+ }, /*#__PURE__*/React.createElement(Filter$1, {
17084
17120
  sectionpropertiesprops: sectionproperties,
17085
17121
  actions: actions,
17086
17122
  openFilterSlider: openFilterSlider,
@@ -18260,20 +18296,24 @@ var Subheader = function Subheader(props) {
18260
18296
  setshowdownheadermenu = _useState2[1];
18261
18297
  var _useState3 = useState(''),
18262
18298
  _useState4 = _slicedToArray(_useState3, 2),
18263
- Choosenindex = _useState4[0],
18264
- setChoosenindex = _useState4[1];
18265
- var _useState5 = useState({}),
18299
+ currentimagecollection = _useState4[0],
18300
+ setcurrentimagecollection = _useState4[1];
18301
+ var _useState5 = useState(''),
18266
18302
  _useState6 = _slicedToArray(_useState5, 2),
18267
- sectionproperties = _useState6[0],
18268
- setsectionproperties = _useState6[1];
18269
- var _useState7 = useState([]),
18303
+ Choosenindex = _useState6[0],
18304
+ setChoosenindex = _useState6[1];
18305
+ var _useState7 = useState({}),
18270
18306
  _useState8 = _slicedToArray(_useState7, 2),
18271
- pcollarray = _useState8[0],
18272
- setpcollarray = _useState8[1];
18307
+ sectionproperties = _useState8[0],
18308
+ setsectionproperties = _useState8[1];
18273
18309
  var _useState9 = useState([]),
18274
- _useState10 = _slicedToArray(_useState9, 2);
18275
- _useState10[0];
18276
- _useState10[1];
18310
+ _useState10 = _slicedToArray(_useState9, 2),
18311
+ pcollarray = _useState10[0],
18312
+ setpcollarray = _useState10[1];
18313
+ var _useState11 = useState([]),
18314
+ _useState12 = _slicedToArray(_useState11, 2);
18315
+ _useState12[0];
18316
+ _useState12[1];
18277
18317
  var authdetailsContext = props.actions.authdetailsContext;
18278
18318
  var ikimagecredcontext = props.actions.ikimagecredcontext;
18279
18319
  useEffect(function () {
@@ -18536,6 +18576,7 @@ var Subheader = function Subheader(props) {
18536
18576
  onMouseEnter: function onMouseEnter() {
18537
18577
  setshowdownheadermenu(true);
18538
18578
  setChoosenindex(index);
18579
+ setcurrentimagecollection(item.parentcollectionlogo);
18539
18580
  },
18540
18581
  style: {
18541
18582
  marginLeft: props === null || props === void 0 || (_props$subheaderprope22 = props.subheaderpropertiesprops) === null || _props$subheaderprope22 === void 0 ? void 0 : _props$subheaderprope22.paddingLeftprops,
@@ -18669,7 +18710,7 @@ var Subheader = function Subheader(props) {
18669
18710
  paddingRight: langdetect == 'en' ? sectionproperties.subheader_dropdown_paddingRight + 'px' : sectionproperties.subheader_dropdown_paddingLeft + 'px'
18670
18711
  }
18671
18712
  }, /*#__PURE__*/React.createElement("div", {
18672
- "class": "row m-0 w-100 d-flex pt-3 pb-3"
18713
+ "class": sectionproperties.subheaderdropdownstyle2 == 'Style 2' ? 'row m-0 w-100 d-flex px-5 py-5 d-flex align-items-center' : 'row m-0 w-100 d-flex pt-3 pb-3'
18673
18714
  }, (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery6 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery6 === void 0 || (_fetchCategoriesQuery6 = _fetchCategoriesQuery6.data) === null || _fetchCategoriesQuery6 === void 0 || (_fetchCategoriesQuery6 = _fetchCategoriesQuery6.categories[Choosenindex]) === null || _fetchCategoriesQuery6 === void 0 || (_fetchCategoriesQuery6 = _fetchCategoriesQuery6.parentcolletions) === null || _fetchCategoriesQuery6 === void 0 ? void 0 : _fetchCategoriesQuery6.length) == 0 && /*#__PURE__*/React.createElement("div", {
18674
18715
  "class": "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5"
18675
18716
  }, /*#__PURE__*/React.createElement(FiLayers, {
@@ -18716,7 +18757,7 @@ var Subheader = function Subheader(props) {
18716
18757
  "class": "mt-3 mb-0"
18717
18758
  }))));
18718
18759
  }
18719
- })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray[Choosenindex].collections.map(function (item, index) {
18760
+ })), sectionproperties.subheaderParentType == 'Parent Collections' && sectionproperties.subheaderdropdownstyle2 != 'Style 2' && pcollarray[Choosenindex].collections.map(function (item, index) {
18720
18761
  if (item.isshowntocustomers == 1) {
18721
18762
  return /*#__PURE__*/React.createElement("div", {
18722
18763
  "class": "col-lg-3 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4",
@@ -18761,7 +18802,53 @@ var Subheader = function Subheader(props) {
18761
18802
  "class": "mt-3 mb-0"
18762
18803
  }))));
18763
18804
  }
18764
- }))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery9 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.categories[Choosenindex]) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.parentcolletions) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : _fetchCategoriesQuery9.length) != 0 && sectionproperties.subheaderstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
18805
+ }), sectionproperties.subheaderdropdownstyle2 == 'Style 2' && /*#__PURE__*/React.createElement("div", {
18806
+ "class": "col-lg-12 p-0"
18807
+ }, /*#__PURE__*/React.createElement("div", {
18808
+ "class": "row m-0 w-100"
18809
+ }, /*#__PURE__*/React.createElement("div", {
18810
+ "class": "col-6 p-0"
18811
+ }, /*#__PURE__*/React.createElement("div", {
18812
+ "class": "row m-0 w-100 d-flex align-items-center"
18813
+ }, sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray[Choosenindex].collections.map(function (item, index) {
18814
+ if (item.isshowntocustomers == 1) {
18815
+ return /*#__PURE__*/React.createElement("div", {
18816
+ "class": "col-12 mb-2 mt-2",
18817
+ style: {
18818
+ cursor: 'pointer'
18819
+ },
18820
+ onClick: function onClick() {
18821
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
18822
+ },
18823
+ onMouseEnter: function onMouseEnter() {
18824
+ setcurrentimagecollection(item.collectionlogo);
18825
+ }
18826
+ }, /*#__PURE__*/React.createElement("p", {
18827
+ "class": "".concat(header_cssstyles.subheader_collectiontitle) + ' wordbreak m-0 p-0 ',
18828
+ style: {
18829
+ textAlign: langdetect == 'en' ? 'left' : 'right'
18830
+ }
18831
+ }, langdetect == 'en' ? item.title_en : item.title_ar));
18832
+ }
18833
+ }))), /*#__PURE__*/React.createElement("div", {
18834
+ "class": "col-6 p-0"
18835
+ }, sectionproperties.showsubheadercollimage == 'Show' && /*#__PURE__*/React.createElement("div", {
18836
+ "class": "col-lg-12 allcentered p-0"
18837
+ }, currentimagecollection != '' && /*#__PURE__*/React.createElement("div", {
18838
+ style: {
18839
+ width: '60%',
18840
+ height: '60%'
18841
+ }
18842
+ }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
18843
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
18844
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
18845
+ path: '/tr:w-500,h-500/' + currentimagecollection,
18846
+ style: {
18847
+ width: '100%',
18848
+ height: '100%',
18849
+ objectFit: 'contain'
18850
+ }
18851
+ })))))))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery9 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.categories[Choosenindex]) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.parentcolletions) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : _fetchCategoriesQuery9.length) != 0 && sectionproperties.subheaderstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
18765
18852
  "class": "w-100"
18766
18853
  }, /*#__PURE__*/React.createElement("li", {
18767
18854
  "class": langdetect == 'en' ? ' dropdown dropdownen w-100' : ' dropdown dropdownar w-100'
@@ -39516,7 +39603,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
39516
39603
  })))), /*#__PURE__*/React.createElement("div", {
39517
39604
  "class": "col-lg-12 px-3 d-flex align-items-center justify-content-center"
39518
39605
  }, /*#__PURE__*/React.createElement("div", {
39519
- className: "row m-0 w-100 mt-3"
39606
+ className: templateproperties_context.templatefontfamilyarabic == 'Changa' ? 'row m-0 w-100 mt-3 Changa' : templateproperties_context.templatefontfamily == 'OPTIRadiantBold-Condensed' ? 'row m-0 w-100 mt-3 fontfamilybold' : templateproperties_context.templatefontfamily == 'ASUL' ? 'row m-0 w-100 mt-3 ASUL' : templateproperties_context.templatefontfamily == 'Alata' ? 'row m-0 w-100 mt-3 alata' : templateproperties_context.templatefontfamilyarabic == 'Roboto' ? 'row m-0 w-100 mt-3 roboto' : templateproperties_context.templatefontfamilyarabic == 'ZaridSlab' ? 'row m-0 w-100 mt-3 zaridslab' : 'row m-0 w-100 mt-3'
39520
39607
  }, templatepropcontext.pagesnprop.map(function (item, index) {
39521
39608
  if (item.isnavigation == 1 && item.isactive == 1) {
39522
39609
  return /*#__PURE__*/React.createElement("div", {
package/dist/index.umd.js CHANGED
@@ -13312,7 +13312,7 @@
13312
13312
  var Select$1 = /*#__PURE__*/React__default["default"].lazy(function () {
13313
13313
  return import('react-select');
13314
13314
  });
13315
- var Filter$1 = function Filter(props) {
13315
+ var Filter$2 = function Filter(props) {
13316
13316
  var _css;
13317
13317
  var lang = props.actions.lang;
13318
13318
  var langdetect = props.actions.langdetect;
@@ -13384,13 +13384,13 @@
13384
13384
  payloadvalue: 'sortprice',
13385
13385
  name: lang.price,
13386
13386
  filterarray: [{
13387
- name: lang.pricehightolow,
13388
- value: 'hightolow',
13389
- isfilterselected: false
13390
- }, {
13391
13387
  name: lang.pricelowtohigh,
13392
13388
  value: 'lowtohigh',
13393
13389
  isfilterselected: false
13390
+ }, {
13391
+ name: lang.pricehightolow,
13392
+ value: 'hightolow',
13393
+ isfilterselected: false
13394
13394
  }]
13395
13395
  }, {
13396
13396
  payloadvalue: 'sortdates',
@@ -14519,7 +14519,23 @@
14519
14519
  }, /*#__PURE__*/React__default["default"].createElement("p", {
14520
14520
  "class": ' m-0 p-0 '
14521
14521
  }, langdetect == 'en' ? item.title_en : item.title_ar)));
14522
- })))), sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
14522
+ }))), sectionproperties.showproductgroupbytitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
14523
+ "class": "col-lg-12 text-start px-4 mb-5",
14524
+ style: {
14525
+ fontSize: 15,
14526
+ color: '#62554a'
14527
+ }
14528
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
14529
+ "class": "cursor-pointer",
14530
+ onClick: function onClick() {
14531
+ routingcountext('home', false, '');
14532
+ }
14533
+ }, 'Home', " /", ' '), ' ', /*#__PURE__*/React__default["default"].createElement("span", {
14534
+ style: {
14535
+ textTransform: 'capitalize'
14536
+ },
14537
+ "class": "mx-2"
14538
+ }, props.show_product_group_titles()['title_en']))), sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
14523
14539
  className: "".concat(filterstyles.filterslider_container) + ' pb-md-5 ',
14524
14540
  id: "filterslider",
14525
14541
  style: {
@@ -14846,7 +14862,7 @@
14846
14862
 
14847
14863
  function ownKeys$29(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; }
14848
14864
  function _objectSpread$29(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$29(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$29(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
14849
- var VariantFilter = function VariantFilter(props) {
14865
+ var Filter$1 = function Filter(props) {
14850
14866
  var _css;
14851
14867
  var lang = props.actions.lang;
14852
14868
  var langdetect = props.actions.langdetect;
@@ -15188,6 +15204,62 @@
15188
15204
  filterrouting(tempfetchproductsfilerobjcontext);
15189
15205
  // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
15190
15206
  };
15207
+ var InstFilters = function InstFilters() {
15208
+ return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
15209
+ allowMultipleExpanded: true,
15210
+ allowZeroExpanded: true
15211
+ }, instfilters.map(function (item, index) {
15212
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
15213
+ uuid: index
15214
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
15215
+ className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
15216
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
15217
+ className: "col-lg-10 col-md-10 col-sm-10 p-0"
15218
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
15219
+ className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
15220
+ }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
15221
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
15222
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
15223
+ if (state.expanded == true) {
15224
+ return /*#__PURE__*/React__default["default"].createElement("i", {
15225
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
15226
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
15227
+ } else {
15228
+ return /*#__PURE__*/React__default["default"].createElement("i", {
15229
+ className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
15230
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
15231
+ }
15232
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
15233
+ className: "p-0"
15234
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
15235
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
15236
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
15237
+ className: 'col-lg-12'
15238
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
15239
+ className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
15240
+ }, item.productvaluesfilter.map(function (valueitem, valueindex) {
15241
+ return /*#__PURE__*/React__default["default"].createElement("div", {
15242
+ 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 ',
15243
+ onClick: function onClick() {
15244
+ setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
15245
+ }
15246
+ }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
15247
+ 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 '
15248
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
15249
+ className: "h-100 d-flex align-items-center"
15250
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
15251
+ className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
15252
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
15253
+ className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
15254
+ style: {
15255
+ color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
15256
+ }
15257
+ }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
15258
+ })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
15259
+ className: "mt-3 mb-3"
15260
+ }));
15261
+ }));
15262
+ };
15191
15263
  var filter_cssstyles = {
15192
15264
  form_control: glamor.css((_css = {
15193
15265
  position: 'relative',
@@ -15322,65 +15394,28 @@
15322
15394
  routingcountext(StaticPagesLinksContext[pagenamepathinstaticpagelinkcont], true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
15323
15395
  }
15324
15396
  };
15397
+ var _useState21 = React.useState(false),
15398
+ _useState22 = _slicedToArray__default["default"](_useState21, 2);
15399
+ _useState22[0];
15400
+ _useState22[1];
15401
+ // const queryParameters = new URLSearchParams(window.location.search);
15402
+ // useEffect(() => {
15403
+ // // setsortbycontext('Sort By');
15404
+ // if (queryParameters.get('sortprice') == undefined) {
15405
+ // setsortbycontext('Sort By');
15406
+ // } else {
15407
+ // var temp = { ...sortbycontext };
15408
+ // temp = queryParameters.get('sortprice');
15409
+ // alert(temp);
15410
+ // }
15411
+ // }, []);
15325
15412
  return /*#__PURE__*/React__default["default"].createElement("div", {
15326
- className: 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none',
15413
+ className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 p-0 w-100 filter mt-md-0 ' : 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none',
15327
15414
  style: {
15328
- marginTop: sectionproperties.filtersection_mt + 'px'
15415
+ marginTop: sectionproperties.filtersection_mt + 'px',
15416
+ minHeight: sectionproperties.filterminheight == 0 ? 'auto' : sectionproperties.filterminheight + 'vh'
15329
15417
  }
15330
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
15331
- allowMultipleExpanded: true,
15332
- allowZeroExpanded: true
15333
- }, instfilters.map(function (item, index) {
15334
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
15335
- uuid: index
15336
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
15337
- className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
15338
- }, /*#__PURE__*/React__default["default"].createElement("div", {
15339
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
15340
- }, /*#__PURE__*/React__default["default"].createElement("p", {
15341
- className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
15342
- }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
15343
- className: "col-lg-2 col-md-2 col-sm-2 p-0"
15344
- }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
15345
- if (state.expanded == true) {
15346
- return /*#__PURE__*/React__default["default"].createElement("i", {
15347
- className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
15348
- }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
15349
- } else {
15350
- return /*#__PURE__*/React__default["default"].createElement("i", {
15351
- className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end '
15352
- }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
15353
- }
15354
- }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
15355
- className: "p-0"
15356
- }, /*#__PURE__*/React__default["default"].createElement("div", {
15357
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
15358
- }, /*#__PURE__*/React__default["default"].createElement("div", {
15359
- className: 'col-lg-12'
15360
- }, /*#__PURE__*/React__default["default"].createElement("div", {
15361
- className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
15362
- }, item.productvaluesfilter.map(function (valueitem, valueindex) {
15363
- return /*#__PURE__*/React__default["default"].createElement("div", {
15364
- 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 ',
15365
- onClick: function onClick() {
15366
- setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
15367
- }
15368
- }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
15369
- 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 '
15370
- }, /*#__PURE__*/React__default["default"].createElement("i", {
15371
- className: "h-100 d-flex align-items-center"
15372
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
15373
- className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
15374
- }, /*#__PURE__*/React__default["default"].createElement("p", {
15375
- className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
15376
- style: {
15377
- color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
15378
- }
15379
- }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
15380
- })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
15381
- className: "mt-3 mb-3"
15382
- }));
15383
- })));
15418
+ }, InstFilters());
15384
15419
  };
15385
15420
 
15386
15421
  function ownKeys$28(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; }
@@ -15926,7 +15961,7 @@
15926
15961
  cardobjassigner(fetchcollectionsQueryContext.data.data.collections);
15927
15962
  }
15928
15963
  }
15929
- }, [fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 ? void 0 : fetchcollectionsQueryContext.isSuccess]);
15964
+ }, [fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 ? void 0 : fetchcollectionsQueryContext.isSuccess, fetchcollectionsQueryContext.data]);
15930
15965
  React.useEffect(function () {
15931
15966
  if (fetchingtype == 'vendors') {
15932
15967
  if (FetchVendorsQuery.isSuccess) {
@@ -16954,14 +16989,15 @@
16954
16989
  }
16955
16990
  }, plainString(show_product_group_titles()['description_en']))), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
16956
16991
  className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex p-0' : sectionproperties.numofcols == '2' ? 'col-lg-2 d-flex' : 'col-lg-3 d-flex'
16957
- }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
16992
+ }, /*#__PURE__*/React__default["default"].createElement(Filter$2, {
16958
16993
  sectionpropertiesprops: sectionproperties,
16959
16994
  actions: actions,
16960
16995
  openFilterSlider: openFilterSlider,
16961
- setopenFilterSlider: setopenFilterSlider
16996
+ setopenFilterSlider: setopenFilterSlider,
16997
+ show_product_group_titles: show_product_group_titles
16962
16998
  })), sectionproperties.showvariantfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
16963
16999
  className: 'col-lg-3 d-flex'
16964
- }, /*#__PURE__*/React__default["default"].createElement(VariantFilter, {
17000
+ }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
16965
17001
  sectionpropertiesprops: sectionproperties,
16966
17002
  actions: actions,
16967
17003
  openFilterSlider: openFilterSlider,
@@ -18141,20 +18177,24 @@
18141
18177
  setshowdownheadermenu = _useState2[1];
18142
18178
  var _useState3 = React.useState(''),
18143
18179
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
18144
- Choosenindex = _useState4[0],
18145
- setChoosenindex = _useState4[1];
18146
- var _useState5 = React.useState({}),
18180
+ currentimagecollection = _useState4[0],
18181
+ setcurrentimagecollection = _useState4[1];
18182
+ var _useState5 = React.useState(''),
18147
18183
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
18148
- sectionproperties = _useState6[0],
18149
- setsectionproperties = _useState6[1];
18150
- var _useState7 = React.useState([]),
18184
+ Choosenindex = _useState6[0],
18185
+ setChoosenindex = _useState6[1];
18186
+ var _useState7 = React.useState({}),
18151
18187
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
18152
- pcollarray = _useState8[0],
18153
- setpcollarray = _useState8[1];
18188
+ sectionproperties = _useState8[0],
18189
+ setsectionproperties = _useState8[1];
18154
18190
  var _useState9 = React.useState([]),
18155
- _useState10 = _slicedToArray__default["default"](_useState9, 2);
18156
- _useState10[0];
18157
- _useState10[1];
18191
+ _useState10 = _slicedToArray__default["default"](_useState9, 2),
18192
+ pcollarray = _useState10[0],
18193
+ setpcollarray = _useState10[1];
18194
+ var _useState11 = React.useState([]),
18195
+ _useState12 = _slicedToArray__default["default"](_useState11, 2);
18196
+ _useState12[0];
18197
+ _useState12[1];
18158
18198
  var authdetailsContext = props.actions.authdetailsContext;
18159
18199
  var ikimagecredcontext = props.actions.ikimagecredcontext;
18160
18200
  React.useEffect(function () {
@@ -18417,6 +18457,7 @@
18417
18457
  onMouseEnter: function onMouseEnter() {
18418
18458
  setshowdownheadermenu(true);
18419
18459
  setChoosenindex(index);
18460
+ setcurrentimagecollection(item.parentcollectionlogo);
18420
18461
  },
18421
18462
  style: {
18422
18463
  marginLeft: props === null || props === void 0 || (_props$subheaderprope22 = props.subheaderpropertiesprops) === null || _props$subheaderprope22 === void 0 ? void 0 : _props$subheaderprope22.paddingLeftprops,
@@ -18550,7 +18591,7 @@
18550
18591
  paddingRight: langdetect == 'en' ? sectionproperties.subheader_dropdown_paddingRight + 'px' : sectionproperties.subheader_dropdown_paddingLeft + 'px'
18551
18592
  }
18552
18593
  }, /*#__PURE__*/React__default["default"].createElement("div", {
18553
- "class": "row m-0 w-100 d-flex pt-3 pb-3"
18594
+ "class": sectionproperties.subheaderdropdownstyle2 == 'Style 2' ? 'row m-0 w-100 d-flex px-5 py-5 d-flex align-items-center' : 'row m-0 w-100 d-flex pt-3 pb-3'
18554
18595
  }, (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery6 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery6 === void 0 || (_fetchCategoriesQuery6 = _fetchCategoriesQuery6.data) === null || _fetchCategoriesQuery6 === void 0 || (_fetchCategoriesQuery6 = _fetchCategoriesQuery6.categories[Choosenindex]) === null || _fetchCategoriesQuery6 === void 0 || (_fetchCategoriesQuery6 = _fetchCategoriesQuery6.parentcolletions) === null || _fetchCategoriesQuery6 === void 0 ? void 0 : _fetchCategoriesQuery6.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
18555
18596
  "class": "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5"
18556
18597
  }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
@@ -18597,7 +18638,7 @@
18597
18638
  "class": "mt-3 mb-0"
18598
18639
  }))));
18599
18640
  }
18600
- })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray[Choosenindex].collections.map(function (item, index) {
18641
+ })), sectionproperties.subheaderParentType == 'Parent Collections' && sectionproperties.subheaderdropdownstyle2 != 'Style 2' && pcollarray[Choosenindex].collections.map(function (item, index) {
18601
18642
  if (item.isshowntocustomers == 1) {
18602
18643
  return /*#__PURE__*/React__default["default"].createElement("div", {
18603
18644
  "class": "col-lg-3 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4",
@@ -18642,7 +18683,53 @@
18642
18683
  "class": "mt-3 mb-0"
18643
18684
  }))));
18644
18685
  }
18645
- }))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery9 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.categories[Choosenindex]) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.parentcolletions) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : _fetchCategoriesQuery9.length) != 0 && sectionproperties.subheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
18686
+ }), sectionproperties.subheaderdropdownstyle2 == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
18687
+ "class": "col-lg-12 p-0"
18688
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18689
+ "class": "row m-0 w-100"
18690
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18691
+ "class": "col-6 p-0"
18692
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18693
+ "class": "row m-0 w-100 d-flex align-items-center"
18694
+ }, sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray[Choosenindex].collections.map(function (item, index) {
18695
+ if (item.isshowntocustomers == 1) {
18696
+ return /*#__PURE__*/React__default["default"].createElement("div", {
18697
+ "class": "col-12 mb-2 mt-2",
18698
+ style: {
18699
+ cursor: 'pointer'
18700
+ },
18701
+ onClick: function onClick() {
18702
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
18703
+ },
18704
+ onMouseEnter: function onMouseEnter() {
18705
+ setcurrentimagecollection(item.collectionlogo);
18706
+ }
18707
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18708
+ "class": "".concat(header_cssstyles.subheader_collectiontitle) + ' wordbreak m-0 p-0 ',
18709
+ style: {
18710
+ textAlign: langdetect == 'en' ? 'left' : 'right'
18711
+ }
18712
+ }, langdetect == 'en' ? item.title_en : item.title_ar));
18713
+ }
18714
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
18715
+ "class": "col-6 p-0"
18716
+ }, sectionproperties.showsubheadercollimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
18717
+ "class": "col-lg-12 allcentered p-0"
18718
+ }, currentimagecollection != '' && /*#__PURE__*/React__default["default"].createElement("div", {
18719
+ style: {
18720
+ width: '60%',
18721
+ height: '60%'
18722
+ }
18723
+ }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
18724
+ urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
18725
+ publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
18726
+ path: '/tr:w-500,h-500/' + currentimagecollection,
18727
+ style: {
18728
+ width: '100%',
18729
+ height: '100%',
18730
+ objectFit: 'contain'
18731
+ }
18732
+ })))))))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery9 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.categories[Choosenindex]) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.parentcolletions) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : _fetchCategoriesQuery9.length) != 0 && sectionproperties.subheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
18646
18733
  "class": "w-100"
18647
18734
  }, /*#__PURE__*/React__default["default"].createElement("li", {
18648
18735
  "class": langdetect == 'en' ? ' dropdown dropdownen w-100' : ' dropdown dropdownar w-100'
@@ -39397,7 +39484,7 @@
39397
39484
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
39398
39485
  "class": "col-lg-12 px-3 d-flex align-items-center justify-content-center"
39399
39486
  }, /*#__PURE__*/React__default["default"].createElement("div", {
39400
- className: "row m-0 w-100 mt-3"
39487
+ className: templateproperties_context.templatefontfamilyarabic == 'Changa' ? 'row m-0 w-100 mt-3 Changa' : templateproperties_context.templatefontfamily == 'OPTIRadiantBold-Condensed' ? 'row m-0 w-100 mt-3 fontfamilybold' : templateproperties_context.templatefontfamily == 'ASUL' ? 'row m-0 w-100 mt-3 ASUL' : templateproperties_context.templatefontfamily == 'Alata' ? 'row m-0 w-100 mt-3 alata' : templateproperties_context.templatefontfamilyarabic == 'Roboto' ? 'row m-0 w-100 mt-3 roboto' : templateproperties_context.templatefontfamilyarabic == 'ZaridSlab' ? 'row m-0 w-100 mt-3 zaridslab' : 'row m-0 w-100 mt-3'
39401
39488
  }, templatepropcontext.pagesnprop.map(function (item, index) {
39402
39489
  if (item.isnavigation == 1 && item.isactive == 1) {
39403
39490
  return /*#__PURE__*/React__default["default"].createElement("div", {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.422",
3
+ "version": "0.0.424",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {