tabexseriescomponents 0.0.56 → 0.0.57

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 +72 -62
  2. package/dist/index.esm.js +72 -62
  3. package/dist/index.umd.js +72 -62
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -2221,7 +2221,7 @@ function ownKeys$19(object, enumerableOnly) { var keys = Object.keys(object); if
2221
2221
  function _objectSpread$19(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$19(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$19(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
2222
2222
 
2223
2223
  var Ordershistory = function Ordershistory(props) {
2224
- var _bgimagesarray$, _bgimagesarray$2;
2224
+ var _props$actions2, _bgimagesarray$, _bgimagesarray$2;
2225
2225
 
2226
2226
  // const { lang, langdetect } = useContext(LanguageContext);
2227
2227
  // const { routingcountext } = useContext(TemplateRoutingContext);
@@ -2240,7 +2240,7 @@ var Ordershistory = function Ordershistory(props) {
2240
2240
  var fetchorderhistoryQueryContext = props.actions.fetchorderhistoryQueryContext;
2241
2241
  var navigationstyle = props.actions.navigationstyle;
2242
2242
  props.actions.pageindexcontext;
2243
- var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
2243
+ props.actions.StatePagePropertiesContext;
2244
2244
  props.actions.TabexSectionsComponentsContext;
2245
2245
  var templatepropcontext = props.actions.templatepropcontext;
2246
2246
  var authdetailsContext = props.actions.authdetailsContext;
@@ -2287,14 +2287,15 @@ var Ordershistory = function Ordershistory(props) {
2287
2287
  }
2288
2288
  }, []);
2289
2289
  React.useEffect(function () {
2290
- if (Object.keys(StatePagePropertiesContext).length != 0) {
2291
- var secpropobj = {};
2292
- StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
2293
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2294
- });
2295
- setsectionproperties(_objectSpread$19({}, secpropobj));
2296
- }
2297
- }, [StatePagePropertiesContext]);
2290
+ var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
2291
+
2292
+ // if (Object.keys(StatePagePropertiesContext).length != 0) {
2293
+ var secpropobj = {};
2294
+ props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
2295
+ secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2296
+ });
2297
+ setsectionproperties(_objectSpread$19({}, secpropobj)); // }
2298
+ }, [props === null || props === void 0 ? void 0 : (_props$actions2 = props.actions) === null || _props$actions2 === void 0 ? void 0 : _props$actions2.StatePagePropertiesContext]);
2298
2299
  var orderhistory_cssstyles = {
2299
2300
  sectiontitlespan: glamor.css({
2300
2301
  ':after': {
@@ -3700,8 +3701,8 @@ var Checkout = function Checkout(props) {
3700
3701
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
3701
3702
  var routingcountext = props.actions.routingcountext;
3702
3703
  var ApplyPromoCodeMutationContext = props.actions.ApplyPromoCodeMutationContext;
3703
- var CurrentSrcTypeContext = props.actions.CurrentSrcTypeContext;
3704
- var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
3704
+ props.actions.CurrentSrcTypeContext;
3705
+ props.actions.StatePagePropertiesContext;
3705
3706
  var templatepropcontext = props.actions.templatepropcontext;
3706
3707
  var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
3707
3708
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
@@ -3739,28 +3740,22 @@ var Checkout = function Checkout(props) {
3739
3740
  setCurrentPageId(cartindex);
3740
3741
  }
3741
3742
  }, []);
3743
+ React.useEffect(function () {// var secpropobj = {};
3744
+ // templatepropcontext?.pagesnprop[CurrentPageId]?.pageproperties?.forEach(function (arrayItem, arrayindex) {
3745
+ // secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
3746
+ // });
3747
+ // setsectionproperties({ ...secpropobj });
3748
+ }, [CurrentPageId, props.actions.templatepropcontext]);
3742
3749
  React.useEffect(function () {
3743
- var _templatepropcontext$2, _templatepropcontext$3;
3750
+ var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
3744
3751
 
3752
+ // if (rops?.actions?.StatePagePropertiesContext != null && rops?.actions?.StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
3745
3753
  var secpropobj = {};
3746
- templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$2 = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$2 === void 0 ? void 0 : (_templatepropcontext$3 = _templatepropcontext$2.pageproperties) === null || _templatepropcontext$3 === void 0 ? void 0 : _templatepropcontext$3.forEach(function (arrayItem, arrayindex) {
3754
+ props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
3747
3755
  secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
3748
3756
  });
3749
- setsectionproperties(_objectSpread$16({}, secpropobj));
3750
- }, [CurrentPageId]);
3751
- React.useEffect(function () {
3752
- if (CurrentSrcTypeContext == 'workplace') {
3753
- if (StatePagePropertiesContext != null && StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
3754
- var _StatePagePropertiesC, _StatePagePropertiesC2;
3755
-
3756
- var secpropobj = {};
3757
- StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
3758
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
3759
- });
3760
- setsectionproperties(_objectSpread$16({}, secpropobj));
3761
- }
3762
- }
3763
- }, [StatePagePropertiesContext]);
3757
+ setsectionproperties(_objectSpread$16({}, secpropobj)); // }
3758
+ }, [props.actions.StatePagePropertiesContext]);
3764
3759
  React.useEffect(function () {
3765
3760
  var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14;
3766
3761
 
@@ -5631,21 +5626,20 @@ var AccountInformation = function AccountInformation(props) {
5631
5626
  var navigationstyle = props.actions.navigationstyle;
5632
5627
  var actions = props.actions;
5633
5628
  React.useEffect(function () {
5634
- if (Object.keys(StatePagePropertiesContext).length != 0) {
5635
- var _StatePagePropertiesC, _StatePagePropertiesC2;
5629
+ var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
5636
5630
 
5637
- var secpropobj = {};
5638
- StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
5639
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
5640
- });
5641
- setsectionproperties(_objectSpread$13({}, secpropobj));
5642
- }
5643
- }, [StatePagePropertiesContext]);
5631
+ // if (Object.keys(props?.actions?.StatePagePropertiesContext).length != 0) {
5632
+ var secpropobj = {};
5633
+ props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
5634
+ secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
5635
+ });
5636
+ setsectionproperties(_objectSpread$13({}, secpropobj)); // }
5637
+ }, [props.actions.StatePagePropertiesContext]);
5644
5638
 
5645
5639
  var _useState = React.useState(''),
5646
- _useState2 = _slicedToArray__default["default"](_useState, 2),
5647
- CurrentPageId = _useState2[0],
5648
- setCurrentPageId = _useState2[1];
5640
+ _useState2 = _slicedToArray__default["default"](_useState, 2);
5641
+ _useState2[0];
5642
+ var setCurrentPageId = _useState2[1];
5649
5643
 
5650
5644
  var _useState3 = React.useState(''),
5651
5645
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -5660,16 +5654,14 @@ var AccountInformation = function AccountInformation(props) {
5660
5654
  if (cartindex >= 0) {
5661
5655
  setCurrentPageId(cartindex);
5662
5656
  }
5663
- }, []);
5664
- React.useEffect(function () {
5665
- var _templatepropcontext$, _templatepropcontext$2;
5657
+ }, []); // useEffect(() => {
5658
+ // var secpropobj = {};
5659
+ // templatepropcontext?.pagesnprop[CurrentPageId]?.pageproperties?.forEach(function (arrayItem, arrayindex) {
5660
+ // secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
5661
+ // });
5662
+ // setsectionproperties({ ...secpropobj });
5663
+ // }, [CurrentPageId, templatepropcontext]);
5666
5664
 
5667
- var secpropobj = {};
5668
- templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
5669
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
5670
- });
5671
- setsectionproperties(_objectSpread$13({}, secpropobj));
5672
- }, [CurrentPageId]);
5673
5665
  var accountinfo_cssstyles = {
5674
5666
  sectiontitlespan: glamor.css({
5675
5667
  ':after': {
@@ -11366,7 +11358,7 @@ function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if
11366
11358
  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; }
11367
11359
 
11368
11360
  var Subheader = function Subheader(props) {
11369
- var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _props$subheaderprope9, _props$subheaderprope10;
11361
+ var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _props$subheaderprope9, _props$subheaderprope10;
11370
11362
 
11371
11363
  // const { lang, setlang, langdetect } = useContext(LanguageContext);
11372
11364
  // const { FetchQueriesEngineContext, setFetchQueriesEngineContext, fetchCategoriesQueryContext } = useContext(FetchingContext);
@@ -11404,7 +11396,7 @@ var Subheader = function Subheader(props) {
11404
11396
  }, []);
11405
11397
  React.useEffect(function () {
11406
11398
  if (props.sectionpropertiesprops != undefined) {
11407
- setsectionproperties(_objectSpread$I({}, props.sectionpropertiesprops));
11399
+ setsectionproperties(_objectSpread$I({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
11408
11400
  }
11409
11401
  }, [props.sectionpropertiesprops]);
11410
11402
  var header_cssstyles = {
@@ -11448,7 +11440,7 @@ var Subheader = function Subheader(props) {
11448
11440
  })
11449
11441
  };
11450
11442
  return /*#__PURE__*/React__default["default"].createElement("div", {
11451
- className: ((_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 ',
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 ',
11452
11444
  style: {
11453
11445
  background: sectionproperties.subheaderbg,
11454
11446
  zIndex: 200,
@@ -11479,9 +11471,9 @@ var Subheader = function Subheader(props) {
11479
11471
  className: " ".concat(headerstyles$8.nav__item) + ' d-flex flex-row align-items-center ',
11480
11472
  style: {
11481
11473
  zIndex: 1000,
11482
- justifyContent: (_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops
11474
+ justifyContent: props === null || props === void 0 ? void 0 : (_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops
11483
11475
  }
11484
- }, ((_props$subheaderprope3 = props.subheaderpropertiesprops) === null || _props$subheaderprope3 === void 0 ? void 0 : _props$subheaderprope3.subheaderpositionprops) == 'in nav' && templatepropcontext.pagesnprop.map(function (item, index) {
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) {
11485
11477
  if (item.isnavigation == 1 && item.isactive == 1) {
11486
11478
  var _props$subheaderprope4, _props$subheaderprope5;
11487
11479
 
@@ -11503,7 +11495,7 @@ var Subheader = function Subheader(props) {
11503
11495
  }
11504
11496
  }, langdetect == 'en' ? item.pagename : item.pagename_ar));
11505
11497
  }
11506
- }), fetchCategoriesQueryContext.data.data.categories.map(function (item, index) {
11498
+ })), fetchCategoriesQueryContext.data.data.categories.map(function (item, index) {
11507
11499
  var _props$subheaderprope6, _props$subheaderprope7, _props$subheaderprope8;
11508
11500
 
11509
11501
  return /*#__PURE__*/React__default["default"].createElement("p", {
@@ -11514,8 +11506,8 @@ var Subheader = function Subheader(props) {
11514
11506
  setChoosenindex(index);
11515
11507
  },
11516
11508
  style: {
11517
- marginLeft: ((_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,
11518
- marginRight: (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingRightprops
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
11519
11511
  }
11520
11512
  }, langdetect == 'en' ? item.title_en : item.title_ar);
11521
11513
  }))), Choosenindex.length != 0 && fetchCategoriesQueryContext.data.data.categories[Choosenindex].parentcolletions.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -11525,8 +11517,8 @@ var Subheader = function Subheader(props) {
11525
11517
  },
11526
11518
  style: {
11527
11519
  zIndex: 2000,
11528
- position: ((_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
11529
- top: ((_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.subheaderpositionprops) == 'in nav' ? 20 : ''
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 : ''
11530
11522
  }
11531
11523
  }, /*#__PURE__*/React__default["default"].createElement("div", {
11532
11524
  className: "row m-0 w-100 d-flex p-3"
@@ -19188,9 +19180,27 @@ var ClassicHeader = function ClassicHeader(props) {
19188
19180
  "class": "".concat(header_cssstyles.navbar_item_text) + ' navbar_item_text '
19189
19181
  }, langdetect == 'en' ? item.pagename : item.pagename_ar));
19190
19182
  }
19191
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
19183
+ }))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React__default["default"].createElement(Subheader, {
19184
+ sectionpropertiesprops: sectionproperties,
19185
+ subheaderpropertiesprops: {
19186
+ subheaderpositionprops: 'in nav',
19187
+ paddingLeftprops: '1rem',
19188
+ paddingRightprops: '1rem',
19189
+ subheadercontentpositionprops: 'start'
19190
+ },
19191
+ actions: actions
19192
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
19192
19193
  "class": "col-lg-12 p-0"
19193
- }))), /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
19194
+ }, sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement(Subheader, {
19195
+ sectionpropertiesprops: sectionproperties,
19196
+ subheaderpropertiesprops: {
19197
+ subheaderpositionprops: 'Full Width',
19198
+ paddingLeftprops: '35px',
19199
+ paddingRightprops: '35px',
19200
+ subheadercontentpositionprops: 'center'
19201
+ },
19202
+ actions: actions
19203
+ })))), /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
19194
19204
  sectionpropertiesprops: sectionproperties,
19195
19205
  actions: actions
19196
19206
  }));
package/dist/index.esm.js CHANGED
@@ -2179,7 +2179,7 @@ function ownKeys$19(object, enumerableOnly) { var keys = Object.keys(object); if
2179
2179
  function _objectSpread$19(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$19(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$19(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
2180
2180
 
2181
2181
  var Ordershistory = function Ordershistory(props) {
2182
- var _bgimagesarray$, _bgimagesarray$2;
2182
+ var _props$actions2, _bgimagesarray$, _bgimagesarray$2;
2183
2183
 
2184
2184
  // const { lang, langdetect } = useContext(LanguageContext);
2185
2185
  // const { routingcountext } = useContext(TemplateRoutingContext);
@@ -2198,7 +2198,7 @@ var Ordershistory = function Ordershistory(props) {
2198
2198
  var fetchorderhistoryQueryContext = props.actions.fetchorderhistoryQueryContext;
2199
2199
  var navigationstyle = props.actions.navigationstyle;
2200
2200
  props.actions.pageindexcontext;
2201
- var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
2201
+ props.actions.StatePagePropertiesContext;
2202
2202
  props.actions.TabexSectionsComponentsContext;
2203
2203
  var templatepropcontext = props.actions.templatepropcontext;
2204
2204
  var authdetailsContext = props.actions.authdetailsContext;
@@ -2245,14 +2245,15 @@ var Ordershistory = function Ordershistory(props) {
2245
2245
  }
2246
2246
  }, []);
2247
2247
  useEffect(function () {
2248
- if (Object.keys(StatePagePropertiesContext).length != 0) {
2249
- var secpropobj = {};
2250
- StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
2251
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2252
- });
2253
- setsectionproperties(_objectSpread$19({}, secpropobj));
2254
- }
2255
- }, [StatePagePropertiesContext]);
2248
+ var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
2249
+
2250
+ // if (Object.keys(StatePagePropertiesContext).length != 0) {
2251
+ var secpropobj = {};
2252
+ props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
2253
+ secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2254
+ });
2255
+ setsectionproperties(_objectSpread$19({}, secpropobj)); // }
2256
+ }, [props === null || props === void 0 ? void 0 : (_props$actions2 = props.actions) === null || _props$actions2 === void 0 ? void 0 : _props$actions2.StatePagePropertiesContext]);
2256
2257
  var orderhistory_cssstyles = {
2257
2258
  sectiontitlespan: css({
2258
2259
  ':after': {
@@ -3658,8 +3659,8 @@ var Checkout = function Checkout(props) {
3658
3659
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
3659
3660
  var routingcountext = props.actions.routingcountext;
3660
3661
  var ApplyPromoCodeMutationContext = props.actions.ApplyPromoCodeMutationContext;
3661
- var CurrentSrcTypeContext = props.actions.CurrentSrcTypeContext;
3662
- var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
3662
+ props.actions.CurrentSrcTypeContext;
3663
+ props.actions.StatePagePropertiesContext;
3663
3664
  var templatepropcontext = props.actions.templatepropcontext;
3664
3665
  var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
3665
3666
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
@@ -3697,28 +3698,22 @@ var Checkout = function Checkout(props) {
3697
3698
  setCurrentPageId(cartindex);
3698
3699
  }
3699
3700
  }, []);
3701
+ useEffect(function () {// var secpropobj = {};
3702
+ // templatepropcontext?.pagesnprop[CurrentPageId]?.pageproperties?.forEach(function (arrayItem, arrayindex) {
3703
+ // secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
3704
+ // });
3705
+ // setsectionproperties({ ...secpropobj });
3706
+ }, [CurrentPageId, props.actions.templatepropcontext]);
3700
3707
  useEffect(function () {
3701
- var _templatepropcontext$2, _templatepropcontext$3;
3708
+ var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
3702
3709
 
3710
+ // if (rops?.actions?.StatePagePropertiesContext != null && rops?.actions?.StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
3703
3711
  var secpropobj = {};
3704
- templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$2 = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$2 === void 0 ? void 0 : (_templatepropcontext$3 = _templatepropcontext$2.pageproperties) === null || _templatepropcontext$3 === void 0 ? void 0 : _templatepropcontext$3.forEach(function (arrayItem, arrayindex) {
3712
+ props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
3705
3713
  secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
3706
3714
  });
3707
- setsectionproperties(_objectSpread$16({}, secpropobj));
3708
- }, [CurrentPageId]);
3709
- useEffect(function () {
3710
- if (CurrentSrcTypeContext == 'workplace') {
3711
- if (StatePagePropertiesContext != null && StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
3712
- var _StatePagePropertiesC, _StatePagePropertiesC2;
3713
-
3714
- var secpropobj = {};
3715
- StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
3716
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
3717
- });
3718
- setsectionproperties(_objectSpread$16({}, secpropobj));
3719
- }
3720
- }
3721
- }, [StatePagePropertiesContext]);
3715
+ setsectionproperties(_objectSpread$16({}, secpropobj)); // }
3716
+ }, [props.actions.StatePagePropertiesContext]);
3722
3717
  useEffect(function () {
3723
3718
  var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14;
3724
3719
 
@@ -5589,21 +5584,20 @@ var AccountInformation = function AccountInformation(props) {
5589
5584
  var navigationstyle = props.actions.navigationstyle;
5590
5585
  var actions = props.actions;
5591
5586
  useEffect(function () {
5592
- if (Object.keys(StatePagePropertiesContext).length != 0) {
5593
- var _StatePagePropertiesC, _StatePagePropertiesC2;
5587
+ var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
5594
5588
 
5595
- var secpropobj = {};
5596
- StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
5597
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
5598
- });
5599
- setsectionproperties(_objectSpread$13({}, secpropobj));
5600
- }
5601
- }, [StatePagePropertiesContext]);
5589
+ // if (Object.keys(props?.actions?.StatePagePropertiesContext).length != 0) {
5590
+ var secpropobj = {};
5591
+ props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
5592
+ secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
5593
+ });
5594
+ setsectionproperties(_objectSpread$13({}, secpropobj)); // }
5595
+ }, [props.actions.StatePagePropertiesContext]);
5602
5596
 
5603
5597
  var _useState = useState(''),
5604
- _useState2 = _slicedToArray(_useState, 2),
5605
- CurrentPageId = _useState2[0],
5606
- setCurrentPageId = _useState2[1];
5598
+ _useState2 = _slicedToArray(_useState, 2);
5599
+ _useState2[0];
5600
+ var setCurrentPageId = _useState2[1];
5607
5601
 
5608
5602
  var _useState3 = useState(''),
5609
5603
  _useState4 = _slicedToArray(_useState3, 2),
@@ -5618,16 +5612,14 @@ var AccountInformation = function AccountInformation(props) {
5618
5612
  if (cartindex >= 0) {
5619
5613
  setCurrentPageId(cartindex);
5620
5614
  }
5621
- }, []);
5622
- useEffect(function () {
5623
- var _templatepropcontext$, _templatepropcontext$2;
5615
+ }, []); // useEffect(() => {
5616
+ // var secpropobj = {};
5617
+ // templatepropcontext?.pagesnprop[CurrentPageId]?.pageproperties?.forEach(function (arrayItem, arrayindex) {
5618
+ // secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
5619
+ // });
5620
+ // setsectionproperties({ ...secpropobj });
5621
+ // }, [CurrentPageId, templatepropcontext]);
5624
5622
 
5625
- var secpropobj = {};
5626
- templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
5627
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
5628
- });
5629
- setsectionproperties(_objectSpread$13({}, secpropobj));
5630
- }, [CurrentPageId]);
5631
5623
  var accountinfo_cssstyles = {
5632
5624
  sectiontitlespan: css({
5633
5625
  ':after': {
@@ -11324,7 +11316,7 @@ function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if
11324
11316
  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; }
11325
11317
 
11326
11318
  var Subheader = function Subheader(props) {
11327
- var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _props$subheaderprope9, _props$subheaderprope10;
11319
+ var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _props$subheaderprope9, _props$subheaderprope10;
11328
11320
 
11329
11321
  // const { lang, setlang, langdetect } = useContext(LanguageContext);
11330
11322
  // const { FetchQueriesEngineContext, setFetchQueriesEngineContext, fetchCategoriesQueryContext } = useContext(FetchingContext);
@@ -11362,7 +11354,7 @@ var Subheader = function Subheader(props) {
11362
11354
  }, []);
11363
11355
  useEffect(function () {
11364
11356
  if (props.sectionpropertiesprops != undefined) {
11365
- setsectionproperties(_objectSpread$I({}, props.sectionpropertiesprops));
11357
+ setsectionproperties(_objectSpread$I({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
11366
11358
  }
11367
11359
  }, [props.sectionpropertiesprops]);
11368
11360
  var header_cssstyles = {
@@ -11406,7 +11398,7 @@ var Subheader = function Subheader(props) {
11406
11398
  })
11407
11399
  };
11408
11400
  return /*#__PURE__*/React.createElement("div", {
11409
- className: ((_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 ',
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 ',
11410
11402
  style: {
11411
11403
  background: sectionproperties.subheaderbg,
11412
11404
  zIndex: 200,
@@ -11437,9 +11429,9 @@ var Subheader = function Subheader(props) {
11437
11429
  className: " ".concat(headerstyles$8.nav__item) + ' d-flex flex-row align-items-center ',
11438
11430
  style: {
11439
11431
  zIndex: 1000,
11440
- justifyContent: (_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops
11432
+ justifyContent: props === null || props === void 0 ? void 0 : (_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops
11441
11433
  }
11442
- }, ((_props$subheaderprope3 = props.subheaderpropertiesprops) === null || _props$subheaderprope3 === void 0 ? void 0 : _props$subheaderprope3.subheaderpositionprops) == 'in nav' && templatepropcontext.pagesnprop.map(function (item, index) {
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) {
11443
11435
  if (item.isnavigation == 1 && item.isactive == 1) {
11444
11436
  var _props$subheaderprope4, _props$subheaderprope5;
11445
11437
 
@@ -11461,7 +11453,7 @@ var Subheader = function Subheader(props) {
11461
11453
  }
11462
11454
  }, langdetect == 'en' ? item.pagename : item.pagename_ar));
11463
11455
  }
11464
- }), fetchCategoriesQueryContext.data.data.categories.map(function (item, index) {
11456
+ })), fetchCategoriesQueryContext.data.data.categories.map(function (item, index) {
11465
11457
  var _props$subheaderprope6, _props$subheaderprope7, _props$subheaderprope8;
11466
11458
 
11467
11459
  return /*#__PURE__*/React.createElement("p", {
@@ -11472,8 +11464,8 @@ var Subheader = function Subheader(props) {
11472
11464
  setChoosenindex(index);
11473
11465
  },
11474
11466
  style: {
11475
- marginLeft: ((_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,
11476
- marginRight: (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingRightprops
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
11477
11469
  }
11478
11470
  }, langdetect == 'en' ? item.title_en : item.title_ar);
11479
11471
  }))), Choosenindex.length != 0 && fetchCategoriesQueryContext.data.data.categories[Choosenindex].parentcolletions.length != 0 && /*#__PURE__*/React.createElement("div", {
@@ -11483,8 +11475,8 @@ var Subheader = function Subheader(props) {
11483
11475
  },
11484
11476
  style: {
11485
11477
  zIndex: 2000,
11486
- position: ((_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
11487
- top: ((_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.subheaderpositionprops) == 'in nav' ? 20 : ''
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 : ''
11488
11480
  }
11489
11481
  }, /*#__PURE__*/React.createElement("div", {
11490
11482
  className: "row m-0 w-100 d-flex p-3"
@@ -19146,9 +19138,27 @@ var ClassicHeader = function ClassicHeader(props) {
19146
19138
  "class": "".concat(header_cssstyles.navbar_item_text) + ' navbar_item_text '
19147
19139
  }, langdetect == 'en' ? item.pagename : item.pagename_ar));
19148
19140
  }
19149
- })))), /*#__PURE__*/React.createElement("div", {
19141
+ }))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement(Subheader, {
19142
+ sectionpropertiesprops: sectionproperties,
19143
+ subheaderpropertiesprops: {
19144
+ subheaderpositionprops: 'in nav',
19145
+ paddingLeftprops: '1rem',
19146
+ paddingRightprops: '1rem',
19147
+ subheadercontentpositionprops: 'start'
19148
+ },
19149
+ actions: actions
19150
+ })), /*#__PURE__*/React.createElement("div", {
19150
19151
  "class": "col-lg-12 p-0"
19151
- }))), /*#__PURE__*/React.createElement(Headerresponsive, {
19152
+ }, sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React.createElement(Subheader, {
19153
+ sectionpropertiesprops: sectionproperties,
19154
+ subheaderpropertiesprops: {
19155
+ subheaderpositionprops: 'Full Width',
19156
+ paddingLeftprops: '35px',
19157
+ paddingRightprops: '35px',
19158
+ subheadercontentpositionprops: 'center'
19159
+ },
19160
+ actions: actions
19161
+ })))), /*#__PURE__*/React.createElement(Headerresponsive, {
19152
19162
  sectionpropertiesprops: sectionproperties,
19153
19163
  actions: actions
19154
19164
  }));
package/dist/index.umd.js CHANGED
@@ -2161,7 +2161,7 @@
2161
2161
  function _objectSpread$19(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$19(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$19(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
2162
2162
 
2163
2163
  var Ordershistory = function Ordershistory(props) {
2164
- var _bgimagesarray$, _bgimagesarray$2;
2164
+ var _props$actions2, _bgimagesarray$, _bgimagesarray$2;
2165
2165
 
2166
2166
  // const { lang, langdetect } = useContext(LanguageContext);
2167
2167
  // const { routingcountext } = useContext(TemplateRoutingContext);
@@ -2180,7 +2180,7 @@
2180
2180
  var fetchorderhistoryQueryContext = props.actions.fetchorderhistoryQueryContext;
2181
2181
  var navigationstyle = props.actions.navigationstyle;
2182
2182
  props.actions.pageindexcontext;
2183
- var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
2183
+ props.actions.StatePagePropertiesContext;
2184
2184
  props.actions.TabexSectionsComponentsContext;
2185
2185
  var templatepropcontext = props.actions.templatepropcontext;
2186
2186
  var authdetailsContext = props.actions.authdetailsContext;
@@ -2227,14 +2227,15 @@
2227
2227
  }
2228
2228
  }, []);
2229
2229
  React.useEffect(function () {
2230
- if (Object.keys(StatePagePropertiesContext).length != 0) {
2231
- var secpropobj = {};
2232
- StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
2233
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2234
- });
2235
- setsectionproperties(_objectSpread$19({}, secpropobj));
2236
- }
2237
- }, [StatePagePropertiesContext]);
2230
+ var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
2231
+
2232
+ // if (Object.keys(StatePagePropertiesContext).length != 0) {
2233
+ var secpropobj = {};
2234
+ props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
2235
+ secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2236
+ });
2237
+ setsectionproperties(_objectSpread$19({}, secpropobj)); // }
2238
+ }, [props === null || props === void 0 ? void 0 : (_props$actions2 = props.actions) === null || _props$actions2 === void 0 ? void 0 : _props$actions2.StatePagePropertiesContext]);
2238
2239
  var orderhistory_cssstyles = {
2239
2240
  sectiontitlespan: glamor.css({
2240
2241
  ':after': {
@@ -3640,8 +3641,8 @@
3640
3641
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
3641
3642
  var routingcountext = props.actions.routingcountext;
3642
3643
  var ApplyPromoCodeMutationContext = props.actions.ApplyPromoCodeMutationContext;
3643
- var CurrentSrcTypeContext = props.actions.CurrentSrcTypeContext;
3644
- var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
3644
+ props.actions.CurrentSrcTypeContext;
3645
+ props.actions.StatePagePropertiesContext;
3645
3646
  var templatepropcontext = props.actions.templatepropcontext;
3646
3647
  var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
3647
3648
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
@@ -3679,28 +3680,22 @@
3679
3680
  setCurrentPageId(cartindex);
3680
3681
  }
3681
3682
  }, []);
3683
+ React.useEffect(function () {// var secpropobj = {};
3684
+ // templatepropcontext?.pagesnprop[CurrentPageId]?.pageproperties?.forEach(function (arrayItem, arrayindex) {
3685
+ // secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
3686
+ // });
3687
+ // setsectionproperties({ ...secpropobj });
3688
+ }, [CurrentPageId, props.actions.templatepropcontext]);
3682
3689
  React.useEffect(function () {
3683
- var _templatepropcontext$2, _templatepropcontext$3;
3690
+ var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
3684
3691
 
3692
+ // if (rops?.actions?.StatePagePropertiesContext != null && rops?.actions?.StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
3685
3693
  var secpropobj = {};
3686
- templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$2 = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$2 === void 0 ? void 0 : (_templatepropcontext$3 = _templatepropcontext$2.pageproperties) === null || _templatepropcontext$3 === void 0 ? void 0 : _templatepropcontext$3.forEach(function (arrayItem, arrayindex) {
3694
+ props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
3687
3695
  secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
3688
3696
  });
3689
- setsectionproperties(_objectSpread$16({}, secpropobj));
3690
- }, [CurrentPageId]);
3691
- React.useEffect(function () {
3692
- if (CurrentSrcTypeContext == 'workplace') {
3693
- if (StatePagePropertiesContext != null && StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
3694
- var _StatePagePropertiesC, _StatePagePropertiesC2;
3695
-
3696
- var secpropobj = {};
3697
- StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
3698
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
3699
- });
3700
- setsectionproperties(_objectSpread$16({}, secpropobj));
3701
- }
3702
- }
3703
- }, [StatePagePropertiesContext]);
3697
+ setsectionproperties(_objectSpread$16({}, secpropobj)); // }
3698
+ }, [props.actions.StatePagePropertiesContext]);
3704
3699
  React.useEffect(function () {
3705
3700
  var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14;
3706
3701
 
@@ -5571,21 +5566,20 @@
5571
5566
  var navigationstyle = props.actions.navigationstyle;
5572
5567
  var actions = props.actions;
5573
5568
  React.useEffect(function () {
5574
- if (Object.keys(StatePagePropertiesContext).length != 0) {
5575
- var _StatePagePropertiesC, _StatePagePropertiesC2;
5569
+ var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
5576
5570
 
5577
- var secpropobj = {};
5578
- StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
5579
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
5580
- });
5581
- setsectionproperties(_objectSpread$13({}, secpropobj));
5582
- }
5583
- }, [StatePagePropertiesContext]);
5571
+ // if (Object.keys(props?.actions?.StatePagePropertiesContext).length != 0) {
5572
+ var secpropobj = {};
5573
+ props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
5574
+ secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
5575
+ });
5576
+ setsectionproperties(_objectSpread$13({}, secpropobj)); // }
5577
+ }, [props.actions.StatePagePropertiesContext]);
5584
5578
 
5585
5579
  var _useState = React.useState(''),
5586
- _useState2 = _slicedToArray__default["default"](_useState, 2),
5587
- CurrentPageId = _useState2[0],
5588
- setCurrentPageId = _useState2[1];
5580
+ _useState2 = _slicedToArray__default["default"](_useState, 2);
5581
+ _useState2[0];
5582
+ var setCurrentPageId = _useState2[1];
5589
5583
 
5590
5584
  var _useState3 = React.useState(''),
5591
5585
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -5600,16 +5594,14 @@
5600
5594
  if (cartindex >= 0) {
5601
5595
  setCurrentPageId(cartindex);
5602
5596
  }
5603
- }, []);
5604
- React.useEffect(function () {
5605
- var _templatepropcontext$, _templatepropcontext$2;
5597
+ }, []); // useEffect(() => {
5598
+ // var secpropobj = {};
5599
+ // templatepropcontext?.pagesnprop[CurrentPageId]?.pageproperties?.forEach(function (arrayItem, arrayindex) {
5600
+ // secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
5601
+ // });
5602
+ // setsectionproperties({ ...secpropobj });
5603
+ // }, [CurrentPageId, templatepropcontext]);
5606
5604
 
5607
- var secpropobj = {};
5608
- templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
5609
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
5610
- });
5611
- setsectionproperties(_objectSpread$13({}, secpropobj));
5612
- }, [CurrentPageId]);
5613
5605
  var accountinfo_cssstyles = {
5614
5606
  sectiontitlespan: glamor.css({
5615
5607
  ':after': {
@@ -11306,7 +11298,7 @@
11306
11298
  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; }
11307
11299
 
11308
11300
  var Subheader = function Subheader(props) {
11309
- var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _props$subheaderprope9, _props$subheaderprope10;
11301
+ var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _templatepropcontext$, _props$subheaderprope9, _props$subheaderprope10;
11310
11302
 
11311
11303
  // const { lang, setlang, langdetect } = useContext(LanguageContext);
11312
11304
  // const { FetchQueriesEngineContext, setFetchQueriesEngineContext, fetchCategoriesQueryContext } = useContext(FetchingContext);
@@ -11344,7 +11336,7 @@
11344
11336
  }, []);
11345
11337
  React.useEffect(function () {
11346
11338
  if (props.sectionpropertiesprops != undefined) {
11347
- setsectionproperties(_objectSpread$I({}, props.sectionpropertiesprops));
11339
+ setsectionproperties(_objectSpread$I({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
11348
11340
  }
11349
11341
  }, [props.sectionpropertiesprops]);
11350
11342
  var header_cssstyles = {
@@ -11388,7 +11380,7 @@
11388
11380
  })
11389
11381
  };
11390
11382
  return /*#__PURE__*/React__default["default"].createElement("div", {
11391
- className: ((_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 ',
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 ',
11392
11384
  style: {
11393
11385
  background: sectionproperties.subheaderbg,
11394
11386
  zIndex: 200,
@@ -11419,9 +11411,9 @@
11419
11411
  className: " ".concat(headerstyles$8.nav__item) + ' d-flex flex-row align-items-center ',
11420
11412
  style: {
11421
11413
  zIndex: 1000,
11422
- justifyContent: (_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops
11414
+ justifyContent: props === null || props === void 0 ? void 0 : (_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops
11423
11415
  }
11424
- }, ((_props$subheaderprope3 = props.subheaderpropertiesprops) === null || _props$subheaderprope3 === void 0 ? void 0 : _props$subheaderprope3.subheaderpositionprops) == 'in nav' && templatepropcontext.pagesnprop.map(function (item, index) {
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) {
11425
11417
  if (item.isnavigation == 1 && item.isactive == 1) {
11426
11418
  var _props$subheaderprope4, _props$subheaderprope5;
11427
11419
 
@@ -11443,7 +11435,7 @@
11443
11435
  }
11444
11436
  }, langdetect == 'en' ? item.pagename : item.pagename_ar));
11445
11437
  }
11446
- }), fetchCategoriesQueryContext.data.data.categories.map(function (item, index) {
11438
+ })), fetchCategoriesQueryContext.data.data.categories.map(function (item, index) {
11447
11439
  var _props$subheaderprope6, _props$subheaderprope7, _props$subheaderprope8;
11448
11440
 
11449
11441
  return /*#__PURE__*/React__default["default"].createElement("p", {
@@ -11454,8 +11446,8 @@
11454
11446
  setChoosenindex(index);
11455
11447
  },
11456
11448
  style: {
11457
- marginLeft: ((_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,
11458
- marginRight: (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingRightprops
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
11459
11451
  }
11460
11452
  }, langdetect == 'en' ? item.title_en : item.title_ar);
11461
11453
  }))), Choosenindex.length != 0 && fetchCategoriesQueryContext.data.data.categories[Choosenindex].parentcolletions.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -11465,8 +11457,8 @@
11465
11457
  },
11466
11458
  style: {
11467
11459
  zIndex: 2000,
11468
- position: ((_props$subheaderprope9 = props.subheaderpropertiesprops) === null || _props$subheaderprope9 === void 0 ? void 0 : _props$subheaderprope9.subheaderpositionprops) == 'in nav' ? 'absolute' : '',
11469
- top: ((_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.subheaderpositionprops) == 'in nav' ? 20 : ''
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 : ''
11470
11462
  }
11471
11463
  }, /*#__PURE__*/React__default["default"].createElement("div", {
11472
11464
  className: "row m-0 w-100 d-flex p-3"
@@ -19128,9 +19120,27 @@
19128
19120
  "class": "".concat(header_cssstyles.navbar_item_text) + ' navbar_item_text '
19129
19121
  }, langdetect == 'en' ? item.pagename : item.pagename_ar));
19130
19122
  }
19131
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
19123
+ }))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React__default["default"].createElement(Subheader, {
19124
+ sectionpropertiesprops: sectionproperties,
19125
+ subheaderpropertiesprops: {
19126
+ subheaderpositionprops: 'in nav',
19127
+ paddingLeftprops: '1rem',
19128
+ paddingRightprops: '1rem',
19129
+ subheadercontentpositionprops: 'start'
19130
+ },
19131
+ actions: actions
19132
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
19132
19133
  "class": "col-lg-12 p-0"
19133
- }))), /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
19134
+ }, sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement(Subheader, {
19135
+ sectionpropertiesprops: sectionproperties,
19136
+ subheaderpropertiesprops: {
19137
+ subheaderpositionprops: 'Full Width',
19138
+ paddingLeftprops: '35px',
19139
+ paddingRightprops: '35px',
19140
+ subheadercontentpositionprops: 'center'
19141
+ },
19142
+ actions: actions
19143
+ })))), /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
19134
19144
  sectionpropertiesprops: sectionproperties,
19135
19145
  actions: actions
19136
19146
  }));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tabexseriescomponents",
3
- "version": "0.0.56",
3
+ "version": "0.0.57",
4
4
  "description": "your description",
5
5
  "main": "dist/index.cjs.js",
6
6
  "scripts": {