tabexseriescomponents 0.0.712 → 0.0.713

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 (5) hide show
  1. package/app.json +3 -0
  2. package/dist/index.cjs.js +168 -8
  3. package/dist/index.esm.js +168 -8
  4. package/dist/index.umd.js +168 -8
  5. package/package.json +1 -1
package/app.json ADDED
@@ -0,0 +1,3 @@
1
+ {
2
+ "expo": {}
3
+ }
package/dist/index.cjs.js CHANGED
@@ -23127,7 +23127,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
23127
23127
  }), menuactive == true && /*#__PURE__*/React__default["default"].createElement(AiOutlineClose.AiOutlineClose, {
23128
23128
  size: sectionproperties.resp_sidenav_size,
23129
23129
  color: sectionproperties.resp_sidenav_color
23130
- }))), sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
23130
+ }))), sectionproperties.searchbar_show == 'Show' && sectionproperties.searchbtnresponsiveposition == 'Left' && /*#__PURE__*/React__default["default"].createElement("div", {
23131
23131
  style: {
23132
23132
  width: '30px',
23133
23133
  height: sectionproperties.cart_BtnHeight_resp + 'px'
@@ -23188,6 +23188,19 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
23188
23188
  }, /*#__PURE__*/React__default["default"].createElement(IoSearchOutline.IoSearchOutline, {
23189
23189
  size: 22,
23190
23190
  color: sectionproperties.cart_BtnTextcolor_resp
23191
+ }))), sectionproperties.searchbar_show == 'Show' && sectionproperties.searchbtnresponsiveposition == 'Right' && /*#__PURE__*/React__default["default"].createElement("div", {
23192
+ style: {
23193
+ width: '30px',
23194
+ height: sectionproperties.cart_BtnHeight_resp + 'px'
23195
+ }
23196
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
23197
+ "class": "h-100 allcentered",
23198
+ onClick: function onClick() {
23199
+ setopenSearch(true);
23200
+ }
23201
+ }, /*#__PURE__*/React__default["default"].createElement(IoSearchOutline.IoSearchOutline, {
23202
+ size: 22,
23203
+ color: sectionproperties.cart_BtnTextcolor_resp
23191
23204
  }))), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
23192
23205
  style: {
23193
23206
  width: '30px',
@@ -42587,6 +42600,15 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
42587
42600
  setopenSideNav = _useState8[1];
42588
42601
  var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
42589
42602
  var scrollYposittionprops = props.actions.scrollYposittionprops;
42603
+ var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
42604
+ var _useState9 = React.useState(''),
42605
+ _useState10 = _slicedToArray__default["default"](_useState9, 2),
42606
+ Choosenindex = _useState10[0],
42607
+ setChoosenindex = _useState10[1];
42608
+ var _useState11 = React.useState([]),
42609
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
42610
+ pcollarray = _useState12[0],
42611
+ setpcollarray = _useState12[1];
42590
42612
  React.useEffect(function () {
42591
42613
  var secpropobj = {};
42592
42614
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -42611,6 +42633,23 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
42611
42633
  }
42612
42634
  }
42613
42635
  }, [templateproperties_context]);
42636
+ React.useEffect(function () {
42637
+ if (fetchCategoriesQueryContext.isSuccess == true && fetchCategoriesQueryContext.data.data.status == true) {
42638
+ var _fetchCategoriesQuery;
42639
+ var temppcollarray = _toConsumableArray__default["default"](pcollarray);
42640
+ fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 || _fetchCategoriesQuery.categories.forEach(function (arrayItem) {
42641
+ if (arrayItem.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
42642
+ arrayItem === null || arrayItem === void 0 || arrayItem.parentcolletions.forEach(function (item) {
42643
+ if (item.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
42644
+ temppcollarray.push(item);
42645
+ }
42646
+ });
42647
+ }
42648
+ });
42649
+ setpcollarray(_toConsumableArray__default["default"](temppcollarray));
42650
+ }
42651
+ // alert(JSON.stringify(pcollarray));
42652
+ }, [fetchCategoriesQueryContext.isSuccess]);
42614
42653
  var header_cssstyles = {
42615
42654
  upperheadersection: glamor.css({
42616
42655
  background: sectionproperties.uppersection_bgcolor,
@@ -42832,6 +42871,15 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
42832
42871
  '@media (max-width: 800px)': {
42833
42872
  width: '50%'
42834
42873
  }
42874
+ }),
42875
+ collectionname: glamor.css({
42876
+ fontSize: sectionproperties.collectionsectiontextfontsize + 'px',
42877
+ color: sectionproperties.collectionsectiontextcolor,
42878
+ fontWeight: sectionproperties.collectionsectiontextfontweight,
42879
+ ':hover': {
42880
+ color: sectionproperties.collectionsectiontextcoloronhover,
42881
+ transition: '.3s'
42882
+ }
42835
42883
  })
42836
42884
  };
42837
42885
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -42844,8 +42892,8 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
42844
42892
  target: '_blank',
42845
42893
  style: {
42846
42894
  position: 'fixed',
42847
- bottom: 10,
42848
- right: 10,
42895
+ bottom: sectionproperties.whatsapppositionfrombottom + 'px',
42896
+ right: sectionproperties.whatsapppositionfromright + 'px',
42849
42897
  zIndex: 999999,
42850
42898
  transition: 'all 0.3s ease-out'
42851
42899
  }
@@ -42859,8 +42907,8 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
42859
42907
  })), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42860
42908
  style: {
42861
42909
  position: 'fixed',
42862
- bottom: 15,
42863
- right: 15,
42910
+ bottom: sectionproperties.floatingbtnfrombottom + 'px',
42911
+ right: sectionproperties.floatingbtnfromright + 'px',
42864
42912
  zIndex: 999999,
42865
42913
  transition: 'all 0.3s ease-out',
42866
42914
  width: '100%'
@@ -42879,8 +42927,8 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
42879
42927
  target: '_self',
42880
42928
  style: {
42881
42929
  position: 'fixed',
42882
- bottom: 60,
42883
- right: 10,
42930
+ bottom: sectionproperties.callppositionfrombottom + 'px',
42931
+ right: sectionproperties.callppositionfromright + 'px',
42884
42932
  zIndex: 999999,
42885
42933
  transition: 'all 0.3s ease-out'
42886
42934
  }
@@ -43288,7 +43336,119 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
43288
43336
  }, /*#__PURE__*/React__default["default"].createElement("div", {
43289
43337
  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'
43290
43338
  }, templatepropcontext.pagesnprop.map(function (item, index) {
43291
- if (item.isnavigation == 1 && item.isactive == 1) {
43339
+ if (item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex == 0) {
43340
+ return /*#__PURE__*/React__default["default"].createElement("div", {
43341
+ "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer ',
43342
+ onClick: function onClick() {
43343
+ routingcountext(item.navigationroute);
43344
+ },
43345
+ style: {
43346
+ marginTop: sectionproperties.navitemmarginvertical + 'px',
43347
+ marginBottom: sectionproperties.navitemmarginvertical + 'px'
43348
+ }
43349
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43350
+ "class": "row m-0 w-100"
43351
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43352
+ "class": "col-lg-9 p-0 d-flex align-items-center justify-content-start"
43353
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
43354
+ "class": "m-0 p-0"
43355
+ }, " ", langdetect == 'en' ? item.pagename : item.pagename_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
43356
+ "class": "col-lg-3 p-0 d-flex align-items-center justify-content-end"
43357
+ }, /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
43358
+ style: {
43359
+ transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
43360
+ }
43361
+ }))));
43362
+ }
43363
+ }), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
43364
+ allowMultipleExpanded: false,
43365
+ allowZeroExpanded: true
43366
+ }, pcollarray.map(function (item, index) {
43367
+ if (item.isshowntocustomers == 1) {
43368
+ var _item$collections;
43369
+ return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
43370
+ uuid: index
43371
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, {
43372
+ onClick: function onClick() {
43373
+ setChoosenindex(index);
43374
+ }
43375
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
43376
+ className: ' row m-0 p-0 '
43377
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43378
+ "class": header_cssstyles.navbarItem + ' col-lg-10 p-0 d-flex align-items-center justify-content-start cursor-pointer ',
43379
+ onClick: function onClick() {
43380
+ // routingcountext(item.navigationroute);
43381
+ },
43382
+ style: {
43383
+ marginTop: sectionproperties.navitemmarginvertical + 'px',
43384
+ marginBottom: sectionproperties.navitemmarginvertical + 'px'
43385
+ }
43386
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
43387
+ className: "".concat(header_cssstyles.navbarItem) + ' mb-0 p-0 '
43388
+ }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
43389
+ className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
43390
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
43391
+ if (state.expanded == true) {
43392
+ return /*#__PURE__*/React__default["default"].createElement("i", {
43393
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
43394
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
43395
+ style: {
43396
+ color: '#000',
43397
+ fontSize: 15
43398
+ }
43399
+ }));
43400
+ } else {
43401
+ return /*#__PURE__*/React__default["default"].createElement("i", {
43402
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
43403
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
43404
+ style: {
43405
+ color: '#000',
43406
+ fontSize: 15
43407
+ }
43408
+ }));
43409
+ }
43410
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
43411
+ className: "p-0"
43412
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43413
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
43414
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43415
+ "class": "col-lg-12 p-0"
43416
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43417
+ className: ' row m-0 p-0 mb-2 '
43418
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43419
+ className: ' row m-0 w-100 px-3 '
43420
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43421
+ className: "col-10 p-0 text-start",
43422
+ onClick: function onClick() {
43423
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
43424
+ setopenSideNav(false);
43425
+ }
43426
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
43427
+ className: "".concat(header_cssstyles.navbarItem) + ' mb-0 p-0 ',
43428
+ style: {}
43429
+ }, langdetect == 'en' ? 'SHOP' : 'تسوق', " ", langdetect == 'en' ? item.title_en : item.title_ar))))), Choosenindex.length != 0 && (item === null || item === void 0 ? void 0 : item.collections.length) != 0 && (item === null || item === void 0 || (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (collitem, collindex) {
43430
+ if (collitem.isshowntocustomers == 1) {
43431
+ return /*#__PURE__*/React__default["default"].createElement("div", {
43432
+ "class": "col-lg-12 p-0"
43433
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43434
+ className: ' row m-0 p-0 mb-2 '
43435
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43436
+ className: ' row m-0 w-100 px-3 '
43437
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43438
+ className: "col-10 p-0 text-start",
43439
+ onClick: function onClick() {
43440
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
43441
+ setopenSideNav(false);
43442
+ }
43443
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
43444
+ className: "".concat(header_cssstyles.navbarItem) + ' mb-0 p-0 ',
43445
+ style: {}
43446
+ }, langdetect == 'en' ? collitem.title_en : collitem.title_ar)))));
43447
+ }
43448
+ })))));
43449
+ }
43450
+ })), templatepropcontext.pagesnprop.map(function (item, index) {
43451
+ if (item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex > 0) {
43292
43452
  return /*#__PURE__*/React__default["default"].createElement("div", {
43293
43453
  "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer ',
43294
43454
  onClick: function onClick() {
package/dist/index.esm.js CHANGED
@@ -23079,7 +23079,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
23079
23079
  }), menuactive == true && /*#__PURE__*/React.createElement(AiOutlineClose, {
23080
23080
  size: sectionproperties.resp_sidenav_size,
23081
23081
  color: sectionproperties.resp_sidenav_color
23082
- }))), sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
23082
+ }))), sectionproperties.searchbar_show == 'Show' && sectionproperties.searchbtnresponsiveposition == 'Left' && /*#__PURE__*/React.createElement("div", {
23083
23083
  style: {
23084
23084
  width: '30px',
23085
23085
  height: sectionproperties.cart_BtnHeight_resp + 'px'
@@ -23140,6 +23140,19 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
23140
23140
  }, /*#__PURE__*/React.createElement(IoSearchOutline, {
23141
23141
  size: 22,
23142
23142
  color: sectionproperties.cart_BtnTextcolor_resp
23143
+ }))), sectionproperties.searchbar_show == 'Show' && sectionproperties.searchbtnresponsiveposition == 'Right' && /*#__PURE__*/React.createElement("div", {
23144
+ style: {
23145
+ width: '30px',
23146
+ height: sectionproperties.cart_BtnHeight_resp + 'px'
23147
+ }
23148
+ }, /*#__PURE__*/React.createElement("i", {
23149
+ "class": "h-100 allcentered",
23150
+ onClick: function onClick() {
23151
+ setopenSearch(true);
23152
+ }
23153
+ }, /*#__PURE__*/React.createElement(IoSearchOutline, {
23154
+ size: 22,
23155
+ color: sectionproperties.cart_BtnTextcolor_resp
23143
23156
  }))), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React.createElement("div", {
23144
23157
  style: {
23145
23158
  width: '30px',
@@ -42539,6 +42552,15 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
42539
42552
  setopenSideNav = _useState8[1];
42540
42553
  var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
42541
42554
  var scrollYposittionprops = props.actions.scrollYposittionprops;
42555
+ var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
42556
+ var _useState9 = useState(''),
42557
+ _useState10 = _slicedToArray(_useState9, 2),
42558
+ Choosenindex = _useState10[0],
42559
+ setChoosenindex = _useState10[1];
42560
+ var _useState11 = useState([]),
42561
+ _useState12 = _slicedToArray(_useState11, 2),
42562
+ pcollarray = _useState12[0],
42563
+ setpcollarray = _useState12[1];
42542
42564
  useEffect(function () {
42543
42565
  var secpropobj = {};
42544
42566
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -42563,6 +42585,23 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
42563
42585
  }
42564
42586
  }
42565
42587
  }, [templateproperties_context]);
42588
+ useEffect(function () {
42589
+ if (fetchCategoriesQueryContext.isSuccess == true && fetchCategoriesQueryContext.data.data.status == true) {
42590
+ var _fetchCategoriesQuery;
42591
+ var temppcollarray = _toConsumableArray(pcollarray);
42592
+ fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 || _fetchCategoriesQuery.categories.forEach(function (arrayItem) {
42593
+ if (arrayItem.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
42594
+ arrayItem === null || arrayItem === void 0 || arrayItem.parentcolletions.forEach(function (item) {
42595
+ if (item.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
42596
+ temppcollarray.push(item);
42597
+ }
42598
+ });
42599
+ }
42600
+ });
42601
+ setpcollarray(_toConsumableArray(temppcollarray));
42602
+ }
42603
+ // alert(JSON.stringify(pcollarray));
42604
+ }, [fetchCategoriesQueryContext.isSuccess]);
42566
42605
  var header_cssstyles = {
42567
42606
  upperheadersection: css({
42568
42607
  background: sectionproperties.uppersection_bgcolor,
@@ -42784,6 +42823,15 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
42784
42823
  '@media (max-width: 800px)': {
42785
42824
  width: '50%'
42786
42825
  }
42826
+ }),
42827
+ collectionname: css({
42828
+ fontSize: sectionproperties.collectionsectiontextfontsize + 'px',
42829
+ color: sectionproperties.collectionsectiontextcolor,
42830
+ fontWeight: sectionproperties.collectionsectiontextfontweight,
42831
+ ':hover': {
42832
+ color: sectionproperties.collectionsectiontextcoloronhover,
42833
+ transition: '.3s'
42834
+ }
42787
42835
  })
42788
42836
  };
42789
42837
  return /*#__PURE__*/React.createElement("div", {
@@ -42796,8 +42844,8 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
42796
42844
  target: '_blank',
42797
42845
  style: {
42798
42846
  position: 'fixed',
42799
- bottom: 10,
42800
- right: 10,
42847
+ bottom: sectionproperties.whatsapppositionfrombottom + 'px',
42848
+ right: sectionproperties.whatsapppositionfromright + 'px',
42801
42849
  zIndex: 999999,
42802
42850
  transition: 'all 0.3s ease-out'
42803
42851
  }
@@ -42811,8 +42859,8 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
42811
42859
  })), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React.createElement("div", {
42812
42860
  style: {
42813
42861
  position: 'fixed',
42814
- bottom: 15,
42815
- right: 15,
42862
+ bottom: sectionproperties.floatingbtnfrombottom + 'px',
42863
+ right: sectionproperties.floatingbtnfromright + 'px',
42816
42864
  zIndex: 999999,
42817
42865
  transition: 'all 0.3s ease-out',
42818
42866
  width: '100%'
@@ -42831,8 +42879,8 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
42831
42879
  target: '_self',
42832
42880
  style: {
42833
42881
  position: 'fixed',
42834
- bottom: 60,
42835
- right: 10,
42882
+ bottom: sectionproperties.callppositionfrombottom + 'px',
42883
+ right: sectionproperties.callppositionfromright + 'px',
42836
42884
  zIndex: 999999,
42837
42885
  transition: 'all 0.3s ease-out'
42838
42886
  }
@@ -43240,7 +43288,119 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
43240
43288
  }, /*#__PURE__*/React.createElement("div", {
43241
43289
  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'
43242
43290
  }, templatepropcontext.pagesnprop.map(function (item, index) {
43243
- if (item.isnavigation == 1 && item.isactive == 1) {
43291
+ if (item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex == 0) {
43292
+ return /*#__PURE__*/React.createElement("div", {
43293
+ "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer ',
43294
+ onClick: function onClick() {
43295
+ routingcountext(item.navigationroute);
43296
+ },
43297
+ style: {
43298
+ marginTop: sectionproperties.navitemmarginvertical + 'px',
43299
+ marginBottom: sectionproperties.navitemmarginvertical + 'px'
43300
+ }
43301
+ }, /*#__PURE__*/React.createElement("div", {
43302
+ "class": "row m-0 w-100"
43303
+ }, /*#__PURE__*/React.createElement("div", {
43304
+ "class": "col-lg-9 p-0 d-flex align-items-center justify-content-start"
43305
+ }, /*#__PURE__*/React.createElement("p", {
43306
+ "class": "m-0 p-0"
43307
+ }, " ", langdetect == 'en' ? item.pagename : item.pagename_ar)), /*#__PURE__*/React.createElement("div", {
43308
+ "class": "col-lg-3 p-0 d-flex align-items-center justify-content-end"
43309
+ }, /*#__PURE__*/React.createElement(BsChevronRight, {
43310
+ style: {
43311
+ transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
43312
+ }
43313
+ }))));
43314
+ }
43315
+ }), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React.createElement(Accordion, {
43316
+ allowMultipleExpanded: false,
43317
+ allowZeroExpanded: true
43318
+ }, pcollarray.map(function (item, index) {
43319
+ if (item.isshowntocustomers == 1) {
43320
+ var _item$collections;
43321
+ return /*#__PURE__*/React.createElement(AccordionItem, {
43322
+ uuid: index
43323
+ }, /*#__PURE__*/React.createElement(AccordionItemHeading, {
43324
+ onClick: function onClick() {
43325
+ setChoosenindex(index);
43326
+ }
43327
+ }, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
43328
+ className: ' row m-0 p-0 '
43329
+ }, /*#__PURE__*/React.createElement("div", {
43330
+ "class": header_cssstyles.navbarItem + ' col-lg-10 p-0 d-flex align-items-center justify-content-start cursor-pointer ',
43331
+ onClick: function onClick() {
43332
+ // routingcountext(item.navigationroute);
43333
+ },
43334
+ style: {
43335
+ marginTop: sectionproperties.navitemmarginvertical + 'px',
43336
+ marginBottom: sectionproperties.navitemmarginvertical + 'px'
43337
+ }
43338
+ }, /*#__PURE__*/React.createElement("p", {
43339
+ className: "".concat(header_cssstyles.navbarItem) + ' mb-0 p-0 '
43340
+ }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React.createElement("div", {
43341
+ className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
43342
+ }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
43343
+ if (state.expanded == true) {
43344
+ return /*#__PURE__*/React.createElement("i", {
43345
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
43346
+ }, /*#__PURE__*/React.createElement(FiChevronDown, {
43347
+ style: {
43348
+ color: '#000',
43349
+ fontSize: 15
43350
+ }
43351
+ }));
43352
+ } else {
43353
+ return /*#__PURE__*/React.createElement("i", {
43354
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
43355
+ }, /*#__PURE__*/React.createElement(FiChevronUp, {
43356
+ style: {
43357
+ color: '#000',
43358
+ fontSize: 15
43359
+ }
43360
+ }));
43361
+ }
43362
+ }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
43363
+ className: "p-0"
43364
+ }, /*#__PURE__*/React.createElement("div", {
43365
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
43366
+ }, /*#__PURE__*/React.createElement("div", {
43367
+ "class": "col-lg-12 p-0"
43368
+ }, /*#__PURE__*/React.createElement("div", {
43369
+ className: ' row m-0 p-0 mb-2 '
43370
+ }, /*#__PURE__*/React.createElement("div", {
43371
+ className: ' row m-0 w-100 px-3 '
43372
+ }, /*#__PURE__*/React.createElement("div", {
43373
+ className: "col-10 p-0 text-start",
43374
+ onClick: function onClick() {
43375
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
43376
+ setopenSideNav(false);
43377
+ }
43378
+ }, /*#__PURE__*/React.createElement("p", {
43379
+ className: "".concat(header_cssstyles.navbarItem) + ' mb-0 p-0 ',
43380
+ style: {}
43381
+ }, langdetect == 'en' ? 'SHOP' : 'تسوق', " ", langdetect == 'en' ? item.title_en : item.title_ar))))), Choosenindex.length != 0 && (item === null || item === void 0 ? void 0 : item.collections.length) != 0 && (item === null || item === void 0 || (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (collitem, collindex) {
43382
+ if (collitem.isshowntocustomers == 1) {
43383
+ return /*#__PURE__*/React.createElement("div", {
43384
+ "class": "col-lg-12 p-0"
43385
+ }, /*#__PURE__*/React.createElement("div", {
43386
+ className: ' row m-0 p-0 mb-2 '
43387
+ }, /*#__PURE__*/React.createElement("div", {
43388
+ className: ' row m-0 w-100 px-3 '
43389
+ }, /*#__PURE__*/React.createElement("div", {
43390
+ className: "col-10 p-0 text-start",
43391
+ onClick: function onClick() {
43392
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
43393
+ setopenSideNav(false);
43394
+ }
43395
+ }, /*#__PURE__*/React.createElement("p", {
43396
+ className: "".concat(header_cssstyles.navbarItem) + ' mb-0 p-0 ',
43397
+ style: {}
43398
+ }, langdetect == 'en' ? collitem.title_en : collitem.title_ar)))));
43399
+ }
43400
+ })))));
43401
+ }
43402
+ })), templatepropcontext.pagesnprop.map(function (item, index) {
43403
+ if (item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex > 0) {
43244
43404
  return /*#__PURE__*/React.createElement("div", {
43245
43405
  "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer ',
43246
43406
  onClick: function onClick() {
package/dist/index.umd.js CHANGED
@@ -22952,7 +22952,7 @@
22952
22952
  }), menuactive == true && /*#__PURE__*/React__default["default"].createElement(AiOutlineClose.AiOutlineClose, {
22953
22953
  size: sectionproperties.resp_sidenav_size,
22954
22954
  color: sectionproperties.resp_sidenav_color
22955
- }))), sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
22955
+ }))), sectionproperties.searchbar_show == 'Show' && sectionproperties.searchbtnresponsiveposition == 'Left' && /*#__PURE__*/React__default["default"].createElement("div", {
22956
22956
  style: {
22957
22957
  width: '30px',
22958
22958
  height: sectionproperties.cart_BtnHeight_resp + 'px'
@@ -23013,6 +23013,19 @@
23013
23013
  }, /*#__PURE__*/React__default["default"].createElement(IoSearchOutline.IoSearchOutline, {
23014
23014
  size: 22,
23015
23015
  color: sectionproperties.cart_BtnTextcolor_resp
23016
+ }))), sectionproperties.searchbar_show == 'Show' && sectionproperties.searchbtnresponsiveposition == 'Right' && /*#__PURE__*/React__default["default"].createElement("div", {
23017
+ style: {
23018
+ width: '30px',
23019
+ height: sectionproperties.cart_BtnHeight_resp + 'px'
23020
+ }
23021
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
23022
+ "class": "h-100 allcentered",
23023
+ onClick: function onClick() {
23024
+ setopenSearch(true);
23025
+ }
23026
+ }, /*#__PURE__*/React__default["default"].createElement(IoSearchOutline.IoSearchOutline, {
23027
+ size: 22,
23028
+ color: sectionproperties.cart_BtnTextcolor_resp
23016
23029
  }))), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
23017
23030
  style: {
23018
23031
  width: '30px',
@@ -42412,6 +42425,15 @@
42412
42425
  setopenSideNav = _useState8[1];
42413
42426
  var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
42414
42427
  var scrollYposittionprops = props.actions.scrollYposittionprops;
42428
+ var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
42429
+ var _useState9 = React.useState(''),
42430
+ _useState10 = _slicedToArray__default["default"](_useState9, 2),
42431
+ Choosenindex = _useState10[0],
42432
+ setChoosenindex = _useState10[1];
42433
+ var _useState11 = React.useState([]),
42434
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
42435
+ pcollarray = _useState12[0],
42436
+ setpcollarray = _useState12[1];
42415
42437
  React.useEffect(function () {
42416
42438
  var secpropobj = {};
42417
42439
  StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -42436,6 +42458,23 @@
42436
42458
  }
42437
42459
  }
42438
42460
  }, [templateproperties_context]);
42461
+ React.useEffect(function () {
42462
+ if (fetchCategoriesQueryContext.isSuccess == true && fetchCategoriesQueryContext.data.data.status == true) {
42463
+ var _fetchCategoriesQuery;
42464
+ var temppcollarray = _toConsumableArray__default["default"](pcollarray);
42465
+ fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 || _fetchCategoriesQuery.categories.forEach(function (arrayItem) {
42466
+ if (arrayItem.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
42467
+ arrayItem === null || arrayItem === void 0 || arrayItem.parentcolletions.forEach(function (item) {
42468
+ if (item.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
42469
+ temppcollarray.push(item);
42470
+ }
42471
+ });
42472
+ }
42473
+ });
42474
+ setpcollarray(_toConsumableArray__default["default"](temppcollarray));
42475
+ }
42476
+ // alert(JSON.stringify(pcollarray));
42477
+ }, [fetchCategoriesQueryContext.isSuccess]);
42439
42478
  var header_cssstyles = {
42440
42479
  upperheadersection: glamor.css({
42441
42480
  background: sectionproperties.uppersection_bgcolor,
@@ -42657,6 +42696,15 @@
42657
42696
  '@media (max-width: 800px)': {
42658
42697
  width: '50%'
42659
42698
  }
42699
+ }),
42700
+ collectionname: glamor.css({
42701
+ fontSize: sectionproperties.collectionsectiontextfontsize + 'px',
42702
+ color: sectionproperties.collectionsectiontextcolor,
42703
+ fontWeight: sectionproperties.collectionsectiontextfontweight,
42704
+ ':hover': {
42705
+ color: sectionproperties.collectionsectiontextcoloronhover,
42706
+ transition: '.3s'
42707
+ }
42660
42708
  })
42661
42709
  };
42662
42710
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -42669,8 +42717,8 @@
42669
42717
  target: '_blank',
42670
42718
  style: {
42671
42719
  position: 'fixed',
42672
- bottom: 10,
42673
- right: 10,
42720
+ bottom: sectionproperties.whatsapppositionfrombottom + 'px',
42721
+ right: sectionproperties.whatsapppositionfromright + 'px',
42674
42722
  zIndex: 999999,
42675
42723
  transition: 'all 0.3s ease-out'
42676
42724
  }
@@ -42684,8 +42732,8 @@
42684
42732
  })), sectionproperties.showfloatingbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
42685
42733
  style: {
42686
42734
  position: 'fixed',
42687
- bottom: 15,
42688
- right: 15,
42735
+ bottom: sectionproperties.floatingbtnfrombottom + 'px',
42736
+ right: sectionproperties.floatingbtnfromright + 'px',
42689
42737
  zIndex: 999999,
42690
42738
  transition: 'all 0.3s ease-out',
42691
42739
  width: '100%'
@@ -42704,8 +42752,8 @@
42704
42752
  target: '_self',
42705
42753
  style: {
42706
42754
  position: 'fixed',
42707
- bottom: 60,
42708
- right: 10,
42755
+ bottom: sectionproperties.callppositionfrombottom + 'px',
42756
+ right: sectionproperties.callppositionfromright + 'px',
42709
42757
  zIndex: 999999,
42710
42758
  transition: 'all 0.3s ease-out'
42711
42759
  }
@@ -43113,7 +43161,119 @@
43113
43161
  }, /*#__PURE__*/React__default["default"].createElement("div", {
43114
43162
  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'
43115
43163
  }, templatepropcontext.pagesnprop.map(function (item, index) {
43116
- if (item.isnavigation == 1 && item.isactive == 1) {
43164
+ if (item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex == 0) {
43165
+ return /*#__PURE__*/React__default["default"].createElement("div", {
43166
+ "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer ',
43167
+ onClick: function onClick() {
43168
+ routingcountext(item.navigationroute);
43169
+ },
43170
+ style: {
43171
+ marginTop: sectionproperties.navitemmarginvertical + 'px',
43172
+ marginBottom: sectionproperties.navitemmarginvertical + 'px'
43173
+ }
43174
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43175
+ "class": "row m-0 w-100"
43176
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43177
+ "class": "col-lg-9 p-0 d-flex align-items-center justify-content-start"
43178
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
43179
+ "class": "m-0 p-0"
43180
+ }, " ", langdetect == 'en' ? item.pagename : item.pagename_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
43181
+ "class": "col-lg-3 p-0 d-flex align-items-center justify-content-end"
43182
+ }, /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
43183
+ style: {
43184
+ transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
43185
+ }
43186
+ }))));
43187
+ }
43188
+ }), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
43189
+ allowMultipleExpanded: false,
43190
+ allowZeroExpanded: true
43191
+ }, pcollarray.map(function (item, index) {
43192
+ if (item.isshowntocustomers == 1) {
43193
+ var _item$collections;
43194
+ return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
43195
+ uuid: index
43196
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, {
43197
+ onClick: function onClick() {
43198
+ setChoosenindex(index);
43199
+ }
43200
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
43201
+ className: ' row m-0 p-0 '
43202
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43203
+ "class": header_cssstyles.navbarItem + ' col-lg-10 p-0 d-flex align-items-center justify-content-start cursor-pointer ',
43204
+ onClick: function onClick() {
43205
+ // routingcountext(item.navigationroute);
43206
+ },
43207
+ style: {
43208
+ marginTop: sectionproperties.navitemmarginvertical + 'px',
43209
+ marginBottom: sectionproperties.navitemmarginvertical + 'px'
43210
+ }
43211
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
43212
+ className: "".concat(header_cssstyles.navbarItem) + ' mb-0 p-0 '
43213
+ }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
43214
+ className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
43215
+ }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
43216
+ if (state.expanded == true) {
43217
+ return /*#__PURE__*/React__default["default"].createElement("i", {
43218
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
43219
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
43220
+ style: {
43221
+ color: '#000',
43222
+ fontSize: 15
43223
+ }
43224
+ }));
43225
+ } else {
43226
+ return /*#__PURE__*/React__default["default"].createElement("i", {
43227
+ className: ' collapsetitle h-100 d-flex align-items-center justify-content-end '
43228
+ }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
43229
+ style: {
43230
+ color: '#000',
43231
+ fontSize: 15
43232
+ }
43233
+ }));
43234
+ }
43235
+ }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
43236
+ className: "p-0"
43237
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43238
+ className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
43239
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43240
+ "class": "col-lg-12 p-0"
43241
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43242
+ className: ' row m-0 p-0 mb-2 '
43243
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43244
+ className: ' row m-0 w-100 px-3 '
43245
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43246
+ className: "col-10 p-0 text-start",
43247
+ onClick: function onClick() {
43248
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
43249
+ setopenSideNav(false);
43250
+ }
43251
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
43252
+ className: "".concat(header_cssstyles.navbarItem) + ' mb-0 p-0 ',
43253
+ style: {}
43254
+ }, langdetect == 'en' ? 'SHOP' : 'تسوق', " ", langdetect == 'en' ? item.title_en : item.title_ar))))), Choosenindex.length != 0 && (item === null || item === void 0 ? void 0 : item.collections.length) != 0 && (item === null || item === void 0 || (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (collitem, collindex) {
43255
+ if (collitem.isshowntocustomers == 1) {
43256
+ return /*#__PURE__*/React__default["default"].createElement("div", {
43257
+ "class": "col-lg-12 p-0"
43258
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43259
+ className: ' row m-0 p-0 mb-2 '
43260
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43261
+ className: ' row m-0 w-100 px-3 '
43262
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
43263
+ className: "col-10 p-0 text-start",
43264
+ onClick: function onClick() {
43265
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
43266
+ setopenSideNav(false);
43267
+ }
43268
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
43269
+ className: "".concat(header_cssstyles.navbarItem) + ' mb-0 p-0 ',
43270
+ style: {}
43271
+ }, langdetect == 'en' ? collitem.title_en : collitem.title_ar)))));
43272
+ }
43273
+ })))));
43274
+ }
43275
+ })), templatepropcontext.pagesnprop.map(function (item, index) {
43276
+ if (item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex > 0) {
43117
43277
  return /*#__PURE__*/React__default["default"].createElement("div", {
43118
43278
  "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer ',
43119
43279
  onClick: function onClick() {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.712",
3
+ "version": "0.0.713",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {