tabexseriescomponents 0.0.387 → 0.0.389

package/dist/index.umd.js

@@ -2228,7 +2228,7 @@
           minHeight: sectionproperties.height + 'vh'
         }
       }, sectionproperties.gallerystyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "w-100 scrollhorizontalwithscrollbar"
+        "class": "w-100 scrollhorizontalwithscrollbar scrollhorizontalwithscrollbarremove"
       }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productimages) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.productimages.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": ' scrollhorizontalcard mx-2 ',
@@ -2524,7 +2524,7 @@
         actions: props.actions
       }), sectionproperties.showextrafield == 'Show' && /*#__PURE__*/React__default["default"].createElement(ProductExtraFields, {
         actions: props.actions
-      }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
+      }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionposition != 'Top' && /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
         actions: props.actions
       }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 mb-3"
@@ -2566,7 +2566,7 @@
           flexDirection: 'row',
           direction: 'ltr'
         }
-      }, /*#__PURE__*/React__default["default"].createElement("span", {
+      }, sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
         className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
         onClick: function onClick() {
           var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
@@ -2582,9 +2582,9 @@
         }
       }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, {
         size: sectionproperties.remove_quantitybtn_textfontsize
-      }))), /*#__PURE__*/React__default["default"].createElement("span", {
+      }))), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
         className: "".concat(productinfo_cssstyles.quantitybtn_text)
-      }, addtocardpayloadobj.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
+      }, addtocardpayloadobj.quantity), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
         className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
         onClick: function onClick() {
           var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
@@ -2600,7 +2600,30 @@
         }
       }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
         size: sectionproperties.add_quantitybtn_textfontsize
-      })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
+      }))), sectionproperties.quantitybtneditable == 'Yes' && /*#__PURE__*/React__default["default"].createElement("input", {
+        type: "number",
+        style: {
+          width: 100,
+          height: 40,
+          background: 'transparent',
+          fontWeight: sectionproperties.quantitybtn_textfontweight,
+          color: sectionproperties.quantitybtn_textcolor,
+          fontSize: sectionproperties.quantitybtn_textfontsize + 'px',
+          textAlign: 'center'
+        },
+        value: addtocardpayloadobj.quantity,
+        onChange: function onChange(event) {
+          if (event.target.value == NaN || event.target.value == undefined || event.target.value == null || event.target.value == '') {
+            var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
+            tempaddtocardpayloadobj.quantity = 1;
+            setaddtocardpayloadobj(_objectSpread$2q({}, tempaddtocardpayloadobj));
+          } else {
+            var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
+            tempaddtocardpayloadobj.quantity = parseInt(event.target.value);
+            setaddtocardpayloadobj(_objectSpread$2q({}, tempaddtocardpayloadobj));
+          }
+        }
+      })), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
         className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
         onClick: function onClick() {
           if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
@@ -5702,7 +5725,7 @@
         }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.email)))), sectionproperties.storeinfostyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100"
         }, sectionproperties.showfooterphonenumber == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 allcentered mb-2"
+          "class": "col-lg-12 allcentered mb-2 p-sm-0"
         }, /*#__PURE__*/React__default["default"].createElement("button", {
           "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
           onClick: function onClick() {
@@ -5711,7 +5734,7 @@
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": "m-0 p-0"
         }, langdetect == 'en' ? sectionproperties.phonetitle_en : sectionproperties.phonetitle_ar))), sectionproperties.showfooteremail == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.email) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 allcentered mb-2"
+          "class": "col-lg-12 allcentered mb-2 p-sm-0"
         }, /*#__PURE__*/React__default["default"].createElement("button", {
           "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
           onClick: function onClick() {
@@ -5721,7 +5744,7 @@
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": "m-0 p-0"
         }, langdetect == 'en' ? sectionproperties.emailtitle_en : sectionproperties.emailtitle_ar))), sectionproperties.showwhatsapp == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "col-lg-12 allcentered mb-2"
+          "class": "col-lg-12 allcentered mb-2 p-sm-0"
         }, /*#__PURE__*/React__default["default"].createElement("button", {
           "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
           onClick: function onClick() {
@@ -17248,9 +17271,13 @@
           var _fetchCategoriesQuery;
           var temppcollarray = _toConsumableArray__default["default"](pcollarray);
           fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 || _fetchCategoriesQuery.categories.forEach(function (arrayItem) {
-            arrayItem === null || arrayItem === void 0 || arrayItem.parentcolletions.forEach(function (item) {
-              temppcollarray.push(item);
-            });
+            if (arrayItem.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
+              arrayItem === null || arrayItem === void 0 || arrayItem.parentcolletions.forEach(function (item) {
+                if (item.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
+                  temppcollarray.push(item);
+                }
+              });
+            }
           });
           setpcollarray(_toConsumableArray__default["default"](temppcollarray));
         }
@@ -17677,7 +17704,7 @@
     function ownKeys$1Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Headerresponsive = function Headerresponsive(props) {
-      var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery;
+      var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery, _authdetailsContext$i9;
       var actions = props.actions;
       var LogoutMutationContext = props.actions.LogoutMutationContext;
       var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -18449,7 +18476,7 @@
           }, langdetect == 'en' ? item.pagename : item.pagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
             className: "col-lg-12"
           }, /*#__PURE__*/React__default["default"].createElement("hr", {
-            className: "mt-3 mb-3",
+            className: "mt-4 mb-4",
             style: {
               borderColor: sectionproperties.resp_header_separatorbg
             }
@@ -18467,7 +18494,7 @@
       }, langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12"
       }, /*#__PURE__*/React__default["default"].createElement("hr", {
-        className: "mt-3 mb-3",
+        className: "mt-4 mb-4",
         style: {
           borderColor: sectionproperties.resp_header_separatorbg
         }
@@ -18483,7 +18510,7 @@
       }, lang.wishlist)), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12"
       }, /*#__PURE__*/React__default["default"].createElement("hr", {
-        className: "mt-3 mb-3",
+        className: "mt-4 mb-4",
         style: {
           borderColor: sectionproperties.resp_header_separatorbg
         }
@@ -18550,12 +18577,27 @@
           backgroundColor: 'white'
         },
         backdrop: true
-      }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, /*#__PURE__*/React__default["default"].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "allcentered",
+        style: {
+          position: 'absolute',
+          right: -34,
+          top: 5,
+          width: 30,
+          height: 30,
+          background: '#000'
+        },
+        onClick: function onClick() {
+          setopenCnvas(false);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
+        color: '#fff',
+        size: 16
+      })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "allcentered",
         style: {
           position: 'absolute',
-          right: langdetect == 'en' ? -34 : '',
-          left: langdetect == 'en' ? -34 : '',
+          left: -34,
           top: 5,
           width: 30,
           height: 30,
@@ -18667,7 +18709,7 @@
       }, lang.wishlist)), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("hr", {
-        className: "mt-3 mb-3",
+        className: "mt-4 mb-4",
         style: {
           borderColor: sectionproperties.resp_header_separatorbg
         }
@@ -18683,7 +18725,7 @@
         className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
       }, lang.policies)))))), activeTab == 'categories' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: ' row m-0 w-100 accordionContainer anim'
-      }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+      }, sectionproperties.subheaderParentType == 'Categories' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
         allowMultipleExpanded: true,
         allowZeroExpanded: true
       }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : _fetchCategoriesQuery.categories.map(function (item, index) {
@@ -18731,7 +18773,7 @@
           }))), /*#__PURE__*/React__default["default"].createElement("div", {
             className: "col-lg-12 p-0"
           }, /*#__PURE__*/React__default["default"].createElement("hr", {
-            className: "mt-3 mb-3",
+            className: "mt-4 mb-4",
             style: {
               borderColor: sectionproperties.resp_header_separatorbg
             }
@@ -18782,7 +18824,7 @@
               }))), /*#__PURE__*/React__default["default"].createElement("div", {
                 className: "col-lg-12 p-0"
               }, /*#__PURE__*/React__default["default"].createElement("hr", {
-                className: "mt-3 mb-3",
+                className: "mt-4 mb-4",
                 style: {
                   borderColor: sectionproperties.resp_header_separatorbg
                 }
@@ -18805,7 +18847,7 @@
                   }, langdetect == 'en' ? collitem.title_en : collitem.title_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
                     className: "col-lg-12 p-0"
                   }, /*#__PURE__*/React__default["default"].createElement("hr", {
-                    className: "mt-3 mb-3",
+                    className: "mt-4 mb-4",
                     style: {
                       borderColor: sectionproperties.resp_header_separatorbg
                     }
@@ -18815,6 +18857,27 @@
             }
           }))))));
         }
+      })), sectionproperties.subheaderParentType == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.instcollections) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.map(function (collitem, collindex) {
+        if (collitem.isshowntocustomers == 1) {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
+            className: ' row m-0 p-0 mb-2  w-100 '
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "col-12 p-0 text-start px-3",
+            onClick: function onClick() {
+              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
+              setopenCnvas(false);
+            }
+          }, /*#__PURE__*/React__default["default"].createElement("p", {
+            className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+          }, langdetect == 'en' ? collitem.title_en : collitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "col-lg-12 p-0"
+          }, /*#__PURE__*/React__default["default"].createElement("hr", {
+            className: "mt-4 mb-4",
+            style: {
+              borderColor: sectionproperties.resp_header_separatorbg
+            }
+          })));
+        }
       })))))));
     };
 
@@ -19008,7 +19071,7 @@
     function ownKeys$1V(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$1V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1V(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
-      var _css, _logoarrayofobjects$, _logoarrayofobjects$2;
+      var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8;
       var actions = props.actions;
       var LogoutMutationContext = props.actions.LogoutMutationContext;
       var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -19016,7 +19079,7 @@
       props.actions.StatePagePropertiesContext;
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
-      props.actions.setlang;
+      var setlang = props.actions.setlang;
       var templatepropcontext = props.actions.templatepropcontext;
       var authdetailsContext = props.actions.authdetailsContext;
       var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
@@ -19057,9 +19120,9 @@
         _useState12[0];
         _useState12[1];
       var _useState13 = React.useState(''),
-        _useState14 = _slicedToArray__default["default"](_useState13, 2);
-        _useState14[0];
-        _useState14[1];
+        _useState14 = _slicedToArray__default["default"](_useState13, 2),
+        activeTab = _useState14[0],
+        setactiveTab = _useState14[1];
       React.useEffect(function () {
         if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
           var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -19067,6 +19130,7 @@
             setlogoarrayofobjects(_toConsumableArray__default["default"](logoarrayofobjectsparsed));
           }
         }
+        // alert(JSON.stringify(templateproperties_context));
       }, [templateproperties_context]);
       var header_cssstyles = {
         header_logo: glamor.css({
@@ -19232,15 +19296,25 @@
           }
         })
       };
+      var returnpolicyobj = function returnpolicyobj(policytype) {
+        var _authdetailsContext$i;
+        var policyobj = {};
+        authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 || (_authdetailsContext$i = _authdetailsContext$i.instpolicies) === null || _authdetailsContext$i === void 0 || _authdetailsContext$i.forEach(function (item, index) {
+          if (item.policytype == policytype) {
+            policyobj = item;
+          }
+        });
+        return policyobj;
+      };
       var CartButton = function CartButton() {
         var _fetchcustomercartQue2, _fetchcustomercartQue3;
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": "d-flex align-items-center mx-2",
+          "class": "d-flex align-items-center",
           style: {
             position: 'relative'
           }
         }, /*#__PURE__*/React__default["default"].createElement("button", {
-          className: "".concat(header_cssstyles.addtocartbtn_resp) + ' d-flex align-items-center justify-content-center ml-1 p-0 ',
+          className: "".concat(header_cssstyles.addtocartbtn_resp) + ' d-flex align-items-center justify-content-center p-0 ',
           onClick: function onClick() {
             var _fetchcustomercartQue;
             if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.customercart) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.cartitems) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.length) > 7) {
@@ -19361,7 +19435,46 @@
           zIndex: 10000,
           overflow: 'scroll'
         }
+      }, sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row m-0 w-100 mb-5",
+        style: {
+          borderBottom: '1px solid #eee'
+        }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: 'col-6 allcentered py-3',
+        onClick: function onClick() {
+          setactiveTab('menu');
+        },
+        style: {
+          background: activeTab == 'menu' ? 'white' : '#eee'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "m-0 p-0",
+        style: {
+          textTransform: 'uppercase',
+          fontWeight: 500,
+          fontSize: '15px',
+          transition: '.3s',
+          color: '#000'
+        }
+      }, langdetect == 'en' ? 'MENU' : 'القائمة')), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: 'col-6 allcentered py-3',
+        onClick: function onClick() {
+          setactiveTab('categories');
+        },
+        style: {
+          background: activeTab == 'categories' ? 'white' : '#eee'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "m-0 p-0",
+        style: {
+          textTransform: 'uppercase',
+          fontWeight: 500,
+          fontSize: '15px',
+          transition: '.3s',
+          color: '#000'
+        }
+      }, langdetect == 'en' ? 'SHOP' : 'تسوق'))), sectionproperties.responsiveheaderstyle != 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 text-end anim"
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         "class": ' h-100 allcentered ',
@@ -19403,7 +19516,7 @@
             }
           })));
         }
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
+      }), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100 anim"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
@@ -19421,7 +19534,7 @@
         style: {
           borderColor: sectionproperties.resp_header_separatorbg
         }
-      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }))), templateproperties_context.separatepolicies == 'No' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100 anim"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
@@ -19432,7 +19545,79 @@
         }
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
-      }, lang.policies))), authdetailsContext.loggedin == true && templateproperties_context.showprevorder == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, lang.policies))), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("hr", {
+        className: "mt-3 mb-3",
+        style: {
+          borderColor: sectionproperties.resp_header_separatorbg
+        }
+      }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row m-0 w-100 anim"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        onClick: function onClick() {
+          routingcountext(StaticPagesLinksContext.PrivacyPolicy);
+          setmenuactive(false);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+      }, langdetect == 'en' ? (_returnpolicyobj = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en : (_returnpolicyobj2 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policypagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("hr", {
+        className: "mt-3 mb-3",
+        style: {
+          borderColor: sectionproperties.resp_header_separatorbg
+        }
+      }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row m-0 w-100 anim"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        onClick: function onClick() {
+          routingcountext(StaticPagesLinksContext.ShippingPolicy);
+          setmenuactive(false);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+      }, langdetect == 'en' ? (_returnpolicyobj3 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policypagename_en : (_returnpolicyobj4 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policypagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("hr", {
+        className: "mt-3 mb-3",
+        style: {
+          borderColor: sectionproperties.resp_header_separatorbg
+        }
+      }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row m-0 w-100 anim"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        onClick: function onClick() {
+          routingcountext(StaticPagesLinksContext.RefundPolicy);
+          setmenuactive(false);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+      }, langdetect == 'en' ? (_returnpolicyobj5 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policypagename_en : (_returnpolicyobj6 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policypagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("hr", {
+        className: "mt-3 mb-3",
+        style: {
+          borderColor: sectionproperties.resp_header_separatorbg
+        }
+      }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row m-0 w-100 anim"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        onClick: function onClick() {
+          routingcountext(StaticPagesLinksContext.TermsConditions);
+          setmenuactive(false);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+      }, langdetect == 'en' ? (_returnpolicyobj7 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj7 === void 0 ? void 0 : _returnpolicyobj7.policypagename_en : (_returnpolicyobj8 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj8 === void 0 ? void 0 : _returnpolicyobj8.policypagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("hr", {
         className: "mt-3 mb-3",
@@ -19450,7 +19635,60 @@
         }
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
-      }, langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear)))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? templateproperties_context.previousorders_titleen : templateproperties_context.previousorders_titlear))), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("hr", {
+        className: "mt-3 mb-3",
+        style: {
+          borderColor: sectionproperties.resp_header_separatorbg
+        }
+      }))), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row m-0 w-100 anim"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start mb-2 ',
+        style: {}
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "".concat(header_cssstyles.navbar_item_text_responsive) + ' m-0 p-0 ',
+        style: {
+          cursor: 'default'
+        }
+      }, langdetect == 'en' ? 'Language' : 'اللغة')), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start my-1"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100",
+        style: {
+          background: sectionproperties.langcontainerbgresp,
+          borderRadius: 5
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": header_cssstyles.navbarItem + ' col-6 p-0 allcentered py-2 px-2 cursor-pointer ',
+        onClick: function onClick() {
+          setlang('en');
+          setmenuactive(false);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0 w-100 allcentered py-3",
+        style: {
+          background: langdetect == 'en' ? sectionproperties.langcontainerbgresp_active : 'transparent',
+          borderRadius: 5,
+          fontSize: 15,
+          color: sectionproperties.language_container_color_resp
+        }
+      }, "English")), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": header_cssstyles.navbarItem + ' col-6 p-0 allcentered py-2 px-2 cursor-pointer ',
+        onClick: function onClick() {
+          setlang('ar');
+          setmenuactive(false);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0 w-100 allcentered py-3",
+        style: {
+          borderRadius: 5,
+          background: langdetect == 'ar' ? sectionproperties.langcontainerbgresp_active : 'transparent',
+          fontSize: 15,
+          color: sectionproperties.language_container_color_resp
+        }
+      }, "\u0644\u063A\u0629 \u0639\u0631\u0628\u064A\u0629"))))), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 mt-5"
       }, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
         "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
@@ -19869,7 +20107,7 @@
         "class": header_cssstyles.textSlider + ' mb-0 p-0 '
       }, langdetect == 'en' ? (_textarray$ = textarray[0]) === null || _textarray$ === void 0 ? void 0 : _textarray$.textEnglish : (_textarray$2 = textarray[0]) === null || _textarray$2 === void 0 ? void 0 : _textarray$2.textArabic))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-4 p-0 text-end"
-      }, langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'ar' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
         onClick: function onClick() {
           setlang('en');
@@ -19889,7 +20127,7 @@
         "class": "ml-2 mr-2"
       }), /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "m-0 p-0"
-      }, "\u0639")), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, "\u0639")), langdetect == 'en' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
         onClick: function onClick() {
           setlang('ar');
@@ -19909,7 +20147,7 @@
         "class": "ml-2 mr-2"
       }), /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "m-0 p-0"
-      }, "En")), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, "En")), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "allcentered"
       }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center pt-1 ',
@@ -19940,7 +20178,7 @@
         style: {
           minWidth: '200px'
         }
-      }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+      }, templateproperties_context.showprevorder == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
         onClick: function onClick() {
           routingcountext(StaticPagesLinksContext.Ordershistory);
         }
@@ -19948,7 +20186,7 @@
         "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         "class": ' allcenetered m-0 p-0 '
-      }, langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+      }, langdetect == 'en' ? templateproperties_context.previousorders_titleen : templateproperties_context.previousorders_titlear))), templateproperties_context.showprevorder == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
         onClick: function onClick() {
           routingcountext(StaticPagesLinksContext.Wishlist);
         }
@@ -19956,7 +20194,7 @@
         "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         "class": ' allcenetered m-0 p-0 '
-      }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.wishlisttitle_ar))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+      }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.wishlisttitle_ar))), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
         onClick: function onClick() {
           LogoutMutationContext.mutate();
         }
@@ -20008,6 +20246,11 @@
         size: sectionproperties.searchbarcontfontsize
       })))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-xl-8 col-lg-10 p-0 allcentered flex-row"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": ' scrollhorizontal w-100 align-items-center justify-content-center ',
+        style: {
+          display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
+        }
       }, templatepropcontext.pagesnprop.map(function (item, index) {
         if (item.isnavigation == 1 && item.isactive == 1) {
           return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -20017,6 +20260,15 @@
             }
           }, langdetect == 'en' ? item.pagename : item.pagename_ar);
         }
+      })), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React__default["default"].createElement(Subheader, {
+        sectionpropertiesprops: sectionproperties,
+        actions: actions,
+        subheaderpropertiesprops: {
+          subheaderpositionprops: 'in nav',
+          paddingLeftprops: '25px',
+          paddingRightprops: '25px',
+          subheadercontentpositionprops: 'center'
+        }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-xl-2 col-lg-1 col-md-6 col-sm-12 p-0 d-flex align-items-center justify-content-end"
       }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -25177,7 +25429,7 @@
         }
       }, /*#__PURE__*/React__default["default"].createElement(FiSearch.FiSearch, {
         size: sectionproperties.searchbaricon_fontsize
-      })), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      })), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": langdetect == 'en' ? "".concat(header_cssstyles.wishlist_btn) + ' cursor-pointer allcentered ml-3 ' : "".concat(header_cssstyles.wishlist_btn) + ' cursor-pointer allcentered mr-3 ',
         onClick: function onClick() {
           routingcountext(StaticPagesLinksContext.Wishlist);
@@ -25199,7 +25451,7 @@
         }
       })), sectionproperties.showfavbadge == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(headerstyles$9.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications)
-      }, /*#__PURE__*/React__default["default"].createElement("span", null, " ", favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("span", null, " ", favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         style: {
           position: 'relative'
         },
@@ -25408,7 +25660,7 @@
         "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem allcenetered m-0 p-0 '
       }, /*#__PURE__*/React__default["default"].createElement(BiLogOutCircle.BiLogOutCircle, {
         "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-      }), lang.logout))))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }), lang.logout))))), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": langdetect == 'en' ? ' allcentered m-0 cursor-pointer ml-3 ' : ' m-0 cursor-pointer mr-3 ',
         style: {
           minWidth: '30px'
@@ -25443,7 +25695,10 @@
           paddingRightprops: '25px',
           subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
         }
-      })))))), /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+      })))))), sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+        sectionpropertiesprops: sectionproperties,
+        actions: actions
+      }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
         sectionpropertiesprops: sectionproperties,
         actions: actions
       }), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
@@ -42058,7 +42313,7 @@
         style: {
           textAlign: langdetect == 'en' ? 'left' : 'right'
         }
-      }, lang.orderhistory))), templateproperties_context.showpolicies == 'Show' && sectionproperties.separatepolicies == 'No' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? templateproperties_context.previousorders_titleen : templateproperties_context.previousorders_titlear))), templateproperties_context.showpolicies == 'Show' && templateproperties_context.separatepolicies == 'No' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
@@ -42069,7 +42324,7 @@
         style: {
           textAlign: langdetect == 'en' ? 'left' : 'right'
         }
-      }, langdetect == 'en' ? sectionproperties.policiestexten : sectionproperties.policiestextar))), templateproperties_context.showpolicies == 'Show' && sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? sectionproperties.policiestexten : sectionproperties.policiestextar))), templateproperties_context.showpolicies == 'Show' && templateproperties_context.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
@@ -42080,7 +42335,7 @@
         style: {
           textAlign: langdetect == 'en' ? 'left' : 'right'
         }
-      }, langdetect == 'en' ? (_returnpolicyobj = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en : (_returnpolicyobj2 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policypagename_ar))), templateproperties_context.showpolicies == 'Show' && sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? (_returnpolicyobj = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en : (_returnpolicyobj2 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policypagename_ar))), templateproperties_context.showpolicies == 'Show' && templateproperties_context.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
@@ -42091,7 +42346,7 @@
         style: {
           textAlign: langdetect == 'en' ? 'left' : 'right'
         }
-      }, langdetect == 'en' ? (_returnpolicyobj3 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policypagename_en : (_returnpolicyobj4 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policypagename_ar))), templateproperties_context.showpolicies == 'Show' && sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? (_returnpolicyobj3 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policypagename_en : (_returnpolicyobj4 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policypagename_ar))), templateproperties_context.showpolicies == 'Show' && templateproperties_context.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
@@ -42102,7 +42357,7 @@
         style: {
           textAlign: langdetect == 'en' ? 'left' : 'right'
         }
-      }, langdetect == 'en' ? (_returnpolicyobj5 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policypagename_en : (_returnpolicyobj6 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policypagename_ar))), templateproperties_context.showpolicies == 'Show' && sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? (_returnpolicyobj5 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policypagename_en : (_returnpolicyobj6 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policypagename_ar))), templateproperties_context.showpolicies == 'Show' && templateproperties_context.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
@@ -42133,7 +42388,7 @@
           }
         }
       }, sectionproperties.fbiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
-        "class": 'mr-2',
+        "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
         size: sectionproperties.fbiconfontsize
       }), sectionproperties.fblinktext)), sectionproperties.instbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
@@ -42147,7 +42402,7 @@
           }
         }
       }, sectionproperties.instagramiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
-        "class": 'mr-2',
+        "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
         size: sectionproperties.instagramiconfontsize
       }), sectionproperties.instagramlinktext)), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
@@ -42161,7 +42416,7 @@
           }
         }
       }, sectionproperties.whatsappiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
-        "class": 'mr-2',
+        "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
         size: sectionproperties.whatsappiconfontsize
       }), sectionproperties.whatsapplinktext)), sectionproperties.linkedinbtnshow == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
@@ -42175,7 +42430,7 @@
           }
         }
       }, sectionproperties.linkedinbtniconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(AiOutlineLinkedin.AiOutlineLinkedin, {
-        "class": 'mr-2',
+        "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
         size: sectionproperties.linkedinbtniconfontsize
       }), sectionproperties.linkedinlinktext)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
@@ -42189,7 +42444,7 @@
           }
         }
       }, sectionproperties.instagramiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
-        "class": 'mr-2',
+        "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
         size: sectionproperties.instagramiconfontsize
       }), langdetect == 'en' ? 'TikTok' : 'TikTok')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.telegramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
@@ -42203,7 +42458,7 @@
           }
         }
       }, sectionproperties.instagramiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(FaTelegramPlane.FaTelegramPlane, {
-        "class": 'mr-2',
+        "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
         size: sectionproperties.instagramiconfontsize
       }), langdetect == 'en' ? 'Telegram' : 'Telegram')))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": sectionproperties.showdownloadsection == 'Show' || sectionproperties.showpaymentfooter == 'Show' ? 'col-lg-3 col-md-12 col-sm-12 mt-md-3' : 'col-lg-4 col-md-12 col-sm-12 mt-md-3',
@@ -52563,6 +52818,8 @@
                 var _authdetailsContext$i2;
                 window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.whatsappnumber), '_blank');
               }
+            } else if (sectionproperties.btntype == 'App/Web Page') {
+              window.open(sectionproperties.btnlink, '_target');
             } else {
               window.open(sectionproperties.btnlink, '_blank');
             }
@@ -52653,7 +52910,17 @@
           width: sectionproperties.width + 'vw'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3 ' : sectionproperties.paddingLeft != 0 ? langdetect == 'en' ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3 ' : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3 ' : sectionproperties.paddingRight != 0 ? langdetect == 'en' ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3 ' : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3 ' : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between ',
+        "class":
+        // sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0
+        //     ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3 '
+        //     : sectionproperties.paddingLeft == 0 && sectionproperties.paddingRight == 0
+        //     ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between '
+        //     : sectionproperties.paddingLeft != 0
+        //     ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pr-1025-1 px-md-3 '
+        //     : sectionproperties.paddingRight != 0
+        //     ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pr-1025-1 px-md-3 '
+        //     : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between '
+        sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3 ' : sectionproperties.paddingLeft == 0 && sectionproperties.paddingRight == 0 ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between px-md-0 ' : sectionproperties.paddingLeft != 0 ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3 ' : sectionproperties.paddingRight != 0 ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3 ' : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between px-md-0 ',
         style: {
           paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
@@ -53049,7 +53316,9 @@
             cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default'
           },
           onClick: function onClick() {
-            if (cardinfoitem.iscardclickable == 'Yes') {
+            if (cardinfoitem.iscardclickable == 'Yes' && cardinfoitem.clickabletabtype == 'Same Tab') {
+              window.open(cardinfoitem.btnlink, '_target');
+            } else if (cardinfoitem.iscardclickable == 'Yes' && cardinfoitem.clickabletabtype == 'New Tab') {
               window.open(cardinfoitem.btnlink, '_blank');
             }
           }
@@ -63554,12 +63823,25 @@
         onClick: function onClick() {
           cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
         }
-      }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100"
+      }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "".concat(card_cssstyles.productNameStyles) + ' font-md-15 wordbreak wordbreak1 m-0 ',
         style: {
           textAlign: langdetect == 'en' ? 'left' : 'right'
         }
-      }, item.name)))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, item.name)), sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": ' wordbreak wordbreak1 m-0 ',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right',
+          fontSize: sectionproperties.measurementunitfontsize + 'px',
+          color: sectionproperties.measurementunitcolor
+        }
+      }, item.measurmentunit)))))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row w-100 m-0 d-flex"