tabexseriescomponents 0.0.143 → 0.0.145

package/dist/index.cjs.js

@@ -20,7 +20,6 @@ var AiOutlineUser = require('@react-icons/all-files/ai/AiOutlineUser');
 var IoMdClose = require('@react-icons/all-files/io/IoMdClose');
 var reactBootstrap = require('react-bootstrap');
 require('react-query');
-var reactRouter = require('react-router');
 var imagekitioReact = require('imagekitio-react');
 var ImageGallery = require('react-image-gallery');
 var MdAddShoppingCart = require('@react-icons/all-files/md/MdAddShoppingCart');
@@ -1029,7 +1028,7 @@ styleInject(css_248z$K);
 function ownKeys$1P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1P(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _ProductInfoObj$data2, _ProductInfoObj$data3, _ProductInfoObj$data4, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _authdetailsContext$c, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i, _authdetailsContext$i2;
+  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _ProductInfoObj$data2, _ProductInfoObj$data3, _ProductInfoObj$data4, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _authdetailsContext$c, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i, _authdetailsContext$i2;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -1082,7 +1081,8 @@ var Product_itemtype = function Product_itemtype(props) {
     items: productimagesarray,
     thumbnailPosition: "bottom",
     showNav: false,
-    showPlayButton: false
+    showPlayButton: false,
+    showFullscreenButton: true
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: langdetect == 'en' ? 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-3 pr-0 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-0 pr-3 p-md-0'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1459,11 +1459,13 @@ var Product_itemtype = function Product_itemtype(props) {
       fontWeight: sectionproperties.prodPriceFontWeight,
       color: sectionproperties.prodPriceColor
     }
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : (_fetchProductInfoQuer38 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : _fetchProductInfoQuer39.hasvariants) == 1 && (variantindexcompleted === null || variantindexcompleted === void 0 ? void 0 : variantindexcompleted.length) != 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : (_fetchProductInfoQuer38 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : _fetchProductInfoQuer39.hasvariants) == 1 && (variantindexcompleted === null || variantindexcompleted === void 0 ? void 0 : variantindexcompleted.length) == 0 && /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0"
+  }, fetchProductInfoQueryContext.data.data.productinfo.defaultprice), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer40 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : (_fetchProductInfoQuer41 = _fetchProductInfoQuer40.data) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : (_fetchProductInfoQuer42 = _fetchProductInfoQuer41.productinfo) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : _fetchProductInfoQuer42.hasvariants) == 1 && (variantindexcompleted === null || variantindexcompleted === void 0 ? void 0 : variantindexcompleted.length) != 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
     className: langdetect == 'en' ? ' m-0 p-0 d-flex align-items-center justify-content-end wordbreak text-right ' : ' m-0 p-0 d-flex align-items-center justify-content-end wordbreak text-left '
   }, langdetect == 'en' ? 'EGP' : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].variantsaleprice, ' ', langdetect == 'en' ? '' : 'ج.م'), /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].hassale == 0 && /*#__PURE__*/React__default["default"].createElement("p", {
     className: langdetect == 'en' ? ' m-0 p-0 d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : '  m-0 p-0 d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
-  }, langdetect == 'en' ? 'EGP' : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].variantprice, ' ', langdetect == 'en' ? '' : 'ج.م'))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer40 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : (_fetchProductInfoQuer41 = _fetchProductInfoQuer40.data) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : (_fetchProductInfoQuer42 = _fetchProductInfoQuer41.productinfo) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : _fetchProductInfoQuer42.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, langdetect == 'en' ? 'EGP' : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].variantprice, ' ', langdetect == 'en' ? '' : 'ج.م'))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer43 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer43 === void 0 ? void 0 : (_fetchProductInfoQuer44 = _fetchProductInfoQuer43.data) === null || _fetchProductInfoQuer44 === void 0 ? void 0 : (_fetchProductInfoQuer45 = _fetchProductInfoQuer44.productinfo) === null || _fetchProductInfoQuer45 === void 0 ? void 0 : _fetchProductInfoQuer45.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && /*#__PURE__*/React__default["default"].createElement("span", {
     className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
   }, langdetect == 'en' ? 'EGP' : '', " ", fetchProductInfoQueryContext.data.data.productinfo.defaultprice, ' ', langdetect == 'en' ? '' : 'ج.م'), /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
     className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
@@ -1474,11 +1476,11 @@ var Product_itemtype = function Product_itemtype(props) {
       fontSize: sectionproperties.prodsalepriceFontSize + 'px',
       fontWeight: sectionproperties.prodsalePriceFontWeight
     }
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer43 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer43 === void 0 ? void 0 : (_fetchProductInfoQuer44 = _fetchProductInfoQuer43.data) === null || _fetchProductInfoQuer44 === void 0 ? void 0 : (_fetchProductInfoQuer45 = _fetchProductInfoQuer44.productinfo) === null || _fetchProductInfoQuer45 === void 0 ? void 0 : _fetchProductInfoQuer45.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer46 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : (_fetchProductInfoQuer47 = _fetchProductInfoQuer46.data) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : (_fetchProductInfoQuer48 = _fetchProductInfoQuer47.productinfo) === null || _fetchProductInfoQuer48 === void 0 ? void 0 : _fetchProductInfoQuer48.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
     className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "ml-2 mr-2"
-  }, "-"), " ", langdetect == 'en' ? 'EGP' : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer46 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : (_fetchProductInfoQuer47 = _fetchProductInfoQuer46.data) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : (_fetchProductInfoQuer48 = _fetchProductInfoQuer47.productinfo) === null || _fetchProductInfoQuer48 === void 0 ? void 0 : _fetchProductInfoQuer48.hasvariants) == 1 && variantindexcompleted.length != 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, "-"), " ", langdetect == 'en' ? 'EGP' : '', ' ', fetchProductInfoQueryContext.data.data.productinfo.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer49 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer49 === void 0 ? void 0 : (_fetchProductInfoQuer50 = _fetchProductInfoQuer49.data) === null || _fetchProductInfoQuer50 === void 0 ? void 0 : (_fetchProductInfoQuer51 = _fetchProductInfoQuer50.productinfo) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : _fetchProductInfoQuer51.hasvariants) == 1 && variantindexcompleted.length != 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, fetchProductInfoQueryContext.data.data.productinfo.variants[variantindexcompleted].hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
     className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "ml-2 mr-2"
@@ -2345,10 +2347,6 @@ function ownKeys$1N(object, enumerableOnly) { var keys = Object.keys(object); if
 function _objectSpread$1N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1N(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Productinfo = function Productinfo(props) {
   var _ref, _ref2;
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2);
-    _useState2[0];
-    var setvariantModalShow = _useState2[1];
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -2373,28 +2371,52 @@ var Productinfo = function Productinfo(props) {
   var setCurrentPageIdContext = props.actions.setCurrentPageIdContext;
   var NotificationManager = props.actions.NotificationManager;
   var productidparam = props.productidparam;
+  var _useState = React.useState(''),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    sectionproperties = _useState2[0],
+    setsectionproperties = _useState2[1];
   var _useState3 = React.useState(''),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    sectionproperties = _useState4[0],
-    setsectionproperties = _useState4[1];
+    _useState4 = _slicedToArray__default["default"](_useState3, 2);
+    _useState4[0];
+    var setCurrentPageId = _useState4[1];
   var _useState5 = React.useState(''),
     _useState6 = _slicedToArray__default["default"](_useState5, 2);
     _useState6[0];
-    var setCurrentPageId = _useState6[1];
-  var _useState7 = React.useState(''),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2);
-    _useState8[0];
-    var setRelatedProductsTagid = _useState8[1];
-  var _useState9 = React.useState({}),
+    var setRelatedProductsTagid = _useState6[1];
+  var _useState7 = React.useState({}),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    ProductInfoObj = _useState8[0],
+    setProductInfoObj = _useState8[1];
+  var _useState9 = React.useState([]),
     _useState10 = _slicedToArray__default["default"](_useState9, 2),
-    ProductInfoObj = _useState10[0],
-    setProductInfoObj = _useState10[1];
+    Relatedproducts = _useState10[0],
+    setRelatedproducts = _useState10[1];
   var _useState11 = React.useState([]),
     _useState12 = _slicedToArray__default["default"](_useState11, 2),
-    Relatedproducts = _useState12[0],
-    setRelatedproducts = _useState12[1];
-  var _useParams = reactRouter.useParams();
-    _useParams.collectionidparams;
+    productimagesarray = _useState12[0],
+    setproductimagesarray = _useState12[1];
+  var _useState13 = React.useState({
+      functype: 'add',
+      item_type: 'product',
+      productid: '',
+      variantid: '',
+      quantity: 1,
+      date: '',
+      time: '',
+      from: '',
+      to: ''
+    }),
+    _useState14 = _slicedToArray__default["default"](_useState13, 2),
+    addtocardpayloadobj = _useState14[0],
+    setaddtocardpayloadobj = _useState14[1];
+  var _useState15 = React.useState(''),
+    _useState16 = _slicedToArray__default["default"](_useState15, 2),
+    variantindexcompleted = _useState16[0],
+    setvariantindexcompleted = _useState16[1];
+  var _useState17 = React.useState(false),
+    _useState18 = _slicedToArray__default["default"](_useState17, 2),
+    isloaded = _useState18[0],
+    setisloaded = _useState18[1];
   React.useEffect(function () {
     if (Object.keys(StatePagePropertiesContext).length != 0) {
       var secpropobj = {};
@@ -2404,12 +2426,6 @@ var Productinfo = function Productinfo(props) {
       setsectionproperties(_objectSpread$1N({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
-
-  // const FetchRelatedProductsQuery = useQuery([' FetchRelatedProducts_API' + RelatedProductsTagid], () => FetchRelatedProducts_API({ tagid: RelatedProductsTagid, productid: '' }), {
-  //     keepPreviousData: true,
-  //     staleTime: Infinity,
-  //     enabled: fetchproductinfoObjContext.productid != undefined && fetchproductinfoObjContext.productid.length != 0 && RelatedProductsTagid.length != 0 ? true : false,
-  // });
   React.useEffect(function () {
     var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
       return x.staticpageid == '6218bccb810ae';
@@ -2418,7 +2434,6 @@ var Productinfo = function Productinfo(props) {
       setpageindexcontext(cartindex);
       setCurrentPageId(templatepropcontext.pagesnprop[cartindex].pageid);
       if (props.srcfromprops != 'templatedraftrouter') {
-        // setpageindexcontext(cartindex);
         setCurrentPageIdContext(templatepropcontext.pagesnprop[cartindex].pageid);
       }
     }
@@ -2431,32 +2446,6 @@ var Productinfo = function Productinfo(props) {
     });
     setsectionproperties(_objectSpread$1N({}, secpropobj));
   }, [pageindexcontext]);
-  var _useState13 = React.useState([]),
-    _useState14 = _slicedToArray__default["default"](_useState13, 2),
-    productimagesarray = _useState14[0],
-    setproductimagesarray = _useState14[1];
-  var _useState15 = React.useState({
-      functype: 'add',
-      item_type: 'product',
-      productid: '',
-      variantid: '',
-      quantity: 1,
-      date: '',
-      time: '',
-      from: '',
-      to: ''
-    }),
-    _useState16 = _slicedToArray__default["default"](_useState15, 2),
-    addtocardpayloadobj = _useState16[0],
-    setaddtocardpayloadobj = _useState16[1];
-  var _useState17 = React.useState(''),
-    _useState18 = _slicedToArray__default["default"](_useState17, 2),
-    variantindexcompleted = _useState18[0],
-    setvariantindexcompleted = _useState18[1];
-  var _useState19 = React.useState(false),
-    _useState20 = _slicedToArray__default["default"](_useState19, 2),
-    isloaded = _useState20[0],
-    setisloaded = _useState20[1];
   React.useEffect(function () {
     if (productidparam == undefined) {
       productidassigner(ProductIdProdutInfoModalContext);
@@ -2666,9 +2655,7 @@ var Productinfo = function Productinfo(props) {
         if (addtocardpayloadobj.variantid.length != 0) {
           runfunc = true;
         } else {
-          setvariantModalShow(true);
-          // alert('asd');
-          // NotificationManager.warning('', 'Please Choose Product Options');
+          NotificationManager.warning('', 'Please Choose Product Options');
         }
       } else {
         runfunc = true;
@@ -2680,6 +2667,137 @@ var Productinfo = function Productinfo(props) {
       AddtoCartContext(addtocardpayloadobj);
     }
   };
+  var returnpolicyobj = function returnpolicyobj(policytype) {
+    var _authdetailsContext$i, _authdetailsContext$i2;
+    var policyobj = {};
+    authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.instpolicies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.forEach(function (item, index) {
+      if (item.policytype == policytype) {
+        policyobj = item;
+      }
+    });
+    return policyobj;
+  };
+  var relatedproducts = function relatedproducts() {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "w-100 row m-0 d-flex justify-content-start"
+    }, Relatedproducts.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "w-100 row m-0 d-flex justify-content-start"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-12"
+    }, /*#__PURE__*/React__default["default"].createElement("hr", {
+      className: "mt-0"
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-12",
+      style: {
+        background: sectionproperties.relatedproductsbg,
+        paddingTop: sectionproperties.relatedproductspaddingTop + 'px',
+        paddingBottom: sectionproperties.relatedproductspaddingBottom + 'px',
+        paddingLeft: sectionproperties.relatedproductspaddingLeft + 'px',
+        paddingRight: sectionproperties.relatedproductspaddingRight + 'px',
+        borderTopLeftRadius: sectionproperties.relatedproductsbgbtlr + 'px',
+        borderTopRightRadius: sectionproperties.relatedproductsbgbtrr + 'px',
+        borderBottomLeftRadius: sectionproperties.relatedproductsbgbblr + 'px',
+        borderBottomRightRadius: sectionproperties.relatedproductsbgbbrr + 'px',
+        boxShadow: sectionproperties.relatedproductsbgbbrrshowshadow == 'Show' ? '0 0 10px ' + sectionproperties.relatedproductsshadowcolor : 'none'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 mb-2"
+    }, /*#__PURE__*/React__default["default"].createElement("div", null, sectionproperties.relatedproductstitlestyle == 'Line Under Text' && /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: ' col-lg-12 d-flex align-items-center p-0'
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "".concat(productinfo_cssstyles.sectiontitlespan),
+      style: {
+        fontSize: sectionproperties.relatedproductstitlefontsize + 'px',
+        color: sectionproperties.relatedproductstitlecolor,
+        fontWeight: sectionproperties.relatedproductstitlefontweight,
+        textTransform: sectionproperties.relatedproductstitletextTransform
+      }
+    }, lang.relatedproducts)))), sectionproperties.relatedproductstitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0",
+      style: {
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(generalstyles.sectiontitlecont2)
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "".concat(productinfo_cssstyles.sectiontitlespan2) + ' pl-3 ',
+      style: {
+        fontSize: sectionproperties.relatedproductstitlefontsize + 'px',
+        color: sectionproperties.relatedproductstitlecolor,
+        fontWeight: sectionproperties.relatedproductstitlefontweight,
+        textTransform: sectionproperties.relatedproductstitletextTransform
+      }
+    }, "Related", /*#__PURE__*/React__default["default"].createElement("br", null), " Products"))))), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-12 p-0 pl-md-2 pr-md-2"
+    }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu
+    // onWheel={onWheel}
+    , {
+      transitionBehavior: 'auto',
+      wrapperClassName: '',
+      itemClassName: 'scrollmenuclassnameitem',
+      scrollContainerClassName: 'scrollmenuclasssubscrollbar'
+    }, Relatedproducts.map(function (item, index) {
+      if (item.productinfo != null) {
+        if (item.productid != fetchProductInfoQueryContext.data.data.productinfo.productid) {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "col-lg-12 w-100 p-2",
+            onClick: function onClick() {
+              if (props.srcfromprops != 'templatdraftrouter') {
+                productidassigner(item.productid);
+              } else {
+                routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
+              }
+            }
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "row w-100 m-0 cursor-pointer p-1",
+            style: {
+              boxShadow: '0 0 10px #ccc',
+              cursor: 'pointer',
+              borderRadius: '10px',
+              background: 'white'
+            }
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
+            className: 'col-lg-2 col-md-2 col-sm-2 pl-0'
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
+            className: productinfo_cssstyles.imagecont
+          }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
+            urlEndpoint: IKurlEndpoint,
+            publicKey: IKpublicKey,
+            path: item.productinfo.productmainimage,
+            style: {
+              borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
+              borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
+              borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
+              borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
+              width: '100%',
+              height: '100%',
+              objectFit: 'cover'
+            },
+            loading: "lazy"
+          }))), /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "col-lg-10 col-md-10 col-sm-10 pl-3 "
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "row m-0 w-100"
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start"
+          }, /*#__PURE__*/React__default["default"].createElement("p", {
+            className: "".concat(productinfo_cssstyles.relatedproductNameStyles) + ' m-0 p-0 module line-clamp d-flex justify-content-start ',
+            style: {
+              fontSize: '15px'
+            }
+          }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+            className: langdetect == 'en' ? "".concat(productinfo_cssstyles.relatedproductPricestyles) + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex wordbreak text-right ' : "".concat(productinfo_cssstyles.relatedproductPricestyles) + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex wordbreak text-left '
+          }, /*#__PURE__*/React__default["default"].createElement("span", {
+            className: 'ml-1 mr-1'
+          }, item.productinfo.hasvariants == 1 ? item.productinfo.variants.variantsaleprice : item.productinfo.defaultsaleprice, ' ', langdetect == 'en' ? 'EGP' : 'ج.م'))))));
+        }
+      }
+    })))))));
+  };
   var productinfo_cssstyles = {
     sectiontitlespan: glamor.css({
       ':after': {
@@ -2862,137 +2980,6 @@ var Productinfo = function Productinfo(props) {
       fontSize: sectionproperties.footerinfotext_secondaryfontsize + 'px'
     })
   };
-  var returnpolicyobj = function returnpolicyobj(policytype) {
-    var _authdetailsContext$i, _authdetailsContext$i2;
-    var policyobj = {};
-    authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.instpolicies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.forEach(function (item, index) {
-      if (item.policytype == policytype) {
-        policyobj = item;
-      }
-    });
-    return policyobj;
-  };
-  var relatedproducts = function relatedproducts() {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "w-100 row m-0 d-flex justify-content-start"
-    }, Relatedproducts.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "w-100 row m-0 d-flex justify-content-start"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12"
-    }, /*#__PURE__*/React__default["default"].createElement("hr", {
-      className: "mt-0"
-    })), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12",
-      style: {
-        background: sectionproperties.relatedproductsbg,
-        paddingTop: sectionproperties.relatedproductspaddingTop + 'px',
-        paddingBottom: sectionproperties.relatedproductspaddingBottom + 'px',
-        paddingLeft: sectionproperties.relatedproductspaddingLeft + 'px',
-        paddingRight: sectionproperties.relatedproductspaddingRight + 'px',
-        borderTopLeftRadius: sectionproperties.relatedproductsbgbtlr + 'px',
-        borderTopRightRadius: sectionproperties.relatedproductsbgbtrr + 'px',
-        borderBottomLeftRadius: sectionproperties.relatedproductsbgbblr + 'px',
-        borderBottomRightRadius: sectionproperties.relatedproductsbgbbrr + 'px',
-        boxShadow: sectionproperties.relatedproductsbgbbrrshowshadow == 'Show' ? '0 0 10px ' + sectionproperties.relatedproductsshadowcolor : 'none'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "row m-0 w-100"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 mb-2"
-    }, /*#__PURE__*/React__default["default"].createElement("div", null, sectionproperties.relatedproductstitlestyle == 'Line Under Text' && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: ' col-lg-12 d-flex align-items-center p-0'
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "".concat(productinfo_cssstyles.sectiontitlespan),
-      style: {
-        fontSize: sectionproperties.relatedproductstitlefontsize + 'px',
-        color: sectionproperties.relatedproductstitlecolor,
-        fontWeight: sectionproperties.relatedproductstitlefontweight,
-        textTransform: sectionproperties.relatedproductstitletextTransform
-      }
-    }, lang.relatedproducts)))), sectionproperties.relatedproductstitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0",
-      style: {
-        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "".concat(generalstyles.sectiontitlecont2)
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "".concat(productinfo_cssstyles.sectiontitlespan2) + ' pl-3 ',
-      style: {
-        fontSize: sectionproperties.relatedproductstitlefontsize + 'px',
-        color: sectionproperties.relatedproductstitlecolor,
-        fontWeight: sectionproperties.relatedproductstitlefontweight,
-        textTransform: sectionproperties.relatedproductstitletextTransform
-      }
-    }, "Related", /*#__PURE__*/React__default["default"].createElement("br", null), " Products"))))), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 p-0 pl-md-2 pr-md-2"
-    }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu
-    // onWheel={onWheel}
-    , {
-      transitionBehavior: 'auto',
-      wrapperClassName: '',
-      itemClassName: 'scrollmenuclassnameitem',
-      scrollContainerClassName: 'scrollmenuclasssubscrollbar'
-    }, Relatedproducts.map(function (item, index) {
-      if (item.productinfo != null) {
-        if (item.productid != fetchProductInfoQueryContext.data.data.productinfo.productid) {
-          return /*#__PURE__*/React__default["default"].createElement("div", {
-            className: "col-lg-12 w-100 p-2",
-            onClick: function onClick() {
-              if (props.srcfromprops != 'templatdraftrouter') {
-                productidassigner(item.productid);
-              } else {
-                routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
-              }
-            }
-          }, /*#__PURE__*/React__default["default"].createElement("div", {
-            className: "row w-100 m-0 cursor-pointer p-1",
-            style: {
-              boxShadow: '0 0 10px #ccc',
-              cursor: 'pointer',
-              borderRadius: '10px',
-              background: 'white'
-            }
-          }, /*#__PURE__*/React__default["default"].createElement("div", {
-            className: 'col-lg-2 col-md-2 col-sm-2 pl-0'
-          }, /*#__PURE__*/React__default["default"].createElement("div", {
-            className: productinfo_cssstyles.imagecont
-          }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
-            urlEndpoint: IKurlEndpoint,
-            publicKey: IKpublicKey,
-            path: item.productinfo.productmainimage,
-            style: {
-              borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
-              borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
-              borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
-              borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
-              width: '100%',
-              height: '100%',
-              objectFit: 'cover'
-            },
-            loading: "lazy"
-          }))), /*#__PURE__*/React__default["default"].createElement("div", {
-            className: "col-lg-10 col-md-10 col-sm-10 pl-3 "
-          }, /*#__PURE__*/React__default["default"].createElement("div", {
-            className: "row m-0 w-100"
-          }, /*#__PURE__*/React__default["default"].createElement("div", {
-            className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start"
-          }, /*#__PURE__*/React__default["default"].createElement("p", {
-            className: "".concat(productinfo_cssstyles.relatedproductNameStyles) + ' m-0 p-0 module line-clamp d-flex justify-content-start ',
-            style: {
-              fontSize: '15px'
-            }
-          }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
-            className: langdetect == 'en' ? "".concat(productinfo_cssstyles.relatedproductPricestyles) + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex wordbreak text-right ' : "".concat(productinfo_cssstyles.relatedproductPricestyles) + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex wordbreak text-left '
-          }, /*#__PURE__*/React__default["default"].createElement("span", {
-            className: 'ml-1 mr-1'
-          }, item.productinfo.hasvariants == 1 ? item.productinfo.variants.variantsaleprice : item.productinfo.defaultsaleprice, ' ', langdetect == 'en' ? 'EGP' : 'ج.م'))))));
-        }
-      }
-    })))))));
-  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'row w-100 ml-0 mr-0',
     style: {
@@ -7744,7 +7731,7 @@ var CartSlider = function CartSlider(props) {
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
     className: "mt-2 mb-2"
   }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.status) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(cartstyles.cartslider_container, " ")
+    className: "".concat(cartstyles.cartslider_container, " ") + ' pb-5 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(cartstyles.close_menu_icon_cont, " ").concat(cart_cssstyles.close_menu_icon_cont),
     onClick: function onClick() {
@@ -9793,7 +9780,7 @@ var Subheader = function Subheader(props) {
   }, sectionproperties != undefined && sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(headerstyles$f.sub_container) + ' w-100 p-md-0 '
   }, fetchCategoriesQueryContext.isSuccess && fetchCategoriesQueryContext.data.data.status && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(headerstyles$f.subheader) + ' row w-100 m-0 d-flex flex-row align-items-center w-sm-100 ',
+    "class": "".concat(headerstyles$f.subheader) + ' row w-100 m-0 d-flex flex-row align-items-center justify-content-center w-sm-100 ',
     style: {
       position: 'relative',
       background: 'transparent'
@@ -16697,7 +16684,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
       zIndex: 2
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-2 p-0 d-flex align-items-center justify-content-start"
+    "class": "col-xl-2 col-lg-2 p-0 d-flex align-items-center justify-content-start"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center ',
     style: {
@@ -16715,7 +16702,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
       maxHeight: '100%'
     }
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-8 p-0 d-flex align-items-center justify-content-start h-100"
+    "class": "col-xl-8 col-lg-7 p-0 d-flex align-items-center justify-content-start h-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "scrollhorizontal w-100 align-items-center justify-content-start h-100",
     style: {
@@ -16751,7 +16738,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
       subheadercontentpositionprops: 'start'
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-2 d-flex align-items-center justify-content-end"
+    "class": "col-xl-2 col-lg-3 d-flex align-items-center justify-content-end"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "headerdropdownml ml-3 mr-3"
   }, /*#__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", {
@@ -17154,7 +17141,7 @@ var Modernheader = function Modernheader(props) {
       width: sectionproperties.loggedinuserbtn_width + 'px',
       height: sectionproperties.loggedinuserbtn_height + 'px',
       border: sectionproperties.userlogginbtnborderwidth + 'px solid ' + sectionproperties.userlogginbtnbordercolor,
-      borderRadius: sectionproperties.userbtn_borderBottomRightRadius + 'px',
+      borderRadius: sectionproperties.userbtn_borderBottomLeftRadius + 'px',
       background: sectionproperties.userBtnbgColor_loggedin,
       color: sectionproperties.userBtniconcolor_loggedin,
       transition: '.3s'
@@ -17294,18 +17281,15 @@ var Modernheader = function Modernheader(props) {
       right: sectionproperties.cartbadgeright + 'px'
     }),
     languagecontainer: glamor.css({
-      backgroundColor: sectionproperties.language_container_bgcolor,
       width: sectionproperties.language_container_width + 'px',
       height: sectionproperties.language_container_height + 'px',
       color: sectionproperties.language_container_color,
-      borderRadius: sectionproperties.language_container_borderRadius + 'px',
       fontSize: sectionproperties.language_container_fontsize + 'px',
       fontWeight: 600,
       cursor: 'pointer',
       transition: '.3s',
       ':hover': {
-        color: sectionproperties.language_container_coloronhover,
-        backgroundColor: sectionproperties.language_container_bgcoloronhover
+        color: sectionproperties.language_container_coloronhover
       }
     })
   };
@@ -17336,7 +17320,7 @@ var Modernheader = function Modernheader(props) {
   }, /*#__PURE__*/React__default["default"].createElement("input", {
     type: "text",
     placeholder: lang.searchproducts,
-    "class": "".concat(header_cssstyles.searchbarcont_input),
+    "class": "".concat(header_cssstyles.searchbarcont_input) + ' pb-1 ',
     onChange: function onChange(event) {
       setSearchHeaderInputContext(event.target.value);
     }
@@ -17401,7 +17385,7 @@ var Modernheader = function Modernheader(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0",
+    "class": "m-0 p-0 mb-1",
     style: {
       color: sectionproperties.greetingtextcolor,
       fontSize: sectionproperties.greetingtextfontsize + 'px',
@@ -17572,7 +17556,7 @@ var Modernheader = function Modernheader(props) {
     "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": "".concat(headerstyles$7.header_menu) + ' allcentered '
-  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("img", {
     src: egyptflag$1,
@@ -17589,7 +17573,7 @@ var Modernheader = function Modernheader(props) {
     "class": "ml-2 mr-2"
   }), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
-  }, "\u0639")), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, "\u0639")), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("img", {
     src: usflag$1,
@@ -17647,7 +17631,7 @@ var Modernheader = function Modernheader(props) {
   })), sectionproperties.showlowerheadersection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.navbar_nav, " ") + ' row w-100 m-0 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 col-md-12 justify-content-center align-items-center m-auto",
+    "class": "col-lg-12 col-md-12 justify-content-center align-items-center m-auto p-0",
     style: {
       display: sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'block' : 'flex'
     }
@@ -22824,7 +22808,9 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml dropdown-toggle_w100' : 'headerdropdownmr dropdown-toggle_w100',
     style: {
-      width: authdetailsContext.loggedin == true ? 'auto' : '100px'
+      width: authdetailsContext.loggedin == true ? 'auto' : langdetect == 'en' ? '105px' : '120px',
+      marginRight: langdetect == 'en' ? sectionproperties.btnsposition == 'Bottom' ? '13px' : '.1rem' : 0,
+      marginLeft: langdetect == 'ar' ? sectionproperties.btnsposition == 'Bottom' ? '13px' : '.1rem' : 0
     }
   }, /*#__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": ' d-flex justify-content-center align-items-center '
@@ -22956,11 +22942,11 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement(BiLogOutCircle.BiLogOutCircle, null), /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "ml-2 mr-2"
-  }, lang.logout))))))), sectionproperties.btnsposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, lang.logout))))))), sectionproperties.lang_position == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr',
     style: {
-      marginLeft: langdetect == 'en' ? authdetailsContext.loggedin == true ? '1.8rem' : '1.9rem' : 0,
-      marginRight: langdetect == 'ar' ? authdetailsContext.loggedin == true ? '1.8rem' : '1.9rem' : 0
+      marginLeft: langdetect == 'en' ? authdetailsContext.loggedin == true ? sectionproperties.btnsposition == 'Bottom' ? '.5rem' : '1.8rem' : '1.9rem' : 0,
+      marginRight: langdetect == 'ar' ? authdetailsContext.loggedin == true ? sectionproperties.btnsposition == 'Bottom' ? '.5rem' : '1.8rem' : '1.9rem' : 0
     }
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": "".concat(headerstyles$4.header_menu) + ' allcentered '
@@ -23077,8 +23063,8 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       routingcountext(StaticPagesLinksContext.Wishlist);
     },
     style: {
-      marginRight: langdetect == 'en' ? '1.5rem' : 0,
-      marginLeft: langdetect == 'ar' ? '1.5rem' : 0
+      marginRight: sectionproperties.lang_position == 'Top' ? langdetect == 'en' ? '2.1rem' : 0 : langdetect == 'en' ? '2.1rem' : 0,
+      marginLeft: sectionproperties.lang_position == 'Top' ? langdetect == 'ar' ? '2.5rem' : 0 : langdetect == 'ar' ? '2.5rem' : 0
     }
   }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
@@ -23087,8 +23073,8 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
   })), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": 'd-flex align-items-center justify-content-end',
     style: {
-      marginRight: langdetect == 'en' ? '1.5rem' : 0,
-      marginLeft: langdetect == 'ar' ? '1.5rem' : 0
+      marginRight: sectionproperties.lang_position == 'Top' ? 0 : langdetect == 'en' ? '1.5rem' : 0,
+      marginLeft: sectionproperties.lang_position == 'Top' ? 0 : langdetect == 'ar' ? '1.5rem' : 0
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.cart_btn) + ' allcentered ',
@@ -23113,7 +23099,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), sectionproperties.lang_position == 'Bottom' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? 'headerdropdownml' : 'headerdropdownmr'
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": "".concat(headerstyles$4.header_menu) + ' allcentered '
@@ -39849,12 +39835,12 @@ var Categorycard_with_twolinestransition = function Categorycard_with_twolinestr
   }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
     urlEndpoint: IKurlEndpoint,
     publicKey: IKpublicKey,
-    path: item.image,
+    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
     loading: "lazy",
     style: {
       height: '100%',
       width: '100%',
-      objectFit: 'cover'
+      objectFit: sectionproperties.bgcovercontain
     }
   }), /*#__PURE__*/React__default["default"].createElement("figcaption", {
     "class": "".concat(categorycard_cssstyles.caption) + ' row w-100 m-0 d-flex align-items-center justify-content-center ',
@@ -42772,11 +42758,11 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
   }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
     urlEndpoint: IKurlEndpoint,
     publicKey: IKpublicKey,
-    path: '/tr:w-300,h-400/' + item.image,
+    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
     style: {
       width: '100%',
       height: '100%',
-      objectFit: 'cover',
+      objectFit: sectionproperties.bgcovercontain,
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',