tabexseriescomponents 0.0.56 → 0.0.59

package/dist/index.cjs.js

@@ -395,6 +395,35 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
 }(React.Component);
 LanguageContext$1.Consumer;
 
+var ProductsCardsSectionContext = /*#__PURE__*/React__default["default"].createContext();
+var ProductsCardsSectionContext_Provider = function ProductsCardsSectionContext_Provider(props) {
+  // let history = useHistory();
+  var _useState = React.useState(''),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      ParentCollectionsForCollectionQueryArrContext = _useState2[0],
+      setParentCollectionsForCollectionQueryArrContext = _useState2[1];
+
+  var _useState3 = React.useState({
+    Isfiltercollections: 0,
+    isfilter: 0,
+    ProductFetchingType: '',
+    collections: [],
+    FilterOptions: []
+  }),
+      _useState4 = _slicedToArray__default["default"](_useState3, 2),
+      ProductFilterObjContext = _useState4[0],
+      setProductFilterObjContext = _useState4[1];
+
+  return /*#__PURE__*/React__default["default"].createElement(ProductsCardsSectionContext.Provider, {
+    value: {
+      ProductFilterObjContext: ProductFilterObjContext,
+      setProductFilterObjContext: setProductFilterObjContext,
+      ParentCollectionsForCollectionQueryArrContext: ParentCollectionsForCollectionQueryArrContext,
+      setParentCollectionsForCollectionQueryArrContext: setParentCollectionsForCollectionQueryArrContext
+    }
+  }, props.children);
+};
+
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
@@ -2221,7 +2250,7 @@ function ownKeys$19(object, enumerableOnly) { var keys = Object.keys(object); if
 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; }
 
 var Ordershistory = function Ordershistory(props) {
-  var _bgimagesarray$, _bgimagesarray$2;
+  var _props$actions2, _bgimagesarray$, _bgimagesarray$2;
 
   // const { lang, langdetect } = useContext(LanguageContext);
   // const { routingcountext } = useContext(TemplateRoutingContext);
@@ -2240,7 +2269,7 @@ var Ordershistory = function Ordershistory(props) {
   var fetchorderhistoryQueryContext = props.actions.fetchorderhistoryQueryContext;
   var navigationstyle = props.actions.navigationstyle;
   props.actions.pageindexcontext;
-  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
+  props.actions.StatePagePropertiesContext;
   props.actions.TabexSectionsComponentsContext;
   var templatepropcontext = props.actions.templatepropcontext;
   var authdetailsContext = props.actions.authdetailsContext;
@@ -2287,14 +2316,15 @@ var Ordershistory = function Ordershistory(props) {
     }
   }, []);
   React.useEffect(function () {
-    if (Object.keys(StatePagePropertiesContext).length != 0) {
-      var secpropobj = {};
-      StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
-        secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
-      });
-      setsectionproperties(_objectSpread$19({}, secpropobj));
-    }
-  }, [StatePagePropertiesContext]);
+    var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
+
+    // if (Object.keys(StatePagePropertiesContext).length != 0) {
+    var secpropobj = {};
+    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) {
+      secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
+    });
+    setsectionproperties(_objectSpread$19({}, secpropobj)); // }
+  }, [props === null || props === void 0 ? void 0 : (_props$actions2 = props.actions) === null || _props$actions2 === void 0 ? void 0 : _props$actions2.StatePagePropertiesContext]);
   var orderhistory_cssstyles = {
     sectiontitlespan: glamor.css({
       ':after': {
@@ -3700,8 +3730,8 @@ var Checkout = function Checkout(props) {
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var routingcountext = props.actions.routingcountext;
   var ApplyPromoCodeMutationContext = props.actions.ApplyPromoCodeMutationContext;
-  var CurrentSrcTypeContext = props.actions.CurrentSrcTypeContext;
-  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
+  props.actions.CurrentSrcTypeContext;
+  props.actions.StatePagePropertiesContext;
   var templatepropcontext = props.actions.templatepropcontext;
   var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
@@ -3739,28 +3769,22 @@ var Checkout = function Checkout(props) {
       setCurrentPageId(cartindex);
     }
   }, []);
+  React.useEffect(function () {// var secpropobj = {};
+    // templatepropcontext?.pagesnprop[CurrentPageId]?.pageproperties?.forEach(function (arrayItem, arrayindex) {
+    //     secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
+    // });
+    // setsectionproperties({ ...secpropobj });
+  }, [CurrentPageId, props.actions.templatepropcontext]);
   React.useEffect(function () {
-    var _templatepropcontext$2, _templatepropcontext$3;
+    var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
 
+    // if (rops?.actions?.StatePagePropertiesContext != null && rops?.actions?.StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
     var secpropobj = {};
-    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) {
+    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) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$16({}, secpropobj));
-  }, [CurrentPageId]);
-  React.useEffect(function () {
-    if (CurrentSrcTypeContext == 'workplace') {
-      if (StatePagePropertiesContext != null && StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
-        var _StatePagePropertiesC, _StatePagePropertiesC2;
-
-        var secpropobj = {};
-        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) {
-          secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
-        });
-        setsectionproperties(_objectSpread$16({}, secpropobj));
-      }
-    }
-  }, [StatePagePropertiesContext]);
+    setsectionproperties(_objectSpread$16({}, secpropobj)); // }
+  }, [props.actions.StatePagePropertiesContext]);
   React.useEffect(function () {
     var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14;
 
@@ -5631,21 +5655,20 @@ var AccountInformation = function AccountInformation(props) {
   var navigationstyle = props.actions.navigationstyle;
   var actions = props.actions;
   React.useEffect(function () {
-    if (Object.keys(StatePagePropertiesContext).length != 0) {
-      var _StatePagePropertiesC, _StatePagePropertiesC2;
+    var _props$actions, _props$actions$StateP, _props$actions$StateP2, _props$actions$StateP3;
 
-      var secpropobj = {};
-      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) {
-        secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
-      });
-      setsectionproperties(_objectSpread$13({}, secpropobj));
-    }
-  }, [StatePagePropertiesContext]);
+    // if (Object.keys(props?.actions?.StatePagePropertiesContext).length != 0) {
+    var secpropobj = {};
+    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) {
+      secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
+    });
+    setsectionproperties(_objectSpread$13({}, secpropobj)); // }
+  }, [props.actions.StatePagePropertiesContext]);
 
   var _useState = React.useState(''),
-      _useState2 = _slicedToArray__default["default"](_useState, 2),
-      CurrentPageId = _useState2[0],
-      setCurrentPageId = _useState2[1];
+      _useState2 = _slicedToArray__default["default"](_useState, 2);
+      _useState2[0];
+      var setCurrentPageId = _useState2[1];
 
   var _useState3 = React.useState(''),
       _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -5660,16 +5683,14 @@ var AccountInformation = function AccountInformation(props) {
     if (cartindex >= 0) {
       setCurrentPageId(cartindex);
     }
-  }, []);
-  React.useEffect(function () {
-    var _templatepropcontext$, _templatepropcontext$2;
+  }, []); // useEffect(() => {
+  //     var secpropobj = {};
+  //     templatepropcontext?.pagesnprop[CurrentPageId]?.pageproperties?.forEach(function (arrayItem, arrayindex) {
+  //         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
+  //     });
+  //     setsectionproperties({ ...secpropobj });
+  // }, [CurrentPageId, templatepropcontext]);
 
-    var secpropobj = {};
-    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) {
-      secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
-    });
-    setsectionproperties(_objectSpread$13({}, secpropobj));
-  }, [CurrentPageId]);
   var accountinfo_cssstyles = {
     sectiontitlespan: glamor.css({
       ':after': {
@@ -11366,7 +11387,7 @@ function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if
 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; }
 
 var Subheader = function Subheader(props) {
-  var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _props$subheaderprope9, _props$subheaderprope10;
+  var _props$subheaderprope, _props$subheaderprope2, _templatepropcontext$, _props$subheaderprope9, _props$subheaderprope10;
 
   // const { lang, setlang, langdetect } = useContext(LanguageContext);
   // const { FetchQueriesEngineContext, setFetchQueriesEngineContext, fetchCategoriesQueryContext } = useContext(FetchingContext);
@@ -11404,7 +11425,7 @@ var Subheader = function Subheader(props) {
   }, []);
   React.useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
-      setsectionproperties(_objectSpread$I({}, props.sectionpropertiesprops));
+      setsectionproperties(_objectSpread$I({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
     }
   }, [props.sectionpropertiesprops]);
   var header_cssstyles = {
@@ -11448,78 +11469,84 @@ var Subheader = function Subheader(props) {
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    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 ',
+    "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 ',
     style: {
       background: sectionproperties.subheaderbg,
       zIndex: 200,
       flex: 1
     }
   }, sectionproperties != undefined && sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(headerstyles$8.sub_container) + ' w-100 p-md-0 '
+    "class": "".concat(headerstyles$8.sub_container) + ' w-100 p-md-0 '
   }, fetchCategoriesQueryContext.isSuccess && fetchCategoriesQueryContext.data.data.status && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: " ".concat(headerstyles$8.subheader) + ' row w-100 m-0 d-flex flex-row align-items-center w-sm-100 ',
+    "class": " ".concat(headerstyles$8.subheader) + ' row w-100 m-0 d-flex flex-row align-items-center w-sm-100 ',
     style: {
       position: 'relative'
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "ml-auto mr-auto",
+  }, (props === null || props === void 0 ? void 0 : props.subheaderpositionprops) == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "ml-auto mr-auto",
     style: {
       background: sectionproperties.upperseparatorbgcolor,
       width: sectionproperties.upperseparatorwidth + '%',
       height: sectionproperties.upperseparatorheight + 'px'
     }
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 d-flex flex-column align-items-center justify-content-center pl-0 pr-0",
+    "class": "col-lg-12 m-auto d-flex flex-column align-items-center justify-content-center ",
     style: {
       borderBottom: sectionproperties.separator_borderwidth + 'px solid ' + sectionproperties.separator_bgcolor,
       paddingTop: sectionproperties.subheader_margintop + 'px',
       paddingBottom: sectionproperties.subheader_marginbottom + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: " ".concat(headerstyles$8.nav__item) + ' d-flex flex-row align-items-center ',
+    "class": "".concat(headerstyles$8.nav__item) + ' scrollhorizontal flex-row align-items-center  ',
     style: {
       zIndex: 1000,
-      justifyContent: (_props$subheaderprope2 = props.subheaderpropertiesprops) === null || _props$subheaderprope2 === void 0 ? void 0 : _props$subheaderprope2.subheadercontentpositionprops
+      textAlign: langdetect == 'en' ? 'left' : 'right' // justifyContent: props.subheaderpropertiesprops?.subheadercontentpositionprops,
+
     }
-  }, ((_props$subheaderprope3 = props.subheaderpropertiesprops) === null || _props$subheaderprope3 === void 0 ? void 0 : _props$subheaderprope3.subheaderpositionprops) == 'in nav' && templatepropcontext.pagesnprop.map(function (item, index) {
+  }, (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) {
     if (item.isnavigation == 1 && item.isactive == 1) {
-      var _props$subheaderprope4, _props$subheaderprope5;
+      var _props$subheaderprope3, _props$subheaderprope4, _props$subheaderprope5, _props$subheaderprope6;
 
       return /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
           history.push(item.navigationroute);
+        },
+        "class": "scrollhorizontalcard",
+        style: {
+          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,
+          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
         }
       }, /*#__PURE__*/React__default["default"].createElement("p", {
-        className: "".concat(headerstyles$8.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 ',
+        "class": "".concat(headerstyles$8.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3  ',
         onClick: function onClick() {
-          templatepropcontext.pagesnprop.pages.forEach(function (pageitem, pageindex) {
+          fetch_inst_tabex_websitetemplatesQueryContext.data.data.template.pages.forEach(function (pageitem, pageindex) {
             pageitem.isselected = false;
           });
-          templatepropcontext.pagesnprop.pages[index].isselected = true;
+          fetch_inst_tabex_websitetemplatesQueryContext.data.data.template.pages[index].isselected = true;
         },
         style: {
-          marginLeft: langdetect == 'en' ? 0 : (_props$subheaderprope4 = props.subheaderpropertiesprops) === null || _props$subheaderprope4 === void 0 ? void 0 : _props$subheaderprope4.paddingLeftprops,
-          marginRight: langdetect == 'en' ? (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingRightprops : 0
+          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,
+          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
         }
       }, langdetect == 'en' ? item.pagename : item.pagename_ar));
     }
-  }), fetchCategoriesQueryContext.data.data.categories.map(function (item, index) {
-    var _props$subheaderprope6, _props$subheaderprope7, _props$subheaderprope8;
+  })), fetchCategoriesQueryContext.data.data.categories.map(function (item, index) {
+    var _props$subheaderprope7, _props$subheaderprope8;
 
     return /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "".concat(headerstyles$8.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 ',
+      "class": "".concat(headerstyles$8.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard ',
       onClick: function onClick() {},
       onMouseEnter: function onMouseEnter() {
         setshowdownheadermenu(true);
         setChoosenindex(index);
       },
       style: {
-        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,
-        marginRight: (_props$subheaderprope8 = props.subheaderpropertiesprops) === null || _props$subheaderprope8 === void 0 ? void 0 : _props$subheaderprope8.paddingRightprops
+        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,
+        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
       }
     }, langdetect == 'en' ? item.title_en : item.title_ar);
   }))), Choosenindex.length != 0 && fetchCategoriesQueryContext.data.data.categories[Choosenindex].parentcolletions.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    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 ',
+    "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 ',
     onMouseLeave: function onMouseLeave() {
       setshowdownheadermenu(false);
     },
@@ -11529,41 +11556,47 @@ var Subheader = function Subheader(props) {
       top: ((_props$subheaderprope10 = props.subheaderpropertiesprops) === null || _props$subheaderprope10 === void 0 ? void 0 : _props$subheaderprope10.subheaderpositionprops) == 'in nav' ? 20 : ''
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row m-0 w-100 d-flex p-3"
+    "class": "row m-0 w-100 d-flex p-3"
   }, fetchCategoriesQueryContext.data.data.categories[Choosenindex].parentcolletions.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5"
+    "class": "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5"
   }, /*#__PURE__*/React__default["default"].createElement(md.MdOutlineLayersClear, {
     size: 30
   }), /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "font-16 font-weight-500 m-0 p-0"
+    "class": "font-16 font-weight-500 m-0 p-0"
   }, langdetect == 'en' ? 'No collections' : 'لا توجد مجموعات')), fetchCategoriesQueryContext.data.data.categories[Choosenindex].parentcolletions.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-2 col-md-6 col-sm-12 mb-md-4 p-0",
+      "class": "col-lg-2 col-md-6 col-sm-12 mb-md-4 p-0",
       style: {
         cursor: 'pointer'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "row w-100 m-0 d-flex flex-column justify-content-center mb-2"
+      "class": "row w-100 m-0 d-flex flex-column justify-content-center mb-2"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 p-0 mb-3",
+      "class": "col-lg-12 p-0 mb-3",
       onClick: function onClick() {
         routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.parentcollectionid);
       }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "".concat(header_cssstyles.parentcollection) + ' wordbreak m-0 p-0 '
+      "class": "".concat(header_cssstyles.parentcollection) + ' wordbreak m-0 p-0 ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
     }, langdetect == 'en' ? item.title_en : item.title_ar)), item.collections.map(function (item, index) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 p-0 mb-2",
+        "class": "col-lg-12 p-0 mb-2",
         onClick: function onClick() {
           routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.collectionid);
         }
       }, /*#__PURE__*/React__default["default"].createElement("p", {
-        className: "".concat(header_cssstyles.subheader_collectiontitle) + ' wordbreak m-0 p-0 '
+        "class": "".concat(header_cssstyles.subheader_collectiontitle) + ' wordbreak m-0 p-0 ',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
       }, langdetect == 'en' ? item.title_en : item.title_ar));
     }), index != item.collections.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 p-0 d-none d-sm-block"
+      "class": "col-lg-12 p-0 d-none d-sm-block"
     }, /*#__PURE__*/React__default["default"].createElement("hr", {
-      className: "mt-3 mb-0"
+      "class": "mt-3 mb-0"
     }))));
   }))))));
 };
@@ -19188,9 +19221,27 @@ var ClassicHeader = function ClassicHeader(props) {
         "class": "".concat(header_cssstyles.navbar_item_text) + ' navbar_item_text '
       }, langdetect == 'en' ? item.pagename : item.pagename_ar));
     }
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React__default["default"].createElement(Subheader, {
+    sectionpropertiesprops: sectionproperties,
+    subheaderpropertiesprops: {
+      subheaderpositionprops: 'in nav',
+      paddingLeftprops: '1rem',
+      paddingRightprops: '1rem',
+      subheadercontentpositionprops: 'start'
+    },
+    actions: actions
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
-  }))), /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+  }, sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement(Subheader, {
+    sectionpropertiesprops: sectionproperties,
+    subheaderpropertiesprops: {
+      subheaderpositionprops: 'Full Width',
+      paddingLeftprops: '35px',
+      paddingRightprops: '35px',
+      subheadercontentpositionprops: 'center'
+    },
+    actions: actions
+  })))), /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
   }));
@@ -24122,6 +24173,8 @@ var MenuCard = function MenuCard(props) {
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   var AddtoCartContext = props.actions.AddtoCartContext;
   props.actions.AddtoCartMutationContext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var routingcountext = props.actions.routingcountext;
   var NotificationManager = NotificationManager;
 
   var updatequantity = function updatequantity(type) {
@@ -24606,8 +24659,8 @@ var ModernProductCard = function ModernProductCard(props) {
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   var AddtoCartContext = props.actions.AddtoCartContext;
   props.actions.AddtoCartMutationContext;
-  var StaticPagesLinksContext = props.StaticPagesLinksContext;
-  var routingcountext = props.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var routingcountext = props.actions.routingcountext;
   var NotificationManager = NotificationManager;
 
   var updatequantity = function updatequantity(type) {
@@ -25327,8 +25380,8 @@ var Productcard_with_circularbg = function Productcard_with_circularbg(props) {
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   props.actions.AddtoCartContext;
   props.actions.AddtoCartMutationContext;
-  var StaticPagesLinksContext = props.StaticPagesLinksContext;
-  var routingcountext = props.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var routingcountext = props.actions.routingcountext;
   React.useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -25590,8 +25643,8 @@ var Productcard_with_circularhover = function Productcard_with_circularhover(pro
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   props.actions.AddtoCartContext;
   props.actions.AddtoCartMutationContext;
-  var StaticPagesLinksContext = props.StaticPagesLinksContext;
-  var routingcountext = props.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var routingcountext = props.actions.routingcountext;
   React.useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -26136,8 +26189,8 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   props.actions.AddtoCartContext;
   props.actions.AddtoCartMutationContext;
-  var StaticPagesLinksContext = props.StaticPagesLinksContext;
-  var routingcountext = props.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var routingcountext = props.actions.routingcountext;
   React.useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -26423,8 +26476,8 @@ var Productcard6 = function Productcard6(props) {
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   props.actions.AddtoCartContext;
   props.actions.AddtoCartMutationContext;
-  var StaticPagesLinksContext = props.StaticPagesLinksContext;
-  var routingcountext = props.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var routingcountext = props.actions.routingcountext;
   React.useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -26669,8 +26722,8 @@ var Productcard7 = function Productcard7(props) {
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   props.actions.AddtoCartContext;
   props.actions.AddtoCartMutationContext;
-  var StaticPagesLinksContext = props.StaticPagesLinksContext;
-  var routingcountext = props.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var routingcountext = props.actions.routingcountext;
   React.useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -26936,8 +26989,8 @@ var Productcarddefault = function Productcarddefault(props) {
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   props.actions.AddtoCartContext;
   props.actions.AddtoCartMutationContext;
-  var StaticPagesLinksContext = props.StaticPagesLinksContext;
-  var routingcountext = props.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var routingcountext = props.actions.routingcountext;
   React.useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -27190,8 +27243,8 @@ var Productccard_with_imageontopleft = function Productccard_with_imageontopleft
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   props.actions.AddtoCartContext;
   props.actions.AddtoCartMutationContext;
-  var StaticPagesLinksContext = props.StaticPagesLinksContext;
-  var routingcountext = props.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var routingcountext = props.actions.routingcountext;
   React.useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -27472,8 +27525,8 @@ var Prouductcard_with_zoomhover = function Prouductcard_with_zoomhover(props) {
   props.actions.setProductIdProdutInfoModalContext;
   props.actions.AddtoCartContext;
   props.actions.AddtoCartMutationContext;
-  props.StaticPagesLinksContext;
-  props.routingcountext;
+  props.actions.StaticPagesLinksContext;
+  props.actions.routingcountext;
   React.useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -27608,8 +27661,8 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
   props.actions.setProductIdProdutInfoModalContext;
   props.actions.AddtoCartContext;
   props.actions.AddtoCartMutationContext;
-  var StaticPagesLinksContext = props.StaticPagesLinksContext;
-  var routingcountext = props.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var routingcountext = props.actions.routingcountext;
   React.useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -27739,8 +27792,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   props.actions.AddtoCartContext;
   props.actions.AddtoCartMutationContext;
-  var StaticPagesLinksContext = props.StaticPagesLinksContext;
-  var routingcountext = props.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var routingcountext = props.actions.routingcountext;
   React.useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -28019,8 +28072,8 @@ var StylishProductCard = function StylishProductCard(props) {
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   props.actions.AddtoCartContext;
   props.actions.AddtoCartMutationContext;
-  var StaticPagesLinksContext = props.StaticPagesLinksContext;
-  var routingcountext = props.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var routingcountext = props.actions.routingcountext;
   React.useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -28274,6 +28327,8 @@ var returnLibrary = function returnLibrary() {
   return {
     LanguageContext: LanguageContext$1,
     LanguageProvider: LanguageProvider,
+    ProductsCardsSectionContext: ProductsCardsSectionContext,
+    ProductsCardsSectionContext_Provider: ProductsCardsSectionContext_Provider,
     AwesomeButton: AwesomeButton,
     Checkout: Checkout,
     Signup: Signup,