tabexseriescomponents 0.0.262 → 0.0.264

package/dist/index.esm.js

@@ -108,6 +108,7 @@ import { MdKeyboardArrowUp } from '@react-icons/all-files/md/MdKeyboardArrowUp';
 import { BsInfoCircle } from '@react-icons/all-files/bs/BsInfoCircle';
 import { AiFillPhone } from '@react-icons/all-files/ai/AiFillPhone';
 import { IoClose } from '@react-icons/all-files/io5/IoClose';
+import { FaTelegramPlane } from '@react-icons/all-files/fa/FaTelegramPlane';
 import { FaPhoneAlt } from '@react-icons/all-files/fa/FaPhoneAlt';
 import { FaPhone } from '@react-icons/all-files/fa/FaPhone';
 import { AiOutlinePhone } from '@react-icons/all-files/ai/AiOutlinePhone';
@@ -198,6 +199,9 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
     _this.state = {
       lang: {
         en: (_en = {
+          sendcode: 'Send code',
+          verifycode: 'Verify Code',
+          writevalidemail: 'Please write a valid email',
           loginregister: 'Login/Register',
           pleaselogintocheckout: 'Please login in order to checkout',
           reservationtime: 'Time',
@@ -268,6 +272,9 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           orsignupwith: 'Or Sign up with'
         }, _defineProperty(_en, "price", 'Price'), _defineProperty(_en, "relatedproducts", 'Related products'), _defineProperty(_en, "qty", 'QTY'), _defineProperty(_en, "emptyshoppingcart", 'Your shopping cart is empty'), _defineProperty(_en, "shopnow", 'Shop now'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "otherinformation", 'Other information'), _defineProperty(_en, "productname", 'Product name'), _defineProperty(_en, "quantity", 'Quantity'), _defineProperty(_en, "orderid", 'Order ID'), _defineProperty(_en, "numberofproducts", 'Number of products'), _defineProperty(_en, "checkyourorder", 'Check your order'), _defineProperty(_en, "search", 'Search'), _defineProperty(_en, "searchproducts", 'Search for products...'), _defineProperty(_en, "choosecity", 'Choose city'), _defineProperty(_en, "choosestategov", 'Choose state/governorate'), _defineProperty(_en, "choosecountry", 'Choose country'), _defineProperty(_en, "giftcarddicountcode", 'Gift Card Or Discount Code...'), _defineProperty(_en, "nosearchresults", 'No search results'), _defineProperty(_en, "sale", 'Sale'), _defineProperty(_en, "nofavoriteproducts", 'Your wishlist is empty'), _defineProperty(_en, "loggedoutsuccess", 'Logged out successfully'), _defineProperty(_en, "addedtocartsuccess", 'Cart is updated successfully'), _defineProperty(_en, "promocodeapplied", 'Promo code is applied.'), _defineProperty(_en, "promocoderemoved", 'Promo code is removed'), _defineProperty(_en, "countryandstateupdatedsuccess", 'Country and state are updated successfully'), _defineProperty(_en, "orderaddedsuccess", 'Order is added successfully'), _defineProperty(_en, "addedtowishlist", 'Added to your favourites'), _defineProperty(_en, "productrmovedfromwishlist", 'Removed from your favourites'), _defineProperty(_en, "fillthemissingfields", 'Please complete the missing fields'), _defineProperty(_en, "passwordsdontmatch", "Passwords don't match"), _defineProperty(_en, "loggedinsuccess", 'Logged in successfully'), _defineProperty(_en, "subtotal", 'Sub total'), _defineProperty(_en, "discount", 'Discount'), _defineProperty(_en, "outofzone", 'Out of zone'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "cod", 'Cash on Delivery'), _defineProperty(_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty(_en, "onlinepayment", 'Online Payment'), _defineProperty(_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty(_en, "shippingfees", 'Shipping fees'), _defineProperty(_en, "shippingaddress", 'Shipping address'), _defineProperty(_en, "cardnumber", 'Card number'), _defineProperty(_en, "year", 'Year'), _defineProperty(_en, "month", 'Month'), _defineProperty(_en, "cvv", 'CVV'), _defineProperty(_en, "nameoncard", 'Name On Card'), _defineProperty(_en, "country", 'Country'), _defineProperty(_en, "addressdetails", 'ِAddress details'), _defineProperty(_en, "stategov", 'State/Governorate'), _defineProperty(_en, "city", 'City'), _defineProperty(_en, "paymentmethod", 'Payment method'), _defineProperty(_en, "productimage", 'Product image'), _defineProperty(_en, "orderdetails", 'Order details'), _defineProperty(_en, "orderinvoice", 'Order invoice'), _defineProperty(_en, "promocodediscount", 'Promo code discount'), _defineProperty(_en, "address", 'Address'), _defineProperty(_en, "update", 'Update'), _defineProperty(_en, "phonenumber", 'Mobile number'), _defineProperty(_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty(_en, "name", 'Name'), _defineProperty(_en, "email", 'Email'), _defineProperty(_en, "password", 'Password'), _defineProperty(_en, "confirmpassword", 'Confirm password'), _defineProperty(_en, "showmore", 'Show more'), _defineProperty(_en, "showless", 'Show less'), _defineProperty(_en, "contactdetails", 'Contact Information'), _defineProperty(_en, "asaguest", 'As a guest'), _defineProperty(_en, "choosecountryfirst", 'Please choose country first'), _defineProperty(_en, "security", 'Security'), _defineProperty(_en, "personalinformation", 'Personal Information'), _defineProperty(_en, "contactus", 'Contact us'), _defineProperty(_en, "slogan", 'Your website & mobile application in one place'), _defineProperty(_en, "recent", 'Recent'), _defineProperty(_en, "oldest", 'Oldest'), _defineProperty(_en, "pricehightolow", 'High to low'), _defineProperty(_en, "pricelowtohigh", 'Low to High'), _defineProperty(_en, "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), _en),
         ar: (_ar = {
+          sendcode: 'إرسل الرمز',
+          verifycode: 'التحقق من كود',
+          writevalidemail: 'الرجاء كتابة بريد إلكتروني صالح',
           pleasecompleteaddressmissingfields: 'من فضلك اكمل باقى بيانات العنوان',
           loginregister: 'تسجيل الدخول/إنشاء حساب جديد',
           pleaselogintocheckout: 'قم بتسجيل دخول لاستكمال طلبك',
@@ -680,7 +687,7 @@ var Login = function Login(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "height", '35px'), _defineProperty(_css, "padding", '0 30px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
+    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "height", '35px'), _defineProperty(_css, "padding", '0 10px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
     }), _defineProperty(_css, ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
@@ -7764,7 +7771,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _fetchAuthorizationQu4, _fetchAuthorizationQu5, _fetchAuthorizationQu6, _css, _authdetailsContext$c, _authdetailsContext$c2;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
-  props.actions.routingcountext;
+  var routingcountext = props.actions.routingcountext;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
   var fetchinstitutecustomerinfosignupQueryContext = props.actions.fetchinstitutecustomerinfosignupQueryContext;
@@ -7778,6 +7785,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   var authdetailsContext = props.actions.authdetailsContext;
   var instapikey = props.actions.instapikey;
   var templatepropcontext = props.actions.templatepropcontext;
+  var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
   props.actions.ikimagecredcontext;
   var NotificationManager = props.actions.NotificationManager;
   var actions = props.actions;
@@ -7786,9 +7794,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     customeraddressrequierd = _useState2[0],
     setcustomeraddressrequierd = _useState2[1];
   var _useState3 = useState(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : (_fetchAuthorizationQu4 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu4 === void 0 ? void 0 : (_fetchAuthorizationQu5 = _fetchAuthorizationQu4.data) === null || _fetchAuthorizationQu5 === void 0 ? void 0 : (_fetchAuthorizationQu6 = _fetchAuthorizationQu5.instinfo) === null || _fetchAuthorizationQu6 === void 0 ? void 0 : _fetchAuthorizationQu6.customervalidateemail),
-    _useState4 = _slicedToArray(_useState3, 2);
-    _useState4[0];
-    var setcustomervalidateemail = _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    customervalidateemail = _useState4[0],
+    setcustomervalidateemail = _useState4[1];
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
     validateemailmodal = _useState6[0],
@@ -7802,6 +7810,15 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     dataloaded = _useState10[0],
     setdataloaded = _useState10[1];
   var _useState11 = useState({
+      email: '',
+      code: '',
+      step: 'sendcode',
+      isvalidated: false
+    }),
+    _useState12 = _slicedToArray(_useState11, 2),
+    validateemailpayload = _useState12[0],
+    setvalidateemailpayload = _useState12[1];
+  var _useState13 = useState({
       instapikey: instapikey,
       name: '',
       email: '',
@@ -7816,9 +7833,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       cityid: '',
       countrydialcode: ''
     }),
-    _useState12 = _slicedToArray(_useState11, 2),
-    payloadobj = _useState12[0],
-    setpayloadobj = _useState12[1];
+    _useState14 = _slicedToArray(_useState13, 2),
+    payloadobj = _useState14[0],
+    setpayloadobj = _useState14[1];
   useEffect(function () {
     if (fetchAuthorizationQueryContext.isSuccess) {
       var _fetchAuthorizationQu7, _fetchAuthorizationQu8, _fetchAuthorizationQu9, _fetchAuthorizationQu10, _fetchAuthorizationQu11, _fetchAuthorizationQu12;
@@ -7868,6 +7885,82 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     temppayloadobj[key] = value;
     setpayloadobj(_objectSpread$1R({}, temppayloadobj));
   };
+  var validateEmailstring = function validateEmailstring(email) {
+    return String(email).toLowerCase().match(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);
+  };
+  var verifypayload = function verifypayload() {
+    var iscompleted = false;
+    var isshippingaddresscompleted = false;
+    var passwordvalidation = false;
+    if (authdetailsContext.loggedin == false) {
+      if (payloadobj.password.length != 0) {
+        if (payloadobj.password == payloadobj.password2) {
+          passwordvalidation = true;
+        }
+      }
+    } else if (authdetailsContext.loggedin == true) {
+      if (payloadobj.password.length != 0) {
+        if (payloadobj.password == payloadobj.password2) {
+          passwordvalidation = true;
+        }
+      } else {
+        passwordvalidation = true;
+      }
+    }
+    if (passwordvalidation == false) {
+      NotificationManager.warning('', lang.passwordsdontmatch);
+    }
+    if (customeraddressrequierd == 1) {
+      if (payloadobj.countryid.length != 0 && payloadobj.stateid.length != 0 && payloadobj.cityid.length != 0 && payloadobj.shippingaddress.length != 0) {
+        isshippingaddresscompleted = true;
+      }
+    } else {
+      isshippingaddresscompleted = true;
+    }
+    if (validateEmailstring(payloadobj.email)) {
+      if (payloadobj.email.length != 0 && payloadobj.name.length != 0 && payloadobj.mobile.length != 0 && passwordvalidation == true) {
+        if (isshippingaddresscompleted) {
+          var signupformismissing = true;
+          payloadobj.instsignupformvalues.forEach(function (arrayItem) {
+            if (arrayItem.optional == 1) {
+              if (arrayItem.customersignupvalue == undefined || arrayItem.customersignupvalue.length == 0) {
+                signupformismissing = false;
+              }
+            }
+          });
+          if (signupformismissing) {
+            iscompleted = true;
+          } else {
+            iscompleted = false;
+            NotificationManager.warning('', lang.completerequiredfields);
+          }
+        } else {
+          iscompleted = false;
+          NotificationManager.warning('', lang.pleasecompleteaddressmissingfields);
+        }
+      } else {
+        iscompleted = false;
+        NotificationManager.warning('', lang.fillthemissingfields);
+      }
+    } else {
+      iscompleted = false;
+      NotificationManager.warning('', lang.writevalidemail);
+    }
+    return iscompleted;
+  };
+  var signupbuttonfunc = function signupbuttonfunc() {
+    if (verifypayload() == true) {
+      var temppayloadobj = _objectSpread$1R({}, payloadobj);
+      if (authdetailsContext.loggedin == true) {
+        temppayloadobj.functype = 'edit';
+      } else {
+        temppayloadobj.functype = 'add';
+      }
+      temppayloadobj.addedsourcetype = 'Webapp';
+      temppayloadobj.instapikey = instapikey;
+      CustomerSignUpMutationContext.mutate(temppayloadobj);
+    }
+  };
   var formstyles = {
     loginbtn: css({
       background: templatepropcontext.primarycolor,
@@ -7931,7 +8024,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       position: 'relative',
       display: 'flex',
       alignItems: 'center'
-    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 30px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
+    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 10px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
     }), _defineProperty(_css, ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
@@ -7959,6 +8052,12 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     }),
     svgstyles: css({
       stroke: 'var(--stroke, ' + sectionproperties.checkbox_checkedcolor + ')'
+    }),
+    terms: css({
+      ':hover': {
+        transition: '.3s',
+        color: sectionproperties.termsandconditionsecondarycolor
+      }
     })
   };
   var PersonalInformation = function PersonalInformation() {
@@ -7984,6 +8083,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       type: "text",
       textplaceholder: "",
       value: payloadobj.email,
+      disabled: validateemailpayload.isvalidated,
       onChange: function onChange(event) {
         payloadobjchange('email', event.target.value);
       }
@@ -8477,67 +8577,32 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     className: "mt-2 mb-3"
   }))), /*#__PURE__*/React.createElement("div", {
     className: "row ml-0 mr-0"
-  }, Otherinformation()))))), /*#__PURE__*/React.createElement("div", {
+  }, Otherinformation()))))), sectionproperties.viewtermsandcondition == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 allcentered"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: sectionproperties.termsandconditionfontsize + 'px',
+      color: sectionproperties.termsandconditioncolor,
+      fontWeight: 600
+    }
+  }, langdetect == 'en' ? sectionproperties.termsandconditiontext_en : sectionproperties.termsandconditiontext_ar, ' ', /*#__PURE__*/React.createElement("span", {
+    "class": formstyles.terms + ' cursor-pointer ',
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.Policies);
+    }
+  }, "\u0627\u0644\u0634\u0631\u0648\u0637 \u0648 \u0627\u0644\u0627\u062D\u0643\u0627\u0645"))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-3"
   }, /*#__PURE__*/React.createElement("button", {
     className: "".concat(formstyles.signupbtn) + ' d-flex align-items-center justify-content-center ',
     disabled: CustomerSignUpMutationContext.isLoading ? true : false,
     onClick: function onClick() {
-      var isshippingaddresscompleted = false;
-      var passwordvalidation = false;
-      if (authdetailsContext.loggedin == false) {
-        if (payloadobj.password.length != 0) {
-          if (payloadobj.password == payloadobj.password2) {
-            passwordvalidation = true;
-          }
-        }
-      } else if (authdetailsContext.loggedin == true) {
-        if (payloadobj.password.length != 0) {
-          if (payloadobj.password == payloadobj.password2) {
-            passwordvalidation = true;
-          }
-        } else {
-          passwordvalidation = true;
-        }
-      }
-      if (passwordvalidation == false) {
-        NotificationManager.warning('', lang.passwordsdontmatch);
-      }
-      if (customeraddressrequierd == 1) {
-        if (payloadobj.countryid.length != 0 && payloadobj.stateid.length != 0 && payloadobj.cityid.length != 0 && payloadobj.shippingaddress.length != 0) {
-          isshippingaddresscompleted = true;
-        }
-      } else {
-        isshippingaddresscompleted = true;
-      }
-      if (payloadobj.email.length != 0 && payloadobj.name.length != 0 && payloadobj.mobile.length != 0 && passwordvalidation == true) {
-        if (isshippingaddresscompleted) {
-          var signupformismissing = true;
-          payloadobj.instsignupformvalues.forEach(function (arrayItem) {
-            if (arrayItem.optional == 1) {
-              if (arrayItem.customersignupvalue == undefined || arrayItem.customersignupvalue.length == 0) {
-                signupformismissing = false;
-              }
-            }
-          });
-          if (signupformismissing) {
-            var temppayloadobj = _objectSpread$1R({}, payloadobj);
-            if (authdetailsContext.loggedin == true) {
-              temppayloadobj.functype = 'edit';
-            } else {
-              temppayloadobj.functype = 'add';
-            }
-            temppayloadobj.addedsourcetype = 'Webapp';
-            temppayloadobj.instapikey = instapikey;
-            CustomerSignUpMutationContext.mutate(temppayloadobj);
-          } else {
-            NotificationManager.warning('', lang.completerequiredfields);
-          }
+      if (verifypayload() == true) {
+        if (customervalidateemail == 1) {
+          setvalidateemailmodal(true);
         } else {
-          NotificationManager.warning('', lang.pleasecompleteaddressmissingfields);
+          signupbuttonfunc();
         }
-      } else {
-        NotificationManager.warning('', lang.fillthemissingfields);
       }
     }
   }, CustomerSignUpMutationContext.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
@@ -8584,7 +8649,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     },
     centered: true,
     size: 'md'
-  }, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement("div", {
     "class": "d-flex align-items-center justify-content-center bgdanger-hover",
     style: {
       position: 'absolute',
@@ -8601,7 +8666,96 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   }, /*#__PURE__*/React.createElement(IoMdClose, {
     size: 15,
     color: "white"
-  }))), /*#__PURE__*/React.createElement(Modal.Footer, null)));
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 allcentered"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center mt-2 justify-content-center"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "text-md-center m-0 p-0 mb-2",
+    style: {
+      fontSize: '19px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: 600
+    }
+  }, langdetect == 'en' ? 'Validate Email' : 'التحقق من صحة البريد الإلكتروني')), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    "class": 'm-0 p-0'
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "row w-100 m-0 mb-3 pl-2 pr-2 pt-3 pb-3 pl-sm-3 pr-sm-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(formstyles.logininputLabel) + ' text-transform-none d-flex justify-content-start '
+  }, langdetect == 'en' ? 'E-mail' : 'البريد الإلكترونى'), /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    className: "".concat(formstyles.form_control),
+    value: payloadobj.email,
+    disabled: true
+  })), validateemailpayload.step == 'verifycode' && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(formstyles.logininputLabel) + ' text-transform-none d-flex justify-content-start '
+  }, langdetect == 'en' ? 'Code' : ' كود البريد الاكتروني'), /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    className: "".concat(formstyles.form_control),
+    value: validateemailpayload.code,
+    onChange: function onChange(event) {
+      setvalidateemailpayload(_objectSpread$1R(_objectSpread$1R({}, validateemailpayload), {}, {
+        code: event.target.value
+      }));
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-3"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "".concat(formstyles.signupbtn) + ' d-flex align-items-center justify-content-center ',
+    disabled: GeneralAPIMutationContext.isLoading ? true : false,
+    onClick: function onClick() {
+      if (payloadobj.email.length != 0) {
+        if (validateemailpayload.isvalidated == true) {
+          setvalidateemailmodal(false);
+          signupbuttonfunc();
+        } else {
+          GeneralAPIMutationContext.mutate({
+            endpointurl: '/validateemail',
+            functype: validateemailpayload.step,
+            code: validateemailpayload.code,
+            name: payloadobj.name,
+            email: payloadobj.email,
+            mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
+              if (data.data.status) {
+                if (data.data.functype == 'sendcode') {
+                  setvalidateemailpayload(_objectSpread$1R(_objectSpread$1R({}, validateemailpayload), {}, {
+                    step: 'verifycode'
+                  }));
+                }
+                if (data.data.functype == 'verifycode') {
+                  setvalidateemailpayload(_objectSpread$1R(_objectSpread$1R({}, validateemailpayload), {}, {
+                    isvalidated: true
+                  }));
+                  setvalidateemailmodal(false);
+                  signupbuttonfunc();
+                }
+              } else {
+                NotificationManager.warning('', data.data.reason);
+              }
+            }
+          });
+        }
+      } else {
+        NotificationManager.warning(lang.completerequiredfields);
+      }
+    }
+  }, GeneralAPIMutationContext.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
+    color: "#fff",
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  }), !GeneralAPIMutationContext.isLoading && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    style: {
+      letterSpacing: langdetect == 'en' ? '1px' : ''
+    }
+  }, validateemailpayload.step == 'sendcode' ? lang.sendcode : lang.verifycode))))))), /*#__PURE__*/React.createElement(Modal.Footer, null)));
 };
 
 function ownKeys$1Q(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; }
@@ -11530,7 +11684,7 @@ var CardsSection = function CardsSection(props) {
     }, /*#__PURE__*/React.createElement("div", {
       className: "row ml-0 mr-0 w-100 px-1025-1 pl-md-2 pr-md-2 pl-sm-2 pr-sm-2",
       style: {
-        marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+        marginTop: sectionproperties.showbadge == 'Show' ? 0 : sectionproperties.sectionTitleMarginTop + 'px',
         marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
         paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
         paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
@@ -11539,17 +11693,35 @@ var CardsSection = function CardsSection(props) {
       "class": sectionproperties.viewmorebtnshow == 'Show' ? sectionproperties.sectiontitleposition == 'Centered' ? ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0  ' : ' col-lg-7 col-md-7 col-sm-9 d-flex align-items-center p-0  ' : sectionproperties.showFilter == 'show' ? ' col-lg-12 col-md-7 col-sm-9 d-flex align-items-center p-0 ' : ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 '
     }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100"
-    }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    }, sectionproperties.showbadge == 'Show' && /*#__PURE__*/React.createElement("div", {
+      "class": ' col-lg-12 p-0 d-flex align-items-center ',
+      style: {
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
+      }
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 p-0 allcentered",
+      style: {
+        fontSize: sectionproperties.badge_fontsize + 'px',
+        background: sectionproperties.badge_bgcolor,
+        minWidth: sectionproperties.badge_width + 'px',
+        height: sectionproperties.badge_height + 'px',
+        color: sectionproperties.badge_color,
+        borderRadius: sectionproperties.badge_borderradius + 'px',
+        border: sectionproperties.badgeborderwidth + 'px solid ' + sectionproperties.badgebordercolor
+      }
+    }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": "".concat(generalstyles.sectiontitlecont) + ' col-lg-12 p-0 d-flex d-md-none align-items-center ',
       style: {
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
-        fontSize: sectionproperties.sectionTitleFontSize + 'px'
+        fontSize: sectionproperties.sectionTitleFontSize + 'px',
+        marginTop: sectionproperties.showbadge == 'Show' ? sectionproperties.sectionTitleMarginTop + 'px' : 0
       }
     }, SectionTitle()), sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": "".concat(generalstyles.sectiontitlecont) + ' col-lg-12 p-0 d-none d-md-flex align-items-center ',
       style: {
         justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start',
-        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
+        fontSize: sectionproperties.sectionTitleFontSizeresp + 'px',
+        marginTop: sectionproperties.showbadge == 'Show' ? sectionproperties.sectionTitleMarginTop + 'px' : 0
       }
     }, SectionTitle()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center d-md-none ',
@@ -20574,7 +20746,7 @@ styleInject(css_248z$s);
 function ownKeys$1y(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$1y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
-  var _authdetailsContext$i9, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _logoarrayofobjects$3, _logoarrayofobjects$4;
+  var _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i10, _authdetailsContext$i15, _authdetailsContext$i16, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _logoarrayofobjects$3, _logoarrayofobjects$4;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -20881,35 +21053,46 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
     "class": "col-lg-3 d-flex align-items-center p-0"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
-  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.fbbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.facebooklink) != null && /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.fbbtn + ' pl-3 pr-3 pt-2 pb-2 allcentered cursor-pointer ',
     onClick: function onClick() {
-      var _authdetailsContext$i;
-      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.facebooklink) != null) {
-        var _authdetailsContext$i2;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink, '_blank');
+      var _authdetailsContext$i2;
+      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null) {
+        var _authdetailsContext$i3;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaFacebookF, {
     size: sectionproperties.facebkbtnniconfontsize
-  })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+  })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.whatsappnumber) != null && /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.whatsappbtn + ' pl-3 pr-3 pt-2 pb-2 allcentered cursor-pointer ',
     onClick: function onClick() {
-      var _authdetailsContext$i3;
-      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.whatsappnumber) != null) {
-        var _authdetailsContext$i4;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.whatsappnumber), '_blank');
+      var _authdetailsContext$i5;
+      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.whatsappnumber) != null) {
+        var _authdetailsContext$i6;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
-  })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+  })), sectionproperties.showtelegrambtn == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.telegramlink) && /*#__PURE__*/React.createElement("div", {
+    "class": header_cssstyles.fbbtn + ' pl-3 pr-3 pt-2 pb-2 allcentered cursor-pointer ',
+    onClick: function onClick() {
+      var _authdetailsContext$i8;
+      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.telegramlink) != null) {
+        var _authdetailsContext$i9;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.telegramlink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React.createElement(FaTelegramPlane, {
+    size: sectionproperties.facebkbtnniconfontsize
+  })), sectionproperties.instbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.instagramlink) != null && /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.instagrambtn + ' pl-3 pr-3 pt-2 pb-2 allcentered cursor-pointer ',
     onClick: function onClick() {
-      var _authdetailsContext$i5;
-      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null) {
-        var _authdetailsContext$i6;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink, '_blank');
+      var _authdetailsContext$i11;
+      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.instagramlink) != null) {
+        var _authdetailsContext$i12;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(AiOutlineInstagram, {
@@ -20938,15 +21121,15 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
       borderRight: sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg
     },
     onClick: function onClick() {
-      var _authdetailsContext$i7, _authdetailsContext$i8;
-      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.email), '_self');
+      var _authdetailsContext$i13, _authdetailsContext$i14;
+      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : (_authdetailsContext$i14 = _authdetailsContext$i13.contactinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.email), '_self');
     }
   }, /*#__PURE__*/React.createElement(AiOutlineMail, {
     "class": header_cssstyles.upperheadertext + '  ml-1 mr-1 storeinfotext ',
     size: sectionproperties.footerinfotext_fontsize
   }), /*#__PURE__*/React.createElement("span", {
     "class": header_cssstyles.upperheadertext + ' storeinfotext '
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : (_authdetailsContext$i10 = _authdetailsContext$i9.contactinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.email)), sectionproperties.showopeninghours == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : (_authdetailsContext$i16 = _authdetailsContext$i15.contactinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.email)), sectionproperties.showopeninghours == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "d-flex align-items-center justify-content-center pl-3 pr-3 h-100",
     style: {
       borderRight: sectionproperties.vl_width + 'px solid ' + sectionproperties.vl_bg
@@ -21091,7 +21274,10 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
       marginLeft: langdetect == 'ar' ? '2rem' : 0
     }
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
-    "class": ' d-flex justify-content-center align-items-center '
+    "class": ' d-flex justify-content-center align-items-center ',
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.Login);
+    }
   }, /*#__PURE__*/React.createElement("span", {
     "class": "".concat(headerstyles$8.navbar_item_text, " ").concat(header_cssstyles.navbar_item_text, " ").concat(header_cssstyles.user_btn) + ' d-flex justify-content-center align-items-center '
   }, /*#__PURE__*/React.createElement(FiUser, {
@@ -21125,27 +21311,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
     style: {
       maxWidth: '60px'
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Login);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
-  }, /*#__PURE__*/React.createElement(AiOutlineLogin, null), /*#__PURE__*/React.createElement("span", {
-    "class": "ml-2 mr-2"
-  }, lang.login)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Signup);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
-  }, /*#__PURE__*/React.createElement(AiOutlineUserAdd, null), /*#__PURE__*/React.createElement("span", {
-    "class": "ml-2 mr-2 text-transform-none"
-  }, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
     style: {
       minWidth: '200px'
     }
@@ -21716,6 +21882,9 @@ var Modernheader = function Modernheader(props) {
     "class": " ".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ',
     sytle: {
       position: 'relative'
+    },
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.Login);
     }
   }, /*#__PURE__*/React.createElement("i", {
     "class": ' h-100 d-flex align-items-center '
@@ -21750,29 +21919,7 @@ var Modernheader = function Modernheader(props) {
     style: {
       maxWidth: '120px'
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Login);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React.createElement(AiOutlineLogin, {
-    "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), /*#__PURE__*/React.createElement("span", null, lang.login)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Signup);
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": ' d-flex align-items-center m-0 p-0 '
-  }, /*#__PURE__*/React.createElement(AiOutlineUserAdd, {
-    "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), /*#__PURE__*/React.createElement("span", {
-    "class": "text-transform-none"
-  }, lang.signup))))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
     style: {
       minWidth: '200px'
     }
@@ -29925,7 +30072,7 @@ var mastercard = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACAAAAATYAgMAAAD2
 function ownKeys$1k(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$1k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1k(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Footer4 = function Footer4(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _templatepropcontext$, _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _templatepropcontext$, _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -30290,13 +30437,26 @@ var Footer4 = function Footer4(props) {
     className: "h-100 allcentered"
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
     size: sectionproperties.instgrambtniconfontsize
-  }))), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.whatsappnumber) != null && /*#__PURE__*/React.createElement("div", {
-    className: langdetect == 'en' ? "".concat(footerStyles.youtube_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.youtube_btn) + ' allcentered ml-3 ml-sm-4 ',
+  }))), sectionproperties.showtelegrambtn == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.telegramlink) && /*#__PURE__*/React.createElement("div", {
+    className: langdetect == 'en' ? "".concat(footerStyles.facebook_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.facebook_btn) + ' allcentered ml-3 ml-sm-4 ',
     onClick: function onClick() {
       var _authdetailsContext$i15;
-      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.whatsappnumber) != null) {
+      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.telegramlink) != null) {
         var _authdetailsContext$i16;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.whatsappnumber), '_blank');
+        window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.telegramlink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "h-100 allcentered"
+  }, /*#__PURE__*/React.createElement(FaTelegramPlane, {
+    size: sectionproperties.facebkbtnniconfontsize
+  }))), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.whatsappnumber) != null && /*#__PURE__*/React.createElement("div", {
+    className: langdetect == 'en' ? "".concat(footerStyles.youtube_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.youtube_btn) + ' allcentered ml-3 ml-sm-4 ',
+    onClick: function onClick() {
+      var _authdetailsContext$i18;
+      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.whatsappnumber) != null) {
+        var _authdetailsContext$i19;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement("i", {
@@ -42202,7 +42362,7 @@ var Slideshowslide = function Slideshowslide(props) {
         height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": sectionproperties.width == '100' ? 'h-sm-auto' : 'h-sm-auto pl-sm-2 pr-sm-2 w-sm-100',
+      "class": sectionproperties.width == '100' ? 'h-sm-auto' : 'h-sm-auto w-sm-100',
       style: {
         position: 'relative',
         borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
@@ -42229,7 +42389,8 @@ var Slideshowslide = function Slideshowslide(props) {
           height: sectionproperties.bgcovercontain == 'Cover' ? sectionproperties.height + 'vh' : 'auto'
         }
       }, /*#__PURE__*/React.createElement("div", {
-        "class": 'p-0 align-items-center d-flex d-sm-none ',
+        // d-sm-none
+        "class": 'p-0 align-items-center d-flex  ',
         key: index,
         onClick: function onClick() {
           if (item.IsClickableimg == 'Yes') {
@@ -42258,65 +42419,32 @@ var Slideshowslide = function Slideshowslide(props) {
           width: '100%',
           height: '100%'
         }
-      }), SlideShowTextContainer(item)), /*#__PURE__*/React.createElement("div", {
-        "class": 'p-0 align-items-center d-none d-sm-flex ',
-        key: index,
-        style: {
-          width: '100%',
-          height: '100%',
-          direction: langdetect == 'en' ? 'ltr' : 'rtl',
-          paddingTop: sectionproperties.paddingTop + 'px',
-          paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : '',
-          paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
-        }
-      }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
-        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-        path: langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + item.image_resp_en : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + item.image_resp_ar,
-        style: {
-          objectFit: 'contain',
-          margin: 0,
-          padding: 0,
-          width: '100%',
-          height: '100%'
-        }
       }), SlideShowTextContainer(item)));
     }))))));
   };
-  return (
-    /*#__PURE__*/
-    // align-items-center
-    React.createElement("div", {
-      "class": sectionproperties.collectionssectionshow == 'Show' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2' : sectionproperties.width == '100' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center' : 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2',
-      style: {
-        paddingBottom: sectionproperties.marginBottom + 'px',
-        paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
-        paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
-        background: sectionproperties.backgroundColor
-      },
-      onMouseEnter: function onMouseEnter() {
-        setChoosenindex('');
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 p-0"
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "row m-0 w-100 d-flex d-md-none",
-      style: {
-        paddingTop: sectionproperties.marginTop + 'px'
-      },
-      onMouseLeave: function onMouseLeave() {
-        setChoosenindex('');
-      }
-    }, SlideshowContent()), /*#__PURE__*/React.createElement("div", {
-      "class": "row m-0 w-100 d-none d-md-flex",
-      style: {
-        paddingTop: sectionproperties.marginTopResp + 'px'
-      },
-      onMouseLeave: function onMouseLeave() {
-        setChoosenindex('');
-      }
-    }, SlideshowContent())))
-  );
+  return /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.collectionssectionshow == 'Show' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2' : sectionproperties.width == '100' ? 'row ml-0 mr-0 w-100 d-flex justify-content-center' : 'row ml-0 mr-0 w-100 d-flex justify-content-center px-1025-1 pl-md-2 pr-md-2',
+    style: {
+      paddingBottom: sectionproperties.marginBottom + 'px',
+      paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+      background: sectionproperties.backgroundColor
+    },
+    onMouseEnter: function onMouseEnter() {
+      setChoosenindex('');
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    //  d-md-none
+    "class": "row m-0 w-100 d-flex",
+    style: {
+      paddingTop: sectionproperties.marginTop + 'px'
+    },
+    onMouseLeave: function onMouseLeave() {
+      setChoosenindex('');
+    }
+  }, SlideshowContent())));
 };
 
 function ownKeys$I(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; }
@@ -47486,8 +47614,6 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cartBtnTextcolor,
       fontSize: sectionproperties.cartBtnTextfontsize + 'px',
-      // fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
-      textTransform: sectionproperties.cartBtnTexttransform,
       fontWeight: sectionproperties.cartBtnTextfontweight,
       border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
       transition: '.3s',
@@ -47594,7 +47720,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
           size: sectionproperties.cartBtn_iconFontSize
         }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
           size: sectionproperties.cartBtn_iconFontSize
-        })), lang.addtocart);
+        })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
       }
     }
     if (!AddtoCartMutationContext.isLoading) {
@@ -47636,7 +47762,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(cardsstyles$4.card_thumbnail)
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(cardsstyles$4.img_container, " ").concat(cardsstyles2.img_container) + ' w-100  ',
+    "class": "".concat(cardsstyles$4.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
     onClick: function onClick() {
       setShowProductInfoModalContext(true);
       setProductIdProdutInfoModalContext(item.productid);
@@ -47645,19 +47771,19 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       cursor: 'pointer',
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+  }, item.image != '' && /*#__PURE__*/React.createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
     publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
     path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
     style: {
-      width: '100%',
-      objectFit: 'contain',
+      width: sectionproperties.imageInnerWidth_Height + '%',
+      height: sectionproperties.imageInnerWidth_Height + '%',
+      objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
       position: 'relative',
       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',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-      marginBottom: 'auto'
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
     },
     loading: "lazy"
   })), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
@@ -53611,6 +53737,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       height: sectionproperties.image_height + 'px',
       marginBottom: sectionproperties.image_mb + 'px',
+      border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
       overflow: 'hidden',
       position: 'relative',
       ':before': {