tabexseriescomponents 0.0.57 → 0.0.60

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 +106 -61
  2. package/dist/index.esm.js +106 -61
  3. package/dist/index.umd.js +106 -61
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -42,7 +42,7 @@ var reactHorizontalScrollingMenu = require('react-horizontal-scrolling-menu');
42
42
  var BackgroundSlideshow = require('react-background-slideshow');
43
43
  var reactSlideshowImage = require('react-slideshow-image');
44
44
  var _extends = require('@babel/runtime/helpers/extends');
45
- var reactRouterDom = require('react-router-dom');
45
+ require('react-router-dom');
46
46
  var bi = require('react-icons/bi');
47
47
  require('react-notifications');
48
48
 
@@ -395,6 +395,35 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
395
395
  }(React.Component);
396
396
  LanguageContext$1.Consumer;
397
397
 
398
+ var ProductsCardsSectionContext = /*#__PURE__*/React__default["default"].createContext();
399
+ var ProductsCardsSectionContext_Provider = function ProductsCardsSectionContext_Provider(props) {
400
+ // let history = useHistory();
401
+ var _useState = React.useState(''),
402
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
403
+ ParentCollectionsForCollectionQueryArrContext = _useState2[0],
404
+ setParentCollectionsForCollectionQueryArrContext = _useState2[1];
405
+
406
+ var _useState3 = React.useState({
407
+ Isfiltercollections: 0,
408
+ isfilter: 0,
409
+ ProductFetchingType: '',
410
+ collections: [],
411
+ FilterOptions: []
412
+ }),
413
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
414
+ ProductFilterObjContext = _useState4[0],
415
+ setProductFilterObjContext = _useState4[1];
416
+
417
+ return /*#__PURE__*/React__default["default"].createElement(ProductsCardsSectionContext.Provider, {
418
+ value: {
419
+ ProductFilterObjContext: ProductFilterObjContext,
420
+ setProductFilterObjContext: setProductFilterObjContext,
421
+ ParentCollectionsForCollectionQueryArrContext: ParentCollectionsForCollectionQueryArrContext,
422
+ setParentCollectionsForCollectionQueryArrContext: setParentCollectionsForCollectionQueryArrContext
423
+ }
424
+ }, props.children);
425
+ };
426
+
398
427
  function styleInject(css, ref) {
399
428
  if ( ref === void 0 ) ref = {};
400
429
  var insertAt = ref.insertAt;
@@ -11358,7 +11387,7 @@ function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if
11358
11387
  function _objectSpread$I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$I(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
11359
11388
 
11360
11389
  var Subheader = function Subheader(props) {
11361
- var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _props$subheaderprope9, _props$subheaderprope10;
11390
+ var _props$subheaderprope, _props$subheaderprope2, _templatepropcontext$, _props$subheaderprope9, _props$subheaderprope10;
11362
11391
 
11363
11392
  // const { lang, setlang, langdetect } = useContext(LanguageContext);
11364
11393
  // const { FetchQueriesEngineContext, setFetchQueriesEngineContext, fetchCategoriesQueryContext } = useContext(FetchingContext);
@@ -11440,122 +11469,134 @@ var Subheader = function Subheader(props) {
11440
11469
  })
11441
11470
  };
11442
11471
  return /*#__PURE__*/React__default["default"].createElement("div", {
11443
- className: (props === null || props === void 0 ? void 0 : (_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$8.sub_outercontainer) + ' ml-0 mr-0 ' : "".concat(headerstyles$8.sub_outercontainer) + ' row ml-0 mr-0 w-100 mt-md-3 pl-sm-2 pr-sm-2 ',
11472
+ "class": (props === null || props === void 0 ? void 0 : (_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$8.sub_outercontainer) + ' ml-0 mr-0 ' : "".concat(headerstyles$8.sub_outercontainer) + ' row ml-0 mr-0 w-100 mt-md-3 pl-sm-2 pr-sm-2 ',
11444
11473
  style: {
11445
11474
  background: sectionproperties.subheaderbg,
11446
11475
  zIndex: 200,
11447
11476
  flex: 1
11448
11477
  }
11449
11478
  }, sectionproperties != undefined && sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
11450
- className: "".concat(headerstyles$8.sub_container) + ' w-100 p-md-0 '
11479
+ "class": "".concat(headerstyles$8.sub_container) + ' w-100 p-md-0 '
11451
11480
  }, fetchCategoriesQueryContext.isSuccess && fetchCategoriesQueryContext.data.data.status && /*#__PURE__*/React__default["default"].createElement("div", {
11452
- className: " ".concat(headerstyles$8.subheader) + ' row w-100 m-0 d-flex flex-row align-items-center w-sm-100 ',
11481
+ "class": " ".concat(headerstyles$8.subheader) + ' row w-100 m-0 d-flex flex-row align-items-center w-sm-100 ',
11453
11482
  style: {
11454
11483
  position: 'relative'
11455
11484
  }
11456
- }, /*#__PURE__*/React__default["default"].createElement("div", {
11457
- className: "ml-auto mr-auto",
11485
+ }, (props === null || props === void 0 ? void 0 : props.subheaderpositionprops) == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
11486
+ "class": "ml-auto mr-auto",
11458
11487
  style: {
11459
11488
  background: sectionproperties.upperseparatorbgcolor,
11460
11489
  width: sectionproperties.upperseparatorwidth + '%',
11461
11490
  height: sectionproperties.upperseparatorheight + 'px'
11462
11491
  }
11463
11492
  }), /*#__PURE__*/React__default["default"].createElement("div", {
11464
- className: "col-lg-12 d-flex flex-column align-items-center justify-content-center pl-0 pr-0",
11493
+ "class": "col-lg-12 m-auto d-flex flex-column align-items-center justify-content-center ",
11465
11494
  style: {
11466
11495
  borderBottom: sectionproperties.separator_borderwidth + 'px solid ' + sectionproperties.separator_bgcolor,
11467
11496
  paddingTop: sectionproperties.subheader_margintop + 'px',
11468
11497
  paddingBottom: sectionproperties.subheader_marginbottom + 'px'
11469
11498
  }
11470
11499
  }, /*#__PURE__*/React__default["default"].createElement("div", {
11471
- className: " ".concat(headerstyles$8.nav__item) + ' d-flex flex-row align-items-center ',
11500
+ "class": "".concat(headerstyles$8.nav__item) + ' scrollhorizontal flex-row align-items-center ',
11472
11501
  style: {
11473
11502
  zIndex: 1000,
11474
- justifyContent: props === null || props === void 0 ? void 0 : (_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops
11503
+ textAlign: langdetect == 'en' ? 'left' : 'right' // justifyContent: props.subheaderpropertiesprops?.subheadercontentpositionprops,
11504
+
11475
11505
  }
11476
- }, (props === null || props === void 0 ? void 0 : (_props$subheaderprope3 = props.subheaderpropertiesprops) === null || _props$subheaderprope3 === void 0 ? void 0 : _props$subheaderprope3.subheaderpositionprops) == 'in nav' && (templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
11506
+ }, (props === null || props === void 0 ? void 0 : (_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheaderpositionprops) == 'in nav' && (templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
11477
11507
  if (item.isnavigation == 1 && item.isactive == 1) {
11478
- var _props$subheaderprope4, _props$subheaderprope5;
11508
+ var _props$subheaderprope3, _props$subheaderprope4, _props$subheaderprope5, _props$subheaderprope6;
11479
11509
 
11480
11510
  return /*#__PURE__*/React__default["default"].createElement("div", {
11481
11511
  onClick: function onClick() {
11482
11512
  history.push(item.navigationroute);
11513
+ },
11514
+ "class": "scrollhorizontalcard",
11515
+ style: {
11516
+ marginLeft: langdetect == 'ar' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope3 = props.subheaderpropertiesprops) === null || _props$subheaderprope3 === void 0 ? void 0 : _props$subheaderprope3.paddingLeftprops : 0,
11517
+ marginRight: langdetect == 'en' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope4 = props.subheaderpropertiesprops) === null || _props$subheaderprope4 === void 0 ? void 0 : _props$subheaderprope4.paddingRightprops : 0
11483
11518
  }
11484
11519
  }, /*#__PURE__*/React__default["default"].createElement("p", {
11485
- className: "".concat(headerstyles$8.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 ',
11520
+ "class": "".concat(headerstyles$8.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 ',
11486
11521
  onClick: function onClick() {
11487
- templatepropcontext.pagesnprop.pages.forEach(function (pageitem, pageindex) {
11522
+ fetch_inst_tabex_websitetemplatesQueryContext.data.data.template.pages.forEach(function (pageitem, pageindex) {
11488
11523
  pageitem.isselected = false;
11489
11524
  });
11490
- templatepropcontext.pagesnprop.pages[index].isselected = true;
11525
+ fetch_inst_tabex_websitetemplatesQueryContext.data.data.template.pages[index].isselected = true;
11491
11526
  },
11492
11527
  style: {
11493
- marginLeft: langdetect == 'en' ? 0 : (_props$subheaderprope4 = props.subheaderpropertiesprops) === null || _props$subheaderprope4 === void 0 ? void 0 : _props$subheaderprope4.paddingLeftprops,
11494
- marginRight: langdetect == 'en' ? (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingRightprops : 0
11528
+ marginLeft: langdetect == 'en' ? 0 : props === null || props === void 0 ? void 0 : (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingLeftprops,
11529
+ marginRight: langdetect == 'en' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope6 = props.subheaderpropertiesprops) === null || _props$subheaderprope6 === void 0 ? void 0 : _props$subheaderprope6.paddingRightprops : 0
11495
11530
  }
11496
11531
  }, langdetect == 'en' ? item.pagename : item.pagename_ar));
11497
11532
  }
11498
11533
  })), fetchCategoriesQueryContext.data.data.categories.map(function (item, index) {
11499
- var _props$subheaderprope6, _props$subheaderprope7, _props$subheaderprope8;
11534
+ var _props$subheaderprope7, _props$subheaderprope8;
11500
11535
 
11501
11536
  return /*#__PURE__*/React__default["default"].createElement("p", {
11502
- className: "".concat(headerstyles$8.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 ',
11537
+ "class": "".concat(headerstyles$8.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
11503
11538
  onClick: function onClick() {},
11504
11539
  onMouseEnter: function onMouseEnter() {
11505
11540
  setshowdownheadermenu(true);
11506
11541
  setChoosenindex(index);
11507
11542
  },
11508
11543
  style: {
11509
- marginLeft: (props === null || props === void 0 ? void 0 : (_props$subheaderprope6 = props.subheaderpropertiesprops) === null || _props$subheaderprope6 === void 0 ? void 0 : _props$subheaderprope6.subheaderpositionprops) == 'in nav' ? 0 : (_props$subheaderprope7 = props.subheaderpropertiesprops) === null || _props$subheaderprope7 === void 0 ? void 0 : _props$subheaderprope7.paddingLeftprops,
11510
- marginRight: props === null || props === void 0 ? void 0 : (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingRightprops
11544
+ marginLeft: langdetect == 'ar' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope7 = props.subheaderpropertiesprops) === null || _props$subheaderprope7 === void 0 ? void 0 : _props$subheaderprope7.paddingLeftprops : 0,
11545
+ marginRight: langdetect == 'en' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingRightprops : 0
11511
11546
  }
11512
11547
  }, langdetect == 'en' ? item.title_en : item.title_ar);
11513
11548
  }))), Choosenindex.length != 0 && fetchCategoriesQueryContext.data.data.categories[Choosenindex].parentcolletions.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
11514
- className: "".concat(headerstyles$8.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-11 ml-auto mr-auto flex-row justify-content-center align-items-center ',
11549
+ "class": "".concat(headerstyles$8.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-11 ml-auto mr-auto flex-row justify-content-center align-items-center ',
11515
11550
  onMouseLeave: function onMouseLeave() {
11516
11551
  setshowdownheadermenu(false);
11517
11552
  },
11518
11553
  style: {
11519
11554
  zIndex: 2000,
11520
- position: (props === null || props === void 0 ? void 0 : (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
11521
- top: (props === null || props === void 0 ? void 0 : (_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.subheaderpositionprops) == 'in nav' ? 20 : ''
11555
+ position: ((_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
11556
+ top: ((_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.subheaderpositionprops) == 'in nav' ? 20 : ''
11522
11557
  }
11523
11558
  }, /*#__PURE__*/React__default["default"].createElement("div", {
11524
- className: "row m-0 w-100 d-flex p-3"
11559
+ "class": "row m-0 w-100 d-flex p-3"
11525
11560
  }, fetchCategoriesQueryContext.data.data.categories[Choosenindex].parentcolletions.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
11526
- className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5"
11561
+ "class": "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5"
11527
11562
  }, /*#__PURE__*/React__default["default"].createElement(md.MdOutlineLayersClear, {
11528
11563
  size: 30
11529
11564
  }), /*#__PURE__*/React__default["default"].createElement("p", {
11530
- className: "font-16 font-weight-500 m-0 p-0"
11565
+ "class": "font-16 font-weight-500 m-0 p-0"
11531
11566
  }, langdetect == 'en' ? 'No collections' : 'لا توجد مجموعات')), fetchCategoriesQueryContext.data.data.categories[Choosenindex].parentcolletions.map(function (item, index) {
11532
11567
  return /*#__PURE__*/React__default["default"].createElement("div", {
11533
- className: "col-lg-2 col-md-6 col-sm-12 mb-md-4 p-0",
11568
+ "class": "col-lg-2 col-md-6 col-sm-12 mb-md-4 p-0",
11534
11569
  style: {
11535
11570
  cursor: 'pointer'
11536
11571
  }
11537
11572
  }, /*#__PURE__*/React__default["default"].createElement("div", {
11538
- className: "row w-100 m-0 d-flex flex-column justify-content-center mb-2"
11573
+ "class": "row w-100 m-0 d-flex flex-column justify-content-center mb-2"
11539
11574
  }, /*#__PURE__*/React__default["default"].createElement("div", {
11540
- className: "col-lg-12 p-0 mb-3",
11575
+ "class": "col-lg-12 p-0 mb-3",
11541
11576
  onClick: function onClick() {
11542
11577
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.parentcollectionid);
11543
11578
  }
11544
11579
  }, /*#__PURE__*/React__default["default"].createElement("p", {
11545
- className: "".concat(header_cssstyles.parentcollection) + ' wordbreak m-0 p-0 '
11580
+ "class": "".concat(header_cssstyles.parentcollection) + ' wordbreak m-0 p-0 ',
11581
+ style: {
11582
+ textAlign: langdetect == 'en' ? 'left' : 'right'
11583
+ }
11546
11584
  }, langdetect == 'en' ? item.title_en : item.title_ar)), item.collections.map(function (item, index) {
11547
11585
  return /*#__PURE__*/React__default["default"].createElement("div", {
11548
- className: "col-lg-12 p-0 mb-2",
11586
+ "class": "col-lg-12 p-0 mb-2",
11549
11587
  onClick: function onClick() {
11550
11588
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.collectionid);
11551
11589
  }
11552
11590
  }, /*#__PURE__*/React__default["default"].createElement("p", {
11553
- className: "".concat(header_cssstyles.subheader_collectiontitle) + ' wordbreak m-0 p-0 '
11591
+ "class": "".concat(header_cssstyles.subheader_collectiontitle) + ' wordbreak m-0 p-0 ',
11592
+ style: {
11593
+ textAlign: langdetect == 'en' ? 'left' : 'right'
11594
+ }
11554
11595
  }, langdetect == 'en' ? item.title_en : item.title_ar));
11555
11596
  }), index != item.collections.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
11556
- className: "col-lg-12 p-0 d-none d-sm-block"
11597
+ "class": "col-lg-12 p-0 d-none d-sm-block"
11557
11598
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
11558
- className: "mt-3 mb-0"
11599
+ "class": "mt-3 mb-0"
11559
11600
  }))));
11560
11601
  }))))));
11561
11602
  };
@@ -20466,7 +20507,7 @@ var Footer4 = function Footer4(props) {
20466
20507
  if (index > 2) {
20467
20508
  return /*#__PURE__*/React__default["default"].createElement("div", {
20468
20509
  className: "col-lg-12 p-0"
20469
- }, /*#__PURE__*/React__default["default"].createElement(Link, {
20510
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20470
20511
  to: item.navigationroute
20471
20512
  }, /*#__PURE__*/React__default["default"].createElement("p", {
20472
20513
  className: "".concat(footerStyles.footersubtitlestyles) + ' wordbreak ',
@@ -20874,7 +20915,7 @@ var Footer5 = function Footer5(props) {
20874
20915
  if (item.isnavigation == 1 && item.isactive == 1) {
20875
20916
  return /*#__PURE__*/React__default["default"].createElement("div", {
20876
20917
  "class": "col-lg-12 p-0 d-flex justify-content-md-center"
20877
- }, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
20918
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20878
20919
  to: item.navigationroute
20879
20920
  }, /*#__PURE__*/React__default["default"].createElement("p", {
20880
20921
  "class": "".concat(footerStyles.footersubtitlestyles) + ' wordbreak ',
@@ -24132,6 +24173,8 @@ var MenuCard = function MenuCard(props) {
24132
24173
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
24133
24174
  var AddtoCartContext = props.actions.AddtoCartContext;
24134
24175
  props.actions.AddtoCartMutationContext;
24176
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
24177
+ var routingcountext = props.actions.routingcountext;
24135
24178
  var NotificationManager = NotificationManager;
24136
24179
 
24137
24180
  var updatequantity = function updatequantity(type) {
@@ -24616,8 +24659,8 @@ var ModernProductCard = function ModernProductCard(props) {
24616
24659
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
24617
24660
  var AddtoCartContext = props.actions.AddtoCartContext;
24618
24661
  props.actions.AddtoCartMutationContext;
24619
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
24620
- var routingcountext = props.routingcountext;
24662
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
24663
+ var routingcountext = props.actions.routingcountext;
24621
24664
  var NotificationManager = NotificationManager;
24622
24665
 
24623
24666
  var updatequantity = function updatequantity(type) {
@@ -25337,8 +25380,8 @@ var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
25337
25380
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
25338
25381
  props.actions.AddtoCartContext;
25339
25382
  props.actions.AddtoCartMutationContext;
25340
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
25341
- var routingcountext = props.routingcountext;
25383
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
25384
+ var routingcountext = props.actions.routingcountext;
25342
25385
  React.useEffect(function () {
25343
25386
  if (props.srcfrom == 'addsectionform') {
25344
25387
  var secpropobj = {};
@@ -25600,8 +25643,8 @@ var Productcard_with_circularhover = function Productcard_with_circularhover(pro
25600
25643
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
25601
25644
  props.actions.AddtoCartContext;
25602
25645
  props.actions.AddtoCartMutationContext;
25603
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
25604
- var routingcountext = props.routingcountext;
25646
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
25647
+ var routingcountext = props.actions.routingcountext;
25605
25648
  React.useEffect(function () {
25606
25649
  if (props.srcfrom == 'addsectionform') {
25607
25650
  var secpropobj = {};
@@ -26146,8 +26189,8 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
26146
26189
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
26147
26190
  props.actions.AddtoCartContext;
26148
26191
  props.actions.AddtoCartMutationContext;
26149
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
26150
- var routingcountext = props.routingcountext;
26192
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
26193
+ var routingcountext = props.actions.routingcountext;
26151
26194
  React.useEffect(function () {
26152
26195
  if (props.srcfrom == 'addsectionform') {
26153
26196
  var secpropobj = {};
@@ -26433,8 +26476,8 @@ var Productcard6 = function Productcard6(props) {
26433
26476
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
26434
26477
  props.actions.AddtoCartContext;
26435
26478
  props.actions.AddtoCartMutationContext;
26436
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
26437
- var routingcountext = props.routingcountext;
26479
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
26480
+ var routingcountext = props.actions.routingcountext;
26438
26481
  React.useEffect(function () {
26439
26482
  if (props.srcfrom == 'addsectionform') {
26440
26483
  var secpropobj = {};
@@ -26679,8 +26722,8 @@ var Productcard7 = function Productcard7(props) {
26679
26722
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
26680
26723
  props.actions.AddtoCartContext;
26681
26724
  props.actions.AddtoCartMutationContext;
26682
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
26683
- var routingcountext = props.routingcountext;
26725
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
26726
+ var routingcountext = props.actions.routingcountext;
26684
26727
  React.useEffect(function () {
26685
26728
  if (props.srcfrom == 'addsectionform') {
26686
26729
  var secpropobj = {};
@@ -26946,8 +26989,8 @@ var Productcarddefault = function Productcarddefault(props) {
26946
26989
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
26947
26990
  props.actions.AddtoCartContext;
26948
26991
  props.actions.AddtoCartMutationContext;
26949
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
26950
- var routingcountext = props.routingcountext;
26992
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
26993
+ var routingcountext = props.actions.routingcountext;
26951
26994
  React.useEffect(function () {
26952
26995
  if (props.srcfrom == 'addsectionform') {
26953
26996
  var secpropobj = {};
@@ -27200,8 +27243,8 @@ var Productccard_with_imageontopleft = function Productccard_with_imageontopleft
27200
27243
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
27201
27244
  props.actions.AddtoCartContext;
27202
27245
  props.actions.AddtoCartMutationContext;
27203
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
27204
- var routingcountext = props.routingcountext;
27246
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
27247
+ var routingcountext = props.actions.routingcountext;
27205
27248
  React.useEffect(function () {
27206
27249
  if (props.srcfrom == 'addsectionform') {
27207
27250
  var secpropobj = {};
@@ -27482,8 +27525,8 @@ var Prouductcard_with_zoomhover = function Prouductcard_with_zoomhover(props) {
27482
27525
  props.actions.setProductIdProdutInfoModalContext;
27483
27526
  props.actions.AddtoCartContext;
27484
27527
  props.actions.AddtoCartMutationContext;
27485
- props.StaticPagesLinksContext;
27486
- props.routingcountext;
27528
+ props.actions.StaticPagesLinksContext;
27529
+ props.actions.routingcountext;
27487
27530
  React.useEffect(function () {
27488
27531
  if (props.srcfrom == 'addsectionform') {
27489
27532
  var secpropobj = {};
@@ -27618,8 +27661,8 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
27618
27661
  props.actions.setProductIdProdutInfoModalContext;
27619
27662
  props.actions.AddtoCartContext;
27620
27663
  props.actions.AddtoCartMutationContext;
27621
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
27622
- var routingcountext = props.routingcountext;
27664
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
27665
+ var routingcountext = props.actions.routingcountext;
27623
27666
  React.useEffect(function () {
27624
27667
  if (props.srcfrom == 'addsectionform') {
27625
27668
  var secpropobj = {};
@@ -27749,8 +27792,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
27749
27792
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
27750
27793
  props.actions.AddtoCartContext;
27751
27794
  props.actions.AddtoCartMutationContext;
27752
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
27753
- var routingcountext = props.routingcountext;
27795
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
27796
+ var routingcountext = props.actions.routingcountext;
27754
27797
  React.useEffect(function () {
27755
27798
  if (props.srcfrom == 'addsectionform') {
27756
27799
  var secpropobj = {};
@@ -28029,8 +28072,8 @@ var StylishProductCard = function StylishProductCard(props) {
28029
28072
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
28030
28073
  props.actions.AddtoCartContext;
28031
28074
  props.actions.AddtoCartMutationContext;
28032
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
28033
- var routingcountext = props.routingcountext;
28075
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
28076
+ var routingcountext = props.actions.routingcountext;
28034
28077
  React.useEffect(function () {
28035
28078
  if (props.srcfrom == 'addsectionform') {
28036
28079
  var secpropobj = {};
@@ -28284,6 +28327,8 @@ var returnLibrary = function returnLibrary() {
28284
28327
  return {
28285
28328
  LanguageContext: LanguageContext$1,
28286
28329
  LanguageProvider: LanguageProvider,
28330
+ ProductsCardsSectionContext: ProductsCardsSectionContext,
28331
+ ProductsCardsSectionContext_Provider: ProductsCardsSectionContext_Provider,
28287
28332
  AwesomeButton: AwesomeButton,
28288
28333
  Checkout: Checkout,
28289
28334
  Signup: Signup,
package/dist/index.esm.js CHANGED
@@ -40,7 +40,7 @@ import { ScrollMenu, VisibilityContext } from 'react-horizontal-scrolling-menu';
40
40
  import BackgroundSlideshow from 'react-background-slideshow';
41
41
  import { Fade, Slide, Zoom } from 'react-slideshow-image';
42
42
  import _extends from '@babel/runtime/helpers/extends';
43
- import { Link as Link$1 } from 'react-router-dom';
43
+ import 'react-router-dom';
44
44
  import { BiUser, BiLogOutCircle, BiChevronDown } from 'react-icons/bi';
45
45
  import 'react-notifications';
46
46
 
@@ -353,6 +353,35 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
353
353
  }(Component);
354
354
  LanguageContext$1.Consumer;
355
355
 
356
+ var ProductsCardsSectionContext = /*#__PURE__*/React.createContext();
357
+ var ProductsCardsSectionContext_Provider = function ProductsCardsSectionContext_Provider(props) {
358
+ // let history = useHistory();
359
+ var _useState = useState(''),
360
+ _useState2 = _slicedToArray(_useState, 2),
361
+ ParentCollectionsForCollectionQueryArrContext = _useState2[0],
362
+ setParentCollectionsForCollectionQueryArrContext = _useState2[1];
363
+
364
+ var _useState3 = useState({
365
+ Isfiltercollections: 0,
366
+ isfilter: 0,
367
+ ProductFetchingType: '',
368
+ collections: [],
369
+ FilterOptions: []
370
+ }),
371
+ _useState4 = _slicedToArray(_useState3, 2),
372
+ ProductFilterObjContext = _useState4[0],
373
+ setProductFilterObjContext = _useState4[1];
374
+
375
+ return /*#__PURE__*/React.createElement(ProductsCardsSectionContext.Provider, {
376
+ value: {
377
+ ProductFilterObjContext: ProductFilterObjContext,
378
+ setProductFilterObjContext: setProductFilterObjContext,
379
+ ParentCollectionsForCollectionQueryArrContext: ParentCollectionsForCollectionQueryArrContext,
380
+ setParentCollectionsForCollectionQueryArrContext: setParentCollectionsForCollectionQueryArrContext
381
+ }
382
+ }, props.children);
383
+ };
384
+
356
385
  function styleInject(css, ref) {
357
386
  if ( ref === void 0 ) ref = {};
358
387
  var insertAt = ref.insertAt;
@@ -11316,7 +11345,7 @@ function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if
11316
11345
  function _objectSpread$I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$I(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
11317
11346
 
11318
11347
  var Subheader = function Subheader(props) {
11319
- var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _props$subheaderprope9, _props$subheaderprope10;
11348
+ var _props$subheaderprope, _props$subheaderprope2, _templatepropcontext$, _props$subheaderprope9, _props$subheaderprope10;
11320
11349
 
11321
11350
  // const { lang, setlang, langdetect } = useContext(LanguageContext);
11322
11351
  // const { FetchQueriesEngineContext, setFetchQueriesEngineContext, fetchCategoriesQueryContext } = useContext(FetchingContext);
@@ -11398,122 +11427,134 @@ var Subheader = function Subheader(props) {
11398
11427
  })
11399
11428
  };
11400
11429
  return /*#__PURE__*/React.createElement("div", {
11401
- className: (props === null || props === void 0 ? void 0 : (_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$8.sub_outercontainer) + ' ml-0 mr-0 ' : "".concat(headerstyles$8.sub_outercontainer) + ' row ml-0 mr-0 w-100 mt-md-3 pl-sm-2 pr-sm-2 ',
11430
+ "class": (props === null || props === void 0 ? void 0 : (_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$8.sub_outercontainer) + ' ml-0 mr-0 ' : "".concat(headerstyles$8.sub_outercontainer) + ' row ml-0 mr-0 w-100 mt-md-3 pl-sm-2 pr-sm-2 ',
11402
11431
  style: {
11403
11432
  background: sectionproperties.subheaderbg,
11404
11433
  zIndex: 200,
11405
11434
  flex: 1
11406
11435
  }
11407
11436
  }, sectionproperties != undefined && sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
11408
- className: "".concat(headerstyles$8.sub_container) + ' w-100 p-md-0 '
11437
+ "class": "".concat(headerstyles$8.sub_container) + ' w-100 p-md-0 '
11409
11438
  }, fetchCategoriesQueryContext.isSuccess && fetchCategoriesQueryContext.data.data.status && /*#__PURE__*/React.createElement("div", {
11410
- className: " ".concat(headerstyles$8.subheader) + ' row w-100 m-0 d-flex flex-row align-items-center w-sm-100 ',
11439
+ "class": " ".concat(headerstyles$8.subheader) + ' row w-100 m-0 d-flex flex-row align-items-center w-sm-100 ',
11411
11440
  style: {
11412
11441
  position: 'relative'
11413
11442
  }
11414
- }, /*#__PURE__*/React.createElement("div", {
11415
- className: "ml-auto mr-auto",
11443
+ }, (props === null || props === void 0 ? void 0 : props.subheaderpositionprops) == 'Full Width' && /*#__PURE__*/React.createElement("div", {
11444
+ "class": "ml-auto mr-auto",
11416
11445
  style: {
11417
11446
  background: sectionproperties.upperseparatorbgcolor,
11418
11447
  width: sectionproperties.upperseparatorwidth + '%',
11419
11448
  height: sectionproperties.upperseparatorheight + 'px'
11420
11449
  }
11421
11450
  }), /*#__PURE__*/React.createElement("div", {
11422
- className: "col-lg-12 d-flex flex-column align-items-center justify-content-center pl-0 pr-0",
11451
+ "class": "col-lg-12 m-auto d-flex flex-column align-items-center justify-content-center ",
11423
11452
  style: {
11424
11453
  borderBottom: sectionproperties.separator_borderwidth + 'px solid ' + sectionproperties.separator_bgcolor,
11425
11454
  paddingTop: sectionproperties.subheader_margintop + 'px',
11426
11455
  paddingBottom: sectionproperties.subheader_marginbottom + 'px'
11427
11456
  }
11428
11457
  }, /*#__PURE__*/React.createElement("div", {
11429
- className: " ".concat(headerstyles$8.nav__item) + ' d-flex flex-row align-items-center ',
11458
+ "class": "".concat(headerstyles$8.nav__item) + ' scrollhorizontal flex-row align-items-center ',
11430
11459
  style: {
11431
11460
  zIndex: 1000,
11432
- justifyContent: props === null || props === void 0 ? void 0 : (_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops
11461
+ textAlign: langdetect == 'en' ? 'left' : 'right' // justifyContent: props.subheaderpropertiesprops?.subheadercontentpositionprops,
11462
+
11433
11463
  }
11434
- }, (props === null || props === void 0 ? void 0 : (_props$subheaderprope3 = props.subheaderpropertiesprops) === null || _props$subheaderprope3 === void 0 ? void 0 : _props$subheaderprope3.subheaderpositionprops) == 'in nav' && (templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
11464
+ }, (props === null || props === void 0 ? void 0 : (_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheaderpositionprops) == 'in nav' && (templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
11435
11465
  if (item.isnavigation == 1 && item.isactive == 1) {
11436
- var _props$subheaderprope4, _props$subheaderprope5;
11466
+ var _props$subheaderprope3, _props$subheaderprope4, _props$subheaderprope5, _props$subheaderprope6;
11437
11467
 
11438
11468
  return /*#__PURE__*/React.createElement("div", {
11439
11469
  onClick: function onClick() {
11440
11470
  history.push(item.navigationroute);
11471
+ },
11472
+ "class": "scrollhorizontalcard",
11473
+ style: {
11474
+ marginLeft: langdetect == 'ar' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope3 = props.subheaderpropertiesprops) === null || _props$subheaderprope3 === void 0 ? void 0 : _props$subheaderprope3.paddingLeftprops : 0,
11475
+ marginRight: langdetect == 'en' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope4 = props.subheaderpropertiesprops) === null || _props$subheaderprope4 === void 0 ? void 0 : _props$subheaderprope4.paddingRightprops : 0
11441
11476
  }
11442
11477
  }, /*#__PURE__*/React.createElement("p", {
11443
- className: "".concat(headerstyles$8.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 ',
11478
+ "class": "".concat(headerstyles$8.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 ',
11444
11479
  onClick: function onClick() {
11445
- templatepropcontext.pagesnprop.pages.forEach(function (pageitem, pageindex) {
11480
+ fetch_inst_tabex_websitetemplatesQueryContext.data.data.template.pages.forEach(function (pageitem, pageindex) {
11446
11481
  pageitem.isselected = false;
11447
11482
  });
11448
- templatepropcontext.pagesnprop.pages[index].isselected = true;
11483
+ fetch_inst_tabex_websitetemplatesQueryContext.data.data.template.pages[index].isselected = true;
11449
11484
  },
11450
11485
  style: {
11451
- marginLeft: langdetect == 'en' ? 0 : (_props$subheaderprope4 = props.subheaderpropertiesprops) === null || _props$subheaderprope4 === void 0 ? void 0 : _props$subheaderprope4.paddingLeftprops,
11452
- marginRight: langdetect == 'en' ? (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingRightprops : 0
11486
+ marginLeft: langdetect == 'en' ? 0 : props === null || props === void 0 ? void 0 : (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingLeftprops,
11487
+ marginRight: langdetect == 'en' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope6 = props.subheaderpropertiesprops) === null || _props$subheaderprope6 === void 0 ? void 0 : _props$subheaderprope6.paddingRightprops : 0
11453
11488
  }
11454
11489
  }, langdetect == 'en' ? item.pagename : item.pagename_ar));
11455
11490
  }
11456
11491
  })), fetchCategoriesQueryContext.data.data.categories.map(function (item, index) {
11457
- var _props$subheaderprope6, _props$subheaderprope7, _props$subheaderprope8;
11492
+ var _props$subheaderprope7, _props$subheaderprope8;
11458
11493
 
11459
11494
  return /*#__PURE__*/React.createElement("p", {
11460
- className: "".concat(headerstyles$8.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 ',
11495
+ "class": "".concat(headerstyles$8.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
11461
11496
  onClick: function onClick() {},
11462
11497
  onMouseEnter: function onMouseEnter() {
11463
11498
  setshowdownheadermenu(true);
11464
11499
  setChoosenindex(index);
11465
11500
  },
11466
11501
  style: {
11467
- marginLeft: (props === null || props === void 0 ? void 0 : (_props$subheaderprope6 = props.subheaderpropertiesprops) === null || _props$subheaderprope6 === void 0 ? void 0 : _props$subheaderprope6.subheaderpositionprops) == 'in nav' ? 0 : (_props$subheaderprope7 = props.subheaderpropertiesprops) === null || _props$subheaderprope7 === void 0 ? void 0 : _props$subheaderprope7.paddingLeftprops,
11468
- marginRight: props === null || props === void 0 ? void 0 : (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingRightprops
11502
+ marginLeft: langdetect == 'ar' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope7 = props.subheaderpropertiesprops) === null || _props$subheaderprope7 === void 0 ? void 0 : _props$subheaderprope7.paddingLeftprops : 0,
11503
+ marginRight: langdetect == 'en' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingRightprops : 0
11469
11504
  }
11470
11505
  }, langdetect == 'en' ? item.title_en : item.title_ar);
11471
11506
  }))), Choosenindex.length != 0 && fetchCategoriesQueryContext.data.data.categories[Choosenindex].parentcolletions.length != 0 && /*#__PURE__*/React.createElement("div", {
11472
- className: "".concat(headerstyles$8.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-11 ml-auto mr-auto flex-row justify-content-center align-items-center ',
11507
+ "class": "".concat(headerstyles$8.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-11 ml-auto mr-auto flex-row justify-content-center align-items-center ',
11473
11508
  onMouseLeave: function onMouseLeave() {
11474
11509
  setshowdownheadermenu(false);
11475
11510
  },
11476
11511
  style: {
11477
11512
  zIndex: 2000,
11478
- position: (props === null || props === void 0 ? void 0 : (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
11479
- top: (props === null || props === void 0 ? void 0 : (_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.subheaderpositionprops) == 'in nav' ? 20 : ''
11513
+ position: ((_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
11514
+ top: ((_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.subheaderpositionprops) == 'in nav' ? 20 : ''
11480
11515
  }
11481
11516
  }, /*#__PURE__*/React.createElement("div", {
11482
- className: "row m-0 w-100 d-flex p-3"
11517
+ "class": "row m-0 w-100 d-flex p-3"
11483
11518
  }, fetchCategoriesQueryContext.data.data.categories[Choosenindex].parentcolletions.length == 0 && /*#__PURE__*/React.createElement("div", {
11484
- className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5"
11519
+ "class": "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5"
11485
11520
  }, /*#__PURE__*/React.createElement(MdOutlineLayersClear, {
11486
11521
  size: 30
11487
11522
  }), /*#__PURE__*/React.createElement("p", {
11488
- className: "font-16 font-weight-500 m-0 p-0"
11523
+ "class": "font-16 font-weight-500 m-0 p-0"
11489
11524
  }, langdetect == 'en' ? 'No collections' : 'لا توجد مجموعات')), fetchCategoriesQueryContext.data.data.categories[Choosenindex].parentcolletions.map(function (item, index) {
11490
11525
  return /*#__PURE__*/React.createElement("div", {
11491
- className: "col-lg-2 col-md-6 col-sm-12 mb-md-4 p-0",
11526
+ "class": "col-lg-2 col-md-6 col-sm-12 mb-md-4 p-0",
11492
11527
  style: {
11493
11528
  cursor: 'pointer'
11494
11529
  }
11495
11530
  }, /*#__PURE__*/React.createElement("div", {
11496
- className: "row w-100 m-0 d-flex flex-column justify-content-center mb-2"
11531
+ "class": "row w-100 m-0 d-flex flex-column justify-content-center mb-2"
11497
11532
  }, /*#__PURE__*/React.createElement("div", {
11498
- className: "col-lg-12 p-0 mb-3",
11533
+ "class": "col-lg-12 p-0 mb-3",
11499
11534
  onClick: function onClick() {
11500
11535
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.parentcollectionid);
11501
11536
  }
11502
11537
  }, /*#__PURE__*/React.createElement("p", {
11503
- className: "".concat(header_cssstyles.parentcollection) + ' wordbreak m-0 p-0 '
11538
+ "class": "".concat(header_cssstyles.parentcollection) + ' wordbreak m-0 p-0 ',
11539
+ style: {
11540
+ textAlign: langdetect == 'en' ? 'left' : 'right'
11541
+ }
11504
11542
  }, langdetect == 'en' ? item.title_en : item.title_ar)), item.collections.map(function (item, index) {
11505
11543
  return /*#__PURE__*/React.createElement("div", {
11506
- className: "col-lg-12 p-0 mb-2",
11544
+ "class": "col-lg-12 p-0 mb-2",
11507
11545
  onClick: function onClick() {
11508
11546
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.collectionid);
11509
11547
  }
11510
11548
  }, /*#__PURE__*/React.createElement("p", {
11511
- className: "".concat(header_cssstyles.subheader_collectiontitle) + ' wordbreak m-0 p-0 '
11549
+ "class": "".concat(header_cssstyles.subheader_collectiontitle) + ' wordbreak m-0 p-0 ',
11550
+ style: {
11551
+ textAlign: langdetect == 'en' ? 'left' : 'right'
11552
+ }
11512
11553
  }, langdetect == 'en' ? item.title_en : item.title_ar));
11513
11554
  }), index != item.collections.length != 0 && /*#__PURE__*/React.createElement("div", {
11514
- className: "col-lg-12 p-0 d-none d-sm-block"
11555
+ "class": "col-lg-12 p-0 d-none d-sm-block"
11515
11556
  }, /*#__PURE__*/React.createElement("hr", {
11516
- className: "mt-3 mb-0"
11557
+ "class": "mt-3 mb-0"
11517
11558
  }))));
11518
11559
  }))))));
11519
11560
  };
@@ -20424,7 +20465,7 @@ var Footer4 = function Footer4(props) {
20424
20465
  if (index > 2) {
20425
20466
  return /*#__PURE__*/React.createElement("div", {
20426
20467
  className: "col-lg-12 p-0"
20427
- }, /*#__PURE__*/React.createElement(Link, {
20468
+ }, /*#__PURE__*/React.createElement("div", {
20428
20469
  to: item.navigationroute
20429
20470
  }, /*#__PURE__*/React.createElement("p", {
20430
20471
  className: "".concat(footerStyles.footersubtitlestyles) + ' wordbreak ',
@@ -20832,7 +20873,7 @@ var Footer5 = function Footer5(props) {
20832
20873
  if (item.isnavigation == 1 && item.isactive == 1) {
20833
20874
  return /*#__PURE__*/React.createElement("div", {
20834
20875
  "class": "col-lg-12 p-0 d-flex justify-content-md-center"
20835
- }, /*#__PURE__*/React.createElement(Link$1, {
20876
+ }, /*#__PURE__*/React.createElement("div", {
20836
20877
  to: item.navigationroute
20837
20878
  }, /*#__PURE__*/React.createElement("p", {
20838
20879
  "class": "".concat(footerStyles.footersubtitlestyles) + ' wordbreak ',
@@ -24090,6 +24131,8 @@ var MenuCard = function MenuCard(props) {
24090
24131
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
24091
24132
  var AddtoCartContext = props.actions.AddtoCartContext;
24092
24133
  props.actions.AddtoCartMutationContext;
24134
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
24135
+ var routingcountext = props.actions.routingcountext;
24093
24136
  var NotificationManager = NotificationManager;
24094
24137
 
24095
24138
  var updatequantity = function updatequantity(type) {
@@ -24574,8 +24617,8 @@ var ModernProductCard = function ModernProductCard(props) {
24574
24617
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
24575
24618
  var AddtoCartContext = props.actions.AddtoCartContext;
24576
24619
  props.actions.AddtoCartMutationContext;
24577
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
24578
- var routingcountext = props.routingcountext;
24620
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
24621
+ var routingcountext = props.actions.routingcountext;
24579
24622
  var NotificationManager = NotificationManager;
24580
24623
 
24581
24624
  var updatequantity = function updatequantity(type) {
@@ -25295,8 +25338,8 @@ var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
25295
25338
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
25296
25339
  props.actions.AddtoCartContext;
25297
25340
  props.actions.AddtoCartMutationContext;
25298
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
25299
- var routingcountext = props.routingcountext;
25341
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
25342
+ var routingcountext = props.actions.routingcountext;
25300
25343
  useEffect(function () {
25301
25344
  if (props.srcfrom == 'addsectionform') {
25302
25345
  var secpropobj = {};
@@ -25558,8 +25601,8 @@ var Productcard_with_circularhover = function Productcard_with_circularhover(pro
25558
25601
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
25559
25602
  props.actions.AddtoCartContext;
25560
25603
  props.actions.AddtoCartMutationContext;
25561
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
25562
- var routingcountext = props.routingcountext;
25604
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
25605
+ var routingcountext = props.actions.routingcountext;
25563
25606
  useEffect(function () {
25564
25607
  if (props.srcfrom == 'addsectionform') {
25565
25608
  var secpropobj = {};
@@ -26104,8 +26147,8 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
26104
26147
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
26105
26148
  props.actions.AddtoCartContext;
26106
26149
  props.actions.AddtoCartMutationContext;
26107
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
26108
- var routingcountext = props.routingcountext;
26150
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
26151
+ var routingcountext = props.actions.routingcountext;
26109
26152
  useEffect(function () {
26110
26153
  if (props.srcfrom == 'addsectionform') {
26111
26154
  var secpropobj = {};
@@ -26391,8 +26434,8 @@ var Productcard6 = function Productcard6(props) {
26391
26434
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
26392
26435
  props.actions.AddtoCartContext;
26393
26436
  props.actions.AddtoCartMutationContext;
26394
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
26395
- var routingcountext = props.routingcountext;
26437
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
26438
+ var routingcountext = props.actions.routingcountext;
26396
26439
  useEffect(function () {
26397
26440
  if (props.srcfrom == 'addsectionform') {
26398
26441
  var secpropobj = {};
@@ -26637,8 +26680,8 @@ var Productcard7 = function Productcard7(props) {
26637
26680
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
26638
26681
  props.actions.AddtoCartContext;
26639
26682
  props.actions.AddtoCartMutationContext;
26640
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
26641
- var routingcountext = props.routingcountext;
26683
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
26684
+ var routingcountext = props.actions.routingcountext;
26642
26685
  useEffect(function () {
26643
26686
  if (props.srcfrom == 'addsectionform') {
26644
26687
  var secpropobj = {};
@@ -26904,8 +26947,8 @@ var Productcarddefault = function Productcarddefault(props) {
26904
26947
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
26905
26948
  props.actions.AddtoCartContext;
26906
26949
  props.actions.AddtoCartMutationContext;
26907
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
26908
- var routingcountext = props.routingcountext;
26950
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
26951
+ var routingcountext = props.actions.routingcountext;
26909
26952
  useEffect(function () {
26910
26953
  if (props.srcfrom == 'addsectionform') {
26911
26954
  var secpropobj = {};
@@ -27158,8 +27201,8 @@ var Productccard_with_imageontopleft = function Productccard_with_imageontopleft
27158
27201
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
27159
27202
  props.actions.AddtoCartContext;
27160
27203
  props.actions.AddtoCartMutationContext;
27161
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
27162
- var routingcountext = props.routingcountext;
27204
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
27205
+ var routingcountext = props.actions.routingcountext;
27163
27206
  useEffect(function () {
27164
27207
  if (props.srcfrom == 'addsectionform') {
27165
27208
  var secpropobj = {};
@@ -27440,8 +27483,8 @@ var Prouductcard_with_zoomhover = function Prouductcard_with_zoomhover(props) {
27440
27483
  props.actions.setProductIdProdutInfoModalContext;
27441
27484
  props.actions.AddtoCartContext;
27442
27485
  props.actions.AddtoCartMutationContext;
27443
- props.StaticPagesLinksContext;
27444
- props.routingcountext;
27486
+ props.actions.StaticPagesLinksContext;
27487
+ props.actions.routingcountext;
27445
27488
  useEffect(function () {
27446
27489
  if (props.srcfrom == 'addsectionform') {
27447
27490
  var secpropobj = {};
@@ -27576,8 +27619,8 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
27576
27619
  props.actions.setProductIdProdutInfoModalContext;
27577
27620
  props.actions.AddtoCartContext;
27578
27621
  props.actions.AddtoCartMutationContext;
27579
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
27580
- var routingcountext = props.routingcountext;
27622
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
27623
+ var routingcountext = props.actions.routingcountext;
27581
27624
  useEffect(function () {
27582
27625
  if (props.srcfrom == 'addsectionform') {
27583
27626
  var secpropobj = {};
@@ -27707,8 +27750,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
27707
27750
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
27708
27751
  props.actions.AddtoCartContext;
27709
27752
  props.actions.AddtoCartMutationContext;
27710
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
27711
- var routingcountext = props.routingcountext;
27753
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
27754
+ var routingcountext = props.actions.routingcountext;
27712
27755
  useEffect(function () {
27713
27756
  if (props.srcfrom == 'addsectionform') {
27714
27757
  var secpropobj = {};
@@ -27987,8 +28030,8 @@ var StylishProductCard = function StylishProductCard(props) {
27987
28030
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
27988
28031
  props.actions.AddtoCartContext;
27989
28032
  props.actions.AddtoCartMutationContext;
27990
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
27991
- var routingcountext = props.routingcountext;
28033
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
28034
+ var routingcountext = props.actions.routingcountext;
27992
28035
  useEffect(function () {
27993
28036
  if (props.srcfrom == 'addsectionform') {
27994
28037
  var secpropobj = {};
@@ -28242,6 +28285,8 @@ var returnLibrary = function returnLibrary() {
28242
28285
  return {
28243
28286
  LanguageContext: LanguageContext$1,
28244
28287
  LanguageProvider: LanguageProvider,
28288
+ ProductsCardsSectionContext: ProductsCardsSectionContext,
28289
+ ProductsCardsSectionContext_Provider: ProductsCardsSectionContext_Provider,
28245
28290
  AwesomeButton: AwesomeButton,
28246
28291
  Checkout: Checkout,
28247
28292
  Signup: Signup,
package/dist/index.umd.js CHANGED
@@ -1,7 +1,7 @@
1
1
  (function (global, factory) {
2
2
  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-icons/ai'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('react-icons/fa'), require('react-image-gallery'), require('react-icons/md'), require('react-show-more-text'), require('react-router'), require('imagekitio-react'), require('react-icons/fi'), require('react-icons/hi'), require('react-icons/ri'), require('react-icons/cg'), require('react-icons/bs'), require('react-icons/io5'), require('@babel/runtime/helpers/toConsumableArray'), require('react-bootstrap'), require('react-icons/go'), require('react-icons/io'), require('react-textarea-autosize'), require('react-icons/gr'), require('react-accessible-accordion'), require('react-bootstrap/Dropdown'), require('react-intersection-observer'), require('axios'), require('react-horizontal-scrolling-menu'), require('react-background-slideshow'), require('react-slideshow-image'), require('@babel/runtime/helpers/extends'), require('react-router-dom'), require('react-icons/bi'), require('react-notifications')) :
3
3
  typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-icons/ai', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', 'react-icons/fa', 'react-image-gallery', 'react-icons/md', 'react-show-more-text', 'react-router', 'imagekitio-react', 'react-icons/fi', 'react-icons/hi', 'react-icons/ri', 'react-icons/cg', 'react-icons/bs', 'react-icons/io5', '@babel/runtime/helpers/toConsumableArray', 'react-bootstrap', 'react-icons/go', 'react-icons/io', 'react-textarea-autosize', 'react-icons/gr', 'react-accessible-accordion', 'react-bootstrap/Dropdown', 'react-intersection-observer', 'axios', 'react-horizontal-scrolling-menu', 'react-background-slideshow', 'react-slideshow-image', '@babel/runtime/helpers/extends', 'react-router-dom', 'react-icons/bi', 'react-notifications'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.ai, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.fa, global.ImageGallery, global.md, global.ShowMoreText, global.reactRouter, global.imagekitioReact, global.fi, global.hi, global.ri, global.cg, global.bs, global.io5, global._toConsumableArray, global.reactBootstrap, global.go, global.io, global.TextareaAutosize, global.gr, global.reactAccessibleAccordion, global.Dropdown, global.reactIntersectionObserver, null, global.reactHorizontalScrollingMenu, global.BackgroundSlideshow, global.reactSlideshowImage, global._extends, global.reactRouterDom, global.bi));
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.ai, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.fa, global.ImageGallery, global.md, global.ShowMoreText, global.reactRouter, global.imagekitioReact, global.fi, global.hi, global.ri, global.cg, global.bs, global.io5, global._toConsumableArray, global.reactBootstrap, global.go, global.io, global.TextareaAutosize, global.gr, global.reactAccessibleAccordion, global.Dropdown, global.reactIntersectionObserver, null, global.reactHorizontalScrollingMenu, global.BackgroundSlideshow, global.reactSlideshowImage, global._extends, null, global.bi));
5
5
  })(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, ai, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, fa, ImageGallery, md, ShowMoreText, reactRouter, imagekitioReact, fi, hi, ri, cg, bs, io5, _toConsumableArray, reactBootstrap, go, io, TextareaAutosize, gr, reactAccessibleAccordion, Dropdown, reactIntersectionObserver, axios, reactHorizontalScrollingMenu, BackgroundSlideshow, reactSlideshowImage, _extends, reactRouterDom, bi) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -335,6 +335,35 @@
335
335
  }(React.Component);
336
336
  LanguageContext$1.Consumer;
337
337
 
338
+ var ProductsCardsSectionContext = /*#__PURE__*/React__default["default"].createContext();
339
+ var ProductsCardsSectionContext_Provider = function ProductsCardsSectionContext_Provider(props) {
340
+ // let history = useHistory();
341
+ var _useState = React.useState(''),
342
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
343
+ ParentCollectionsForCollectionQueryArrContext = _useState2[0],
344
+ setParentCollectionsForCollectionQueryArrContext = _useState2[1];
345
+
346
+ var _useState3 = React.useState({
347
+ Isfiltercollections: 0,
348
+ isfilter: 0,
349
+ ProductFetchingType: '',
350
+ collections: [],
351
+ FilterOptions: []
352
+ }),
353
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
354
+ ProductFilterObjContext = _useState4[0],
355
+ setProductFilterObjContext = _useState4[1];
356
+
357
+ return /*#__PURE__*/React__default["default"].createElement(ProductsCardsSectionContext.Provider, {
358
+ value: {
359
+ ProductFilterObjContext: ProductFilterObjContext,
360
+ setProductFilterObjContext: setProductFilterObjContext,
361
+ ParentCollectionsForCollectionQueryArrContext: ParentCollectionsForCollectionQueryArrContext,
362
+ setParentCollectionsForCollectionQueryArrContext: setParentCollectionsForCollectionQueryArrContext
363
+ }
364
+ }, props.children);
365
+ };
366
+
338
367
  function styleInject(css, ref) {
339
368
  if ( ref === void 0 ) ref = {};
340
369
  var insertAt = ref.insertAt;
@@ -11298,7 +11327,7 @@
11298
11327
  function _objectSpread$I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$I(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
11299
11328
 
11300
11329
  var Subheader = function Subheader(props) {
11301
- var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _props$subheaderprope9, _props$subheaderprope10;
11330
+ var _props$subheaderprope, _props$subheaderprope2, _templatepropcontext$, _props$subheaderprope9, _props$subheaderprope10;
11302
11331
 
11303
11332
  // const { lang, setlang, langdetect } = useContext(LanguageContext);
11304
11333
  // const { FetchQueriesEngineContext, setFetchQueriesEngineContext, fetchCategoriesQueryContext } = useContext(FetchingContext);
@@ -11380,122 +11409,134 @@
11380
11409
  })
11381
11410
  };
11382
11411
  return /*#__PURE__*/React__default["default"].createElement("div", {
11383
- className: (props === null || props === void 0 ? void 0 : (_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$8.sub_outercontainer) + ' ml-0 mr-0 ' : "".concat(headerstyles$8.sub_outercontainer) + ' row ml-0 mr-0 w-100 mt-md-3 pl-sm-2 pr-sm-2 ',
11412
+ "class": (props === null || props === void 0 ? void 0 : (_props$subheaderprope = props.subheaderpropertiesprops) === null || _props$subheaderprope === void 0 ? void 0 : _props$subheaderprope.subheaderpositionprops) == 'in nav' ? "".concat(headerstyles$8.sub_outercontainer) + ' ml-0 mr-0 ' : "".concat(headerstyles$8.sub_outercontainer) + ' row ml-0 mr-0 w-100 mt-md-3 pl-sm-2 pr-sm-2 ',
11384
11413
  style: {
11385
11414
  background: sectionproperties.subheaderbg,
11386
11415
  zIndex: 200,
11387
11416
  flex: 1
11388
11417
  }
11389
11418
  }, sectionproperties != undefined && sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
11390
- className: "".concat(headerstyles$8.sub_container) + ' w-100 p-md-0 '
11419
+ "class": "".concat(headerstyles$8.sub_container) + ' w-100 p-md-0 '
11391
11420
  }, fetchCategoriesQueryContext.isSuccess && fetchCategoriesQueryContext.data.data.status && /*#__PURE__*/React__default["default"].createElement("div", {
11392
- className: " ".concat(headerstyles$8.subheader) + ' row w-100 m-0 d-flex flex-row align-items-center w-sm-100 ',
11421
+ "class": " ".concat(headerstyles$8.subheader) + ' row w-100 m-0 d-flex flex-row align-items-center w-sm-100 ',
11393
11422
  style: {
11394
11423
  position: 'relative'
11395
11424
  }
11396
- }, /*#__PURE__*/React__default["default"].createElement("div", {
11397
- className: "ml-auto mr-auto",
11425
+ }, (props === null || props === void 0 ? void 0 : props.subheaderpositionprops) == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
11426
+ "class": "ml-auto mr-auto",
11398
11427
  style: {
11399
11428
  background: sectionproperties.upperseparatorbgcolor,
11400
11429
  width: sectionproperties.upperseparatorwidth + '%',
11401
11430
  height: sectionproperties.upperseparatorheight + 'px'
11402
11431
  }
11403
11432
  }), /*#__PURE__*/React__default["default"].createElement("div", {
11404
- className: "col-lg-12 d-flex flex-column align-items-center justify-content-center pl-0 pr-0",
11433
+ "class": "col-lg-12 m-auto d-flex flex-column align-items-center justify-content-center ",
11405
11434
  style: {
11406
11435
  borderBottom: sectionproperties.separator_borderwidth + 'px solid ' + sectionproperties.separator_bgcolor,
11407
11436
  paddingTop: sectionproperties.subheader_margintop + 'px',
11408
11437
  paddingBottom: sectionproperties.subheader_marginbottom + 'px'
11409
11438
  }
11410
11439
  }, /*#__PURE__*/React__default["default"].createElement("div", {
11411
- className: " ".concat(headerstyles$8.nav__item) + ' d-flex flex-row align-items-center ',
11440
+ "class": "".concat(headerstyles$8.nav__item) + ' scrollhorizontal flex-row align-items-center ',
11412
11441
  style: {
11413
11442
  zIndex: 1000,
11414
- justifyContent: props === null || props === void 0 ? void 0 : (_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops
11443
+ textAlign: langdetect == 'en' ? 'left' : 'right' // justifyContent: props.subheaderpropertiesprops?.subheadercontentpositionprops,
11444
+
11415
11445
  }
11416
- }, (props === null || props === void 0 ? void 0 : (_props$subheaderprope3 = props.subheaderpropertiesprops) === null || _props$subheaderprope3 === void 0 ? void 0 : _props$subheaderprope3.subheaderpositionprops) == 'in nav' && (templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
11446
+ }, (props === null || props === void 0 ? void 0 : (_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheaderpositionprops) == 'in nav' && (templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
11417
11447
  if (item.isnavigation == 1 && item.isactive == 1) {
11418
- var _props$subheaderprope4, _props$subheaderprope5;
11448
+ var _props$subheaderprope3, _props$subheaderprope4, _props$subheaderprope5, _props$subheaderprope6;
11419
11449
 
11420
11450
  return /*#__PURE__*/React__default["default"].createElement("div", {
11421
11451
  onClick: function onClick() {
11422
11452
  history.push(item.navigationroute);
11453
+ },
11454
+ "class": "scrollhorizontalcard",
11455
+ style: {
11456
+ marginLeft: langdetect == 'ar' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope3 = props.subheaderpropertiesprops) === null || _props$subheaderprope3 === void 0 ? void 0 : _props$subheaderprope3.paddingLeftprops : 0,
11457
+ marginRight: langdetect == 'en' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope4 = props.subheaderpropertiesprops) === null || _props$subheaderprope4 === void 0 ? void 0 : _props$subheaderprope4.paddingRightprops : 0
11423
11458
  }
11424
11459
  }, /*#__PURE__*/React__default["default"].createElement("p", {
11425
- className: "".concat(headerstyles$8.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 ',
11460
+ "class": "".concat(headerstyles$8.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 ',
11426
11461
  onClick: function onClick() {
11427
- templatepropcontext.pagesnprop.pages.forEach(function (pageitem, pageindex) {
11462
+ fetch_inst_tabex_websitetemplatesQueryContext.data.data.template.pages.forEach(function (pageitem, pageindex) {
11428
11463
  pageitem.isselected = false;
11429
11464
  });
11430
- templatepropcontext.pagesnprop.pages[index].isselected = true;
11465
+ fetch_inst_tabex_websitetemplatesQueryContext.data.data.template.pages[index].isselected = true;
11431
11466
  },
11432
11467
  style: {
11433
- marginLeft: langdetect == 'en' ? 0 : (_props$subheaderprope4 = props.subheaderpropertiesprops) === null || _props$subheaderprope4 === void 0 ? void 0 : _props$subheaderprope4.paddingLeftprops,
11434
- marginRight: langdetect == 'en' ? (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingRightprops : 0
11468
+ marginLeft: langdetect == 'en' ? 0 : props === null || props === void 0 ? void 0 : (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingLeftprops,
11469
+ marginRight: langdetect == 'en' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope6 = props.subheaderpropertiesprops) === null || _props$subheaderprope6 === void 0 ? void 0 : _props$subheaderprope6.paddingRightprops : 0
11435
11470
  }
11436
11471
  }, langdetect == 'en' ? item.pagename : item.pagename_ar));
11437
11472
  }
11438
11473
  })), fetchCategoriesQueryContext.data.data.categories.map(function (item, index) {
11439
- var _props$subheaderprope6, _props$subheaderprope7, _props$subheaderprope8;
11474
+ var _props$subheaderprope7, _props$subheaderprope8;
11440
11475
 
11441
11476
  return /*#__PURE__*/React__default["default"].createElement("p", {
11442
- className: "".concat(headerstyles$8.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 ',
11477
+ "class": "".concat(headerstyles$8.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
11443
11478
  onClick: function onClick() {},
11444
11479
  onMouseEnter: function onMouseEnter() {
11445
11480
  setshowdownheadermenu(true);
11446
11481
  setChoosenindex(index);
11447
11482
  },
11448
11483
  style: {
11449
- marginLeft: (props === null || props === void 0 ? void 0 : (_props$subheaderprope6 = props.subheaderpropertiesprops) === null || _props$subheaderprope6 === void 0 ? void 0 : _props$subheaderprope6.subheaderpositionprops) == 'in nav' ? 0 : (_props$subheaderprope7 = props.subheaderpropertiesprops) === null || _props$subheaderprope7 === void 0 ? void 0 : _props$subheaderprope7.paddingLeftprops,
11450
- marginRight: props === null || props === void 0 ? void 0 : (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingRightprops
11484
+ marginLeft: langdetect == 'ar' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope7 = props.subheaderpropertiesprops) === null || _props$subheaderprope7 === void 0 ? void 0 : _props$subheaderprope7.paddingLeftprops : 0,
11485
+ marginRight: langdetect == 'en' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingRightprops : 0
11451
11486
  }
11452
11487
  }, langdetect == 'en' ? item.title_en : item.title_ar);
11453
11488
  }))), Choosenindex.length != 0 && fetchCategoriesQueryContext.data.data.categories[Choosenindex].parentcolletions.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
11454
- className: "".concat(headerstyles$8.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-11 ml-auto mr-auto flex-row justify-content-center align-items-center ',
11489
+ "class": "".concat(headerstyles$8.dropmenu, " ").concat(header_cssstyles.dropdownmenu, " ").concat(showdownheadermenu ? 'd-flex' : 'd-none') + ' col-lg-11 ml-auto mr-auto flex-row justify-content-center align-items-center ',
11455
11490
  onMouseLeave: function onMouseLeave() {
11456
11491
  setshowdownheadermenu(false);
11457
11492
  },
11458
11493
  style: {
11459
11494
  zIndex: 2000,
11460
- position: (props === null || props === void 0 ? void 0 : (_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
11461
- top: (props === null || props === void 0 ? void 0 : (_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.subheaderpositionprops) == 'in nav' ? 20 : ''
11495
+ position: ((_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
11496
+ top: ((_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.subheaderpositionprops) == 'in nav' ? 20 : ''
11462
11497
  }
11463
11498
  }, /*#__PURE__*/React__default["default"].createElement("div", {
11464
- className: "row m-0 w-100 d-flex p-3"
11499
+ "class": "row m-0 w-100 d-flex p-3"
11465
11500
  }, fetchCategoriesQueryContext.data.data.categories[Choosenindex].parentcolletions.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
11466
- className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5"
11501
+ "class": "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5"
11467
11502
  }, /*#__PURE__*/React__default["default"].createElement(md.MdOutlineLayersClear, {
11468
11503
  size: 30
11469
11504
  }), /*#__PURE__*/React__default["default"].createElement("p", {
11470
- className: "font-16 font-weight-500 m-0 p-0"
11505
+ "class": "font-16 font-weight-500 m-0 p-0"
11471
11506
  }, langdetect == 'en' ? 'No collections' : 'لا توجد مجموعات')), fetchCategoriesQueryContext.data.data.categories[Choosenindex].parentcolletions.map(function (item, index) {
11472
11507
  return /*#__PURE__*/React__default["default"].createElement("div", {
11473
- className: "col-lg-2 col-md-6 col-sm-12 mb-md-4 p-0",
11508
+ "class": "col-lg-2 col-md-6 col-sm-12 mb-md-4 p-0",
11474
11509
  style: {
11475
11510
  cursor: 'pointer'
11476
11511
  }
11477
11512
  }, /*#__PURE__*/React__default["default"].createElement("div", {
11478
- className: "row w-100 m-0 d-flex flex-column justify-content-center mb-2"
11513
+ "class": "row w-100 m-0 d-flex flex-column justify-content-center mb-2"
11479
11514
  }, /*#__PURE__*/React__default["default"].createElement("div", {
11480
- className: "col-lg-12 p-0 mb-3",
11515
+ "class": "col-lg-12 p-0 mb-3",
11481
11516
  onClick: function onClick() {
11482
11517
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.parentcollectionid);
11483
11518
  }
11484
11519
  }, /*#__PURE__*/React__default["default"].createElement("p", {
11485
- className: "".concat(header_cssstyles.parentcollection) + ' wordbreak m-0 p-0 '
11520
+ "class": "".concat(header_cssstyles.parentcollection) + ' wordbreak m-0 p-0 ',
11521
+ style: {
11522
+ textAlign: langdetect == 'en' ? 'left' : 'right'
11523
+ }
11486
11524
  }, langdetect == 'en' ? item.title_en : item.title_ar)), item.collections.map(function (item, index) {
11487
11525
  return /*#__PURE__*/React__default["default"].createElement("div", {
11488
- className: "col-lg-12 p-0 mb-2",
11526
+ "class": "col-lg-12 p-0 mb-2",
11489
11527
  onClick: function onClick() {
11490
11528
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.collectionid);
11491
11529
  }
11492
11530
  }, /*#__PURE__*/React__default["default"].createElement("p", {
11493
- className: "".concat(header_cssstyles.subheader_collectiontitle) + ' wordbreak m-0 p-0 '
11531
+ "class": "".concat(header_cssstyles.subheader_collectiontitle) + ' wordbreak m-0 p-0 ',
11532
+ style: {
11533
+ textAlign: langdetect == 'en' ? 'left' : 'right'
11534
+ }
11494
11535
  }, langdetect == 'en' ? item.title_en : item.title_ar));
11495
11536
  }), index != item.collections.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
11496
- className: "col-lg-12 p-0 d-none d-sm-block"
11537
+ "class": "col-lg-12 p-0 d-none d-sm-block"
11497
11538
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
11498
- className: "mt-3 mb-0"
11539
+ "class": "mt-3 mb-0"
11499
11540
  }))));
11500
11541
  }))))));
11501
11542
  };
@@ -20406,7 +20447,7 @@
20406
20447
  if (index > 2) {
20407
20448
  return /*#__PURE__*/React__default["default"].createElement("div", {
20408
20449
  className: "col-lg-12 p-0"
20409
- }, /*#__PURE__*/React__default["default"].createElement(Link, {
20450
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20410
20451
  to: item.navigationroute
20411
20452
  }, /*#__PURE__*/React__default["default"].createElement("p", {
20412
20453
  className: "".concat(footerStyles.footersubtitlestyles) + ' wordbreak ',
@@ -20814,7 +20855,7 @@
20814
20855
  if (item.isnavigation == 1 && item.isactive == 1) {
20815
20856
  return /*#__PURE__*/React__default["default"].createElement("div", {
20816
20857
  "class": "col-lg-12 p-0 d-flex justify-content-md-center"
20817
- }, /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
20858
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
20818
20859
  to: item.navigationroute
20819
20860
  }, /*#__PURE__*/React__default["default"].createElement("p", {
20820
20861
  "class": "".concat(footerStyles.footersubtitlestyles) + ' wordbreak ',
@@ -24072,6 +24113,8 @@
24072
24113
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
24073
24114
  var AddtoCartContext = props.actions.AddtoCartContext;
24074
24115
  props.actions.AddtoCartMutationContext;
24116
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
24117
+ var routingcountext = props.actions.routingcountext;
24075
24118
  var NotificationManager = NotificationManager;
24076
24119
 
24077
24120
  var updatequantity = function updatequantity(type) {
@@ -24556,8 +24599,8 @@
24556
24599
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
24557
24600
  var AddtoCartContext = props.actions.AddtoCartContext;
24558
24601
  props.actions.AddtoCartMutationContext;
24559
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
24560
- var routingcountext = props.routingcountext;
24602
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
24603
+ var routingcountext = props.actions.routingcountext;
24561
24604
  var NotificationManager = NotificationManager;
24562
24605
 
24563
24606
  var updatequantity = function updatequantity(type) {
@@ -25277,8 +25320,8 @@
25277
25320
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
25278
25321
  props.actions.AddtoCartContext;
25279
25322
  props.actions.AddtoCartMutationContext;
25280
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
25281
- var routingcountext = props.routingcountext;
25323
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
25324
+ var routingcountext = props.actions.routingcountext;
25282
25325
  React.useEffect(function () {
25283
25326
  if (props.srcfrom == 'addsectionform') {
25284
25327
  var secpropobj = {};
@@ -25540,8 +25583,8 @@
25540
25583
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
25541
25584
  props.actions.AddtoCartContext;
25542
25585
  props.actions.AddtoCartMutationContext;
25543
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
25544
- var routingcountext = props.routingcountext;
25586
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
25587
+ var routingcountext = props.actions.routingcountext;
25545
25588
  React.useEffect(function () {
25546
25589
  if (props.srcfrom == 'addsectionform') {
25547
25590
  var secpropobj = {};
@@ -26086,8 +26129,8 @@
26086
26129
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
26087
26130
  props.actions.AddtoCartContext;
26088
26131
  props.actions.AddtoCartMutationContext;
26089
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
26090
- var routingcountext = props.routingcountext;
26132
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
26133
+ var routingcountext = props.actions.routingcountext;
26091
26134
  React.useEffect(function () {
26092
26135
  if (props.srcfrom == 'addsectionform') {
26093
26136
  var secpropobj = {};
@@ -26373,8 +26416,8 @@
26373
26416
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
26374
26417
  props.actions.AddtoCartContext;
26375
26418
  props.actions.AddtoCartMutationContext;
26376
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
26377
- var routingcountext = props.routingcountext;
26419
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
26420
+ var routingcountext = props.actions.routingcountext;
26378
26421
  React.useEffect(function () {
26379
26422
  if (props.srcfrom == 'addsectionform') {
26380
26423
  var secpropobj = {};
@@ -26619,8 +26662,8 @@
26619
26662
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
26620
26663
  props.actions.AddtoCartContext;
26621
26664
  props.actions.AddtoCartMutationContext;
26622
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
26623
- var routingcountext = props.routingcountext;
26665
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
26666
+ var routingcountext = props.actions.routingcountext;
26624
26667
  React.useEffect(function () {
26625
26668
  if (props.srcfrom == 'addsectionform') {
26626
26669
  var secpropobj = {};
@@ -26886,8 +26929,8 @@
26886
26929
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
26887
26930
  props.actions.AddtoCartContext;
26888
26931
  props.actions.AddtoCartMutationContext;
26889
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
26890
- var routingcountext = props.routingcountext;
26932
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
26933
+ var routingcountext = props.actions.routingcountext;
26891
26934
  React.useEffect(function () {
26892
26935
  if (props.srcfrom == 'addsectionform') {
26893
26936
  var secpropobj = {};
@@ -27140,8 +27183,8 @@
27140
27183
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
27141
27184
  props.actions.AddtoCartContext;
27142
27185
  props.actions.AddtoCartMutationContext;
27143
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
27144
- var routingcountext = props.routingcountext;
27186
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
27187
+ var routingcountext = props.actions.routingcountext;
27145
27188
  React.useEffect(function () {
27146
27189
  if (props.srcfrom == 'addsectionform') {
27147
27190
  var secpropobj = {};
@@ -27422,8 +27465,8 @@
27422
27465
  props.actions.setProductIdProdutInfoModalContext;
27423
27466
  props.actions.AddtoCartContext;
27424
27467
  props.actions.AddtoCartMutationContext;
27425
- props.StaticPagesLinksContext;
27426
- props.routingcountext;
27468
+ props.actions.StaticPagesLinksContext;
27469
+ props.actions.routingcountext;
27427
27470
  React.useEffect(function () {
27428
27471
  if (props.srcfrom == 'addsectionform') {
27429
27472
  var secpropobj = {};
@@ -27558,8 +27601,8 @@
27558
27601
  props.actions.setProductIdProdutInfoModalContext;
27559
27602
  props.actions.AddtoCartContext;
27560
27603
  props.actions.AddtoCartMutationContext;
27561
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
27562
- var routingcountext = props.routingcountext;
27604
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
27605
+ var routingcountext = props.actions.routingcountext;
27563
27606
  React.useEffect(function () {
27564
27607
  if (props.srcfrom == 'addsectionform') {
27565
27608
  var secpropobj = {};
@@ -27689,8 +27732,8 @@
27689
27732
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
27690
27733
  props.actions.AddtoCartContext;
27691
27734
  props.actions.AddtoCartMutationContext;
27692
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
27693
- var routingcountext = props.routingcountext;
27735
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
27736
+ var routingcountext = props.actions.routingcountext;
27694
27737
  React.useEffect(function () {
27695
27738
  if (props.srcfrom == 'addsectionform') {
27696
27739
  var secpropobj = {};
@@ -27969,8 +28012,8 @@
27969
28012
  var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
27970
28013
  props.actions.AddtoCartContext;
27971
28014
  props.actions.AddtoCartMutationContext;
27972
- var StaticPagesLinksContext = props.StaticPagesLinksContext;
27973
- var routingcountext = props.routingcountext;
28015
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
28016
+ var routingcountext = props.actions.routingcountext;
27974
28017
  React.useEffect(function () {
27975
28018
  if (props.srcfrom == 'addsectionform') {
27976
28019
  var secpropobj = {};
@@ -28224,6 +28267,8 @@
28224
28267
  return {
28225
28268
  LanguageContext: LanguageContext$1,
28226
28269
  LanguageProvider: LanguageProvider,
28270
+ ProductsCardsSectionContext: ProductsCardsSectionContext,
28271
+ ProductsCardsSectionContext_Provider: ProductsCardsSectionContext_Provider,
28227
28272
  AwesomeButton: AwesomeButton,
28228
28273
  Checkout: Checkout,
28229
28274
  Signup: Signup,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.57",
3
+ "version": "0.0.60",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {