tabexseriescomponents 0.50.163 → 0.50.164

package/dist/index.cjs.js

@@ -45,7 +45,7 @@ var FiMinus = require('@react-icons/all-files/fi/FiMinus');
 var FiPlus = require('@react-icons/all-files/fi/FiPlus');
 var ReactStars = require('react-rating-stars-component');
 var FiLayers = require('@react-icons/all-files/fi/FiLayers');
-var HiOutlinePlusCircle = require('@react-icons/all-files/hi/HiOutlinePlusCircle');
+require('@react-icons/all-files/hi/HiOutlinePlusCircle');
 require('@react-icons/all-files/hi/HiOutlineMinusCircle');
 var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var TextareaAutosize = require('react-textarea-autosize');
@@ -293,6 +293,8 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
     _this.state = {
       lang: {
         en: (_en = {
+          to: 'To',
+          from: 'From',
           pleasewriteemail: 'Please write your email',
           completemissingfields: 'Please complete the missing fields',
           passwordsdonotmatch: 'Passwords do not match',
@@ -379,6 +381,8 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           orsignupwith: 'Or Sign up with'
         }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "price", 'Price'), "relatedproducts", 'Related products'), "qty", 'QTY'), "emptyshoppingcart", 'Your shopping cart is empty'), "shopnow", 'Shop now'), "total", 'Total'), "otherinformation", 'Other information'), "productname", 'Product name'), "quantity", 'Quantity'), "orderid", 'Order ID'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "numberofproducts", 'Number of products'), "checkyourorder", 'Check your order'), "search", 'Search'), "searchproducts", 'Search for products...'), "choosecity", 'Choose city'), "choosestategov", 'Choose state/governorate'), "choosecountry", 'Choose country'), "giftcarddicountcode", 'Gift Card Or Discount Code...'), "nosearchresults", 'No search results'), "sale", 'Sale'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "nofavoriteproducts", 'Your wishlist is empty'), "loggedoutsuccess", 'Logged out successfully'), "addedtocartsuccess", 'Cart is updated successfully'), "promocodeapplied", 'Promo code is applied.'), "promocoderemoved", 'Promo code is removed'), "countryandstateupdatedsuccess", 'Country and state are updated successfully'), "orderaddedsuccess", 'Order is added successfully'), "addedtowishlist", 'Added to your favourites'), "productrmovedfromwishlist", 'Removed from your favourites'), "fillthemissingfields", 'Please complete the missing fields'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "passwordsdontmatch", "Passwords don't match"), "loggedinsuccess", 'Logged in successfully'), "subtotal", 'Sub total'), "discount", 'Discount'), "outofzone", 'Out of zone'), "total", 'Total'), "cod", 'Cash on Delivery'), "cardondelivery", 'Credit Card On Delivery'), "onlinepayment", 'Online Payment'), "paymentcardinformation", 'Payment Card Information'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "shippingfees", 'Shipping fees'), "shippingaddress", 'Shipping address'), "cardnumber", 'Card number'), "year", 'Year'), "month", 'Month'), "cvv", 'CVV'), "nameoncard", 'Name On Card'), "country", 'Country'), "addressdetails", 'ِAddress details'), "stategov", 'State/Governorate'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "city", 'City'), "paymentmethod", 'Payment method'), "productimage", 'Product image'), "orderdetails", 'Order details'), "orderinvoice", 'Order invoice'), "promocodediscount", 'Promo code discount'), "address", 'Address'), "update", 'Update'), "phonenumber", 'Mobile number'), "completerequiredfields", 'Please complete all required fields'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "name", 'Name'), "email", 'Email'), "password", 'Password'), "confirmpassword", 'Confirm password'), "showmore", 'Show more'), "showless", 'Show less'), "contactdetails", 'Contact Information'), "asaguest", 'As A Guest'), "choosecountryfirst", 'Please choose country first'), "security", 'Security'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_en, "personalinformation", 'Personal Information'), "contactus", 'Contact us'), "slogan", 'Your website & mobile application in one place'), "recent", 'Recent'), "oldest", 'Oldest'), "pricehightolow", 'High to low'), "pricelowtohigh", 'Low to High'), "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), "instock", 'In Stock')),
         turk: {
+          to: 'İle',
+          from: 'İtibaren',
           pleasewriteemail: 'Lütfen e-posta adresinizi yazın',
           completemissingfields: 'Lütfen eksik alanları doldurun',
           passwordsdonotmatch: 'Şifreler eşleşmiyor',
@@ -547,6 +551,8 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           instock: 'Stokta var'
         },
         ital: {
+          to: 'A',
+          from: 'Da',
           pleasewriteemail: 'Per favore inserisci la tua email',
           completemissingfields: 'Per favore completa i campi mancanti',
           passwordsdonotmatch: 'Le password non corrispondono',
@@ -715,6 +721,8 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           instock: 'Disponibile'
         },
         magr: {
+          to: 'To',
+          from: 'Tól',
           pleasewriteemail: 'Kérjük, adja meg az email címét',
           completemissingfields: 'Kérjük, töltse ki a hiányzó mezőket',
           passwordsdonotmatch: 'A jelszavak nem egyeznek',
@@ -883,6 +891,8 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           instock: 'Raktáron'
         },
         nrwig: (_nrwig = {
+          to: 'Til',
+          from: 'Fra',
           tpleasewriteemail: 'Vennligst fyll ut de manglende feltene',
           completemissingfields: 'Vennligst fyll ut de manglende feltene',
           compare: 'Sammenligne',
@@ -1007,6 +1017,8 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           outofzone: 'Utenfor sone'
         }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_nrwig, "total", 'Total'), "cod", 'Kontant ved levering'), "cardondelivery", 'Kort ved levering'), "onlinepayment", 'Online betaling'), "paymentcardinformation", 'Kortinformasjon'), "shippingfees", 'Fraktkostnader'), "shippingaddress", 'Leveringsadresse'), "cardnumber", 'Kortnummer'), "year", 'År'), "month", 'Måned'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_nrwig, "cvv", 'CVV'), "nameoncard", 'Navn på kortet'), "country", 'Land'), "addressdetails", 'Adresset detaljer'), "stategov", 'Fylke/Stat'), "city", 'By'), "paymentmethod", 'Betalingsmetode'), "productimage", 'Produktbilde'), "orderdetails", 'Bestillingsdetaljer'), "orderinvoice", 'Faktura'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_nrwig, "promocodediscount", 'Rabattkode rabatt'), "address", 'Adresse'), "update", 'Oppdater'), "phonenumber", 'Mobilnummer'), "completerequiredfields", 'Vennligst fyll ut alle påkrevde felt'), "name", 'Navn'), "email", 'E-post'), "password", 'Passord'), "passwordsdonotmatch", 'Passordene samsvarer ikke'), "confirmpassword", 'Bekreft passord'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_nrwig, "showmore", 'Vis mer'), "showless", 'Vis mindre'), "contactdetails", 'Kontaktinformasjon'), "asaguest", 'Som gjest'), "choosecountryfirst", 'Vennligst velg land først'), "security", 'Sikkerhet'), "personalinformation", 'Personopplysninger'), "contactus", 'Kontakt oss'), "slogan", 'Ditt nettsted og mobilapp på ett sted'), "recent", 'Nyeste'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_nrwig, "oldest", 'Eldste'), "pricehightolow", 'Pris høy til lav'), "pricelowtohigh", 'Pris lav til høy'), "pleasecompleteaddressmissingfields", 'Vennligst fyll ut de manglende adressefeltene'), "instock", 'På lager')),
         ar: (_ar = {
+          to: 'إلى',
+          from: 'من',
           pleasewriteemail: 'من فضلك اكتب الايميل',
           completemissingfields: 'الرجاء إكمال الحقول المفقودة',
           passwordsdonotmatch: 'كلمات السر لا تتطابق',
@@ -1097,6 +1109,8 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           orsignupwith: 'او انشاء حساب عن طريق'
         }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "price", 'السعر'), "relatedproducts", 'منتجات ذات صلة'), "qty", 'الكمية'), "emptyshoppingcart", 'حقيبة التسوق فارغة'), "shopnow", 'تسوق الان'), "total", 'الإجمالى'), "otherinformation", 'معلومات اخرى'), "productname", 'إسم المنتج'), "quantity", 'الكمية'), "orderid", 'رقم الطلب'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "numberofproducts", 'عدد المنتجات'), "checkyourorder", 'الذهاب إلى طلبك'), "search", 'ابحث'), "searchproducts", 'ابحث...'), "choosecity", 'إختر المدينة'), "choosestategov", 'إختر المحافظة/الولاية'), "choosecountry", 'إختر البلد'), "giftcarddicountcode", 'كود خصم'), "nosearchresults", 'لا توجد نتائج'), "sale", 'خصم'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "nofavoriteproducts", 'لا توجد منتجات مفضلة'), "loggedoutsuccess", 'تم تسجيل الخروج'), "addedtocartsuccess", 'تم  تعديل عربة التسوق'), "promocodeapplied", 'تم تطبيق كود الخصم'), "promocoderemoved", 'تم حذف كود الخصم'), "countryandstateupdatedsuccess", 'تم تحديث البلد و المدينة'), "orderaddedsuccess", 'تم إضافة الطلب'), "addedtowishlist", 'تم الإضافة لمفضلاتك'), "productrmovedfromwishlist", 'تم الحذف من مفضلاتك'), "fillthemissingfields", 'من فضلك اكمل باقى البيانات'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "passwordsdontmatch", 'كلمات السر لا تتطابق'), "loggedinsuccess", 'تم تسجيل الدخول'), "subtotal", 'إجمالي المبلغ'), "discount", 'الخصم'), "outofzone", 'خارج نطاق الشحن'), "total", 'المبلغ الكلي'), "cod", 'الدفع عند الإستلام'), "cardondelivery", 'الدفع بالطاقة الائتمانية عند الإستلام'), "onlinepayment", 'الدفع الإلكترونى'), "paymentcardinformation", 'بيانات البطاقة'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "shippingfees", 'مصاريف الشحن'), "shippingaddress", 'عنوان الشحن'), "cardnumber", 'رقم البطاقة'), "year", 'السنة'), "month", 'الشهر'), "cvv", 'رقم البطاقة'), "nameoncard", 'الإسم على البطاقة'), "country", 'البلد'), "addressdetails", 'العنوان'), "stategov", 'المحافظة/الولاية'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "city", 'المدينة'), "paymentmethod", 'طريقة الدفع'), "productimage", 'صورة المنتج'), "orderdetails", 'تفاصيل الطلب'), "orderinvoice", 'فاتورة الطلب'), "promocodediscount", 'كود الخصم'), "address", 'العنوان'), "update", 'تحديث'), "phonenumber", 'الهاتف'), "completerequiredfields", 'من فضلك اكمل البيانات الإجبارية'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "name", 'الإسم'), "email", 'البريد الإلكترونى'), "password", 'كلمة السر'), "confirmpassword", 'تأكيد كلمة السر'), "showless", 'اعرض اقل'), "showmore", 'اعرض المزيد'), "contactdetails", 'معلومات التواصل'), "asaguest", 'كزائر'), "choosecountryfirst", 'من فضلك اختر البلد اولاً'), "security", 'الخصوصية و الأمان'), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ar, "personalinformation", 'البيانات الشخصية'), "contactus", 'تواصل معنا'), "slogan", 'موقعك و تطبيقك فى مكان واحد'), "instock", 'متوفر'), "compare", 'قارن')),
         chin: {
+          to: '到',
+          from: '从',
           pleasewriteemail: '请填写缺失的字段',
           completemissingfields: '请填写缺失的字段',
           passwordsdonotmatch: '密码不匹配',
@@ -1263,6 +1277,8 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           instock: '有现货'
         },
         es: {
+          to: 'A',
+          from: 'De',
           pleasewriteemail: 'Por favor complete los campos faltantes',
           completemissingfields: 'Por favor complete los campos faltantes',
           passwordsdonotmatch: 'Las contraseñas no coinciden',
@@ -1429,6 +1445,8 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           instock: 'En stock'
         },
         fr: {
+          to: 'À',
+          from: 'Depuis',
           pleasewriteemail: 'Veuillez compléter les champs manquants.',
           completemissingfields: 'Veuillez compléter les champs manquants.',
           passwordsdonotmatch: 'Les mots de passe ne correspondent pas.',
@@ -1596,6 +1614,8 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           instock: 'En stock'
         },
         rus: {
+          to: 'K',
+          from: 'От',
           pleasewriteemail: 'Пожалуйста, заполните недостающие поля.',
           completemissingfields: 'Por favor complete los campos faltantes',
           passwordsdonotmatch: 'Пароли не совпадают',
@@ -3389,7 +3409,7 @@ var Variantoptions = function Variantoptions(props) {
 };
 
 var ProductExtras = function ProductExtras(props) {
-  var _fetchProductInfoQuer, _fetchProductInfoQuer2;
+  var _fetchProductInfoQuer;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -3398,10 +3418,13 @@ var ProductExtras = function ProductExtras(props) {
   var sectionproperties = props.actions.sectionproperties;
   props.actions.addtocardpayloadobj;
   props.actions.setaddtocardpayloadobj;
+  var addtocartfunc_extras = props.actions.addtocartfunc_extras;
   props.actions;
-  fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.productid;
+  var productid = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.productid;
   // const templatepropcontext = props.actions.templatepropcontext;
 
+  // const addtocartfunc = props.addtocartfunc;
+  var authdetailsContext = props.actions.authdetailsContext;
   props.actions.productinfo_cssstyles;
   var _useState = React.useState([]),
     _useState2 = _slicedToArray__default["default"](_useState, 2);
@@ -3415,7 +3438,7 @@ var ProductExtras = function ProductExtras(props) {
     _useState6 = _slicedToArray__default["default"](_useState5, 2);
     _useState6[0];
     _useState6[1];
-  var _useState7 = React.useState("all"),
+  var _useState7 = React.useState('all'),
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
     filterproductreviews = _useState8[0];
     _useState8[1];
@@ -3423,43 +3446,156 @@ var ProductExtras = function ProductExtras(props) {
     _useState0 = _slicedToArray__default["default"](_useState9, 2);
     _useState0[0];
     _useState0[1];
+  var _useState1 = React.useState([]),
+    _useState10 = _slicedToArray__default["default"](_useState1, 2),
+    product_prod_extras_array = _useState10[0],
+    setproduct_prod_extras_array = _useState10[1];
   React.useEffect(function () {
     if (fetchProductInfoQueryContext.isSuccess) ;
   }, [filterproductreviews]);
+  React.useEffect(function () {
+    if (fetchProductInfoQueryContext.isSuccess) {
+      var _fetchProductInfoQuer2;
+      var tempprodextraarr = _toConsumableArray__default["default"](fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.product_extras);
+      setproduct_prod_extras_array(_toConsumableArray__default["default"](tempprodextraarr));
+    }
+  }, [fetchProductInfoQueryContext.isSuccess, fetchProductInfoQueryContext.data]);
   var formstyles = {
     input_label_name: glamor.css({
       color: sectionproperties.form_labelcolor,
       textTransform: sectionproperties.form_labeltexttransform,
       fontWeight: sectionproperties.form_labelfontweight,
-      fontSize: sectionproperties.form_labelfontsize + "px"
+      fontSize: sectionproperties.form_labelfontsize + 'px'
     }),
     extracontainer: glamor.css({
-      ":hover": {
-        transitions: ".3s",
-        color: "#4faa47"
+      ':hover': {
+        transitions: '.3s',
+        color: '#4faa47'
       }
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row w-100 ml-0 mr-0 mt-3"
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.product_extras) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.map(function (item, index) {
-    var _item$productinfo, _item$productinfo2;
+    className: 'row w-100 ml-0 mr-0 mt-3'
+  }, product_prod_extras_array === null || product_prod_extras_array === void 0 ? void 0 : product_prod_extras_array.map(function (item, index) {
+    var _item$productinfo, _item$productinfo2, _item$productinfo3, _item$productinfo4;
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-6 col-sm-12 p-0 mb-3"
+      "class": props.srcfromprops == 'servicestyle2' ? 'col-lg-12 col-sm-12 p-0 mb-3' : 'col-lg-6 col-sm-12 p-0 mb-3'
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: formstyles.extracontainer + " col-8 p-sm-0 d-flex align-items-center justify-content-start cursor-pointer "
-    }, /*#__PURE__*/React__default["default"].createElement(HiOutlinePlusCircle.HiOutlinePlusCircle, {
-      size: 20,
-      color: sectionproperties.form_labelcolor
-    }), /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "".concat(formstyles.input_label_name) + " m-0 p-0 mx-2 "
+      className: formstyles.extracontainer + ' col-6 p-sm-0 d-flex flex-row align-items-center justify-content-start '
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-12 p-0 text-start"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      className: "".concat(formstyles.input_label_name) + ' m-0 p-0 '
     }, item === null || item === void 0 || (_item$productinfo = item.productinfo) === null || _item$productinfo === void 0 ? void 0 : _item$productinfo.name_en)), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: " col-4 p-sm-0 d-flex align-items-center justify-content-end cursor-pointer "
+      "class": "col-12 p-0 text-start"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      className: ' m-0 p-0 ',
+      style: {
+        color: '#ccc',
+        fontSize: 15
+      },
+      dangerouslySetInnerHTML: {
+        __html: langdetect == 'en' ? item === null || item === void 0 || (_item$productinfo2 = item.productinfo) === null || _item$productinfo2 === void 0 ? void 0 : _item$productinfo2.description_en : item === null || item === void 0 || (_item$productinfo3 = item.productinfo) === null || _item$productinfo3 === void 0 ? void 0 : _item$productinfo3.description_ar
+      }
+    })))), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: ' col-6 p-sm-0 d-flex align-items-center justify-content-end cursor-pointer '
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "".concat(formstyles.input_label_name) + " m-0 p-0 mx-2 "
-    }, item === null || item === void 0 || (_item$productinfo2 = item.productinfo) === null || _item$productinfo2 === void 0 ? void 0 : _item$productinfo2.defaultprice, " ", authdetailsContext["currencyname".concat(langdetect)] || authdetailsContext.currencyname_en))));
+      className: "".concat(formstyles.input_label_name) + ' m-0 p-0 mx-2 ',
+      style: {
+        fontSize: 12
+      }
+    }, "(+ ", item === null || item === void 0 || (_item$productinfo4 = item.productinfo) === null || _item$productinfo4 === void 0 ? void 0 : _item$productinfo4.defaultprice, " ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar, ")"), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "d-flex flex-row",
+      style: {
+        width: '50%',
+        height: 32,
+        border: '1px solid #ccc',
+        borderRadius: 15
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      style: {
+        flex: 1
+      },
+      "class": "text-black cursor-pointer ",
+      onClick: function onClick() {
+        var quantity = 0;
+        var tempproduct_prod_extras_array = _toConsumableArray__default["default"](product_prod_extras_array);
+        if (parseFloat(tempproduct_prod_extras_array[index].quantity) <= 0) {
+          quantity = 0;
+        } else {
+          quantity = parseFloat(tempproduct_prod_extras_array[index].quantity);
+        }
+        quantity = quantity - 1;
+        if (quantity >= 0) {
+          var _item$productinfo5;
+          tempproduct_prod_extras_array[index].quantity = quantity;
+          tempproduct_prod_extras_array[index].quantity = quantity;
+          addtocartfunc_extras(false, {
+            functype: 'add',
+            item_type: 'Extras',
+            productid: item === null || item === void 0 || (_item$productinfo5 = item.productinfo) === null || _item$productinfo5 === void 0 ? void 0 : _item$productinfo5.productid,
+            main_ref_productid: productid,
+            variantid: '',
+            quantity: quantity,
+            date: '',
+            time: '',
+            from: '',
+            to: '',
+            extrafields: []
+          });
+          setproduct_prod_extras_array(_toConsumableArray__default["default"](tempproduct_prod_extras_array));
+        } else {
+          alert('Quantity cannot be less than 0');
+        }
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("i", {
+      className: 'h-100 allcentered'
+    }, /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, {
+      size: 15
+    }))), /*#__PURE__*/React__default["default"].createElement("span", {
+      className: 'text-black allcentered',
+      style: {
+        flex: 1,
+        fontSize: 18
+      }
+    }, item === null || item === void 0 ? void 0 : item.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
+      style: {
+        flex: 1
+      },
+      "class": "text-black cursor-pointer ",
+      onClick: function onClick() {
+        var _item$productinfo6;
+        var quantity = 0;
+        var tempproduct_prod_extras_array = _toConsumableArray__default["default"](product_prod_extras_array);
+        if (tempproduct_prod_extras_array[index].quantity != undefined && tempproduct_prod_extras_array[index].quantity != null && tempproduct_prod_extras_array[index].quantity != 0) {
+          quantity = parseFloat(tempproduct_prod_extras_array[index].quantity);
+        }
+        quantity = quantity + 1;
+        tempproduct_prod_extras_array[index].quantity = quantity;
+        addtocartfunc_extras(false, {
+          functype: 'add',
+          item_type: 'Extras',
+          productid: item === null || item === void 0 || (_item$productinfo6 = item.productinfo) === null || _item$productinfo6 === void 0 ? void 0 : _item$productinfo6.productid,
+          main_ref_productid: productid,
+          variantid: '',
+          quantity: quantity,
+          date: '',
+          time: '',
+          from: '',
+          to: '',
+          extrafields: []
+        });
+        setproduct_prod_extras_array(_toConsumableArray__default["default"](tempproduct_prod_extras_array));
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("i", {
+      className: 'h-100 allcentered'
+    }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
+      size: 15
+    })))))));
   }));
 };
 
@@ -7749,18 +7885,18 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   props.actions.ikimagecredcontext;
   var _useState = React.useState([{
-      tabname: "Description",
-      tabname_ar: "التفاصيل",
+      tabname: 'Description',
+      tabname_ar: 'التفاصيل',
       ischecked: true
     }, {
-      tabname: "Reservation",
-      tabname_ar: "الحجز",
+      tabname: 'Reservation',
+      tabname_ar: 'الحجز',
       ischecked: false
     }]),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     tabsarray = _useState2[0];
     _useState2[1];
-  var _useState3 = React.useState(""),
+  var _useState3 = React.useState(''),
     _useState4 = _slicedToArray__default["default"](_useState3, 2);
     _useState4[0];
     var setcurrentmutatestate = _useState4[1];
@@ -7768,11 +7904,11 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     slots = _useState6[0],
     setslots = _useState6[1];
-  var _useState7 = React.useState(""),
+  var _useState7 = React.useState(''),
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
     selectedtodate = _useState8[0],
     setselectedtodate = _useState8[1];
-  var _useState9 = React.useState(""),
+  var _useState9 = React.useState(''),
     _useState0 = _slicedToArray__default["default"](_useState9, 2),
     selectedfromdate = _useState0[0],
     setselectedfromdate = _useState0[1];
@@ -7786,21 +7922,21 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     setminutes_Active_days_array = _useState12[1];
   React.useEffect(function () {
     setaddtocardpayloadobj(_objectSpread$2D(_objectSpread$2D({}, addtocardpayloadobj), {}, {
-      item_type: "service"
+      item_type: 'service'
     }));
   }, [tabsarray]);
   var today = new Date();
   today.getFullYear();
-  (today.getMonth() + 1).toString().padStart(2, "0"); // Adding leading zero if necessary
-  today.getDate().toString().padStart(2, "0"); // Adding leading zero if necessary
+  (today.getMonth() + 1).toString().padStart(2, '0'); // Adding leading zero if necessary
+  today.getDate().toString().padStart(2, '0'); // Adding leading zero if necessary
   React.useEffect(function () {
     var date1 = new Date(addtocardpayloadobj.from);
     var date2 = new Date(addtocardpayloadobj.to);
     var diffTime = Math.abs(date2 - date1);
     var diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
-    if (diffDays.toString() != "NaN") {
+    if (diffDays.toString() != 'NaN') {
       if (date2 <= date1) {
-        NotificationManager.warning("", "Please choose another date.");
+        NotificationManager.warning('', 'Please choose another date.');
         setaddtocardpayloadobj(_objectSpread$2D(_objectSpread$2D({}, addtocardpayloadobj), {}, {
           quantity: 0
         }));
@@ -7813,14 +7949,14 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
           setaddtocardpayloadobj(_objectSpread$2D(_objectSpread$2D({}, addtocardpayloadobj), {}, {
             quantity: 0
           }));
-          NotificationManager.warning("", "Max: " + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ", Min: " + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
+          NotificationManager.warning('', 'Max: ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', Min: ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
         }
       }
     }
   }, [addtocardpayloadobj.from, addtocardpayloadobj.to]);
   React.useEffect(function () {
     var _fetchProductInfoQuer, _fetchProductInfoQuer6;
-    if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.serviceinfo) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.scheduletype) == "days") {
+    if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.serviceinfo) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.scheduletype) == 'days') {
       var _fetchProductInfoQuer2, _fetchProductInfoQuer3;
       if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.disabled_dates) != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.disabled_dates) != null) {
         var _fetchProductInfoQuer4;
@@ -7835,14 +7971,14 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
         }
       }
     }
-    if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.serviceinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.scheduletype) == "minutes") {
+    if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.serviceinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.scheduletype) == 'minutes') {
       var _fetchProductInfoQuer7;
       var serviceDays = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.serviceinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.servicedays;
       if (Array.isArray(serviceDays) && serviceDays.length > 0) {
         var uniqueDayNames = _toConsumableArray__default["default"](new Set(serviceDays.map(function (day) {
           return day === null || day === void 0 ? void 0 : day.dayname;
         }).filter(function (dayname) {
-          return typeof dayname === "string" && dayname.trim() !== "";
+          return typeof dayname === 'string' && dayname.trim() !== '';
         })));
         setminutes_Active_days_array(uniqueDayNames);
       } else {
@@ -7873,12 +8009,12 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
   var TabsStyles = {
     sidebar_item: glamor.css({
       background: sectionproperties.tabcontainerbgcolor,
-      borderRadius: sectionproperties.tabcontainerborderradius + "px",
-      fontSize: sectionproperties.tabtextfontsize + "px",
+      borderRadius: sectionproperties.tabcontainerborderradius + 'px',
+      fontSize: sectionproperties.tabtextfontsize + 'px',
       fontWeight: sectionproperties.tabtextfontweight,
       textTransform: sectionproperties.tabtexttexttransform,
       color: sectionproperties.tabtextcolor,
-      ":hover": {
+      ':hover': {
         color: sectionproperties.tabtextactivecolor,
         background: sectionproperties.activetabbgcolor
       }
@@ -7888,38 +8024,38 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
       background: sectionproperties.activetabbgcolor
     }),
     sidenavtext_active: glamor.css({
-      fontSize: sectionproperties.tabtextfontsize + "px",
+      fontSize: sectionproperties.tabtextfontsize + 'px',
       color: sectionproperties.tabtextactivecolor,
       background: sectionproperties.activetabbgcolor
     }),
     booknow_btn: glamor.css({
-      width: sectionproperties.generalbtn_width + "px",
-      height: sectionproperties.generalbtn_height + "px",
-      background: sectionproperties.generalbtn_bgColortransparent == "Transparent" ? "transparent" : sectionproperties.generalbtn_bgColor,
-      borderRadius: sectionproperties.generalbtn_borderbottomleftradius + "px",
+      width: sectionproperties.generalbtn_width + 'px',
+      height: sectionproperties.generalbtn_height + 'px',
+      background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
+      borderRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
       color: sectionproperties.generalbtn_textColor,
-      fontSize: sectionproperties.generalbtn_fontsize + "px",
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
       textTransform: sectionproperties.generalbtn_texttransform,
       fontWeight: sectionproperties.generalbtn_fontweight,
-      textDecoration: sectionproperties.generalbtn_bgColortransparent == "Transparent" ? "underline" : "",
-      transition: ".3s",
-      ":hover": {
-        background: sectionproperties.generalbtn_bgColortransparentonhover == "Transparent" ? "transparent" : sectionproperties.generalbtn_bgColoronhover,
+      textDecoration: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'underline' : '',
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
         color: sectionproperties.generalbtn_textColoronhover
       }
     }),
     booknow_btn_resp: glamor.css({
-      width: "30px",
-      height: "30px",
-      background: sectionproperties.generalbtn_bgColortransparent == "Transparent" ? "transparent" : sectionproperties.generalbtn_bgColor,
-      borderRadius: sectionproperties.generalbtn_borderbottomleftradius + "px",
+      width: '30px',
+      height: '30px',
+      background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
+      borderRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
       color: sectionproperties.generalbtn_textColor,
-      fontSize: sectionproperties.generalbtn_fontsize + "px",
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
       textTransform: sectionproperties.generalbtn_texttransform,
       fontWeight: sectionproperties.generalbtn_fontweight,
-      transition: ".3s",
-      ":hover": {
-        background: sectionproperties.generalbtn_bgColortransparentonhover == "Transparent" ? "transparent" : sectionproperties.generalbtn_bgColoronhover,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
         color: sectionproperties.generalbtn_textColoronhover
       }
     }),
@@ -7929,17 +8065,17 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     inputfield_label: glamor.css({
       color: sectionproperties.form_labelcolor,
       fontWeight: sectionproperties.form_labelfontweight,
-      fontSize: sectionproperties.form_labelfontsize + "px",
+      fontSize: sectionproperties.form_labelfontsize + 'px',
       textTransform: sectionproperties.form_labeltexttransform
     }),
     inputfield: glamor.css({
-      height: "40px",
-      borderRadius: sectionproperties.inputfieldborderradius + "px",
-      fontSize: sectionproperties.inputfieldfontsize + "px",
+      height: '40px',
+      borderRadius: sectionproperties.inputfieldborderradius + 'px',
+      fontSize: sectionproperties.inputfieldfontsize + 'px',
       color: sectionproperties.inputfieldcolor,
       backgroundColor: sectionproperties.input_bgcolor,
-      border: sectionproperties.inputfieldborderWidth + "px solid " + sectionproperties.inputfieldborderColor,
-      ":focus": {
+      border: sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor,
+      ':focus': {
         borderColor: sectionproperties.inputfeildbordercoloronfocus
       }
     }),
@@ -7947,36 +8083,39 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
       color: sectionproperties.inputfieldcolor
     }),
     timeSlotContainer: glamor.css({
-      minWidth: "6vh",
-      height: "5vh",
-      borderRadius: sectionproperties.time_borderRadius + "px",
+      minWidth: '6vh',
+      height: '5vh',
+      borderRadius: sectionproperties.time_borderRadius + 'px',
       backgroundColor: sectionproperties.time_bgcolor,
-      border: sectionproperties.time_borderwidth + "px solid " + sectionproperties.time_borderColor,
+      border: sectionproperties.time_borderwidth + 'px solid ' + sectionproperties.time_borderColor,
       color: sectionproperties.time_timeColor,
       fontWeight: sectionproperties.time_timeFontweight,
-      fontSize: sectionproperties.time_timeFontsize + "px",
-      ":hover": {
-        transition: ".3s",
+      fontSize: sectionproperties.time_timeFontsize + 'px',
+      ':hover': {
+        transition: '.3s',
         backgroundColor: sectionproperties.time_secondarybgcolor,
         color: sectionproperties.time_secondarycolor,
         borderColor: sectionproperties.time_secondarycolor
       }
     }),
     timeSlotContainer_active: glamor.css({
-      minWidth: "6vh",
-      height: "5vh",
-      borderRadius: sectionproperties.time_borderRadius + "px",
+      minWidth: '6vh',
+      height: '5vh',
+      borderRadius: sectionproperties.time_borderRadius + 'px',
       backgroundColor: sectionproperties.time_activebgcolor,
-      border: sectionproperties.time_borderwidth + "px solid " + sectionproperties.time_timeactiveColor,
+      border: sectionproperties.time_borderwidth + 'px solid ' + sectionproperties.time_timeactiveColor,
       color: sectionproperties.time_timeactiveColor,
       fontWeight: sectionproperties.time_timeFontweight,
-      fontSize: sectionproperties.time_timeFontsize + "px",
-      ":hover": {
-        transition: ".3s",
+      fontSize: sectionproperties.time_timeFontsize + 'px',
+      ':hover': {
+        transition: '.3s',
         backgroundColor: sectionproperties.time_secondarybgcolor,
         color: sectionproperties.time_secondarycolor,
         borderColor: sectionproperties.time_secondarycolor
       }
+    }),
+    selectedpickers: glamor.css({
+      color: '#000'
     })
   };
   function getLastChoosedSlotIndex(slots) {
@@ -8066,7 +8205,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
       } else {
         // The selected slot is not beside the previously selected slots
         // Handle this case according to your requirements (e.g., show an error message)
-        NotificationManager.warning("", "You can only choose slots beside each other.");
+        NotificationManager.warning('', 'You can only choose slots beside each other.');
       }
     }
     setslots(_toConsumableArray__default["default"](tempslots));
@@ -8078,7 +8217,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
       }
     });
     if ((tempslots === null || tempslots === void 0 ? void 0 : tempslots.length) == 0) {
-      NotificationManager.warning("", "No Available Slots");
+      NotificationManager.warning('', 'No Available Slots');
     }
     if (reservedslotArrtobetaken.length != 0) {
       reservedslottobetaken = reservedslotArrtobetaken[0].slot;
@@ -8088,7 +8227,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
         quantity: parseInt(reservedslotArrtobetaken.length)
       }));
     } else {
-      NotificationManager.warning("", "No Slots Reserved");
+      NotificationManager.warning('', 'No Slots Reserved');
     }
   };
   // const chooseitemslot = (slot, index) => {
@@ -8120,10 +8259,10 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
   //     }
   // };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.serviceinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.scheduletype) == "minutes" ? "col-lg-12 mt-3 p-0" : "col-lg-10 mt-3 p-0"
+    className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.serviceinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.scheduletype) == 'minutes' ? 'col-lg-12 mt-3 p-0' : 'col-lg-10 mt-3 p-0'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.serviceinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.scheduletype) == "days" && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.serviceinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.scheduletype) == 'days' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-6 col-md-12 col-sm-12 mb-2 pl-1 pr-1"
@@ -8132,11 +8271,11 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex justify-content-start p-0"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": TabsStyles.inputfield_label + " m-0 pb-2 "
-  }, langdetect === "ar" ? "من" : langdetect === "chin" ? "从" : langdetect === "es" ? "Desde" : langdetect === "fr" ? "De" : langdetect === "rus" ? "От" : "From", ":")), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": " col-lg-12 mb-3"
+    "class": TabsStyles.inputfield_label + ' m-0 pb-2 '
+  }, lang.from)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' col-lg-12 mb-3'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": TabsStyles.inputfield + " w-100 allcentered "
+    "class": TabsStyles.inputfield + ' w-100 allcentered '
   }, /*#__PURE__*/React__default["default"].createElement(DatePicker__default["default"], {
     selected: selectedfromdate,
     excludeDates: disableddates,
@@ -8145,7 +8284,8 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
         from: date
       }));
       setselectedfromdate(date);
-    }
+    },
+    className: "".concat(TabsStyles.selectedpickers)
   }))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-6 col-md-12 col-sm-12 mb-2 pl-1 pr-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -8153,11 +8293,11 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex justify-content-start p-0"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": TabsStyles.inputfield_label + " m-0 pb-2 "
-  }, langdetect === "ar" ? "إلى" : langdetect === "chin" ? "到" : langdetect === "es" ? "A" : langdetect === "fr" ? "À" : langdetect === "rus" ? "К" : "To", ":")), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": TabsStyles.inputfield_label + ' m-0 pb-2 '
+  }, lang.to)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": TabsStyles.inputfield + " w-100 allcentered "
+    "class": TabsStyles.inputfield + ' w-100 allcentered '
   }, /*#__PURE__*/React__default["default"].createElement(DatePicker__default["default"], {
     selected: selectedtodate,
     excludeDates: disableddates,
@@ -8166,25 +8306,26 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
         to: date
       }));
       setselectedtodate(date);
-    }
-  })))))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.serviceinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.scheduletype) == "minutes" && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    },
+    className: "".concat(TabsStyles.selectedpickers)
+  })))))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.serviceinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.scheduletype) == 'minutes' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 mb-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
-  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != "66cf4427e144e" && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) != '66cf4427e144e' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex justify-content-start p-0"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": TabsStyles.inputfield_label + " m-0 pb-2 "
+    "class": TabsStyles.inputfield_label + ' m-0 pb-2 '
   }, lang.reservationdate, ":")), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 mb-3",
     style: {
-      position: "relative",
-      height: "40px",
-      borderRadius: sectionproperties.inputfieldborderradius + "px",
-      fontSize: sectionproperties.inputfieldfontsize + "px",
+      position: 'relative',
+      height: '40px',
+      borderRadius: sectionproperties.inputfieldborderradius + 'px',
+      fontSize: sectionproperties.inputfieldfontsize + 'px',
       color: sectionproperties.inputfieldcolor,
       backgroundColor: sectionproperties.input_bgcolor,
-      border: sectionproperties.inputfieldborderWidth + "px solid " + sectionproperties.inputfieldborderColor
+      border: sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "w-100 px-2 h-100 allcentered",
@@ -8202,36 +8343,36 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
       // setaddtocardpayloadobj({ ...addtocardpayloadobj, from: date });
       if (date) {
         var _year = date.getFullYear();
-        var _month = String(date.getMonth() + 1).padStart(2, "0"); // Months are 0-based
-        var _day = String(date.getDate()).padStart(2, "0");
+        var _month = String(date.getMonth() + 1).padStart(2, '0'); // Months are 0-based
+        var _day = String(date.getDate()).padStart(2, '0');
         var formattedDate = "".concat(_year, "-").concat(_month, "-").concat(_day);
         setaddtocardpayloadobj(_objectSpread$2D(_objectSpread$2D({}, addtocardpayloadobj), {}, {
           date: formattedDate,
-          time: "",
+          time: '',
           reservedslotArrtobetaken: [],
           quantity: 1
         }));
         setslots([]);
-        setcurrentmutatestate("/fetchserviceslots");
+        setcurrentmutatestate('/fetchserviceslots');
         GeneralAPIMutationContext.mutate({
-          endpointurl: "/fetchserviceslots",
+          endpointurl: '/fetchserviceslots',
           productid: fetchProductInfoQueryContext.data.data.productinfo.productid,
           reqdate: formattedDate,
           mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
             setslots(data.data.slots);
             if (!data.data.slots || data.data.slots.length === 0) {
-              NotificationManager.warning("", "Please choose another date");
+              NotificationManager.warning('', 'Please choose another date');
             }
           }
         });
         setselectedfromdate(date);
       }
     },
-    placeholderText: langdetect != "ar" ? "Choose date" : "اختر تاريخ"
+    placeholderText: langdetect != 'ar' ? 'Choose date' : 'اختر تاريخ'
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "h-100 allcentered",
     style: {
-      position: "absolute",
+      position: 'absolute',
       right: 15,
       bottom: 0,
       top: 0,
@@ -8243,9 +8384,9 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
   })))))), slots.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": TabsStyles.inputfield_label + " p-0 d-flex justify-content-start m-0 "
-  }, langdetect != "ar" ? sectionproperties.reservationslot_titleen : sectionproperties.reservationslot_titlear), GeneralAPIMutationContext.isLoading && GeneralAPIMutationContext.variables.endpointurl == "/fetchserviceslots" && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row ml-0 mr-0 w-100 allcentered",
+    "class": TabsStyles.inputfield_label + ' p-0 d-flex justify-content-start m-0 '
+  }, langdetect != 'ar' ? sectionproperties.reservationslot_titleen : sectionproperties.reservationslot_titlear), GeneralAPIMutationContext.isLoading && GeneralAPIMutationContext.variables.endpointurl == '/fetchserviceslots' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'row ml-0 mr-0 w-100 allcentered',
     style: {
       height: 200
     }
@@ -8254,7 +8395,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     width: "10px",
     height: "10px",
     duration: "1s"
-  })), sectionproperties.slots_style == "Horizontal" && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), sectionproperties.slots_style == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "w-100"
   }, slots.map(function (item, index) {
     var ischoosed = false;
@@ -8264,7 +8405,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 mb-2 d-flex align-items-center w-100"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": TabsStyles.time + " col-lg-6 col-md-6 col-sm-9  p-0 d-flex justify-content-start align-items-center "
+      "class": TabsStyles.time + ' col-lg-6 col-md-6 col-sm-9  p-0 d-flex justify-content-start align-items-center '
     }, /*#__PURE__*/React__default["default"].createElement(AiOutlineClockCircle.AiOutlineClockCircle, {
       "class": "ml-1 mr-1"
     }), /*#__PURE__*/React__default["default"].createElement("p", {
@@ -8272,19 +8413,19 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     }, item.slot)), item.available && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-6 col-md-6 col-sm-12  p-0 d-flex d-sm-none justify-content-end justify-content-sm-center align-items-center"
     }, /*#__PURE__*/React__default["default"].createElement("button", {
-      "class": TabsStyles.booknow_btn + " allcentered mt-sm-3 ",
+      "class": TabsStyles.booknow_btn + ' allcentered mt-sm-3 ',
       style: {
-        backgroundColor: ischoosed ? sectionproperties.generalbtn_bgColortransparent == "Transparent" ? "transparent" : "green" : "",
-        color: ischoosed ? sectionproperties.generalbtn_bgColortransparent == "Transparent" ? sectionproperties.generalbtn_textColoronhover : sectionproperties.generalbtn_textColor : ""
+        backgroundColor: ischoosed ? sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : 'green' : '',
+        color: ischoosed ? sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? sectionproperties.generalbtn_textColoronhover : sectionproperties.generalbtn_textColor : ''
       },
       onClick: function onClick() {
         chooseitemslot(item.slot, index);
         // setaddtocardpayloadobj({ ...addtocardpayloadobj, time: item.slot });
       }
-    }, ischoosed == false && /*#__PURE__*/React__default["default"].createElement("span", null, sectionproperties["slideshow_btn_text_".concat(langdetect)] || sectionproperties.generalbtn_content), ischoosed == true && /*#__PURE__*/React__default["default"].createElement("span", null, langdetect != "ar" ? sectionproperties.generalbtn_bookedcontent : sectionproperties.generalbtn_bookedcontent_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, ischoosed == false && /*#__PURE__*/React__default["default"].createElement("span", null, sectionproperties["slideshow_btn_text_".concat(langdetect)] || sectionproperties.generalbtn_content), ischoosed == true && /*#__PURE__*/React__default["default"].createElement("span", null, langdetect != 'ar' ? sectionproperties.generalbtn_bookedcontent : sectionproperties.generalbtn_bookedcontent_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-sm-3 p-0 d-none d-sm-flex justify-content-end justify-content-sm-center align-items-sm-center"
     }, /*#__PURE__*/React__default["default"].createElement("button", {
-      "class": TabsStyles.booknow_btn_resp + " allcentered  ",
+      "class": TabsStyles.booknow_btn_resp + ' allcentered  ',
       onClick: function onClick() {
         setaddtocardpayloadobj(_objectSpread$2D(_objectSpread$2D({}, addtocardpayloadobj), {}, {
           time: item.slot
@@ -8295,19 +8436,19 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     }, /*#__PURE__*/React__default["default"].createElement(AiOutlinePlus.AiOutlinePlus, null))))), !item.available && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-6 col-md-6 col-sm-9  p-0 d-flex d-sm-none justify-content-end justify-content-sm-center align-items-center"
     }, /*#__PURE__*/React__default["default"].createElement("button", {
-      "class": TabsStyles.booknow_btn + " allcentered mt-sm-3 ",
+      "class": TabsStyles.booknow_btn + ' allcentered mt-sm-3 ',
       style: {
         opacity: 0.5,
-        cursor: "not-allowed",
-        background: "#ccc"
+        cursor: 'not-allowed',
+        background: '#ccc'
       }
-    }, /*#__PURE__*/React__default["default"].createElement("span", null, langdetect != "ar" ? sectionproperties.generalbtn_bookedcontent : sectionproperties.generalbtn_bookedcontent_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("span", null, langdetect != 'ar' ? sectionproperties.generalbtn_bookedcontent : sectionproperties.generalbtn_bookedcontent_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-sm-3 p-0 d-none d-sm-flex justify-content-end justify-content-sm-center align-items-center"
     }, /*#__PURE__*/React__default["default"].createElement("button", {
-      "class": TabsStyles.booknow_btn_resp + " allcentered ",
+      "class": TabsStyles.booknow_btn_resp + ' allcentered ',
       style: {
         opacity: 0.5,
-        cursor: "not-allowed"
+        cursor: 'not-allowed'
       }
     }, /*#__PURE__*/React__default["default"].createElement("span", {
       "class": "allcentered"
@@ -8316,7 +8457,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     }, /*#__PURE__*/React__default["default"].createElement("hr", {
       "class": "m-0 mb-3 mt-3"
     })));
-  })), sectionproperties.slots_style == "Vertical" && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), sectionproperties.slots_style == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 mb-4 mt-3"
   }, slots.map(function (item, index) {
     var _slot, _slot2;
@@ -8327,93 +8468,93 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     var slot = item.slot;
     var slotsubstr = (_slot = slot) === null || _slot === void 0 ? void 0 : _slot.substring(0, 2);
     var slotsubstr2 = (_slot2 = slot) === null || _slot2 === void 0 ? void 0 : _slot2.substring(2, 5);
-    if (slotsubstr == "13") {
-      slot = "01" + slotsubstr2 + " PM";
-    } else if (slotsubstr == "14") {
-      slot = "02" + slotsubstr2 + " PM";
-    } else if (slotsubstr == "15") {
-      slot = "03" + slotsubstr2 + " PM";
-    } else if (slotsubstr == "16") {
-      slot = "04" + slotsubstr2 + " PM";
-    } else if (slotsubstr == "17") {
-      slot = "05" + slotsubstr2 + " PM";
-    } else if (slotsubstr == "18") {
-      slot = "06" + slotsubstr2 + " PM";
-    } else if (slotsubstr == "19") {
-      slot = "07" + slotsubstr2 + " PM";
-    } else if (slotsubstr == "20") {
-      slot = "08" + slotsubstr2 + " PM";
-    } else if (slotsubstr == "21") {
-      slot = "09" + slotsubstr2 + " PM";
-    } else if (slotsubstr == "22") {
-      slot = "10" + slotsubstr2 + " PM";
-    } else if (slotsubstr == "23") {
-      slot = "11" + slotsubstr2 + " PM";
-    } else if (slotsubstr == "00") {
-      slot = "12" + slotsubstr2 + " AM";
-    } else if (slotsubstr == "01") {
-      slot = "01" + slotsubstr2 + " AM";
-    } else if (slotsubstr == "02") {
-      slot = "02" + slotsubstr2 + " AM";
-    } else if (slotsubstr == "03") {
-      slot = "03" + slotsubstr2 + " AM";
-    } else if (slotsubstr == "04") {
-      slot = "04" + slotsubstr2 + " AM";
-    } else if (slotsubstr == "05") {
-      slot = "05" + slotsubstr2 + " AM";
-    } else if (slotsubstr == "06") {
-      slot = "06" + slotsubstr2 + " AM";
-    } else if (slotsubstr == "07") {
-      slot = "07" + slotsubstr2 + " AM";
-    } else if (slotsubstr == "08") {
-      slot = "08" + slotsubstr2 + " AM";
-    } else if (slotsubstr == "09") {
-      slot = "09" + slotsubstr2 + " AM";
-    } else if (slotsubstr == "10") {
-      slot = "10" + slotsubstr2 + " AM";
-    } else if (slotsubstr == "11") {
-      slot = "11" + slotsubstr2 + " AM";
-    } else if (slotsubstr == "12") {
-      slot = "12" + slotsubstr2 + " PM";
+    if (slotsubstr == '13') {
+      slot = '01' + slotsubstr2 + ' PM';
+    } else if (slotsubstr == '14') {
+      slot = '02' + slotsubstr2 + ' PM';
+    } else if (slotsubstr == '15') {
+      slot = '03' + slotsubstr2 + ' PM';
+    } else if (slotsubstr == '16') {
+      slot = '04' + slotsubstr2 + ' PM';
+    } else if (slotsubstr == '17') {
+      slot = '05' + slotsubstr2 + ' PM';
+    } else if (slotsubstr == '18') {
+      slot = '06' + slotsubstr2 + ' PM';
+    } else if (slotsubstr == '19') {
+      slot = '07' + slotsubstr2 + ' PM';
+    } else if (slotsubstr == '20') {
+      slot = '08' + slotsubstr2 + ' PM';
+    } else if (slotsubstr == '21') {
+      slot = '09' + slotsubstr2 + ' PM';
+    } else if (slotsubstr == '22') {
+      slot = '10' + slotsubstr2 + ' PM';
+    } else if (slotsubstr == '23') {
+      slot = '11' + slotsubstr2 + ' PM';
+    } else if (slotsubstr == '00') {
+      slot = '12' + slotsubstr2 + ' AM';
+    } else if (slotsubstr == '01') {
+      slot = '01' + slotsubstr2 + ' AM';
+    } else if (slotsubstr == '02') {
+      slot = '02' + slotsubstr2 + ' AM';
+    } else if (slotsubstr == '03') {
+      slot = '03' + slotsubstr2 + ' AM';
+    } else if (slotsubstr == '04') {
+      slot = '04' + slotsubstr2 + ' AM';
+    } else if (slotsubstr == '05') {
+      slot = '05' + slotsubstr2 + ' AM';
+    } else if (slotsubstr == '06') {
+      slot = '06' + slotsubstr2 + ' AM';
+    } else if (slotsubstr == '07') {
+      slot = '07' + slotsubstr2 + ' AM';
+    } else if (slotsubstr == '08') {
+      slot = '08' + slotsubstr2 + ' AM';
+    } else if (slotsubstr == '09') {
+      slot = '09' + slotsubstr2 + ' AM';
+    } else if (slotsubstr == '10') {
+      slot = '10' + slotsubstr2 + ' AM';
+    } else if (slotsubstr == '11') {
+      slot = '11' + slotsubstr2 + ' AM';
+    } else if (slotsubstr == '12') {
+      slot = '12' + slotsubstr2 + ' PM';
     }
     if (item.available) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-2 col-md-2 col-sm-4 pl-1 pr-1 mb-2"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": ischoosed == true ? TabsStyles.timeSlotContainer_active + " allcentered cursor-pointer px-1 " : TabsStyles.timeSlotContainer + " allcentered cursor-pointer px-1 ",
+        "class": ischoosed == true ? TabsStyles.timeSlotContainer_active + ' allcentered cursor-pointer px-1 ' : TabsStyles.timeSlotContainer + ' allcentered cursor-pointer px-1 ',
         style: {},
         onClick: function onClick() {
           chooseitemslot(item.slot, index);
         }
       }, /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": " p-0 m-0 "
-      }, sectionproperties.timeformat == "24 HOUR CLOCK" ? item.slot : slot)));
+        "class": ' p-0 m-0 '
+      }, sectionproperties.timeformat == '24 HOUR CLOCK' ? item.slot : slot)));
     } else {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-2 col-md-2 col-sm-4 pl-1 pr-1 mb-2"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": " allcentered px-1 showcrossicon ",
+        "class": ' allcentered px-1 showcrossicon ',
         style: {
-          cursor: "not-allowed",
-          minWidth: "6vh",
-          height: "5vh",
-          borderRadius: sectionproperties.time_borderRadius + "px",
+          cursor: 'not-allowed',
+          minWidth: '6vh',
+          height: '5vh',
+          borderRadius: sectionproperties.time_borderRadius + 'px',
           backgroundColor: sectionproperties.time_bgcolor,
-          border: sectionproperties.time_borderwidth + "px solid " + sectionproperties.time_borderColor,
+          border: sectionproperties.time_borderwidth + 'px solid ' + sectionproperties.time_borderColor,
           color: sectionproperties.time_timeColor,
           fontWeight: sectionproperties.time_timeFontweight,
-          fontSize: sectionproperties.time_timeFontsize + "px",
-          background: "#ccc"
+          fontSize: sectionproperties.time_timeFontsize + 'px',
+          background: '#ccc'
         }
       }, /*#__PURE__*/React__default["default"].createElement("p", {
-        "class": " p-0 m-0 "
-      }, sectionproperties.timeformat == "24 HOUR CLOCK" ? item.slot : slot)));
+        "class": ' p-0 m-0 '
+      }, sectionproperties.timeformat == '24 HOUR CLOCK' ? item.slot : slot)));
     }
   })))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.serviceinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.scheduletype) == "days" && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.serviceinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.scheduletype) == 'days' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100"
@@ -8423,20 +8564,20 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     className: "m-0 p-0",
     style: {
       color: sectionproperties.quantitytitlecolor,
-      fontSize: sectionproperties.quantitytitlefontSize + "px",
+      fontSize: sectionproperties.quantitytitlefontSize + 'px',
       fontWeight: sectionproperties.quantitytitlefontweight
     }
   }, {
-    en: "Number of days",
-    ar: "عدد الايام",
-    fr: "Nombre de jours",
-    es: "Número de días",
-    chin: "天数",
-    rus: "Количество дней"
-  }[langdetect] || "Number of days", ":", " ", /*#__PURE__*/React__default["default"].createElement("span", {
+    en: 'Number of days',
+    ar: 'عدد الايام',
+    fr: 'Nombre de jours',
+    es: 'Número de días',
+    chin: '天数',
+    rus: 'Количество дней'
+  }[langdetect] || 'Number of days', ":", ' ', /*#__PURE__*/React__default["default"].createElement("span", {
     style: {
       color: sectionproperties.quantitybtn_textcolor,
-      fontSize: sectionproperties.quantitybtn_textfontsize + "px",
+      fontSize: sectionproperties.quantitybtn_textfontsize + 'px',
       fontWeight: sectionproperties.quantitybtn_textfontweight
     }
   }, addtocardpayloadobj.quantity))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -8447,52 +8588,52 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     className: "m-0 p-0",
     style: {
       color: sectionproperties.total_color,
-      fontSize: sectionproperties.total_fontsize + "px",
+      fontSize: sectionproperties.total_fontsize + 'px',
       fontWeight: sectionproperties.total_fontweight,
       textTransform: sectionproperties.total_texttransform
     }
   }, lang.total, ":"), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-9 col-md-9 col-sm-9 d-flex align-items-center pl-1 pr-1"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "m-0 p-0 wordbreak d-flex align-items-center justify-content-end",
+    className: 'm-0 p-0 wordbreak d-flex align-items-center justify-content-end',
     style: {
-      fontSize: sectionproperties.prodpriceFontSize + "px",
+      fontSize: sectionproperties.prodpriceFontSize + 'px',
       fontWeight: sectionproperties.prodPriceFontWeight,
       color: sectionproperties.prodPriceColor
     }
   }, fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && /*#__PURE__*/React__default["default"].createElement("span", {
-    className: langdetect != "ar" ? " d-flex align-items-center justify-content-end wordbreak text-right wordbreak " : " d-flex align-items-center justify-content-end wordbreak text-left wordbreak "
-  }, authdetailsContext["currencyname".concat(langdetect)] || authdetailsContext.currencyname_en, " ", parseFloat(getprice_discountpriceprops("defaultprice", 1)).toFixed(2), " ", langdetect != "ar" ? "" : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
-    className: langdetect != "ar" ? " d-flex align-items-center justify-content-end wordbreak text-right wordbreak " : " d-flex align-items-center justify-content-end wordbreak text-left wordbreak "
-  }, authdetailsContext["currencyname".concat(langdetect)] || authdetailsContext.currencyname_en, parseFloat(getprice_discountpriceprops("defaultsaleprice", 1)).toFixed(2), langdetect != "ar" ? "" : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "m-0 p-0 linethrough wordbreak",
+    className: langdetect != 'ar' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
+  }, authdetailsContext["currencyname".concat(langdetect)] || authdetailsContext.currencyname_en, ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1)).toFixed(2), " ", langdetect != 'ar' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+    className: langdetect != 'ar' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
+  }, authdetailsContext["currencyname".concat(langdetect)] || authdetailsContext.currencyname_en, parseFloat(getprice_discountpriceprops('defaultsaleprice', 1)).toFixed(2), langdetect != 'ar' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'm-0 p-0 linethrough wordbreak',
     style: {
       color: sectionproperties.prodsalePriceColor,
-      fontSize: sectionproperties.prodsalepriceFontSize + "px",
+      fontSize: sectionproperties.prodsalepriceFontSize + 'px',
       fontWeight: sectionproperties.prodsalePriceFontWeight
     }
   }, fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
-    className: langdetect != "ar" ? " d-flex align-items-center justify-content-end wordbreak text-right wordbreak " : " d-flex align-items-center justify-content-end wordbreak text-left wordbreak "
+    className: langdetect != 'ar' ? ' 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"
-  }, "-"), " ", authdetailsContext["currencyname".concat(langdetect)] || authdetailsContext.currencyname_en, " ", parseFloat(getprice_discountpriceprops("defaultprice", 1)).toFixed(2), langdetect != "ar" ? "" : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, "-"), " ", authdetailsContext["currencyname".concat(langdetect)] || authdetailsContext.currencyname_en, ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1)).toFixed(2), langdetect != 'ar' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex align-items-center justify-content-center"
   }, /*#__PURE__*/React__default["default"].createElement(ProductExtraFields, {
     actions: props.actions
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex d-md-none align-items-center justify-content-center"
   }, /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "".concat(productinfo_cssstyles.cart_btn, " ") + " d-flex align-items-center justify-content-center ml-sm-auto mr-sm-auto mb-sm-2 ",
+    className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' d-flex align-items-center justify-content-center ml-sm-auto mr-sm-auto mb-sm-2 ',
     onClick: function onClick() {
       var _fetchProductInfoQuer16, _fetchProductInfoQuer17;
-      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.serviceinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.scheduletype) == "days") {
+      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.serviceinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.scheduletype) == 'days') {
         if (addtocardpayloadobj.from.length != 0 && addtocardpayloadobj.to.length != 0 && addtocardpayloadobj.quantity != 0) {
           addtocartfunc();
           // if (sectionproperties.cartbtntype == 'Goes to checkout') {
           //     routingcountext(StaticPagesLinksContext.Checkout);
           // }
         }
-      } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.serviceinfo) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.scheduletype) == "minutes") {
+      } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.serviceinfo) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.scheduletype) == 'minutes') {
         if (addtocardpayloadobj.date.length != 0 && addtocardpayloadobj.time.length != 0) {
           addtocartfunc();
           // if (sectionproperties.cartbtntype == 'Goes to checkout') {
@@ -8505,80 +8646,80 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     },
     disabled: AddtoCartMutationContext.isLoading == true ? true : false
   }, !AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("span", {
-    className: " d-flex align-items-center justify-content-center "
+    className: ' d-flex align-items-center justify-content-center '
   }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("i", {
-    className: langdetect != "ar" ? "h-100 d-flex align-items-center justify-content-center mr-2" : "h-100 d-flex align-items-center justify-content-center ml-2"
-  }, sectionproperties.carticonstyle == "Shopping bag 1" && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
+    className: langdetect != 'ar' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
     className: "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping bag 2" && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
+  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
     className: "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping bag 3" && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
+  }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
     className: "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping bag 4" && /*#__PURE__*/React__default["default"].createElement(IoBagHandleOutline.IoBagHandleOutline, {
+  }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(IoBagHandleOutline.IoBagHandleOutline, {
     className: "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping cart 1" && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
     className: "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping cart 2" && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  })), sectionproperties.overwritecertbtntext == "Yes" ? langdetect != "ar" ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic : langdetect != "ar" ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: " d-flex align-items-center justify-content-center "
+  })), sectionproperties.overwritecertbtntext == 'Yes' ? langdetect != 'ar' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic : langdetect != 'ar' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
     color: "white",
     width: "20px",
     height: "20px",
     duration: "1s"
-  }))), sectionproperties.btnposition == "Bottom" && sectionproperties.favBtnShow == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: productinfo_cssstyles.wishlist_btn + " d-flex justify-content-center align-items-center ml-2 mr-2 ",
+  }))), sectionproperties.btnposition == 'Bottom' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center ml-2 mr-2 ',
     onClick: function onClick() {
       addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
     },
     style: {
-      background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ""
+      background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ''
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: "h-100 d-flex align-items-center justify-content-center"
   }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
     className: "h-100 d-flex align-items-center justify-content-center"
-  }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
     size: sectionproperties.favBtnIconfontsize,
     style: {
       color: sectionproperties.activefaviconcolor
     }
-  }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
     size: sectionproperties.favBtnIconfontsize,
     style: {
       color: sectionproperties.activefaviconcolor
     }
   })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
     className: "h-100 d-flex align-items-center justify-content-center"
-  }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
     size: sectionproperties.favBtnIconfontsize
-  }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
   }))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-none d-md-flex align-items-center justify-content-center"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-md-9 col-sm-10 d-flex justify-content-center align-items-center "
   }, /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "".concat(productinfo_cssstyles.cart_btn) + " w-100 d-flex align-items-center justify-content-center ",
+    className: "".concat(productinfo_cssstyles.cart_btn) + ' w-100 d-flex align-items-center justify-content-center ',
     onClick: function onClick() {
       var _fetchProductInfoQuer20, _fetchProductInfoQuer21;
-      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.serviceinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.scheduletype) == "days") {
+      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.serviceinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.scheduletype) == 'days') {
         if (addtocardpayloadobj.from.length != 0 && addtocardpayloadobj.to.length != 0 && addtocardpayloadobj.quantity != 0) {
           addtocartfunc();
-          if (sectionproperties.cartbtntype == "Goes to checkout") {
+          if (sectionproperties.cartbtntype == 'Goes to checkout') {
             routingcountext(StaticPagesLinksContext.Checkout);
           }
         }
-      } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.serviceinfo) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.scheduletype) == "minutes") {
+      } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.serviceinfo) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.scheduletype) == 'minutes') {
         if (addtocardpayloadobj.date.length != 0 && addtocardpayloadobj.time.length != 0) {
           addtocartfunc();
-          if (sectionproperties.cartbtntype == "Goes to checkout") {
+          if (sectionproperties.cartbtntype == 'Goes to checkout') {
             routingcountext(StaticPagesLinksContext.Checkout);
           }
         }
@@ -8588,41 +8729,41 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     },
     disabled: AddtoCartMutationContext.isLoading == true ? true : false
   }, !AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("span", {
-    className: " d-flex align-items-center justify-content-center "
+    className: ' d-flex align-items-center justify-content-center '
   }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("i", {
-    className: langdetect != "ar" ? "h-100 d-flex align-items-center justify-content-center mr-2" : "h-100 d-flex align-items-center justify-content-center ml-2"
-  }, sectionproperties.carticonstyle == "Shopping bag 1" && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
+    className: langdetect != 'ar' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
     className: "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping bag 2" && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
+  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
     className: "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping bag 3" && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
+  }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
     className: "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping bag 4" && /*#__PURE__*/React__default["default"].createElement(IoBagHandleOutline.IoBagHandleOutline, {
+  }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(IoBagHandleOutline.IoBagHandleOutline, {
     className: "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping cart 1" && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
     className: "",
     size: sectionproperties.cartBtn_iconFontSize
-  }), sectionproperties.carticonstyle == "Shopping cart 2" && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  })), sectionproperties.overwritecertbtntext == "Yes" ? langdetect != "ar" ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic : langdetect != "ar" ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: " d-flex align-items-center justify-content-center "
+  })), sectionproperties.overwritecertbtntext == 'Yes' ? langdetect != 'ar' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic : langdetect != 'ar' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
     color: "white",
     width: "20px",
     height: "20px",
     duration: "1s"
-  })))), sectionproperties.favBtnShow == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-md-3 col-sm-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: productinfo_cssstyles.wishlist_btn + " d-flex justify-content-center align-items-center ",
+    className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center ',
     style: {
-      width: sectionproperties.cartBtnHeight + "px",
-      height: sectionproperties.cartBtnHeight + "px",
-      background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ""
+      width: sectionproperties.cartBtnHeight + 'px',
+      height: sectionproperties.cartBtnHeight + 'px',
+      background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ''
     },
     onClick: function onClick() {
       addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
@@ -8631,34 +8772,34 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     className: "h-100 d-flex align-items-center justify-content-center"
   }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
     className: "h-100 d-flex align-items-center justify-content-center"
-  }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
     size: sectionproperties.favBtnIconfontsize,
     style: {
       color: sectionproperties.activefaviconcolor
     }
-  }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
     size: sectionproperties.favBtnIconfontsize,
     style: {
       color: sectionproperties.activefaviconcolor
     }
   })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
     className: "h-100 d-flex align-items-center justify-content-center"
-  }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
     size: sectionproperties.favBtnIconfontsize
-  }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
-  })))))), sectionproperties.showcheckoutbtn == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))))), sectionproperties.showcheckoutbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 allcentered mt-3"
   }, /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "".concat(productinfo_cssstyles.checkoutbtn, " ") + " d-flex align-items-center justify-content-center ml-sm-auto mr-sm-auto mb-sm-2 ",
+    className: "".concat(productinfo_cssstyles.checkoutbtn, " ") + ' d-flex align-items-center justify-content-center ml-sm-auto mr-sm-auto mb-sm-2 ',
     onClick: function onClick() {
       var _fetchProductInfoQuer24, _fetchProductInfoQuer25;
-      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.serviceinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.scheduletype) == "days") {
+      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.serviceinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.scheduletype) == 'days') {
         if (addtocardpayloadobj.from.length != 0 && addtocardpayloadobj.to.length != 0 && addtocardpayloadobj.quantity != 0) {
           addtocartfunc();
           routingcountext(StaticPagesLinksContext.Checkout);
         }
-      } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.serviceinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.scheduletype) == "minutes") {
+      } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.serviceinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.scheduletype) == 'minutes') {
         if (addtocardpayloadobj.date.length != 0 && addtocardpayloadobj.time.length != 0) {
           addtocartfunc();
           routingcountext(StaticPagesLinksContext.Checkout);
@@ -8672,10 +8813,10 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
 };
 
 var Service_itemtype = function Service_itemtype(props) {
-  var _css, _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer0, _fetchProductInfoQuer1, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _sizeguideimage$;
+  var _css, _fetchProductInfoQuer, _fetchProductInfoQuer2, _authdetailsContext$i, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer0, _fetchProductInfoQuer1, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _sizeguideimage$;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
-  var srcfromprops = props.actions.srcfromprops;
+  props.actions.srcfromprops;
   var productinfo_cssstyles = props.actions.productinfo_cssstyles;
   var addtocartfunc = props.actions.addtocartfunc;
   var productimagesarray = props.actions.productimagesarray;
@@ -8695,11 +8836,11 @@ var Service_itemtype = function Service_itemtype(props) {
   var currentshowingimageindex = props.actions.currentshowingimageindex;
   var returnpolicyobj = props.actions.returnpolicyobj;
   var StoreInfoprops = props.actions.StoreInfoprops;
-  var _useState = React.useState(""),
+  var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     shareUrl = _useState2[0],
     setshareUrl = _useState2[1];
-  var _useState3 = React.useState(""),
+  var _useState3 = React.useState(''),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     title = _useState4[0],
     settitle = _useState4[1];
@@ -8715,21 +8856,21 @@ var Service_itemtype = function Service_itemtype(props) {
   React.useEffect(function () {
     var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
     if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
-      itemobj.titlelang = "en";
+      itemobj.titlelang = 'en';
     } else {
-      itemobj.titlelang = "ar";
+      itemobj.titlelang = 'ar';
     }
     if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.description_en)) {
-      itemobj.decriptionlang = "en";
+      itemobj.decriptionlang = 'en';
     } else {
-      itemobj.decriptionlang = "ar";
+      itemobj.decriptionlang = 'ar';
     }
     setitem(itemobj);
     settitle(fetchProductInfoQueryContext.data.data.productinfo.name_en);
-    setshareUrl("https://" + authdetailsContext.instinfo.instcred.instexternaldomain + "/productinform/" + fetchProductInfoQueryContext.data.data.productinfo.productid);
+    setshareUrl('https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinform/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
   }, [props.itemprops]);
   function stringIsEnglish(str) {
-    var titlelang = "English";
+    var titlelang = 'English';
     var arabic = /[\u0600-\u06FF]/;
     if (!arabic.test(str)) {
       titlelang = true;
@@ -8740,113 +8881,113 @@ var Service_itemtype = function Service_itemtype(props) {
   }
   var ProductName = function ProductName() {
     return /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + " m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer  font-sm-15 ",
+      className: props.actions.srcfromprops == 'templatedraftrouter' ? "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer  font-sm-15 ' : "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer  font-sm-15 ',
       onClick: function onClick() {
-        if (srcfromprops != "templatdraftrouter") {
+        if (props.actions.srcfromprops == 'templatedraftrouter') {
           routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
         }
       },
       style: {
-        textAlign: langdetect != "ar" ? "left" : "right"
+        textAlign: langdetect != 'ar' ? 'left' : 'right'
       }
-    }, langdetect != "ar" ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar);
+    }, langdetect != 'ar' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar);
   };
   var formstyles = {
     input_label_name: glamor.css({
       color: sectionproperties.form_labelcolor,
       textTransform: sectionproperties.form_labeltexttransform,
       fontWeight: sectionproperties.form_labelfontweight,
-      fontSize: sectionproperties.form_labelfontsize + "px",
-      marginBottom: sectionproperties.inputfieldbordertype == "All" ? 10 : 0
+      fontSize: sectionproperties.form_labelfontsize + 'px',
+      marginBottom: sectionproperties.inputfieldbordertype == 'All' ? 10 : 0
     }),
     form_control: glamor.css((_css = {
-      background: "transparent",
+      background: 'transparent',
       color: sectionproperties.inputfieldcolor,
-      fontSize: sectionproperties.inputfieldfontsize + "px",
-      position: "relative",
-      display: "flex",
-      alignItems: "center"
-    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", "block"), "width", "100%"), "padding", "0 10px"), "transition", ".3s"), "border", sectionproperties.inputfieldbordertype == "All" ? sectionproperties.inputfieldborderWidth + "px solid " + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + "px solid " + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + "px"), "height", sectionproperties.inputfieldheight + "px"), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_defineProperty__default["default"](_css, ":focus", {
+      fontSize: sectionproperties.inputfieldfontsize + 'px',
+      position: 'relative',
+      display: 'flex',
+      alignItems: 'center'
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_defineProperty__default["default"](_css, ':focus', {
       borderColor: sectionproperties.inputfeildbordercoloronfocus
-    }), ":focus .login_input_icon", {
+    }), ':focus .login_input_icon', {
       color: sectionproperties.inputfeildbordercoloronfocus
     }))),
     sizeguidebtn: glamor.css({
       color: sectionproperties.sizeguidebtncolor,
-      fontSize: sectionproperties.sizeguidebtnfontsize + "px",
-      transition: ".3s",
-      textDecoration: "underline",
-      ":hover": {
+      fontSize: sectionproperties.sizeguidebtnfontsize + 'px',
+      transition: '.3s',
+      textDecoration: 'underline',
+      ':hover': {
         color: sectionproperties.sizeguidebtncoloronhover,
         fontWeight: sectionproperties.sizeguidebtnfontweight
       }
     }),
     closemodalbtn: glamor.css({
       color: sectionproperties.sizeguidebtncolor,
-      transition: ".3s",
-      ":hover": {
+      transition: '.3s',
+      ':hover': {
         color: sectionproperties.sizeguidebtncoloronhover
       }
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": " col-lg-12 p-0 "
+    "class": ' col-lg-12 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(productinfo_cssstyles.cardcontainer) + " row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ",
+    "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
     style: {
-      minHeight: sectionproperties.height + "vh"
+      minHeight: sectionproperties.height + 'vh'
     }
-  }, sectionproperties.gallerystyle == "Style 2" && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.gallerystyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "w-100 scrollhorizontalwithscrollbar"
   }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productimages) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.productimages.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": " scrollhorizontalcard mx-2 ",
+      "class": ' scrollhorizontalcard mx-2 ',
       style: {
-        height: sectionproperties.image_height + "px",
-        width: sectionproperties.image_width + "px"
+        height: sectionproperties.image_height + 'px',
+        width: sectionproperties.image_width + 'px'
       }
     }, /*#__PURE__*/React__default["default"].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.path,
+      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.path,
       style: {
-        width: "100%",
-        height: "100%",
-        objectFit: "contain"
+        width: '100%',
+        height: '100%',
+        objectFit: 'contain'
       },
       loading: "lazy"
     }));
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: sectionproperties.showfooterphonenumber == "Hide" && sectionproperties.showfooteremail == "Hide" && sectionproperties.showstoreinfo2 == "Hide" && sectionproperties.showstoreinfo1 == "Hide" ? "col-lg-12 p-0" : langdetect != "ar" ? "col-lg-9 pl-0 mb-md-3 p-md-0" : "col-lg-9 pr-0 mb-md-3 p-md-0"
+    className: sectionproperties.showfooterphonenumber == 'Hide' && sectionproperties.showfooteremail == 'Hide' && sectionproperties.showstoreinfo2 == 'Hide' && sectionproperties.showstoreinfo1 == 'Hide' ? 'col-lg-12 p-0' : langdetect != 'ar' ? 'col-lg-9 pl-0 mb-md-3 p-md-0' : 'col-lg-9 pr-0 mb-md-3 p-md-0'
     // className={langdetect != 'ar' ? 'col-lg-9 pl-0 mb-md-3 p-md-0' : 'col-lg-9 pr-0 mb-md-3 p-md-0'}
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row m-0 w-100"
-  }, sectionproperties.gallerystyle == "Style 1" && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: sectionproperties.galleryNumberOfCols == 4 ? " col-xl-4 col-lg-4 col-md-12 col-sm-12 mb-md-3 pb-md-4 pl-1 pr-1 " : " col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-3 pb-md-4 pl-1 pr-1 "
+    className: 'row m-0 w-100'
+  }, sectionproperties.gallerystyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: sectionproperties.galleryNumberOfCols == 4 ? ' col-xl-4 col-lg-4 col-md-12 col-sm-12 mb-md-3 pb-md-4 pl-1 pr-1 ' : ' col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-3 pb-md-4 pl-1 pr-1 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 ",
     style: {
-      width: "100%",
-      height: "auto"
+      width: '100%',
+      height: 'auto'
     }
   }, productimagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement(ImageGallery__default["default"], {
     items: productimagesarray,
-    thumbnailPosition: sectionproperties.thumbnailposition == "Bottom" ? "bottom" : "left",
+    thumbnailPosition: sectionproperties.thumbnailposition == 'Bottom' ? 'bottom' : 'left',
     showNav: false,
     showPlayButton: false,
-    showFullscreenButton: sectionproperties.showgalleryfullscreenbtn == "Yes" ? true : false,
-    showThumbnails: sectionproperties.showthumbnail == "Hide" ? false : true,
+    showFullscreenButton: sectionproperties.showgalleryfullscreenbtn == 'Yes' ? true : false,
+    showThumbnails: sectionproperties.showthumbnail == 'Hide' ? false : true,
     startIndex: currentshowingimageindex
-  })), sectionproperties.showShareButton == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.thumbnailposition == "Bottom" ? "col-lg-12 d-flex justify-content-center flex-column align-items-center p-0 mt-5" : "col-lg-12 d-flex justify-content-center flex-column align-items-center p-0 mt-2"
+  })), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.thumbnailposition == 'Bottom' ? 'col-lg-12 d-flex justify-content-center flex-column align-items-center p-0 mt-5' : 'col-lg-12 d-flex justify-content-center flex-column align-items-center p-0 mt-2'
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
     style: {
       fontWeight: sectionproperties.sharebtn_FontWeight,
       color: sectionproperties.sharebtn_color,
-      fontSize: sectionproperties.sharebtn_fontSize + "px"
+      fontSize: sectionproperties.sharebtn_fontSize + 'px'
     }
-  }, langdetect != "ar" ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect != 'ar' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "Demo__container w-100 m-0 allcentered mt-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "Demo__some-network ml-2 mr-2"
@@ -8876,7 +9017,7 @@ var Service_itemtype = function Service_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement(reactShare.WhatsappIcon, {
     size: 40,
     round: true
-  }))), sectionproperties.showsharelinkedin == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), sectionproperties.showsharelinkedin == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "Demo__some-network ml-2 mr-2"
   }, /*#__PURE__*/React__default["default"].createElement(reactShare.LinkedinShareButton, {
     url: shareUrl,
@@ -8887,37 +9028,37 @@ var Service_itemtype = function Service_itemtype(props) {
     size: 40,
     round: true
   })))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: sectionproperties.gallerystyle == "Style 1" ? langdetect != "ar" ? sectionproperties.galleryNumberOfCols == 4 ? "col-xl-8 col-lg-8 col-md-12 col-sm-12 pl-4 pr-0 p-md-0" : "col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-4 pr-0 p-md-0" : sectionproperties.galleryNumberOfCols == 4 ? "col-xl-8 col-lg-8 col-md-12 col-sm-12 pl-0 pr-4 p-md-0" : "col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-0 pr-4 p-md-0" : "col-xl-12 col-lg-12 col-md-12 col-sm-12 pl-0 pr-4 p-md-0 mt-5"
+    className: sectionproperties.gallerystyle == 'Style 1' ? langdetect != 'ar' ? sectionproperties.galleryNumberOfCols == 4 ? 'col-xl-8 col-lg-8 col-md-12 col-sm-12 pl-4 pr-0 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-4 pr-0 p-md-0' : sectionproperties.galleryNumberOfCols == 4 ? 'col-xl-8 col-lg-8 col-md-12 col-sm-12 pl-0 pr-4 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-0 pr-4 p-md-0' : 'col-xl-12 col-lg-12 col-md-12 col-sm-12 pl-0 pr-4 p-md-0 mt-5'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-xl-8 col-lg-7 col-md-8 col-sm-12 p-0 mb-1 d-flex d-md-none justify-content-start align-items-center"
+    className: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instid) == '68e4efe8cb18e' ? 'col-12 col-sm-12 p-0 mb-1 d-flex d-md-none justify-content-start align-items-center' : 'col-xl-8 col-lg-7 col-md-8 col-sm-12 p-0 mb-1 d-flex d-md-none justify-content-start align-items-center'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.vendorinfo) != null && sectionproperties.showvendor == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.vendorinfo) != null && sectionproperties.showvendor == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
     style: {
-      color: "#000"
+      color: '#000'
     }
-  }, sectionproperties["vendortitle".concat(langdetect)] || sectionproperties.vendortitleen, ":", " ", /*#__PURE__*/React__default["default"].createElement("span", {
+  }, sectionproperties["vendortitle".concat(langdetect)] || sectionproperties.vendortitleen, ":", ' ', /*#__PURE__*/React__default["default"].createElement("span", {
     style: {
       fontWeight: 600
     }
   }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.vendorinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.vendorname))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 d-flex justify-content-start"
-  }, ProductName()), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.productcanrate) == 1 && sectionproperties.showrating == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 d-flex justify-content-start"
+    "class": (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.productcanrate) == 1 && sectionproperties.showrating == 'Show' ? 'col-9 p-0 d-flex justify-content-start' : 'col-lg-12 p-0 d-flex justify-content-start'
+  }, ProductName()), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.productcanrate) == 1 && sectionproperties.showrating == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-3 p-0 d-flex justify-content-end"
   }, /*#__PURE__*/React__default["default"].createElement(ReactStars__default["default"], {
     count: 5,
-    value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.productoverallrate,
+    value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.productoverallrate,
     edit: false,
     size: 18,
     emptyIcon: /*#__PURE__*/React__default["default"].createElement("i", {
       className: "far fa-star",
       style: {
-        color: "#FAB400"
+        color: '#FAB400'
       }
     }),
     halfIcon: /*#__PURE__*/React__default["default"].createElement("i", {
@@ -8926,117 +9067,117 @@ var Service_itemtype = function Service_itemtype(props) {
     filledIcon: /*#__PURE__*/React__default["default"].createElement("i", {
       className: "fa fa-star",
       style: {
-        color: "#FAB400"
+        color: '#FAB400'
       }
     }),
     activeColor: "#ffd700"
   })))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-xl-4 col-lg-5 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end justify-content-md-start align-items-center"
-  }, sectionproperties.availabilitybtnposition == "Top" && sectionproperties.show_availability == "Show" && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "d-flex justify-content-center align-items-center ml-2 mr-2 m-md-0",
     style: {
-      minWidth: sectionproperties.availability_width + "px",
-      height: sectionproperties.availability_height + "px",
-      background: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == "nolimit" ? sectionproperties.availability_availablebgcolor : sectionproperties.availability_limitedbgcolor,
-      borderRadius: sectionproperties.availability_borderrradius + "px",
-      border: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == "nolimit" ? sectionproperties.availability_borderwidtth + "px solid " + sectionproperties.availability_availabletextcolor : sectionproperties.availability_borderwidtth + "px solid " + sectionproperties.availability_limitedtextcolor
+      minWidth: sectionproperties.availability_width + 'px',
+      height: sectionproperties.availability_height + 'px',
+      background: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_availablebgcolor : sectionproperties.availability_limitedbgcolor,
+      borderRadius: sectionproperties.availability_borderrradius + 'px',
+      border: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_borderwidtth + 'px solid ' + sectionproperties.availability_availabletextcolor : sectionproperties.availability_borderwidtth + 'px solid ' + sectionproperties.availability_limitedtextcolor
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 font-weight-500 wordbreak",
     style: {
-      color: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == "nolimit" ? sectionproperties.availability_availabletextcolor : sectionproperties.availability_limitedtextcolor,
-      fontSize: sectionproperties.availability_fontsize + "px"
+      color: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_availabletextcolor : sectionproperties.availability_limitedtextcolor,
+      fontSize: sectionproperties.availability_fontsize + 'px'
     }
-  }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == "nolimit" ? lang.available : lang.limitedquantity)), sectionproperties.btnposition == "Top" && sectionproperties.favBtnShow == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: productinfo_cssstyles.wishlist_btn + " d-flex d-md-none justify-content-center align-items-center ml-2 mr-2 ",
+  }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)), sectionproperties.btnposition == 'Top' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: productinfo_cssstyles.wishlist_btn + ' d-flex d-md-none justify-content-center align-items-center ml-2 mr-2 ',
     onClick: function onClick() {
       addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
     },
     style: {
-      background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ""
+      background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ''
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: "h-100 d-flex align-items-center justify-content-center"
   }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
     className: "h-100 d-flex align-items-center justify-content-center"
-  }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React__default["default"].createElement(AiFillStar, {
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar, {
     size: sectionproperties.favBtnIconfontsize,
     style: {
       color: sectionproperties.activefaviconcolor
     }
-  }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React__default["default"].createElement(FaHeart, {
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart, {
     size: sectionproperties.favBtnIconfontsize,
     style: {
       color: sectionproperties.activefaviconcolor
     }
   })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
     className: "h-100 d-flex align-items-center justify-content-center"
-  }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
     size: sectionproperties.favBtnIconfontsize
-  }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
   }))))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-8 col-md-8 col-sm-12 p-0 mb-1 d-none d-sm-flex justify-content-start align-items-center"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.vendorinfo) != null && sectionproperties.showvendor == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.vendorinfo) != null && sectionproperties.showvendor == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
     style: {
-      color: "#000"
+      color: '#000'
     }
-  }, sectionproperties["vendortitle".concat(langdetect)] || sectionproperties.vendortitleen, ":", " ", /*#__PURE__*/React__default["default"].createElement("span", {
+  }, sectionproperties["vendortitle".concat(langdetect)] || sectionproperties.vendortitleen, ":", ' ', /*#__PURE__*/React__default["default"].createElement("span", {
     style: {
       fontWeight: 600
     }
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.vendorinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.vendorname))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer0 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.data) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.productinfo) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.vendorinfo) === null || _fetchProductInfoQuer0 === void 0 ? void 0 : _fetchProductInfoQuer0.vendorname))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer0 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.data) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.productinfo) === null || _fetchProductInfoQuer0 === void 0 ? void 0 : _fetchProductInfoQuer0.productcanrate) == 1 ? "col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center" : sectionproperties.btnposition == "Top" ? "col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center" : sectionproperties.availabilitybtnposition == "Top" && sectionproperties.show_availability == "Show" ? "col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center" : "col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center"
+    className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer1 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer1 === void 0 || (_fetchProductInfoQuer1 = _fetchProductInfoQuer1.data) === null || _fetchProductInfoQuer1 === void 0 || (_fetchProductInfoQuer1 = _fetchProductInfoQuer1.productinfo) === null || _fetchProductInfoQuer1 === void 0 ? void 0 : _fetchProductInfoQuer1.productcanrate) == 1 ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.btnposition == 'Top' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
   }, ProductName()), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
-  }, sectionproperties.btnposition == "Top" && sectionproperties.favBtnShow == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: productinfo_cssstyles.wishlist_btn + " d-flex justify-content-center align-items-center ml-2 mr-2 ",
+  }, sectionproperties.btnposition == 'Top' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center ml-2 mr-2 ',
     onClick: function onClick() {
       addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
     },
     style: {
-      background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ""
+      background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ''
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: "h-100 d-flex align-items-center justify-content-center"
   }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
     className: "h-100 d-flex align-items-center justify-content-center"
-  }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React__default["default"].createElement(AiFillStar, {
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar, {
     size: sectionproperties.favBtnIconfontsize,
     style: {
       color: sectionproperties.activefaviconcolor
     }
-  }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React__default["default"].createElement(FaHeart, {
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart, {
     size: sectionproperties.favBtnIconfontsize,
     style: {
       color: sectionproperties.activefaviconcolor
     }
   })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
     className: "h-100 d-flex align-items-center justify-content-center"
-  }, sectionproperties.faviconshape == "Star Shape" && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
     size: sectionproperties.favBtnIconfontsize
-  }), sectionproperties.faviconshape == "Heart Shape" && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
-  }))))))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer1 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer1 === void 0 || (_fetchProductInfoQuer1 = _fetchProductInfoQuer1.data) === null || _fetchProductInfoQuer1 === void 0 || (_fetchProductInfoQuer1 = _fetchProductInfoQuer1.productinfo) === null || _fetchProductInfoQuer1 === void 0 ? void 0 : _fetchProductInfoQuer1.productcanrate) == 1 && sectionproperties.showrating == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))))))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.productcanrate) == 1 && sectionproperties.showrating == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start"
   }, /*#__PURE__*/React__default["default"].createElement(ReactStars__default["default"], {
     count: 5,
-    value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.productoverallrate,
+    value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.productoverallrate,
     edit: false,
     size: 18,
     emptyIcon: /*#__PURE__*/React__default["default"].createElement("i", {
       className: "far fa-star",
       style: {
-        color: "#FAB400"
+        color: '#FAB400'
       }
     }),
     halfIcon: /*#__PURE__*/React__default["default"].createElement("i", {
@@ -9045,32 +9186,32 @@ var Service_itemtype = function Service_itemtype(props) {
     filledIcon: /*#__PURE__*/React__default["default"].createElement("i", {
       className: "fa fa-star",
       style: {
-        color: "#FAB400"
+        color: '#FAB400'
       }
     }),
     activeColor: "#ffd700"
-  })))), sectionproperties.showSKU == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.deliverytimeshow == "Show" && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.deliverydatetext) != null ? "col-lg-12 p-0 mb-2 d-flex justify-content-start" : "col-lg-12 p-0 mb-3 d-flex justify-content-start"
+  })))), sectionproperties.showSKU == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.deliverydatetext) != null ? 'col-lg-12 p-0 mb-2 d-flex justify-content-start' : 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 d-flex justify-content-start"
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     style: {
       color: sectionproperties.skuColor,
       fontWeight: sectionproperties.skuFontWeight,
-      fontSize: sectionproperties.skuFontSize + "px",
-      textAlign: langdetect != "ar" ? "left" : "right"
+      fontSize: sectionproperties.skuFontSize + 'px',
+      textAlign: langdetect != 'ar' ? 'left' : 'right'
     }
-  }, langdetect != "ar" ? sectionproperties.skutitleEn : sectionproperties.skutitleAr, ":", " "), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, langdetect != 'ar' ? sectionproperties.skutitleEn : sectionproperties.skutitleAr, ":", ' '), /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "ml-1 mr-1",
     style: {
-      color: "#7e859b",
+      color: '#7e859b',
       fontWeight: sectionproperties.skuSecondaryFontWeight,
-      fontSize: sectionproperties.skuFontSize + "px",
-      textAlign: langdetect != "ar" ? "left" : "right"
+      fontSize: sectionproperties.skuFontSize + 'px',
+      textAlign: langdetect != 'ar' ? 'left' : 'right'
     }
   }, fetchProductInfoQueryContext.data.data.productinfo.sku))), /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
     actions: props.actions
-  }), sectionproperties.descriptionstyle == "Style 1" && sectionproperties.descriptionposition == "Top" && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), sectionproperties.descriptionstyle == 'Style 1' && sectionproperties.descriptionposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 p-md-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
@@ -9079,32 +9220,32 @@ var Service_itemtype = function Service_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
     style: {
-      textAlign: langdetect != "ar" ? "left" : "right",
+      textAlign: langdetect != 'ar' ? 'left' : 'right',
       fontWeight: sectionproperties.prodCatFontWeight,
       color: sectionproperties.prodCatColor,
-      fontSize: sectionproperties.prodCatFontSize + "px"
+      fontSize: sectionproperties.prodCatFontSize + 'px'
     }
   }, sectionproperties["descriptionContent".concat(langdetect.charAt(0).toUpperCase() + langdetect.slice(1))] || sectionproperties.descriptionContentEn))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 mt-3"
   }, /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
     actions: props.actions,
-    srcfromprops: "service"
-  }))), sectionproperties.deliverytimeshow == "Show" && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.deliverydatetext) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.gallerystyle == "Style 2" ? "mb-4 col-lg-6 d-flex flex-row flex-sm-column allcentered" : "mb-4 col-lg-12 d-flex flex-row flex-sm-column allcentered",
+    srcfromprops: 'service'
+  }))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.deliverydatetext) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.gallerystyle == 'Style 2' ? 'mb-4 col-lg-6 d-flex flex-row flex-sm-column allcentered' : 'mb-4 col-lg-12 d-flex flex-row flex-sm-column allcentered',
     style: {
-      width: "100%",
+      width: '100%',
       backgroundColor: sectionproperties.deliverytimecontainerBg,
-      paddingLeft: sectionproperties.deliverytimecontainerpaddinghorizontal + "px",
-      paddingRight: sectionproperties.deliverytimecontainerpaddinghorizontal + "px",
-      paddingTop: sectionproperties.deliverytimecontainerpaddingvertical + "px",
-      paddingBottom: sectionproperties.deliverytimecontainerpaddingvertical + "px",
-      border: sectionproperties.deliverytimecontainerborderwidth + "px solid " + sectionproperties.deliverytimecontainerbordercolor,
-      borderRadius: sectionproperties.deliverytimecontainerborderradius + "px",
-      fontSize: sectionproperties.deliverytimecontainerfontsize + "px",
+      paddingLeft: sectionproperties.deliverytimecontainerpaddinghorizontal + 'px',
+      paddingRight: sectionproperties.deliverytimecontainerpaddinghorizontal + 'px',
+      paddingTop: sectionproperties.deliverytimecontainerpaddingvertical + 'px',
+      paddingBottom: sectionproperties.deliverytimecontainerpaddingvertical + 'px',
+      border: sectionproperties.deliverytimecontainerborderwidth + 'px solid ' + sectionproperties.deliverytimecontainerbordercolor,
+      borderRadius: sectionproperties.deliverytimecontainerborderradius + 'px',
+      fontSize: sectionproperties.deliverytimecontainerfontsize + 'px',
       fontWeight: sectionproperties.deliverytimecontainerfontWeight,
       marginTop: 15
     }
-  }, sectionproperties.showdeliverytitle == "Show" && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, sectionproperties.showdeliverytitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 ",
     style: {
       // textAlign: langdetect != 'ar' ? 'left' : 'right',
@@ -9115,11 +9256,11 @@ var Service_itemtype = function Service_itemtype(props) {
       // textAlign: langdetect != 'ar' ? 'left' : 'right',
       color: sectionproperties.deliverytimecontainercolor
     }
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.deliverydatetext)), sectionproperties.showfeatures == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.deliverydatetext)), sectionproperties.showfeatures == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 text-start p-md-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100"
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productfeatures) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.map(function (fitem, findex) {
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productfeatures) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.map(function (fitem, findex) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-4 col-md-12 p-0 mb-3 mt-2"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -9128,17 +9269,17 @@ var Service_itemtype = function Service_itemtype(props) {
       "class": "col-lg-12 text-start mb-3 text-uppercase p-0"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       style: {
-        width: "20px"
+        width: '20px'
       },
-      "class": langdetect != "ar" ? "mr-2" : "ml-2"
+      "class": langdetect != 'ar' ? 'mr-2' : 'ml-2'
     }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
       path: fitem === null || fitem === void 0 ? void 0 : fitem.feature_image_url,
       loading: "lazy",
       style: {
-        maxWidth: "100%",
-        maxHeight: "100%"
+        maxWidth: '100%',
+        maxHeight: '100%'
       }
     })), /*#__PURE__*/React__default["default"].createElement("p", {
       "class": "m-0 p-0",
@@ -9157,7 +9298,7 @@ var Service_itemtype = function Service_itemtype(props) {
         fontSize: sectionproperties.featurevaluefontsize
       }
     }, fitem["value_".concat(langdetect)] || (fitem === null || fitem === void 0 ? void 0 : fitem.value_en)))));
-  }))), sectionproperties.descriptionstyle == "Style 2" && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), sectionproperties.descriptionstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 p-md-0 mt-3"
   }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
     allowMultipleExpanded: true,
@@ -9169,23 +9310,23 @@ var Service_itemtype = function Service_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
     style: {
-      textAlign: langdetect != "ar" ? "left" : "right",
+      textAlign: langdetect != 'ar' ? 'left' : 'right',
       fontWeight: sectionproperties.prodCatFontWeight,
       color: sectionproperties.prodCatColor,
-      fontSize: sectionproperties.prodCatFontSize + "px"
+      fontSize: sectionproperties.prodCatFontSize + 'px'
     }
   }, sectionproperties["descriptionContent".concat(langdetect.charAt(0).toUpperCase() + langdetect.slice(1))] || sectionproperties.descriptionContentEn)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-2 col-md-2 col-sm-2 p-0"
   }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
     if (state.expanded == true) {
       return /*#__PURE__*/React__default["default"].createElement("i", {
-        className: " h-100 d-flex align-items-center justify-content-end   "
+        className: ' h-100 d-flex align-items-center justify-content-end   '
       }, /*#__PURE__*/React__default["default"].createElement(FaMinus.FaMinus, {
         color: sectionproperties.prodCatColor
       }));
     } else {
       return /*#__PURE__*/React__default["default"].createElement("i", {
-        className: " h-100 d-flex align-items-center justify-content-end   "
+        className: ' h-100 d-flex align-items-center justify-content-end   '
       }, /*#__PURE__*/React__default["default"].createElement(FaPlus.FaPlus, {
         color: sectionproperties.prodCatColor
       }));
@@ -9196,12 +9337,12 @@ var Service_itemtype = function Service_itemtype(props) {
     "class": "col-lg-12 p-0 mt-3"
   }, /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
     actions: props.actions,
-    srcfromprops: "service"
-  })))))), sectionproperties.descriptionstyle == "Style 2" && /*#__PURE__*/React__default["default"].createElement("div", {
+    srcfromprops: 'service'
+  })))))), sectionproperties.descriptionstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 my-3 p-md-0"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
     "class": "m-0"
-  })), sectionproperties.descriptionstyle == "Style 2" && sectionproperties.showshortdescription == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), sectionproperties.descriptionstyle == 'Style 2' && sectionproperties.showshortdescription == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 p-md-0"
   }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
     allowMultipleExpanded: true,
@@ -9213,23 +9354,23 @@ var Service_itemtype = function Service_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
     style: {
-      textAlign: langdetect != "ar" ? "left" : "right",
+      textAlign: langdetect != 'ar' ? 'left' : 'right',
       fontWeight: sectionproperties.prodCatFontWeight,
       color: sectionproperties.prodCatColor,
-      fontSize: sectionproperties.prodCatFontSize + "px"
+      fontSize: sectionproperties.prodCatFontSize + 'px'
     }
-  }, langdetect != "ar" ? sectionproperties.shortdescriptiontitle_en : sectionproperties.shortdescriptiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect != 'ar' ? sectionproperties.shortdescriptiontitle_en : sectionproperties.shortdescriptiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-2 col-md-2 col-sm-2 p-0"
   }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
     if (state.expanded == true) {
       return /*#__PURE__*/React__default["default"].createElement("i", {
-        className: " h-100 d-flex align-items-center justify-content-end   "
+        className: ' h-100 d-flex align-items-center justify-content-end   '
       }, /*#__PURE__*/React__default["default"].createElement(FaMinus.FaMinus, {
         color: sectionproperties.prodCatColor
       }));
     } else {
       return /*#__PURE__*/React__default["default"].createElement("i", {
-        className: " h-100 d-flex align-items-center justify-content-end   "
+        className: ' h-100 d-flex align-items-center justify-content-end   '
       }, /*#__PURE__*/React__default["default"].createElement(FaPlus.FaPlus, {
         color: sectionproperties.prodCatColor
       }));
@@ -9239,19 +9380,19 @@ var Service_itemtype = function Service_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 mt-3"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "m-0 p-0 wordbreak",
+    className: 'm-0 p-0 wordbreak',
     style: {
-      textAlign: langdetect != "ar" ? "left" : "right",
+      textAlign: langdetect != 'ar' ? 'left' : 'right',
       color: sectionproperties.prodCatColor
     },
     dangerouslySetInnerHTML: {
-      __html: langdetect != "ar" ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.short_description_ar
+      __html: langdetect != 'ar' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.short_description_ar
     }
-  })))))), sectionproperties.descriptionstyle == "Style 2" && sectionproperties.showshortdescription == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))))), sectionproperties.descriptionstyle == 'Style 2' && sectionproperties.showshortdescription == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 my-3 p-md-0"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
     "class": "m-0"
-  })), sectionproperties.descriptionstyle == "Style 2" && sectionproperties.showfirstpolicy == "Show" && sectionproperties.showsecondpolicy == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), sectionproperties.descriptionstyle == 'Style 2' && sectionproperties.showfirstpolicy == 'Show' && sectionproperties.showsecondpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 p-md-0"
   }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
     allowMultipleExpanded: true,
@@ -9263,30 +9404,30 @@ var Service_itemtype = function Service_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 ",
     style: {
-      textAlign: langdetect != "ar" ? "left" : "right",
+      textAlign: langdetect != 'ar' ? 'left' : 'right',
       fontWeight: sectionproperties.prodCatFontWeight,
       color: sectionproperties.prodCatColor,
-      fontSize: sectionproperties.prodCatFontSize + "px"
+      fontSize: sectionproperties.prodCatFontSize + 'px'
     }
   }, sectionproperties["policiestitle".concat(langdetect)] || sectionproperties.policiestitleen)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-2 col-md-2 col-sm-2 p-0"
   }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
     if (state.expanded == true) {
       return /*#__PURE__*/React__default["default"].createElement("i", {
-        className: " h-100 d-flex align-items-center justify-content-end   "
+        className: ' h-100 d-flex align-items-center justify-content-end   '
       }, /*#__PURE__*/React__default["default"].createElement(FaMinus.FaMinus, {
         color: sectionproperties.prodCatColor
       }));
     } else {
       return /*#__PURE__*/React__default["default"].createElement("i", {
-        className: " h-100 d-flex align-items-center justify-content-end   "
+        className: ' h-100 d-flex align-items-center justify-content-end   '
       }, /*#__PURE__*/React__default["default"].createElement(FaPlus.FaPlus, {
         color: sectionproperties.prodCatColor
       }));
     }
   }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
     className: "p-0"
-  }, sectionproperties.showfirstpolicy == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.showfirstpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 mb-3 d-flex flex-row text-start align-items-center mt-3"
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": "h-100 allcentered mx-2"
@@ -9298,31 +9439,31 @@ var Service_itemtype = function Service_itemtype(props) {
   })), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 text-uppercase",
     style: {
-      textAlign: langdetect != "ar" ? "left" : "right",
+      textAlign: langdetect != 'ar' ? 'left' : 'right',
       fontWeight: sectionproperties.prodCatFontWeight,
       color: sectionproperties.prodCatColor,
-      fontSize: "14px"
+      fontSize: '14px'
     }
-  }, returnpolicyobj("Shipping Policy")["policypagename_".concat(langdetect)] || ((_returnpolicyobj = returnpolicyobj("Shipping Policy")) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en))), sectionproperties.showfirstpolicy == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, returnpolicyobj('Shipping Policy')["policypagename_".concat(langdetect)] || ((_returnpolicyobj = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en))), sectionproperties.showfirstpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 mb-4 px-4"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: " m-0 p-0 wordbreak ",
+    className: ' m-0 p-0 wordbreak ',
     style: {
-      textAlign: langdetect != "ar" ? "left" : "right",
+      textAlign: langdetect != 'ar' ? 'left' : 'right',
       fontWeight: sectionproperties.prodCatFontWeight,
       color: sectionproperties.prodCatColor,
-      fontSize: "15px"
+      fontSize: '15px'
     },
     dangerouslySetInnerHTML: {
-      __html: langdetect != "ar" ? (_returnpolicyobj2 = returnpolicyobj("Shipping Policy")) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policysummary_en : (_returnpolicyobj3 = returnpolicyobj("Shipping Policy")) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policysummary_ar
+      __html: langdetect != 'ar' ? (_returnpolicyobj2 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policysummary_en : (_returnpolicyobj3 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policysummary_ar
     }
-  })), sectionproperties.showfirstpolicy == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), sectionproperties.showfirstpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 mb-4 px-4"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: " m-0 p-0 wordbreak cursor-pointer ",
+    className: ' m-0 p-0 wordbreak cursor-pointer ',
     style: {
-      textAlign: langdetect != "ar" ? "left" : "right",
-      textDecoration: "underline",
+      textAlign: langdetect != 'ar' ? 'left' : 'right',
+      textDecoration: 'underline',
       color: sectionproperties.prodCatColor
     },
     onClick: function onClick() {
@@ -9340,41 +9481,41 @@ var Service_itemtype = function Service_itemtype(props) {
   })), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 text-uppercase",
     style: {
-      textAlign: langdetect != "ar" ? "left" : "right",
+      textAlign: langdetect != 'ar' ? 'left' : 'right',
       fontWeight: sectionproperties.prodCatFontWeight,
       color: sectionproperties.prodCatColor,
-      fontSize: "14px"
+      fontSize: '14px'
     }
-  }, langdetect != "ar" ? (_returnpolicyobj4 = returnpolicyobj("Refund Policy")) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policypagename_en : (_returnpolicyobj5 = returnpolicyobj("Refund Policy")) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policypagename_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect != 'ar' ? (_returnpolicyobj4 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policypagename_en : (_returnpolicyobj5 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policypagename_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 mb-4 px-4"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: " m-0 p-0 wordbreak ",
+    className: ' m-0 p-0 wordbreak ',
     style: {
-      textAlign: langdetect != "ar" ? "left" : "right",
+      textAlign: langdetect != 'ar' ? 'left' : 'right',
       fontWeight: sectionproperties.prodCatFontWeight,
       color: sectionproperties.prodCatColor,
-      fontSize: "15px"
+      fontSize: '15px'
     },
     dangerouslySetInnerHTML: {
-      __html: returnpolicyobj("Refund Policy")["policysummary_".concat(langdetect)] || ((_returnpolicyobj6 = returnpolicyobj("Refund Policy")) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policysummary_en)
+      __html: returnpolicyobj('Refund Policy')["policysummary_".concat(langdetect)] || ((_returnpolicyobj6 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policysummary_en)
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 mb-4 px-4"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: " m-0 p-0 wordbreak cursor-pointer ",
+    className: ' m-0 p-0 wordbreak cursor-pointer ',
     style: {
-      textAlign: langdetect != "ar" ? "left" : "right",
-      textDecoration: "underline",
+      textAlign: langdetect != 'ar' ? 'left' : 'right',
+      textDecoration: 'underline',
       color: sectionproperties.prodCatColor
     },
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.RefundPolicy);
     }
-  }, langdetect != "ar" ? "SEE MORE" : "عرض المزيد")))))), sectionproperties.descriptionstyle == "Style 2" && sectionproperties.showfirstpolicy == "Show" && sectionproperties.showsecondpolicy == "Show" && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect != 'ar' ? 'SEE MORE' : 'عرض المزيد')))))), sectionproperties.descriptionstyle == 'Style 2' && sectionproperties.showfirstpolicy == 'Show' && sectionproperties.showsecondpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 my-3 p-md-0"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
     "class": "m-0"
-  })), sectionproperties.descriptionstyle == "Style 2" && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), sectionproperties.descriptionstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 p-md-0 mb-5"
   }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
     allowMultipleExpanded: true,
@@ -9389,23 +9530,23 @@ var Service_itemtype = function Service_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
     style: {
-      textAlign: langdetect != "ar" ? "left" : "right",
+      textAlign: langdetect != 'ar' ? 'left' : 'right',
       fontWeight: sectionproperties.prodCatFontWeight,
       color: sectionproperties.prodCatColor,
-      fontSize: sectionproperties.prodCatFontSize + "px"
+      fontSize: sectionproperties.prodCatFontSize + 'px'
     }
-  }, langdetect != "ar" ? sectionproperties.reservationtitle_en : sectionproperties.reservationtitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect != 'ar' ? sectionproperties.reservationtitle_en : sectionproperties.reservationtitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-2 col-md-2 col-sm-2 p-0"
   }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
     if (state.expanded == true) {
       return /*#__PURE__*/React__default["default"].createElement("i", {
-        className: " h-100 d-flex align-items-center justify-content-end   "
+        className: ' h-100 d-flex align-items-center justify-content-end   '
       }, /*#__PURE__*/React__default["default"].createElement(FaMinus.FaMinus, {
         color: sectionproperties.prodCatColor
       }));
     } else {
       return /*#__PURE__*/React__default["default"].createElement("i", {
-        className: " h-100 d-flex align-items-center justify-content-end   "
+        className: ' h-100 d-flex align-items-center justify-content-end   '
       }, /*#__PURE__*/React__default["default"].createElement(FaPlus.FaPlus, {
         color: sectionproperties.prodCatColor
       }));
@@ -9416,17 +9557,19 @@ var Service_itemtype = function Service_itemtype(props) {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 text-end"
-  }, sectionproperties.showsizeguidebtn == "Show" && sizeguideimage.length != 0 && sectionproperties.sizeguideposition == "Besides Variants" && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && sectionproperties.sizeguideposition == 'Besides Variants' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-12 text-end"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": formstyles.sizeguidebtn + " m-0 p-0 cursor-pointer mb-auto ",
+    "class": formstyles.sizeguidebtn + ' m-0 p-0 cursor-pointer mb-auto ',
     onClick: function onClick() {
       setopensizeguidemodal(true);
     }
-  }, sectionproperties["sizeguidecontent".concat(langdetect === "en" ? "english" : langdetect === "ar" ? "arabic" : langdetect === "fr" ? "french" : langdetect === "es" ? "spanish" : langdetect === "chin" ? "chinese" : langdetect === "rus" ? "russian" : "english")] || sectionproperties.sizeguidecontentenglish))), /*#__PURE__*/React__default["default"].createElement(Variantoptions, {
+  }, sectionproperties["sizeguidecontent".concat(langdetect === 'en' ? 'english' : langdetect === 'ar' ? 'arabic' : langdetect === 'fr' ? 'french' : langdetect === 'es' ? 'spanish' : langdetect === 'chin' ? 'chinese' : langdetect === 'rus' ? 'russian' : 'english')] || sectionproperties.sizeguidecontentenglish))), /*#__PURE__*/React__default["default"].createElement(Variantoptions, {
     actions: props.actions
   }), /*#__PURE__*/React__default["default"].createElement(ProductExtras, {
-    actions: props.actions
+    actions: props.actions,
+    srcfromprops: 'servicestyle2',
+    addtocartfunc: addtocartfunc
   }), /*#__PURE__*/React__default["default"].createElement(Serviceinfotabs, {
     actions: {
       fetchProductInfoQueryContext: fetchProductInfoQueryContext,
@@ -9446,35 +9589,37 @@ var Service_itemtype = function Service_itemtype(props) {
       StaticPagesLinksContext: StaticPagesLinksContext,
       addtofavoritescontext: addtofavoritescontext
     }
-  })))))), sectionproperties.descriptionstyle != "Style 2" && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))))), sectionproperties.descriptionstyle != 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex align-items-center justify-content-start p-0 flex-column"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 mb-2 w-100",
     style: {
-      fontSize: "15px",
+      fontSize: '15px',
       color: sectionproperties.tabtextactivecolor,
       fontWeight: sectionproperties.tabtextfontweight,
       background: sectionproperties.tabcontainerbgcolor,
       textTransform: sectionproperties.tabtexttexttransform,
-      borderRadius: sectionproperties.tabcontainerborderradius + "px",
-      fontFamily: "Poppins",
-      transition: ".3s",
-      textAlign: langdetect != "ar" ? "left" : "right"
+      borderRadius: sectionproperties.tabcontainerborderradius + 'px',
+      fontFamily: 'Poppins',
+      transition: '.3s',
+      textAlign: langdetect != 'ar' ? 'left' : 'right'
     }
-  }, langdetect != "ar" ? sectionproperties.reservationtitle_en : sectionproperties.reservationtitle_ar), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect != 'ar' ? sectionproperties.reservationtitle_en : sectionproperties.reservationtitle_ar), /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       height: 1,
-      width: "100%",
-      background: "#eee"
+      width: '100%',
+      background: '#eee'
     },
-    "class": langdetect != "ar" ? productinfo_cssstyles.before + " before " : productinfo_cssstyles.before + " beforear "
-  })), sectionproperties.descriptionstyle != "Style 2" && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": langdetect != 'ar' ? productinfo_cssstyles.before + ' before ' : productinfo_cssstyles.before + ' beforear '
+  })), sectionproperties.descriptionstyle != 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement(Variantoptions, {
     actions: props.actions,
-    srcprops: "reservation"
+    srcprops: 'reservation'
   }), /*#__PURE__*/React__default["default"].createElement(ProductExtras, {
-    actions: props.actions
+    actions: props.actions,
+    srcfromprops: 'servicestyle2',
+    addtocartfunc: addtocartfunc
   }), /*#__PURE__*/React__default["default"].createElement(Serviceinfotabs, {
     actions: {
       fetchProductInfoQueryContext: fetchProductInfoQueryContext,
@@ -9495,20 +9640,20 @@ var Service_itemtype = function Service_itemtype(props) {
       addtofavoritescontext: addtofavoritescontext
     }
   })))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: langdetect != "ar" ? "col-lg-3 pr-0 border-md-none p-md-0 pt-4 pl-md-0 pr-md-0" : "col-lg-3 pl-0 border-md-none md-0 pt-4 pl-md-0 pr-md-0"
+    className: langdetect != 'ar' ? 'col-lg-3 pr-0 border-md-none p-md-0 pt-4 pl-md-0 pr-md-0' : 'col-lg-3 pl-0 border-md-none md-0 pt-4 pl-md-0 pr-md-0'
     // className={langdetect != 'ar' ? 'col-lg-3 pr-0 border-md-none p-md-0' : 'col-lg-3 pl-0 border-md-none p-md-0'}
     ,
     style: {
-      borderLeft: langdetect != "ar" ? "1px solid #eee" : 0,
-      borderRight: langdetect == "ar" ? "1px solid #eee" : 0,
-      paddingTop: sectionproperties.showpricinglist == "Show" ? ".5rem" : "1.5rem",
-      display: sectionproperties.showfooterphonenumber == "Hide" && sectionproperties.showfooteremail == "Hide" && sectionproperties.showstoreinfo2 == "Hide" && sectionproperties.showstoreinfo1 == "Hide" ? "none" : "block"
+      borderLeft: langdetect != 'ar' ? '1px solid #eee' : 0,
+      borderRight: langdetect == 'ar' ? '1px solid #eee' : 0,
+      paddingTop: sectionproperties.showpricinglist == 'Show' ? '.5rem' : '1.5rem',
+      display: sectionproperties.showfooterphonenumber == 'Hide' && sectionproperties.showfooteremail == 'Hide' && sectionproperties.showstoreinfo2 == 'Hide' && sectionproperties.showstoreinfo1 == 'Hide' ? 'none' : 'block'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100",
     style: {
-      paddingLeft: langdetect != "ar" ? ".5em" : 0,
-      paddingRight: langdetect == "ar" ? ".5rem" : 0
+      paddingLeft: langdetect != 'ar' ? '.5em' : 0,
+      paddingRight: langdetect == 'ar' ? '.5rem' : 0
     }
   }, StoreInfoprops()))), sizeguideimage.length != 0 && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
     show: opensizeguidemodal,
@@ -9516,35 +9661,35 @@ var Service_itemtype = function Service_itemtype(props) {
       setopensizeguidemodal(false);
     },
     centered: true,
-    size: "lg"
+    size: 'lg'
   }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "allcentered cursor-pointer",
     onClick: function onClick() {
       setopensizeguidemodal(false);
     },
     style: {
-      position: "absolute",
+      position: 'absolute',
       top: 10,
       width: 35,
       height: 35,
       right: 10
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": " h-100 allcentered text-black "
+    "class": ' h-100 allcentered text-black '
   }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
     size: 25,
     "class": formstyles.closemodalbtn
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": " w-100 h-100 px-4 py-5 ",
+    "class": ' w-100 h-100 px-4 py-5 ',
     style: {}
   }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
     publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
     path: (_sizeguideimage$ = sizeguideimage[0]) === null || _sizeguideimage$ === void 0 ? void 0 : _sizeguideimage$.original,
     style: {
-      width: "100%",
-      height: "100%",
-      objectFit: "contain"
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain'
     },
     loading: "lazy"
   }))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
@@ -9756,7 +9901,7 @@ var Article_itemtype = function Article_itemtype(props) {
 function ownKeys$2C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2C(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Productinfo = function Productinfo(props) {
-  var _css, _fetchProductInfoQuer64, _ref, _fetchProductInfoQuer65, _ref2, _fetchProductInfoQuer66, _ref3, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _fetchProductInfoQuer72, _fetchProductInfoQuer73, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj0;
+  var _css, _fetchProductInfoQuer64, _ref, _fetchProductInfoQuer65, _ref2, _fetchProductInfoQuer66, _ref3, _authdetailsContext$i11, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _fetchProductInfoQuer72, _fetchProductInfoQuer73, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj0, _authdetailsContext$i12, _fetchProductInfoQuer74, _fetchProductInfoQuer75;
   var _useState = React.useState({}),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     ProductInfoObj = _useState2[0],
@@ -9964,7 +10109,7 @@ var Productinfo = function Productinfo(props) {
   };
   React.useEffect(function () {
     if (Object.keys(StatePagePropertiesContext).length != 0) {
-      var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4;
+      var _authdetailsContext$i;
       var secpropobj = {};
       StatePagePropertiesContext.pageobj != undefined && StatePagePropertiesContext.pageobj.pageproperties != undefined && StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
@@ -9972,14 +10117,20 @@ var Productinfo = function Productinfo(props) {
       setsectionproperties(_objectSpread$2C({}, secpropobj));
       setTabIndex(0);
       settabname('descriptiontab');
-      if (sectionproperties.prodCatShow == 'Hide' || sectionproperties.descriptionposition != 'Bottom' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.product_videos) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.length) == 0) {
-        settabname('shippingpolicytab');
-      } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.product_videos) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.length) == 0 && sectionproperties.showfirstpolicy == 'Hide' && sectionproperties.showsecondpolicy == 'Hide') {
-        // settabname('videostab');
-        settabname('reviewstab');
-      } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.product_videos) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.length) != 0 && sectionproperties.showfirstpolicy == 'Hide' && sectionproperties.showsecondpolicy == 'Hide') {
-        // settabname('videostab');
-        settabname('videostab');
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '68e4efe8cb18e') {
+        settabname('descriptiontab');
+        // alert('sd');
+      } else {
+        var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4;
+        if (sectionproperties.prodCatShow == 'Hide' || sectionproperties.descriptionposition != 'Bottom' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.product_videos) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.length) == 0) {
+          settabname('shippingpolicytab');
+        } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.product_videos) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.length) == 0 && sectionproperties.showfirstpolicy == 'Hide' && sectionproperties.showsecondpolicy == 'Hide') {
+          // settabname('videostab');
+          settabname('reviewstab');
+        } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.product_videos) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.length) != 0 && sectionproperties.showfirstpolicy == 'Hide' && sectionproperties.showsecondpolicy == 'Hide') {
+          // settabname('videostab');
+          settabname('videostab');
+        }
       }
     }
   }, [StatePagePropertiesContext]);
@@ -10176,8 +10327,8 @@ var Productinfo = function Productinfo(props) {
           tempaddtocardpayloadobj.item_type = 'product';
         }
         if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.quantitystepincrearse) != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer26 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : _fetchProductInfoQuer26.quantitystepincrearse) != null && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer27 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.quantitystepincrearse) != 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.productinfo) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : _fetchProductInfoQuer28.quantitystepincrearse) != '') {
-          var _authdetailsContext$i;
-          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '66d6de1a1e04a') {
+          var _authdetailsContext$i2;
+          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '66d6de1a1e04a') {
             var _fetchProductInfoQuer29;
             quantitystepincrearse = parseFloat(fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : _fetchProductInfoQuer29.quantitystepincrearse);
           } else {
@@ -10396,10 +10547,10 @@ var Productinfo = function Productinfo(props) {
         if (addtocardpayloadobj.variantid.length != 0) {
           runfunc = true;
         } else {
-          var _authdetailsContext$i2;
+          var _authdetailsContext$i3;
           // here
           setvariantnotchosendisclaimer('This field is required');
-          NotificationManager.warning('', (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '674f0617c7811' ? 'Please Choose Size & Color' : 'Please Choose Product Options');
+          NotificationManager.warning('', (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '674f0617c7811' ? 'Please Choose Size & Color' : 'Please Choose Product Options');
         }
       } else {
         runfunc = true;
@@ -10483,9 +10634,9 @@ var Productinfo = function Productinfo(props) {
     };
   };
   var returnpolicyobj = function returnpolicyobj(policytype) {
-    var _authdetailsContext$i3;
+    var _authdetailsContext$i4;
     var policyobj = {};
-    authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instpolicies) === null || _authdetailsContext$i3 === void 0 || _authdetailsContext$i3.forEach(function (item, index) {
+    authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.instpolicies) === null || _authdetailsContext$i4 === void 0 || _authdetailsContext$i4.forEach(function (item, index) {
       if (item.policytype == policytype) {
         policyobj = item;
       }
@@ -10494,7 +10645,7 @@ var Productinfo = function Productinfo(props) {
   };
   var relatedproducts = function relatedproducts() {
     if (Relatedproducts.length != 0) {
-      var _authdetailsContext$i4;
+      var _authdetailsContext$i5;
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "w-100 row ml-0 mr-0 d-flex justify-content-start pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
         style: {
@@ -10541,7 +10692,7 @@ var Productinfo = function Productinfo(props) {
       }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
         transitionBehavior: 'auto',
         wrapperClassName: '',
-        itemClassName: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '67dc756de56bd' ? 'scrollmenuclassnameitemrelatedproductkingtut' : 'scrollmenuclassnameitemrelatedproduct',
+        itemClassName: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.contactinfo.instid) == '67dc756de56bd' ? 'scrollmenuclassnameitemrelatedproductkingtut' : 'scrollmenuclassnameitemrelatedproduct',
         scrollContainerClassName: 'scrollmenuclasssubscrollbarrelatedproducts'
       }, Relatedproducts.map(function (item, index) {
         if (item.productinfo != null) {
@@ -11241,7 +11392,7 @@ var Productinfo = function Productinfo(props) {
     })));
   };
   var StoreInfo = function StoreInfo(position) {
-    var _fetchProductInfoQuer58, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i9;
+    var _fetchProductInfoQuer58, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i0;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -11316,8 +11467,8 @@ var Productinfo = function Productinfo(props) {
     }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber))), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "".concat(productinfo_cssstyles.storeinfobtn, " ").concat(productinfo_cssstyles.storeinfocontainer) + ' mb-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
       onClick: function onClick() {
-        var _authdetailsContext$i5;
-        window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 || (_authdetailsContext$i5 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.email), '_self');
+        var _authdetailsContext$i6;
+        window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 || (_authdetailsContext$i6 = _authdetailsContext$i6.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.email), '_self');
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": productinfo_cssstyles.iconContainer + ' iconContainer '
@@ -11337,7 +11488,7 @@ var Productinfo = function Productinfo(props) {
       style: {
         textAlign: langdetect != 'ar' ? 'left' : 'right'
       }
-    }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 || (_authdetailsContext$i6 = _authdetailsContext$i6.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.email)))), sectionproperties.storeinfostyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 || (_authdetailsContext$i7 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.email)))), sectionproperties.storeinfostyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100"
     }, sectionproperties.showfooterphonenumber == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": position == 'belowinfo' ? 'col-lg-12 allcentered mb-2 p-0' : 'col-lg-12 allcentered mb-2 p-sm-0'
@@ -11348,25 +11499,25 @@ var Productinfo = function Productinfo(props) {
       }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": "m-0 p-0"
-    }, sectionproperties["phonetitle_".concat(langdetect)] || sectionproperties.phonetitle_en))), sectionproperties.showfooteremail == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 || (_authdetailsContext$i7 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.email) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, sectionproperties["phonetitle_".concat(langdetect)] || sectionproperties.phonetitle_en))), sectionproperties.showfooteremail == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.contactinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.email) != null && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": position == 'belowinfo' ? 'col-lg-12 allcentered mb-2 p-0' : 'col-lg-12 allcentered mb-2 p-sm-0'
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
       onClick: function onClick() {
-        var _authdetailsContext$i8;
-        window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.contactinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.email), '_self');
+        var _authdetailsContext$i9;
+        window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.contactinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.email), '_self');
       }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": "m-0 p-0"
-    }, sectionproperties["emailtitle_".concat(langdetect)] || sectionproperties.emailtitle_en))), sectionproperties.showwhatsapp == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, sectionproperties["emailtitle_".concat(langdetect)] || sectionproperties.emailtitle_en))), sectionproperties.showwhatsapp == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": position == 'belowinfo' ? 'col-lg-12 allcentered mb-2 p-0' : 'col-lg-12 allcentered mb-2 p-sm-0'
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
       onClick: function onClick() {
-        var _authdetailsContext$i0;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.whatsappnumber) != null) {
-          var _authdetailsContext$i1;
-          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.whatsappnumber), '_blank');
+        var _authdetailsContext$i1;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.whatsappnumber) != null) {
+          var _authdetailsContext$i10;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.whatsappnumber), '_blank');
         }
       }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -11471,7 +11622,7 @@ var Productinfo = function Productinfo(props) {
       lang: lang,
       srcfromprops: props.srcfromprops
     }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref3, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref3, "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "StaticPagesLinksContext", StaticPagesLinksContext), "variantindexcompleted", variantindexcompleted), "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref3, "NotificationManager", NotificationManager), "getprice_discountpriceprops", getprice_discountpriceprops), "quantityconditionfoundobjprops", quantityconditionfoundobj), "relatedproducts", relatedproducts), "getQuantityCondition", getQuantityCondition), "StoreInfoprops", StoreInfo), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "sizeguideimage", sizeguideimage), "setopensizeguidemodal", setopensizeguidemodal))
-  }), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), props.srcfromprops != 'templatedraftrouter' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.instid) != '68e4efe8cb18e' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
     style: {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect != 'ar' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -11662,6 +11813,126 @@ var Productinfo = function Productinfo(props) {
       productinfo_cssstyles: productinfo_cssstyles,
       sectionproperties: sectionproperties
     })
+  }))))), props.srcfromprops != 'templatedraftrouter' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instid) == '68e4efe8cb18e' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 p-0 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
+    style: {
+      paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect != 'ar' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
+      paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect != 'ar' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0,
+      display: 'flex'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(productinfo_cssstyles.cardcontainer) + ' ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
+    style: {
+      paddingLeft: sectionproperties.tabspaddinghorizontal + 'px',
+      paddingRight: sectionproperties.tabspaddinghorizontal + 'px',
+      marginBottom: sectionproperties.tabsmb + 'px',
+      paddingTop: sectionproperties.tabsPt + 'px',
+      paddingBottom: sectionproperties.tabsPb + 'px'
+    }
+  }, sectionproperties.tabsfullwidth == 'Full Width' && /*#__PURE__*/React__default["default"].createElement(material.Box, null, /*#__PURE__*/React__default["default"].createElement(material.Tabs, {
+    value: tabIndex,
+    onChange: handleTabChange,
+    scrollButtons: "auto",
+    TabIndicatorProps: {
+      style: {
+        background: sectionproperties.activetabbordercolor
+        // right: sectionproperties.showfirstpolicy == 'Hide' ? 0 : sectionproperties.showsecondpolicy == 'Hide' ? 0 : '',
+        // margin: sectionproperties.showfirstpolicy == 'Hide' ? 'auto' : sectionproperties.showsecondpolicy == 'Hide' ? 'auto' : '',
+      }
+    },
+    sx: {
+      '& button': {
+        color: sectionproperties.tabtextcolor,
+        fontWeight: sectionproperties.tabtextfontweight,
+        background: sectionproperties.tabcontainerbgcolor,
+        textTransform: sectionproperties.tabtexttexttransform,
+        borderRadius: sectionproperties.tabcontainerborderradius + 'px',
+        fontFamily: 'Poppins',
+        transition: '.3s',
+        fontSize: sectionproperties.tabtextfontsize + 'px'
+      },
+      '& button:hover': {
+        color: sectionproperties.tabscoloronhover,
+        fontFamily: 'Poppins',
+        transition: '.3s'
+      },
+      '& button.Mui-selected': {
+        color: sectionproperties.tabtextactivecolor,
+        background: sectionproperties.activetabbgcolor,
+        fontFamily: 'Poppins',
+        transition: '.3s'
+      }
+    },
+    variant: 'fullWidth'
+    // tabsfullwidth
+  }, /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+    label: sectionproperties["tabsdesc".concat(langdetect.charAt(0).toUpperCase() + langdetect.slice(1))] || sectionproperties.tabsdescEn,
+    onClick: function onClick() {
+      settabname('descriptiontab');
+    }
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer74 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer74 === void 0 || (_fetchProductInfoQuer74 = _fetchProductInfoQuer74.data) === null || _fetchProductInfoQuer74 === void 0 || (_fetchProductInfoQuer74 = _fetchProductInfoQuer74.productinfo) === null || _fetchProductInfoQuer74 === void 0 ? void 0 : _fetchProductInfoQuer74.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+    label: langdetect != 'ar' ? 'Reviews' : 'التقييمات',
+    onClick: function onClick() {
+      settabname('reviewstab');
+    }
+  }))), sectionproperties.tabsfullwidth != 'Full Width' && /*#__PURE__*/React__default["default"].createElement(material.Box, null, /*#__PURE__*/React__default["default"].createElement(material.Tabs, {
+    value: tabIndex,
+    onChange: handleTabChange,
+    scrollButtons: "auto",
+    TabIndicatorProps: {
+      style: {
+        background: sectionproperties.activetabbordercolor
+        // right: sectionproperties.showfirstpolicy == 'Hide' ? 0 : sectionproperties.showsecondpolicy == 'Hide' ? 0 : '',
+        // margin: sectionproperties.showfirstpolicy == 'Hide' ? 'auto' : sectionproperties.showsecondpolicy == 'Hide' ? 'auto' : '',
+      }
+    },
+    sx: {
+      '& button': {
+        color: sectionproperties.tabtextcolor,
+        fontWeight: sectionproperties.tabtextfontweight,
+        background: sectionproperties.tabcontainerbgcolor,
+        textTransform: sectionproperties.tabtexttexttransform,
+        borderRadius: sectionproperties.tabcontainerborderradius + 'px',
+        fontFamily: 'Poppins',
+        transition: '.3s',
+        fontSize: sectionproperties.tabtextfontsize + 'px'
+      },
+      '& button:hover': {
+        color: sectionproperties.tabscoloronhover,
+        fontFamily: 'Poppins',
+        transition: '.3s'
+      },
+      '& button.Mui-selected': {
+        color: sectionproperties.tabtextactivecolor,
+        background: sectionproperties.activetabbgcolor,
+        fontFamily: 'Poppins',
+        transition: '.3s'
+      }
+    }
+  }, sectionproperties.prodCatShow == 'Show' && sectionproperties.gallerystyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+    label: sectionproperties["tabsdesc".concat(langdetect.charAt(0).toUpperCase() + langdetect.slice(1))] || sectionproperties.tabsdescEn,
+    onClick: function onClick() {
+      settabname('descriptiontab');
+    }
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer75 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer75 === void 0 || (_fetchProductInfoQuer75 = _fetchProductInfoQuer75.data) === null || _fetchProductInfoQuer75 === void 0 || (_fetchProductInfoQuer75 = _fetchProductInfoQuer75.productinfo) === null || _fetchProductInfoQuer75 === void 0 ? void 0 : _fetchProductInfoQuer75.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+    label: langdetect != 'ar' ? 'Reviews' : 'التقييمات',
+    onClick: function onClick() {
+      settabname('reviewstab');
+    }
+  }))), /*#__PURE__*/React__default["default"].createElement(material.Box, {
+    "class": "w-100 mt-5 mb-4"
+  }, tabname == 'descriptiontab' && /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
+    actions: _objectSpread$2C(_objectSpread$2C({}, actions), {}, {
+      productinfo_cssstyles: productinfo_cssstyles,
+      sectionproperties: sectionproperties
+    })
+  }), tabname == 'reviewstab' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0"
+  }, /*#__PURE__*/React__default["default"].createElement(ProductReviews, {
+    actions: _objectSpread$2C(_objectSpread$2C({}, actions), {}, {
+      productinfo_cssstyles: productinfo_cssstyles,
+      sectionproperties: sectionproperties
+    })
   }))))), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
     style: {
@@ -29587,6 +29858,24 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     "class": "m-0 p-0 d-flex align-items-center"
   }, "\u0420\u0443", ' ', /*#__PURE__*/React__default["default"].createElement("i", {
     "class": "h-100 allcentered ml-auto pl-3"
+  }, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))), langdetect == 'ital' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0  w-100 px-1 '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 d-flex align-items-center"
+  }, "IT", ' ', /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 allcentered ml-auto pl-3"
+  }, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))), langdetect == 'magr' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0  w-100 px-1 '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 d-flex align-items-center"
+  }, "HU", ' ', /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 allcentered ml-auto pl-3"
+  }, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))), langdetect == 'turk' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0  w-100 px-1 '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 d-flex align-items-center"
+  }, "TR", ' ', /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 allcentered ml-auto pl-3"
   }, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.instid) != '687cd377528b1' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     "class": "".concat(header_cssstyles.dropdownitem),
     onClick: function onClick() {