tabexseriescomponents 0.0.56 → 0.0.59

package/dist/index.umd.js

@@ -335,6 +335,35 @@
     }(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;
@@ -2161,7 +2190,7 @@
     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);
@@ -2180,7 +2209,7 @@
       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;
@@ -2227,14 +2256,15 @@
         }
       }, []);
       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': {
@@ -3640,8 +3670,8 @@
       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;
@@ -3679,28 +3709,22 @@
           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;
 
@@ -5571,21 +5595,20 @@
       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),
@@ -5600,16 +5623,14 @@
         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': {
@@ -11306,7 +11327,7 @@
     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);
@@ -11344,7 +11365,7 @@
       }, []);
       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 = {
@@ -11388,78 +11409,84 @@
         })
       };
       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);
         },
@@ -11469,41 +11496,47 @@
           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"
         }))));
       }))))));
     };
@@ -19128,9 +19161,27 @@
             "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
       }));
@@ -24062,6 +24113,8 @@
       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) {
@@ -24546,8 +24599,8 @@
       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) {
@@ -25267,8 +25320,8 @@
       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 = {};
@@ -25530,8 +25583,8 @@
       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 = {};
@@ -26076,8 +26129,8 @@
       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 = {};
@@ -26363,8 +26416,8 @@
       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 = {};
@@ -26609,8 +26662,8 @@
       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 = {};
@@ -26876,8 +26929,8 @@
       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 = {};
@@ -27130,8 +27183,8 @@
       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 = {};
@@ -27412,8 +27465,8 @@
       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 = {};
@@ -27548,8 +27601,8 @@
       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 = {};
@@ -27679,8 +27732,8 @@
       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 = {};
@@ -27959,8 +28012,8 @@
       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 = {};
@@ -28214,6 +28267,8 @@
       return {
         LanguageContext: LanguageContext$1,
         LanguageProvider: LanguageProvider,
+        ProductsCardsSectionContext: ProductsCardsSectionContext,
+        ProductsCardsSectionContext_Provider: ProductsCardsSectionContext_Provider,
         AwesomeButton: AwesomeButton,
         Checkout: Checkout,
         Signup: Signup,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "tabexseriescomponents",
-	"version": "0.0.56",
+	"version": "0.0.59",
 	"description": "your description",
 	"main": "dist/index.cjs.js",
 	"scripts": {