tabexseriescomponents 0.0.383 → 0.0.384

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 +298 -18
  2. package/dist/index.esm.js +298 -18
  3. package/dist/index.umd.js +298 -18
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -17836,7 +17836,7 @@ var Subheader = function Subheader(props) {
17836
17836
  function ownKeys$1Y(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; }
17837
17837
  function _objectSpread$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
17838
17838
  var Headerresponsive = function Headerresponsive(props) {
17839
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5;
17839
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery;
17840
17840
  var actions = props.actions;
17841
17841
  var LogoutMutationContext = props.actions.LogoutMutationContext;
17842
17842
  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -17853,16 +17853,16 @@ var Headerresponsive = function Headerresponsive(props) {
17853
17853
  var routingcountext = props.actions.routingcountext;
17854
17854
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
17855
17855
  var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
17856
- props.actions.fetchCategoriesQueryContext;
17856
+ var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
17857
17857
  var ikimagecredcontext = props.actions.ikimagecredcontext;
17858
17858
  var _useState = React.useState(''),
17859
17859
  _useState2 = _slicedToArray__default["default"](_useState, 2),
17860
17860
  sectionproperties = _useState2[0],
17861
17861
  setsectionproperties = _useState2[1];
17862
17862
  var _useState3 = React.useState(''),
17863
- _useState4 = _slicedToArray__default["default"](_useState3, 2);
17864
- _useState4[0];
17865
- _useState4[1];
17863
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
17864
+ Choosenindex = _useState4[0],
17865
+ setChoosenindex = _useState4[1];
17866
17866
  React.useEffect(function () {
17867
17867
  if (props.sectionpropertiesprops != undefined) {
17868
17868
  setsectionproperties(_objectSpread$1Y({}, props.sectionpropertiesprops));
@@ -17873,13 +17873,13 @@ var Headerresponsive = function Headerresponsive(props) {
17873
17873
  logoarrayofobjects = _useState6[0],
17874
17874
  setlogoarrayofobjects = _useState6[1];
17875
17875
  var _useState7 = React.useState(false),
17876
- _useState8 = _slicedToArray__default["default"](_useState7, 2);
17877
- _useState8[0];
17878
- _useState8[1];
17876
+ _useState8 = _slicedToArray__default["default"](_useState7, 2),
17877
+ openCnvas = _useState8[0],
17878
+ setopenCnvas = _useState8[1];
17879
17879
  var _useState9 = React.useState(''),
17880
- _useState10 = _slicedToArray__default["default"](_useState9, 2);
17881
- _useState10[0];
17882
- _useState10[1];
17880
+ _useState10 = _slicedToArray__default["default"](_useState9, 2),
17881
+ activeTab = _useState10[0],
17882
+ setactiveTab = _useState10[1];
17883
17883
  React.useEffect(function () {
17884
17884
  if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
17885
17885
  var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -18136,13 +18136,17 @@ var Headerresponsive = function Headerresponsive(props) {
18136
18136
  }, /*#__PURE__*/React__default["default"].createElement("div", {
18137
18137
  className: langdetect == 'en' ? 'mr-1' : 'ml-1',
18138
18138
  onClick: function onClick() {
18139
- var element2 = document.getElementById('filter');
18140
- element2.classList.toggle('d-flex');
18141
- if (sectionproperties.showhidesubheader == 'Show') {
18142
- var element3 = document.getElementById('subheader');
18143
- element3.classList.toggle('d-none');
18139
+ if (sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas') {
18140
+ setopenCnvas(true);
18141
+ setactiveTab('menu');
18142
+ } else {
18143
+ var element2 = document.getElementById('filter');
18144
+ element2.classList.toggle('d-flex');
18145
+ if (sectionproperties.showhidesubheader == 'Show') {
18146
+ var element3 = document.getElementById('subheader');
18147
+ element3.classList.toggle('d-none');
18148
+ }
18144
18149
  }
18145
- // setopenCnvas(true);
18146
18150
  }
18147
18151
  }, /*#__PURE__*/React__default["default"].createElement("i", {
18148
18152
  "class": "h-100 allcentered"
@@ -18683,7 +18687,7 @@ var Headerresponsive = function Headerresponsive(props) {
18683
18687
  style: {
18684
18688
  borderColor: sectionproperties.resp_header_separatorbg
18685
18689
  }
18686
- }))))))), sectionproperties.showhidesubheader == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
18690
+ }))))))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.showresponsivesubheader != 'Hide' && /*#__PURE__*/React__default["default"].createElement("div", {
18687
18691
  className: "col-lg-12 p-0 h-100",
18688
18692
  id: "subheader"
18689
18693
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -18693,6 +18697,282 @@ var Headerresponsive = function Headerresponsive(props) {
18693
18697
  }, /*#__PURE__*/React__default["default"].createElement(Subheader, {
18694
18698
  sectionpropertiesprops: sectionproperties,
18695
18699
  actions: actions
18700
+ }))))), sectionproperties.length != 0 && sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
18701
+ show: openCnvas,
18702
+ onHide: function onHide() {
18703
+ setopenCnvas(false);
18704
+ },
18705
+ placement: langdetect == 'en' ? 'start' : 'end',
18706
+ scroll: true,
18707
+ style: {
18708
+ width: '90%',
18709
+ backgroundColor: 'white'
18710
+ },
18711
+ backdrop: true
18712
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, /*#__PURE__*/React__default["default"].createElement("div", {
18713
+ "class": "allcentered",
18714
+ style: {
18715
+ position: 'absolute',
18716
+ right: -34,
18717
+ top: 5,
18718
+ width: 30,
18719
+ height: 30,
18720
+ background: '#000'
18721
+ },
18722
+ onClick: function onClick() {
18723
+ setopenCnvas(false);
18724
+ }
18725
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
18726
+ color: '#fff',
18727
+ size: 16
18728
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
18729
+ className: "row m-0 w-100 mb-5",
18730
+ style: {
18731
+ borderBottom: '1px solid #eee'
18732
+ }
18733
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18734
+ className: 'col-6 allcentered py-3',
18735
+ onClick: function onClick() {
18736
+ setactiveTab('menu');
18737
+ },
18738
+ style: {
18739
+ background: activeTab == 'menu' ? 'white' : '#eee'
18740
+ }
18741
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18742
+ className: "m-0 p-0",
18743
+ style: {
18744
+ textTransform: 'uppercase',
18745
+ fontWeight: 500,
18746
+ fontSize: '15px',
18747
+ transition: '.3s',
18748
+ color: '#000'
18749
+ }
18750
+ }, langdetect == 'en' ? 'MENU' : 'القائمة')), /*#__PURE__*/React__default["default"].createElement("div", {
18751
+ className: 'col-6 allcentered py-3',
18752
+ onClick: function onClick() {
18753
+ setactiveTab('categories');
18754
+ },
18755
+ style: {
18756
+ background: activeTab == 'categories' ? 'white' : '#eee'
18757
+ }
18758
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18759
+ className: "m-0 p-0",
18760
+ style: {
18761
+ textTransform: 'uppercase',
18762
+ fontWeight: 500,
18763
+ fontSize: '15px',
18764
+ transition: '.3s',
18765
+ color: '#000'
18766
+ }
18767
+ }, langdetect == 'en' ? 'COLLECTIONS' : 'المجموعات'))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, activeTab == 'menu' && /*#__PURE__*/React__default["default"].createElement("div", {
18768
+ className: ' row m-0 w-100 anim '
18769
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18770
+ className: "col-lg-12 p-0"
18771
+ }, /*#__PURE__*/React__default["default"].createElement("ul", {
18772
+ className: ' d-flex justify-content-center flex-column p-0 '
18773
+ }, templatepropcontext.pagesnprop.map(function (item, index) {
18774
+ if (item.isnavigation == 1 && item.isactive == 1) {
18775
+ return /*#__PURE__*/React__default["default"].createElement("div", {
18776
+ className: "row m-0 w-100"
18777
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18778
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
18779
+ style: {
18780
+ paddingTop: index == 0 ? 5 : 0
18781
+ }
18782
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18783
+ onClick: function onClick() {
18784
+ routingcountext(item.navigationroute, false, '');
18785
+ setopenCnvas(false);
18786
+ }
18787
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18788
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
18789
+ }, langdetect == 'en' ? item.pagename : item.pagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
18790
+ className: "col-lg-12 p-0"
18791
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
18792
+ className: "mt-4 mb-4",
18793
+ style: {
18794
+ borderColor: sectionproperties.resp_header_separatorbg
18795
+ }
18796
+ })));
18797
+ }
18798
+ }), authdetailsContext.loggedin == true && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
18799
+ className: "row m-0 w-100"
18800
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18801
+ className: "col-lg-12 d-flex justify-content-start",
18802
+ onClick: function onClick() {
18803
+ routingcountext(StaticPagesLinksContext.Ordershistory);
18804
+ setopenCnvas(false);
18805
+ }
18806
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18807
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
18808
+ }, lang.orderhistory)), /*#__PURE__*/React__default["default"].createElement("div", {
18809
+ className: "col-lg-12 p-0"
18810
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
18811
+ className: "mt-4 mb-4",
18812
+ style: {
18813
+ borderColor: sectionproperties.resp_header_separatorbg
18814
+ }
18815
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
18816
+ className: "row m-0 w-100"
18817
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18818
+ className: "col-lg-12 d-flex justify-content-start",
18819
+ onClick: function onClick() {
18820
+ routingcountext(StaticPagesLinksContext.Wishlist);
18821
+ setopenCnvas(false);
18822
+ }
18823
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18824
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
18825
+ }, lang.wishlist)), /*#__PURE__*/React__default["default"].createElement("div", {
18826
+ className: "col-lg-12 p-0"
18827
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
18828
+ className: "mt-3 mb-3",
18829
+ style: {
18830
+ borderColor: sectionproperties.resp_header_separatorbg
18831
+ }
18832
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
18833
+ className: "row m-0 w-100"
18834
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18835
+ className: "col-lg-12 d-flex justify-content-start",
18836
+ onClick: function onClick() {
18837
+ routingcountext(StaticPagesLinksContext.Policies);
18838
+ setopenCnvas(false);
18839
+ }
18840
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18841
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
18842
+ }, lang.policies)))))), activeTab == 'categories' && /*#__PURE__*/React__default["default"].createElement("div", {
18843
+ className: ' row m-0 w-100 accordionContainer anim'
18844
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
18845
+ allowMultipleExpanded: true,
18846
+ allowZeroExpanded: true
18847
+ }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : _fetchCategoriesQuery.categories.map(function (item, index) {
18848
+ if (item.isshowntocustomers == 1) {
18849
+ var _fetchCategoriesQuery2, _fetchCategoriesQuery3;
18850
+ return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
18851
+ uuid: index
18852
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, {
18853
+ onClick: function onClick() {
18854
+ setChoosenindex(index);
18855
+ }
18856
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
18857
+ className: ' row m-0 p-0 mb-2 '
18858
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18859
+ className: ' row m-0 w-100 px-3 '
18860
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18861
+ className: "col-10 p-0"
18862
+ // onClick={() => {
18863
+ // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
18864
+ // }}
18865
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18866
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
18867
+ }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
18868
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
18869
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
18870
+ if (state.expanded == true) {
18871
+ return /*#__PURE__*/React__default["default"].createElement("i", {
18872
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
18873
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
18874
+ style: {
18875
+ color: '#000',
18876
+ fontSize: 15
18877
+ }
18878
+ }));
18879
+ } else {
18880
+ return /*#__PURE__*/React__default["default"].createElement("i", {
18881
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
18882
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
18883
+ style: {
18884
+ color: '#000',
18885
+ fontSize: 15
18886
+ }
18887
+ }));
18888
+ }
18889
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
18890
+ className: "col-lg-12 p-0"
18891
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
18892
+ className: "mt-3 mb-3",
18893
+ style: {
18894
+ borderColor: sectionproperties.resp_header_separatorbg
18895
+ }
18896
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
18897
+ className: "p-0"
18898
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18899
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
18900
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
18901
+ allowMultipleExpanded: true,
18902
+ allowZeroExpanded: true
18903
+ }, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.categories[Choosenindex]) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.parentcolletions) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.length) != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.categories[Choosenindex]) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : _fetchCategoriesQuery3.parentcolletions.map(function (pitem, pindex) {
18904
+ if (pitem.isshowntocustomers == 1) {
18905
+ return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
18906
+ uuid: pindex
18907
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
18908
+ className: ' row m-0 p-0 mb-2 '
18909
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18910
+ className: ' row m-0 w-100 px-4 '
18911
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18912
+ className: "col-10 p-0",
18913
+ onClick: function onClick() {
18914
+ // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
18915
+ }
18916
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18917
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
18918
+ }, langdetect == 'en' ? pitem.title_en : pitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
18919
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
18920
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
18921
+ if (state.expanded == true) {
18922
+ return /*#__PURE__*/React__default["default"].createElement("i", {
18923
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
18924
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
18925
+ style: {
18926
+ color: '#000',
18927
+ fontSize: 15
18928
+ }
18929
+ }));
18930
+ } else {
18931
+ return /*#__PURE__*/React__default["default"].createElement("i", {
18932
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
18933
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
18934
+ style: {
18935
+ color: '#000',
18936
+ fontSize: 15
18937
+ }
18938
+ }));
18939
+ }
18940
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
18941
+ className: "col-lg-12 p-0"
18942
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
18943
+ className: "mt-3 mb-3",
18944
+ style: {
18945
+ borderColor: sectionproperties.resp_header_separatorbg
18946
+ }
18947
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
18948
+ className: "p-0"
18949
+ }, pitem.collections.length != 0 && pitem.collections.map(function (collitem, collindex) {
18950
+ if (collitem.isshowntocustomers == 1) {
18951
+ return /*#__PURE__*/React__default["default"].createElement("div", {
18952
+ className: ' row m-0 p-0 mb-2 '
18953
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18954
+ className: ' row m-0 w-100 px-5 '
18955
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18956
+ className: "col-10 p-0",
18957
+ onClick: function onClick() {
18958
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
18959
+ setopenCnvas(false);
18960
+ }
18961
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18962
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
18963
+ }, langdetect == 'en' ? collitem.title_en : collitem.title_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
18964
+ className: "col-lg-12 p-0"
18965
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
18966
+ className: "mt-3 mb-3",
18967
+ style: {
18968
+ borderColor: sectionproperties.resp_header_separatorbg
18969
+ }
18970
+ })));
18971
+ }
18972
+ })));
18973
+ }
18974
+ }))))));
18975
+ }
18696
18976
  })))))));
18697
18977
  };
18698
18978
 
package/dist/index.esm.js CHANGED
@@ -17787,7 +17787,7 @@ var Subheader = function Subheader(props) {
17787
17787
  function ownKeys$1Y(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; }
17788
17788
  function _objectSpread$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
17789
17789
  var Headerresponsive = function Headerresponsive(props) {
17790
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5;
17790
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery;
17791
17791
  var actions = props.actions;
17792
17792
  var LogoutMutationContext = props.actions.LogoutMutationContext;
17793
17793
  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -17804,16 +17804,16 @@ var Headerresponsive = function Headerresponsive(props) {
17804
17804
  var routingcountext = props.actions.routingcountext;
17805
17805
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
17806
17806
  var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
17807
- props.actions.fetchCategoriesQueryContext;
17807
+ var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
17808
17808
  var ikimagecredcontext = props.actions.ikimagecredcontext;
17809
17809
  var _useState = useState(''),
17810
17810
  _useState2 = _slicedToArray(_useState, 2),
17811
17811
  sectionproperties = _useState2[0],
17812
17812
  setsectionproperties = _useState2[1];
17813
17813
  var _useState3 = useState(''),
17814
- _useState4 = _slicedToArray(_useState3, 2);
17815
- _useState4[0];
17816
- _useState4[1];
17814
+ _useState4 = _slicedToArray(_useState3, 2),
17815
+ Choosenindex = _useState4[0],
17816
+ setChoosenindex = _useState4[1];
17817
17817
  useEffect(function () {
17818
17818
  if (props.sectionpropertiesprops != undefined) {
17819
17819
  setsectionproperties(_objectSpread$1Y({}, props.sectionpropertiesprops));
@@ -17824,13 +17824,13 @@ var Headerresponsive = function Headerresponsive(props) {
17824
17824
  logoarrayofobjects = _useState6[0],
17825
17825
  setlogoarrayofobjects = _useState6[1];
17826
17826
  var _useState7 = useState(false),
17827
- _useState8 = _slicedToArray(_useState7, 2);
17828
- _useState8[0];
17829
- _useState8[1];
17827
+ _useState8 = _slicedToArray(_useState7, 2),
17828
+ openCnvas = _useState8[0],
17829
+ setopenCnvas = _useState8[1];
17830
17830
  var _useState9 = useState(''),
17831
- _useState10 = _slicedToArray(_useState9, 2);
17832
- _useState10[0];
17833
- _useState10[1];
17831
+ _useState10 = _slicedToArray(_useState9, 2),
17832
+ activeTab = _useState10[0],
17833
+ setactiveTab = _useState10[1];
17834
17834
  useEffect(function () {
17835
17835
  if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
17836
17836
  var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -18087,13 +18087,17 @@ var Headerresponsive = function Headerresponsive(props) {
18087
18087
  }, /*#__PURE__*/React.createElement("div", {
18088
18088
  className: langdetect == 'en' ? 'mr-1' : 'ml-1',
18089
18089
  onClick: function onClick() {
18090
- var element2 = document.getElementById('filter');
18091
- element2.classList.toggle('d-flex');
18092
- if (sectionproperties.showhidesubheader == 'Show') {
18093
- var element3 = document.getElementById('subheader');
18094
- element3.classList.toggle('d-none');
18090
+ if (sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas') {
18091
+ setopenCnvas(true);
18092
+ setactiveTab('menu');
18093
+ } else {
18094
+ var element2 = document.getElementById('filter');
18095
+ element2.classList.toggle('d-flex');
18096
+ if (sectionproperties.showhidesubheader == 'Show') {
18097
+ var element3 = document.getElementById('subheader');
18098
+ element3.classList.toggle('d-none');
18099
+ }
18095
18100
  }
18096
- // setopenCnvas(true);
18097
18101
  }
18098
18102
  }, /*#__PURE__*/React.createElement("i", {
18099
18103
  "class": "h-100 allcentered"
@@ -18634,7 +18638,7 @@ var Headerresponsive = function Headerresponsive(props) {
18634
18638
  style: {
18635
18639
  borderColor: sectionproperties.resp_header_separatorbg
18636
18640
  }
18637
- }))))))), sectionproperties.showhidesubheader == 'Show' && /*#__PURE__*/React.createElement("div", {
18641
+ }))))))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.showresponsivesubheader != 'Hide' && /*#__PURE__*/React.createElement("div", {
18638
18642
  className: "col-lg-12 p-0 h-100",
18639
18643
  id: "subheader"
18640
18644
  }, /*#__PURE__*/React.createElement("div", {
@@ -18644,6 +18648,282 @@ var Headerresponsive = function Headerresponsive(props) {
18644
18648
  }, /*#__PURE__*/React.createElement(Subheader, {
18645
18649
  sectionpropertiesprops: sectionproperties,
18646
18650
  actions: actions
18651
+ }))))), sectionproperties.length != 0 && sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React.createElement(Offcanvas, {
18652
+ show: openCnvas,
18653
+ onHide: function onHide() {
18654
+ setopenCnvas(false);
18655
+ },
18656
+ placement: langdetect == 'en' ? 'start' : 'end',
18657
+ scroll: true,
18658
+ style: {
18659
+ width: '90%',
18660
+ backgroundColor: 'white'
18661
+ },
18662
+ backdrop: true
18663
+ }, /*#__PURE__*/React.createElement(Offcanvas.Header, null, /*#__PURE__*/React.createElement(Offcanvas.Title, null, /*#__PURE__*/React.createElement("div", {
18664
+ "class": "allcentered",
18665
+ style: {
18666
+ position: 'absolute',
18667
+ right: -34,
18668
+ top: 5,
18669
+ width: 30,
18670
+ height: 30,
18671
+ background: '#000'
18672
+ },
18673
+ onClick: function onClick() {
18674
+ setopenCnvas(false);
18675
+ }
18676
+ }, /*#__PURE__*/React.createElement(IoMdClose, {
18677
+ color: '#fff',
18678
+ size: 16
18679
+ })), /*#__PURE__*/React.createElement("div", {
18680
+ className: "row m-0 w-100 mb-5",
18681
+ style: {
18682
+ borderBottom: '1px solid #eee'
18683
+ }
18684
+ }, /*#__PURE__*/React.createElement("div", {
18685
+ className: 'col-6 allcentered py-3',
18686
+ onClick: function onClick() {
18687
+ setactiveTab('menu');
18688
+ },
18689
+ style: {
18690
+ background: activeTab == 'menu' ? 'white' : '#eee'
18691
+ }
18692
+ }, /*#__PURE__*/React.createElement("p", {
18693
+ className: "m-0 p-0",
18694
+ style: {
18695
+ textTransform: 'uppercase',
18696
+ fontWeight: 500,
18697
+ fontSize: '15px',
18698
+ transition: '.3s',
18699
+ color: '#000'
18700
+ }
18701
+ }, langdetect == 'en' ? 'MENU' : 'القائمة')), /*#__PURE__*/React.createElement("div", {
18702
+ className: 'col-6 allcentered py-3',
18703
+ onClick: function onClick() {
18704
+ setactiveTab('categories');
18705
+ },
18706
+ style: {
18707
+ background: activeTab == 'categories' ? 'white' : '#eee'
18708
+ }
18709
+ }, /*#__PURE__*/React.createElement("p", {
18710
+ className: "m-0 p-0",
18711
+ style: {
18712
+ textTransform: 'uppercase',
18713
+ fontWeight: 500,
18714
+ fontSize: '15px',
18715
+ transition: '.3s',
18716
+ color: '#000'
18717
+ }
18718
+ }, langdetect == 'en' ? 'COLLECTIONS' : 'المجموعات'))))), /*#__PURE__*/React.createElement(Offcanvas.Body, null, activeTab == 'menu' && /*#__PURE__*/React.createElement("div", {
18719
+ className: ' row m-0 w-100 anim '
18720
+ }, /*#__PURE__*/React.createElement("div", {
18721
+ className: "col-lg-12 p-0"
18722
+ }, /*#__PURE__*/React.createElement("ul", {
18723
+ className: ' d-flex justify-content-center flex-column p-0 '
18724
+ }, templatepropcontext.pagesnprop.map(function (item, index) {
18725
+ if (item.isnavigation == 1 && item.isactive == 1) {
18726
+ return /*#__PURE__*/React.createElement("div", {
18727
+ className: "row m-0 w-100"
18728
+ }, /*#__PURE__*/React.createElement("div", {
18729
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
18730
+ style: {
18731
+ paddingTop: index == 0 ? 5 : 0
18732
+ }
18733
+ }, /*#__PURE__*/React.createElement("div", {
18734
+ onClick: function onClick() {
18735
+ routingcountext(item.navigationroute, false, '');
18736
+ setopenCnvas(false);
18737
+ }
18738
+ }, /*#__PURE__*/React.createElement("p", {
18739
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
18740
+ }, langdetect == 'en' ? item.pagename : item.pagename_ar))), /*#__PURE__*/React.createElement("div", {
18741
+ className: "col-lg-12 p-0"
18742
+ }, /*#__PURE__*/React.createElement("hr", {
18743
+ className: "mt-4 mb-4",
18744
+ style: {
18745
+ borderColor: sectionproperties.resp_header_separatorbg
18746
+ }
18747
+ })));
18748
+ }
18749
+ }), authdetailsContext.loggedin == true && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement("div", {
18750
+ className: "row m-0 w-100"
18751
+ }, /*#__PURE__*/React.createElement("div", {
18752
+ className: "col-lg-12 d-flex justify-content-start",
18753
+ onClick: function onClick() {
18754
+ routingcountext(StaticPagesLinksContext.Ordershistory);
18755
+ setopenCnvas(false);
18756
+ }
18757
+ }, /*#__PURE__*/React.createElement("p", {
18758
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
18759
+ }, lang.orderhistory)), /*#__PURE__*/React.createElement("div", {
18760
+ className: "col-lg-12 p-0"
18761
+ }, /*#__PURE__*/React.createElement("hr", {
18762
+ className: "mt-4 mb-4",
18763
+ style: {
18764
+ borderColor: sectionproperties.resp_header_separatorbg
18765
+ }
18766
+ }))), /*#__PURE__*/React.createElement("div", {
18767
+ className: "row m-0 w-100"
18768
+ }, /*#__PURE__*/React.createElement("div", {
18769
+ className: "col-lg-12 d-flex justify-content-start",
18770
+ onClick: function onClick() {
18771
+ routingcountext(StaticPagesLinksContext.Wishlist);
18772
+ setopenCnvas(false);
18773
+ }
18774
+ }, /*#__PURE__*/React.createElement("p", {
18775
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
18776
+ }, lang.wishlist)), /*#__PURE__*/React.createElement("div", {
18777
+ className: "col-lg-12 p-0"
18778
+ }, /*#__PURE__*/React.createElement("hr", {
18779
+ className: "mt-3 mb-3",
18780
+ style: {
18781
+ borderColor: sectionproperties.resp_header_separatorbg
18782
+ }
18783
+ }))), /*#__PURE__*/React.createElement("div", {
18784
+ className: "row m-0 w-100"
18785
+ }, /*#__PURE__*/React.createElement("div", {
18786
+ className: "col-lg-12 d-flex justify-content-start",
18787
+ onClick: function onClick() {
18788
+ routingcountext(StaticPagesLinksContext.Policies);
18789
+ setopenCnvas(false);
18790
+ }
18791
+ }, /*#__PURE__*/React.createElement("p", {
18792
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
18793
+ }, lang.policies)))))), activeTab == 'categories' && /*#__PURE__*/React.createElement("div", {
18794
+ className: ' row m-0 w-100 accordionContainer anim'
18795
+ }, /*#__PURE__*/React.createElement(Accordion, {
18796
+ allowMultipleExpanded: true,
18797
+ allowZeroExpanded: true
18798
+ }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : _fetchCategoriesQuery.categories.map(function (item, index) {
18799
+ if (item.isshowntocustomers == 1) {
18800
+ var _fetchCategoriesQuery2, _fetchCategoriesQuery3;
18801
+ return /*#__PURE__*/React.createElement(AccordionItem, {
18802
+ uuid: index
18803
+ }, /*#__PURE__*/React.createElement(AccordionItemHeading, {
18804
+ onClick: function onClick() {
18805
+ setChoosenindex(index);
18806
+ }
18807
+ }, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
18808
+ className: ' row m-0 p-0 mb-2 '
18809
+ }, /*#__PURE__*/React.createElement("div", {
18810
+ className: ' row m-0 w-100 px-3 '
18811
+ }, /*#__PURE__*/React.createElement("div", {
18812
+ className: "col-10 p-0"
18813
+ // onClick={() => {
18814
+ // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
18815
+ // }}
18816
+ }, /*#__PURE__*/React.createElement("p", {
18817
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
18818
+ }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React.createElement("div", {
18819
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
18820
+ }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
18821
+ if (state.expanded == true) {
18822
+ return /*#__PURE__*/React.createElement("i", {
18823
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
18824
+ }, /*#__PURE__*/React.createElement(FiChevronDown, {
18825
+ style: {
18826
+ color: '#000',
18827
+ fontSize: 15
18828
+ }
18829
+ }));
18830
+ } else {
18831
+ return /*#__PURE__*/React.createElement("i", {
18832
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
18833
+ }, /*#__PURE__*/React.createElement(FiChevronUp, {
18834
+ style: {
18835
+ color: '#000',
18836
+ fontSize: 15
18837
+ }
18838
+ }));
18839
+ }
18840
+ }))), /*#__PURE__*/React.createElement("div", {
18841
+ className: "col-lg-12 p-0"
18842
+ }, /*#__PURE__*/React.createElement("hr", {
18843
+ className: "mt-3 mb-3",
18844
+ style: {
18845
+ borderColor: sectionproperties.resp_header_separatorbg
18846
+ }
18847
+ }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
18848
+ className: "p-0"
18849
+ }, /*#__PURE__*/React.createElement("div", {
18850
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
18851
+ }, /*#__PURE__*/React.createElement(Accordion, {
18852
+ allowMultipleExpanded: true,
18853
+ allowZeroExpanded: true
18854
+ }, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.categories[Choosenindex]) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.parentcolletions) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.length) != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.categories[Choosenindex]) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : _fetchCategoriesQuery3.parentcolletions.map(function (pitem, pindex) {
18855
+ if (pitem.isshowntocustomers == 1) {
18856
+ return /*#__PURE__*/React.createElement(AccordionItem, {
18857
+ uuid: pindex
18858
+ }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
18859
+ className: ' row m-0 p-0 mb-2 '
18860
+ }, /*#__PURE__*/React.createElement("div", {
18861
+ className: ' row m-0 w-100 px-4 '
18862
+ }, /*#__PURE__*/React.createElement("div", {
18863
+ className: "col-10 p-0",
18864
+ onClick: function onClick() {
18865
+ // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
18866
+ }
18867
+ }, /*#__PURE__*/React.createElement("p", {
18868
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
18869
+ }, langdetect == 'en' ? pitem.title_en : pitem.title_ar)), /*#__PURE__*/React.createElement("div", {
18870
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
18871
+ }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
18872
+ if (state.expanded == true) {
18873
+ return /*#__PURE__*/React.createElement("i", {
18874
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
18875
+ }, /*#__PURE__*/React.createElement(FiChevronDown, {
18876
+ style: {
18877
+ color: '#000',
18878
+ fontSize: 15
18879
+ }
18880
+ }));
18881
+ } else {
18882
+ return /*#__PURE__*/React.createElement("i", {
18883
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
18884
+ }, /*#__PURE__*/React.createElement(FiChevronUp, {
18885
+ style: {
18886
+ color: '#000',
18887
+ fontSize: 15
18888
+ }
18889
+ }));
18890
+ }
18891
+ }))), /*#__PURE__*/React.createElement("div", {
18892
+ className: "col-lg-12 p-0"
18893
+ }, /*#__PURE__*/React.createElement("hr", {
18894
+ className: "mt-3 mb-3",
18895
+ style: {
18896
+ borderColor: sectionproperties.resp_header_separatorbg
18897
+ }
18898
+ }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
18899
+ className: "p-0"
18900
+ }, pitem.collections.length != 0 && pitem.collections.map(function (collitem, collindex) {
18901
+ if (collitem.isshowntocustomers == 1) {
18902
+ return /*#__PURE__*/React.createElement("div", {
18903
+ className: ' row m-0 p-0 mb-2 '
18904
+ }, /*#__PURE__*/React.createElement("div", {
18905
+ className: ' row m-0 w-100 px-5 '
18906
+ }, /*#__PURE__*/React.createElement("div", {
18907
+ className: "col-10 p-0",
18908
+ onClick: function onClick() {
18909
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
18910
+ setopenCnvas(false);
18911
+ }
18912
+ }, /*#__PURE__*/React.createElement("p", {
18913
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
18914
+ }, langdetect == 'en' ? collitem.title_en : collitem.title_ar))), /*#__PURE__*/React.createElement("div", {
18915
+ className: "col-lg-12 p-0"
18916
+ }, /*#__PURE__*/React.createElement("hr", {
18917
+ className: "mt-3 mb-3",
18918
+ style: {
18919
+ borderColor: sectionproperties.resp_header_separatorbg
18920
+ }
18921
+ })));
18922
+ }
18923
+ })));
18924
+ }
18925
+ }))))));
18926
+ }
18647
18927
  })))))));
18648
18928
  };
18649
18929
 
package/dist/index.umd.js CHANGED
@@ -17668,7 +17668,7 @@
17668
17668
  function ownKeys$1Y(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; }
17669
17669
  function _objectSpread$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
17670
17670
  var Headerresponsive = function Headerresponsive(props) {
17671
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5;
17671
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery;
17672
17672
  var actions = props.actions;
17673
17673
  var LogoutMutationContext = props.actions.LogoutMutationContext;
17674
17674
  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -17685,16 +17685,16 @@
17685
17685
  var routingcountext = props.actions.routingcountext;
17686
17686
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
17687
17687
  var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
17688
- props.actions.fetchCategoriesQueryContext;
17688
+ var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
17689
17689
  var ikimagecredcontext = props.actions.ikimagecredcontext;
17690
17690
  var _useState = React.useState(''),
17691
17691
  _useState2 = _slicedToArray__default["default"](_useState, 2),
17692
17692
  sectionproperties = _useState2[0],
17693
17693
  setsectionproperties = _useState2[1];
17694
17694
  var _useState3 = React.useState(''),
17695
- _useState4 = _slicedToArray__default["default"](_useState3, 2);
17696
- _useState4[0];
17697
- _useState4[1];
17695
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
17696
+ Choosenindex = _useState4[0],
17697
+ setChoosenindex = _useState4[1];
17698
17698
  React.useEffect(function () {
17699
17699
  if (props.sectionpropertiesprops != undefined) {
17700
17700
  setsectionproperties(_objectSpread$1Y({}, props.sectionpropertiesprops));
@@ -17705,13 +17705,13 @@
17705
17705
  logoarrayofobjects = _useState6[0],
17706
17706
  setlogoarrayofobjects = _useState6[1];
17707
17707
  var _useState7 = React.useState(false),
17708
- _useState8 = _slicedToArray__default["default"](_useState7, 2);
17709
- _useState8[0];
17710
- _useState8[1];
17708
+ _useState8 = _slicedToArray__default["default"](_useState7, 2),
17709
+ openCnvas = _useState8[0],
17710
+ setopenCnvas = _useState8[1];
17711
17711
  var _useState9 = React.useState(''),
17712
- _useState10 = _slicedToArray__default["default"](_useState9, 2);
17713
- _useState10[0];
17714
- _useState10[1];
17712
+ _useState10 = _slicedToArray__default["default"](_useState9, 2),
17713
+ activeTab = _useState10[0],
17714
+ setactiveTab = _useState10[1];
17715
17715
  React.useEffect(function () {
17716
17716
  if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
17717
17717
  var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -17968,13 +17968,17 @@
17968
17968
  }, /*#__PURE__*/React__default["default"].createElement("div", {
17969
17969
  className: langdetect == 'en' ? 'mr-1' : 'ml-1',
17970
17970
  onClick: function onClick() {
17971
- var element2 = document.getElementById('filter');
17972
- element2.classList.toggle('d-flex');
17973
- if (sectionproperties.showhidesubheader == 'Show') {
17974
- var element3 = document.getElementById('subheader');
17975
- element3.classList.toggle('d-none');
17971
+ if (sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas') {
17972
+ setopenCnvas(true);
17973
+ setactiveTab('menu');
17974
+ } else {
17975
+ var element2 = document.getElementById('filter');
17976
+ element2.classList.toggle('d-flex');
17977
+ if (sectionproperties.showhidesubheader == 'Show') {
17978
+ var element3 = document.getElementById('subheader');
17979
+ element3.classList.toggle('d-none');
17980
+ }
17976
17981
  }
17977
- // setopenCnvas(true);
17978
17982
  }
17979
17983
  }, /*#__PURE__*/React__default["default"].createElement("i", {
17980
17984
  "class": "h-100 allcentered"
@@ -18515,7 +18519,7 @@
18515
18519
  style: {
18516
18520
  borderColor: sectionproperties.resp_header_separatorbg
18517
18521
  }
18518
- }))))))), sectionproperties.showhidesubheader == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
18522
+ }))))))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.showresponsivesubheader != 'Hide' && /*#__PURE__*/React__default["default"].createElement("div", {
18519
18523
  className: "col-lg-12 p-0 h-100",
18520
18524
  id: "subheader"
18521
18525
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -18525,6 +18529,282 @@
18525
18529
  }, /*#__PURE__*/React__default["default"].createElement(Subheader, {
18526
18530
  sectionpropertiesprops: sectionproperties,
18527
18531
  actions: actions
18532
+ }))))), sectionproperties.length != 0 && sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
18533
+ show: openCnvas,
18534
+ onHide: function onHide() {
18535
+ setopenCnvas(false);
18536
+ },
18537
+ placement: langdetect == 'en' ? 'start' : 'end',
18538
+ scroll: true,
18539
+ style: {
18540
+ width: '90%',
18541
+ backgroundColor: 'white'
18542
+ },
18543
+ backdrop: true
18544
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, /*#__PURE__*/React__default["default"].createElement("div", {
18545
+ "class": "allcentered",
18546
+ style: {
18547
+ position: 'absolute',
18548
+ right: -34,
18549
+ top: 5,
18550
+ width: 30,
18551
+ height: 30,
18552
+ background: '#000'
18553
+ },
18554
+ onClick: function onClick() {
18555
+ setopenCnvas(false);
18556
+ }
18557
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
18558
+ color: '#fff',
18559
+ size: 16
18560
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
18561
+ className: "row m-0 w-100 mb-5",
18562
+ style: {
18563
+ borderBottom: '1px solid #eee'
18564
+ }
18565
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18566
+ className: 'col-6 allcentered py-3',
18567
+ onClick: function onClick() {
18568
+ setactiveTab('menu');
18569
+ },
18570
+ style: {
18571
+ background: activeTab == 'menu' ? 'white' : '#eee'
18572
+ }
18573
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18574
+ className: "m-0 p-0",
18575
+ style: {
18576
+ textTransform: 'uppercase',
18577
+ fontWeight: 500,
18578
+ fontSize: '15px',
18579
+ transition: '.3s',
18580
+ color: '#000'
18581
+ }
18582
+ }, langdetect == 'en' ? 'MENU' : 'القائمة')), /*#__PURE__*/React__default["default"].createElement("div", {
18583
+ className: 'col-6 allcentered py-3',
18584
+ onClick: function onClick() {
18585
+ setactiveTab('categories');
18586
+ },
18587
+ style: {
18588
+ background: activeTab == 'categories' ? 'white' : '#eee'
18589
+ }
18590
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18591
+ className: "m-0 p-0",
18592
+ style: {
18593
+ textTransform: 'uppercase',
18594
+ fontWeight: 500,
18595
+ fontSize: '15px',
18596
+ transition: '.3s',
18597
+ color: '#000'
18598
+ }
18599
+ }, langdetect == 'en' ? 'COLLECTIONS' : 'المجموعات'))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, activeTab == 'menu' && /*#__PURE__*/React__default["default"].createElement("div", {
18600
+ className: ' row m-0 w-100 anim '
18601
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18602
+ className: "col-lg-12 p-0"
18603
+ }, /*#__PURE__*/React__default["default"].createElement("ul", {
18604
+ className: ' d-flex justify-content-center flex-column p-0 '
18605
+ }, templatepropcontext.pagesnprop.map(function (item, index) {
18606
+ if (item.isnavigation == 1 && item.isactive == 1) {
18607
+ return /*#__PURE__*/React__default["default"].createElement("div", {
18608
+ className: "row m-0 w-100"
18609
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18610
+ className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
18611
+ style: {
18612
+ paddingTop: index == 0 ? 5 : 0
18613
+ }
18614
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18615
+ onClick: function onClick() {
18616
+ routingcountext(item.navigationroute, false, '');
18617
+ setopenCnvas(false);
18618
+ }
18619
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18620
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
18621
+ }, langdetect == 'en' ? item.pagename : item.pagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
18622
+ className: "col-lg-12 p-0"
18623
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
18624
+ className: "mt-4 mb-4",
18625
+ style: {
18626
+ borderColor: sectionproperties.resp_header_separatorbg
18627
+ }
18628
+ })));
18629
+ }
18630
+ }), authdetailsContext.loggedin == true && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
18631
+ className: "row m-0 w-100"
18632
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18633
+ className: "col-lg-12 d-flex justify-content-start",
18634
+ onClick: function onClick() {
18635
+ routingcountext(StaticPagesLinksContext.Ordershistory);
18636
+ setopenCnvas(false);
18637
+ }
18638
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18639
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
18640
+ }, lang.orderhistory)), /*#__PURE__*/React__default["default"].createElement("div", {
18641
+ className: "col-lg-12 p-0"
18642
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
18643
+ className: "mt-4 mb-4",
18644
+ style: {
18645
+ borderColor: sectionproperties.resp_header_separatorbg
18646
+ }
18647
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
18648
+ className: "row m-0 w-100"
18649
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18650
+ className: "col-lg-12 d-flex justify-content-start",
18651
+ onClick: function onClick() {
18652
+ routingcountext(StaticPagesLinksContext.Wishlist);
18653
+ setopenCnvas(false);
18654
+ }
18655
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18656
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
18657
+ }, lang.wishlist)), /*#__PURE__*/React__default["default"].createElement("div", {
18658
+ className: "col-lg-12 p-0"
18659
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
18660
+ className: "mt-3 mb-3",
18661
+ style: {
18662
+ borderColor: sectionproperties.resp_header_separatorbg
18663
+ }
18664
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
18665
+ className: "row m-0 w-100"
18666
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18667
+ className: "col-lg-12 d-flex justify-content-start",
18668
+ onClick: function onClick() {
18669
+ routingcountext(StaticPagesLinksContext.Policies);
18670
+ setopenCnvas(false);
18671
+ }
18672
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18673
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
18674
+ }, lang.policies)))))), activeTab == 'categories' && /*#__PURE__*/React__default["default"].createElement("div", {
18675
+ className: ' row m-0 w-100 accordionContainer anim'
18676
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
18677
+ allowMultipleExpanded: true,
18678
+ allowZeroExpanded: true
18679
+ }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : _fetchCategoriesQuery.categories.map(function (item, index) {
18680
+ if (item.isshowntocustomers == 1) {
18681
+ var _fetchCategoriesQuery2, _fetchCategoriesQuery3;
18682
+ return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
18683
+ uuid: index
18684
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, {
18685
+ onClick: function onClick() {
18686
+ setChoosenindex(index);
18687
+ }
18688
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
18689
+ className: ' row m-0 p-0 mb-2 '
18690
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18691
+ className: ' row m-0 w-100 px-3 '
18692
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18693
+ className: "col-10 p-0"
18694
+ // onClick={() => {
18695
+ // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
18696
+ // }}
18697
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18698
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
18699
+ }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
18700
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
18701
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
18702
+ if (state.expanded == true) {
18703
+ return /*#__PURE__*/React__default["default"].createElement("i", {
18704
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
18705
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
18706
+ style: {
18707
+ color: '#000',
18708
+ fontSize: 15
18709
+ }
18710
+ }));
18711
+ } else {
18712
+ return /*#__PURE__*/React__default["default"].createElement("i", {
18713
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
18714
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
18715
+ style: {
18716
+ color: '#000',
18717
+ fontSize: 15
18718
+ }
18719
+ }));
18720
+ }
18721
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
18722
+ className: "col-lg-12 p-0"
18723
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
18724
+ className: "mt-3 mb-3",
18725
+ style: {
18726
+ borderColor: sectionproperties.resp_header_separatorbg
18727
+ }
18728
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
18729
+ className: "p-0"
18730
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18731
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
18732
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
18733
+ allowMultipleExpanded: true,
18734
+ allowZeroExpanded: true
18735
+ }, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.categories[Choosenindex]) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.parentcolletions) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.length) != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.categories[Choosenindex]) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : _fetchCategoriesQuery3.parentcolletions.map(function (pitem, pindex) {
18736
+ if (pitem.isshowntocustomers == 1) {
18737
+ return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
18738
+ uuid: pindex
18739
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
18740
+ className: ' row m-0 p-0 mb-2 '
18741
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18742
+ className: ' row m-0 w-100 px-4 '
18743
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18744
+ className: "col-10 p-0",
18745
+ onClick: function onClick() {
18746
+ // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
18747
+ }
18748
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18749
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
18750
+ }, langdetect == 'en' ? pitem.title_en : pitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
18751
+ className: "col-lg-2 col-md-2 col-sm-2 p-0"
18752
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
18753
+ if (state.expanded == true) {
18754
+ return /*#__PURE__*/React__default["default"].createElement("i", {
18755
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
18756
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
18757
+ style: {
18758
+ color: '#000',
18759
+ fontSize: 15
18760
+ }
18761
+ }));
18762
+ } else {
18763
+ return /*#__PURE__*/React__default["default"].createElement("i", {
18764
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
18765
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
18766
+ style: {
18767
+ color: '#000',
18768
+ fontSize: 15
18769
+ }
18770
+ }));
18771
+ }
18772
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
18773
+ className: "col-lg-12 p-0"
18774
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
18775
+ className: "mt-3 mb-3",
18776
+ style: {
18777
+ borderColor: sectionproperties.resp_header_separatorbg
18778
+ }
18779
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
18780
+ className: "p-0"
18781
+ }, pitem.collections.length != 0 && pitem.collections.map(function (collitem, collindex) {
18782
+ if (collitem.isshowntocustomers == 1) {
18783
+ return /*#__PURE__*/React__default["default"].createElement("div", {
18784
+ className: ' row m-0 p-0 mb-2 '
18785
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18786
+ className: ' row m-0 w-100 px-5 '
18787
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
18788
+ className: "col-10 p-0",
18789
+ onClick: function onClick() {
18790
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
18791
+ setopenCnvas(false);
18792
+ }
18793
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
18794
+ className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
18795
+ }, langdetect == 'en' ? collitem.title_en : collitem.title_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
18796
+ className: "col-lg-12 p-0"
18797
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
18798
+ className: "mt-3 mb-3",
18799
+ style: {
18800
+ borderColor: sectionproperties.resp_header_separatorbg
18801
+ }
18802
+ })));
18803
+ }
18804
+ })));
18805
+ }
18806
+ }))))));
18807
+ }
18528
18808
  })))))));
18529
18809
  };
18530
18810
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.383",
3
+ "version": "0.0.384",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {