tabexseriescomponents 0.0.345 → 0.0.347

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +741 -504
  2. package/dist/index.esm.js +742 -505
  3. package/dist/index.umd.js +742 -505
  4. package/package.json +1 -1
package/dist/index.cjs.js CHANGED
@@ -31,6 +31,9 @@ var FiShoppingBag = require('@react-icons/all-files/fi/FiShoppingBag');
31
31
  var FiShoppingCart = require('@react-icons/all-files/fi/FiShoppingCart');
32
32
  var AiFillStar$1 = require('@react-icons/all-files/ai/AiFillStar');
33
33
  var AiOutlineStar = require('@react-icons/all-files/ai/AiOutlineStar');
34
+ var AiOutlineTwitter = require('@react-icons/all-files/ai/AiOutlineTwitter');
35
+ var FaWhatsapp = require('@react-icons/all-files/fa/FaWhatsapp');
36
+ var FaLinkedinIn = require('@react-icons/all-files/fa/FaLinkedinIn');
34
37
  var reactShare = require('react-share');
35
38
  var FiMinus = require('@react-icons/all-files/fi/FiMinus');
36
39
  var FiPlus = require('@react-icons/all-files/fi/FiPlus');
@@ -65,8 +68,6 @@ var GrMail = require('@react-icons/all-files/gr/GrMail');
65
68
  var FiCheckCircle = require('@react-icons/all-files/fi/FiCheckCircle');
66
69
  var BiPhone = require('@react-icons/all-files/bi/BiPhone');
67
70
  var PhoneInput = require('react-phone-input-2');
68
- require('@react-icons/all-files/ai/AiOutlineEye');
69
- require('@react-icons/all-files/ai/AiOutlineEyeInvisible');
70
71
  var BsChevronLeft = require('@react-icons/all-files/bs/BsChevronLeft');
71
72
  var BsChevronRight = require('@react-icons/all-files/bs/BsChevronRight');
72
73
  require('@react-icons/all-files/ri/RiArrowUpSLine');
@@ -92,7 +93,6 @@ var HiOutlineArrowLeft = require('@react-icons/all-files/hi/HiOutlineArrowLeft')
92
93
  var ReactPaginate = require('react-paginate');
93
94
  var FaFacebook = require('@react-icons/all-files/fa/FaFacebook');
94
95
  var AiFillInstagram = require('@react-icons/all-files/ai/AiFillInstagram');
95
- var FaWhatsapp = require('@react-icons/all-files/fa/FaWhatsapp');
96
96
  var BiGlobe = require('@react-icons/all-files/bi/BiGlobe');
97
97
  var MdKeyboardArrowDown = require('@react-icons/all-files/md/MdKeyboardArrowDown');
98
98
  var FaMoneyBillWave = require('@react-icons/all-files/fa/FaMoneyBillWave');
@@ -340,7 +340,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
340
340
  loginwithfacebook: 'Sign in with facebook',
341
341
  orsigninwith: 'Or Sign in with',
342
342
  orsignupwith: 'Or Sign up with'
343
- }, _defineProperty__default["default"](_en, "price", 'Price'), _defineProperty__default["default"](_en, "relatedproducts", 'Related products'), _defineProperty__default["default"](_en, "qty", 'QTY'), _defineProperty__default["default"](_en, "emptyshoppingcart", 'Your shopping cart is empty'), _defineProperty__default["default"](_en, "shopnow", 'Shop now'), _defineProperty__default["default"](_en, "total", 'Total'), _defineProperty__default["default"](_en, "otherinformation", 'Other information'), _defineProperty__default["default"](_en, "productname", 'Product name'), _defineProperty__default["default"](_en, "quantity", 'Quantity'), _defineProperty__default["default"](_en, "orderid", 'Order ID'), _defineProperty__default["default"](_en, "numberofproducts", 'Number of products'), _defineProperty__default["default"](_en, "checkyourorder", 'Check your order'), _defineProperty__default["default"](_en, "search", 'Search'), _defineProperty__default["default"](_en, "searchproducts", 'Search for products...'), _defineProperty__default["default"](_en, "choosecity", 'Choose city'), _defineProperty__default["default"](_en, "choosestategov", 'Choose state/governorate'), _defineProperty__default["default"](_en, "choosecountry", 'Choose country'), _defineProperty__default["default"](_en, "giftcarddicountcode", 'Gift Card Or Discount Code...'), _defineProperty__default["default"](_en, "nosearchresults", 'No search results'), _defineProperty__default["default"](_en, "sale", 'Sale'), _defineProperty__default["default"](_en, "nofavoriteproducts", 'Your wishlist is empty'), _defineProperty__default["default"](_en, "loggedoutsuccess", 'Logged out successfully'), _defineProperty__default["default"](_en, "addedtocartsuccess", 'Cart is updated successfully'), _defineProperty__default["default"](_en, "promocodeapplied", 'Promo code is applied.'), _defineProperty__default["default"](_en, "promocoderemoved", 'Promo code is removed'), _defineProperty__default["default"](_en, "countryandstateupdatedsuccess", 'Country and state are updated successfully'), _defineProperty__default["default"](_en, "orderaddedsuccess", 'Order is added successfully'), _defineProperty__default["default"](_en, "addedtowishlist", 'Added to your favourites'), _defineProperty__default["default"](_en, "productrmovedfromwishlist", 'Removed from your favourites'), _defineProperty__default["default"](_en, "fillthemissingfields", 'Please complete the missing fields'), _defineProperty__default["default"](_en, "passwordsdontmatch", "Passwords don't match"), _defineProperty__default["default"](_en, "loggedinsuccess", 'Logged in successfully'), _defineProperty__default["default"](_en, "subtotal", 'Sub total'), _defineProperty__default["default"](_en, "discount", 'Discount'), _defineProperty__default["default"](_en, "outofzone", 'Out of zone'), _defineProperty__default["default"](_en, "total", 'Total'), _defineProperty__default["default"](_en, "cod", 'Cash on Delivery'), _defineProperty__default["default"](_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty__default["default"](_en, "onlinepayment", 'Online Payment'), _defineProperty__default["default"](_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty__default["default"](_en, "shippingfees", 'Shipping fees'), _defineProperty__default["default"](_en, "shippingaddress", 'Shipping address'), _defineProperty__default["default"](_en, "cardnumber", 'Card number'), _defineProperty__default["default"](_en, "year", 'Year'), _defineProperty__default["default"](_en, "month", 'Month'), _defineProperty__default["default"](_en, "cvv", 'CVV'), _defineProperty__default["default"](_en, "nameoncard", 'Name On Card'), _defineProperty__default["default"](_en, "country", 'Country'), _defineProperty__default["default"](_en, "addressdetails", 'ِAddress details'), _defineProperty__default["default"](_en, "stategov", 'State/Governorate'), _defineProperty__default["default"](_en, "city", 'City'), _defineProperty__default["default"](_en, "paymentmethod", 'Payment method'), _defineProperty__default["default"](_en, "productimage", 'Product image'), _defineProperty__default["default"](_en, "orderdetails", 'Order details'), _defineProperty__default["default"](_en, "orderinvoice", 'Order invoice'), _defineProperty__default["default"](_en, "promocodediscount", 'Promo code discount'), _defineProperty__default["default"](_en, "address", 'Address'), _defineProperty__default["default"](_en, "update", 'Update'), _defineProperty__default["default"](_en, "phonenumber", 'Mobile number'), _defineProperty__default["default"](_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty__default["default"](_en, "name", 'Name'), _defineProperty__default["default"](_en, "email", 'Email'), _defineProperty__default["default"](_en, "password", 'Password'), _defineProperty__default["default"](_en, "confirmpassword", 'Confirm password'), _defineProperty__default["default"](_en, "showmore", 'Show more'), _defineProperty__default["default"](_en, "showless", 'Show less'), _defineProperty__default["default"](_en, "contactdetails", 'Contact Information'), _defineProperty__default["default"](_en, "asaguest", 'As A Guest'), _defineProperty__default["default"](_en, "choosecountryfirst", 'Please choose country first'), _defineProperty__default["default"](_en, "security", 'Security'), _defineProperty__default["default"](_en, "personalinformation", 'Personal Information'), _defineProperty__default["default"](_en, "contactus", 'Contact us'), _defineProperty__default["default"](_en, "slogan", 'Your website & mobile application in one place'), _defineProperty__default["default"](_en, "recent", 'Recent'), _defineProperty__default["default"](_en, "oldest", 'Oldest'), _defineProperty__default["default"](_en, "pricehightolow", 'High to low'), _defineProperty__default["default"](_en, "pricelowtohigh", 'Low to High'), _defineProperty__default["default"](_en, "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), _en),
343
+ }, _defineProperty__default["default"](_en, "price", 'Price'), _defineProperty__default["default"](_en, "relatedproducts", 'Related products'), _defineProperty__default["default"](_en, "qty", 'QTY'), _defineProperty__default["default"](_en, "emptyshoppingcart", 'Your shopping cart is empty'), _defineProperty__default["default"](_en, "shopnow", 'Shop now'), _defineProperty__default["default"](_en, "total", 'Total'), _defineProperty__default["default"](_en, "otherinformation", 'Other information'), _defineProperty__default["default"](_en, "productname", 'Product name'), _defineProperty__default["default"](_en, "quantity", 'Quantity'), _defineProperty__default["default"](_en, "orderid", 'Order ID'), _defineProperty__default["default"](_en, "numberofproducts", 'Number of products'), _defineProperty__default["default"](_en, "checkyourorder", 'Check your order'), _defineProperty__default["default"](_en, "search", 'Search'), _defineProperty__default["default"](_en, "searchproducts", 'Search for products...'), _defineProperty__default["default"](_en, "choosecity", 'Choose city'), _defineProperty__default["default"](_en, "choosestategov", 'Choose state/governorate'), _defineProperty__default["default"](_en, "choosecountry", 'Choose country'), _defineProperty__default["default"](_en, "giftcarddicountcode", 'Gift Card Or Discount Code...'), _defineProperty__default["default"](_en, "nosearchresults", 'No search results'), _defineProperty__default["default"](_en, "sale", 'Sale'), _defineProperty__default["default"](_en, "nofavoriteproducts", 'Your wishlist is empty'), _defineProperty__default["default"](_en, "loggedoutsuccess", 'Logged out successfully'), _defineProperty__default["default"](_en, "addedtocartsuccess", 'Cart is updated successfully'), _defineProperty__default["default"](_en, "promocodeapplied", 'Promo code is applied.'), _defineProperty__default["default"](_en, "promocoderemoved", 'Promo code is removed'), _defineProperty__default["default"](_en, "countryandstateupdatedsuccess", 'Country and state are updated successfully'), _defineProperty__default["default"](_en, "orderaddedsuccess", 'Order is added successfully'), _defineProperty__default["default"](_en, "addedtowishlist", 'Added to your favourites'), _defineProperty__default["default"](_en, "productrmovedfromwishlist", 'Removed from your favourites'), _defineProperty__default["default"](_en, "fillthemissingfields", 'Please complete the missing fields'), _defineProperty__default["default"](_en, "passwordsdontmatch", "Passwords don't match"), _defineProperty__default["default"](_en, "loggedinsuccess", 'Logged in successfully'), _defineProperty__default["default"](_en, "subtotal", 'Sub total'), _defineProperty__default["default"](_en, "discount", 'Discount'), _defineProperty__default["default"](_en, "outofzone", 'Out of zone'), _defineProperty__default["default"](_en, "total", 'Total'), _defineProperty__default["default"](_en, "cod", 'Cash on Delivery'), _defineProperty__default["default"](_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty__default["default"](_en, "onlinepayment", 'Online Payment'), _defineProperty__default["default"](_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty__default["default"](_en, "shippingfees", 'Shipping fees'), _defineProperty__default["default"](_en, "shippingaddress", 'Shipping address'), _defineProperty__default["default"](_en, "cardnumber", 'Card number'), _defineProperty__default["default"](_en, "year", 'Year'), _defineProperty__default["default"](_en, "month", 'Month'), _defineProperty__default["default"](_en, "cvv", 'CVV'), _defineProperty__default["default"](_en, "nameoncard", 'Name On Card'), _defineProperty__default["default"](_en, "country", 'Country'), _defineProperty__default["default"](_en, "addressdetails", 'ِAddress details'), _defineProperty__default["default"](_en, "stategov", 'State/Governorate'), _defineProperty__default["default"](_en, "city", 'City'), _defineProperty__default["default"](_en, "paymentmethod", 'Payment method'), _defineProperty__default["default"](_en, "productimage", 'Product image'), _defineProperty__default["default"](_en, "orderdetails", 'Order details'), _defineProperty__default["default"](_en, "orderinvoice", 'Order invoice'), _defineProperty__default["default"](_en, "promocodediscount", 'Promo code discount'), _defineProperty__default["default"](_en, "address", 'Address'), _defineProperty__default["default"](_en, "update", 'Update'), _defineProperty__default["default"](_en, "phonenumber", 'Mobile number'), _defineProperty__default["default"](_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty__default["default"](_en, "name", 'Name'), _defineProperty__default["default"](_en, "email", 'Email'), _defineProperty__default["default"](_en, "password", 'Password'), _defineProperty__default["default"](_en, "confirmpassword", 'Confirm password'), _defineProperty__default["default"](_en, "showmore", 'Show more'), _defineProperty__default["default"](_en, "showless", 'Show less'), _defineProperty__default["default"](_en, "contactdetails", 'Contact Information'), _defineProperty__default["default"](_en, "asaguest", 'As A Guest'), _defineProperty__default["default"](_en, "choosecountryfirst", 'Please choose country first'), _defineProperty__default["default"](_en, "security", 'Security'), _defineProperty__default["default"](_en, "personalinformation", 'Personal Information'), _defineProperty__default["default"](_en, "contactus", 'Contact us'), _defineProperty__default["default"](_en, "slogan", 'Your website & mobile application in one place'), _defineProperty__default["default"](_en, "recent", 'Recent'), _defineProperty__default["default"](_en, "oldest", 'Oldest'), _defineProperty__default["default"](_en, "pricehightolow", 'High to low'), _defineProperty__default["default"](_en, "pricelowtohigh", 'Low to High'), _defineProperty__default["default"](_en, "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), _defineProperty__default["default"](_en, "instock", 'In Stock'), _en),
344
344
  ar: (_ar = {
345
345
  maximum: 'اقصى كمية',
346
346
  minimum: 'اقل كمية',
@@ -420,7 +420,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
420
420
  loginwithfacebook: 'تسجيل الدخول عن طريق فيسبوك',
421
421
  orsigninwith: 'او تسجيل الدخول عن طريق',
422
422
  orsignupwith: 'او انشاء حساب عن طريق'
423
- }, _defineProperty__default["default"](_ar, "price", 'السعر'), _defineProperty__default["default"](_ar, "relatedproducts", 'منتجات ذات صلة'), _defineProperty__default["default"](_ar, "qty", 'الكمية'), _defineProperty__default["default"](_ar, "emptyshoppingcart", 'حقيبة التسوق فارغة'), _defineProperty__default["default"](_ar, "shopnow", 'تسوق الان'), _defineProperty__default["default"](_ar, "total", 'الإجمالى'), _defineProperty__default["default"](_ar, "otherinformation", 'معلومات اخرى'), _defineProperty__default["default"](_ar, "productname", 'إسم المنتج'), _defineProperty__default["default"](_ar, "quantity", 'الكمية'), _defineProperty__default["default"](_ar, "orderid", 'رقم الطلب'), _defineProperty__default["default"](_ar, "numberofproducts", 'عدد المنتجات'), _defineProperty__default["default"](_ar, "checkyourorder", 'الذهاب إلى طلبك'), _defineProperty__default["default"](_ar, "search", 'ابحث'), _defineProperty__default["default"](_ar, "searchproducts", 'ابحث...'), _defineProperty__default["default"](_ar, "choosecity", 'إختر المدينة'), _defineProperty__default["default"](_ar, "choosestategov", 'إختر المحافظة/الولاية'), _defineProperty__default["default"](_ar, "choosecountry", 'إختر البلد'), _defineProperty__default["default"](_ar, "giftcarddicountcode", 'كود خصم'), _defineProperty__default["default"](_ar, "nosearchresults", 'لا توجد نتائج'), _defineProperty__default["default"](_ar, "sale", 'خصم'), _defineProperty__default["default"](_ar, "nofavoriteproducts", 'لا توجد منتجات مفضلة'), _defineProperty__default["default"](_ar, "loggedoutsuccess", 'تم تسجيل الخروج'), _defineProperty__default["default"](_ar, "addedtocartsuccess", 'تم تعديل عربة التسوق'), _defineProperty__default["default"](_ar, "promocodeapplied", 'تم تطبيق كود الخصم'), _defineProperty__default["default"](_ar, "promocoderemoved", 'تم حذف كود الخصم'), _defineProperty__default["default"](_ar, "countryandstateupdatedsuccess", 'تم تحديث البلد و المدينة'), _defineProperty__default["default"](_ar, "orderaddedsuccess", 'تم إضافة الطلب'), _defineProperty__default["default"](_ar, "addedtowishlist", 'تم الإضافة لمفضلاتك'), _defineProperty__default["default"](_ar, "productrmovedfromwishlist", 'تم الحذف من مفضلاتك'), _defineProperty__default["default"](_ar, "fillthemissingfields", 'من فضلك اكمل باقى البيانات'), _defineProperty__default["default"](_ar, "passwordsdontmatch", 'كلمات السر لا تتطابق'), _defineProperty__default["default"](_ar, "loggedinsuccess", 'تم تسجيل الدخول'), _defineProperty__default["default"](_ar, "subtotal", 'إجمالي المبلغ'), _defineProperty__default["default"](_ar, "discount", 'الخصم'), _defineProperty__default["default"](_ar, "outofzone", 'خارج نطاق الشحن'), _defineProperty__default["default"](_ar, "total", 'المبلغ الكلي'), _defineProperty__default["default"](_ar, "cod", 'الدفع عند الإستلام'), _defineProperty__default["default"](_ar, "cardondelivery", 'الدفع بالطاقة الائتمانية عند الإستلام'), _defineProperty__default["default"](_ar, "onlinepayment", 'الدفع الإلكترونى'), _defineProperty__default["default"](_ar, "paymentcardinformation", 'بيانات البطاقة'), _defineProperty__default["default"](_ar, "shippingfees", 'مصاريف الشحن'), _defineProperty__default["default"](_ar, "shippingaddress", 'عنوان الشحن'), _defineProperty__default["default"](_ar, "cardnumber", 'رقم البطاقة'), _defineProperty__default["default"](_ar, "year", 'السنة'), _defineProperty__default["default"](_ar, "month", 'الشهر'), _defineProperty__default["default"](_ar, "cvv", 'رقم البطاقة'), _defineProperty__default["default"](_ar, "nameoncard", 'الإسم على البطاقة'), _defineProperty__default["default"](_ar, "country", 'البلد'), _defineProperty__default["default"](_ar, "addressdetails", 'العنوان'), _defineProperty__default["default"](_ar, "stategov", 'المحافظة/الولاية'), _defineProperty__default["default"](_ar, "city", 'المدينة'), _defineProperty__default["default"](_ar, "paymentmethod", 'طريقة الدفع'), _defineProperty__default["default"](_ar, "productimage", 'صورة المنتج'), _defineProperty__default["default"](_ar, "orderdetails", 'تفاصيل الطلب'), _defineProperty__default["default"](_ar, "orderinvoice", 'فاتورة الطلب'), _defineProperty__default["default"](_ar, "promocodediscount", 'كود الخصم'), _defineProperty__default["default"](_ar, "address", 'العنوان'), _defineProperty__default["default"](_ar, "update", 'تحديث'), _defineProperty__default["default"](_ar, "phonenumber", 'الهاتف'), _defineProperty__default["default"](_ar, "completerequiredfields", 'من فضلك اكمل البيانات الإجبارية'), _defineProperty__default["default"](_ar, "name", 'الإسم'), _defineProperty__default["default"](_ar, "email", 'البريد الإلكترونى'), _defineProperty__default["default"](_ar, "password", 'كلمة السر'), _defineProperty__default["default"](_ar, "confirmpassword", 'تأكيد كلمة السر'), _defineProperty__default["default"](_ar, "showless", 'اعرض اقل'), _defineProperty__default["default"](_ar, "showmore", 'اعرض المزيد'), _defineProperty__default["default"](_ar, "contactdetails", 'معلومات التواصل'), _defineProperty__default["default"](_ar, "asaguest", 'كزائر'), _defineProperty__default["default"](_ar, "choosecountryfirst", 'من فضلك اختر البلد اولاً'), _defineProperty__default["default"](_ar, "security", 'الخصوصية و الأمان'), _defineProperty__default["default"](_ar, "personalinformation", 'البيانات الشخصية'), _defineProperty__default["default"](_ar, "contactus", 'تواصل معنا'), _defineProperty__default["default"](_ar, "slogan", 'موقعك و تطبيقك فى مكان واحد'), _ar)
423
+ }, _defineProperty__default["default"](_ar, "price", 'السعر'), _defineProperty__default["default"](_ar, "relatedproducts", 'منتجات ذات صلة'), _defineProperty__default["default"](_ar, "qty", 'الكمية'), _defineProperty__default["default"](_ar, "emptyshoppingcart", 'حقيبة التسوق فارغة'), _defineProperty__default["default"](_ar, "shopnow", 'تسوق الان'), _defineProperty__default["default"](_ar, "total", 'الإجمالى'), _defineProperty__default["default"](_ar, "otherinformation", 'معلومات اخرى'), _defineProperty__default["default"](_ar, "productname", 'إسم المنتج'), _defineProperty__default["default"](_ar, "quantity", 'الكمية'), _defineProperty__default["default"](_ar, "orderid", 'رقم الطلب'), _defineProperty__default["default"](_ar, "numberofproducts", 'عدد المنتجات'), _defineProperty__default["default"](_ar, "checkyourorder", 'الذهاب إلى طلبك'), _defineProperty__default["default"](_ar, "search", 'ابحث'), _defineProperty__default["default"](_ar, "searchproducts", 'ابحث...'), _defineProperty__default["default"](_ar, "choosecity", 'إختر المدينة'), _defineProperty__default["default"](_ar, "choosestategov", 'إختر المحافظة/الولاية'), _defineProperty__default["default"](_ar, "choosecountry", 'إختر البلد'), _defineProperty__default["default"](_ar, "giftcarddicountcode", 'كود خصم'), _defineProperty__default["default"](_ar, "nosearchresults", 'لا توجد نتائج'), _defineProperty__default["default"](_ar, "sale", 'خصم'), _defineProperty__default["default"](_ar, "nofavoriteproducts", 'لا توجد منتجات مفضلة'), _defineProperty__default["default"](_ar, "loggedoutsuccess", 'تم تسجيل الخروج'), _defineProperty__default["default"](_ar, "addedtocartsuccess", 'تم تعديل عربة التسوق'), _defineProperty__default["default"](_ar, "promocodeapplied", 'تم تطبيق كود الخصم'), _defineProperty__default["default"](_ar, "promocoderemoved", 'تم حذف كود الخصم'), _defineProperty__default["default"](_ar, "countryandstateupdatedsuccess", 'تم تحديث البلد و المدينة'), _defineProperty__default["default"](_ar, "orderaddedsuccess", 'تم إضافة الطلب'), _defineProperty__default["default"](_ar, "addedtowishlist", 'تم الإضافة لمفضلاتك'), _defineProperty__default["default"](_ar, "productrmovedfromwishlist", 'تم الحذف من مفضلاتك'), _defineProperty__default["default"](_ar, "fillthemissingfields", 'من فضلك اكمل باقى البيانات'), _defineProperty__default["default"](_ar, "passwordsdontmatch", 'كلمات السر لا تتطابق'), _defineProperty__default["default"](_ar, "loggedinsuccess", 'تم تسجيل الدخول'), _defineProperty__default["default"](_ar, "subtotal", 'إجمالي المبلغ'), _defineProperty__default["default"](_ar, "discount", 'الخصم'), _defineProperty__default["default"](_ar, "outofzone", 'خارج نطاق الشحن'), _defineProperty__default["default"](_ar, "total", 'المبلغ الكلي'), _defineProperty__default["default"](_ar, "cod", 'الدفع عند الإستلام'), _defineProperty__default["default"](_ar, "cardondelivery", 'الدفع بالطاقة الائتمانية عند الإستلام'), _defineProperty__default["default"](_ar, "onlinepayment", 'الدفع الإلكترونى'), _defineProperty__default["default"](_ar, "paymentcardinformation", 'بيانات البطاقة'), _defineProperty__default["default"](_ar, "shippingfees", 'مصاريف الشحن'), _defineProperty__default["default"](_ar, "shippingaddress", 'عنوان الشحن'), _defineProperty__default["default"](_ar, "cardnumber", 'رقم البطاقة'), _defineProperty__default["default"](_ar, "year", 'السنة'), _defineProperty__default["default"](_ar, "month", 'الشهر'), _defineProperty__default["default"](_ar, "cvv", 'رقم البطاقة'), _defineProperty__default["default"](_ar, "nameoncard", 'الإسم على البطاقة'), _defineProperty__default["default"](_ar, "country", 'البلد'), _defineProperty__default["default"](_ar, "addressdetails", 'العنوان'), _defineProperty__default["default"](_ar, "stategov", 'المحافظة/الولاية'), _defineProperty__default["default"](_ar, "city", 'المدينة'), _defineProperty__default["default"](_ar, "paymentmethod", 'طريقة الدفع'), _defineProperty__default["default"](_ar, "productimage", 'صورة المنتج'), _defineProperty__default["default"](_ar, "orderdetails", 'تفاصيل الطلب'), _defineProperty__default["default"](_ar, "orderinvoice", 'فاتورة الطلب'), _defineProperty__default["default"](_ar, "promocodediscount", 'كود الخصم'), _defineProperty__default["default"](_ar, "address", 'العنوان'), _defineProperty__default["default"](_ar, "update", 'تحديث'), _defineProperty__default["default"](_ar, "phonenumber", 'الهاتف'), _defineProperty__default["default"](_ar, "completerequiredfields", 'من فضلك اكمل البيانات الإجبارية'), _defineProperty__default["default"](_ar, "name", 'الإسم'), _defineProperty__default["default"](_ar, "email", 'البريد الإلكترونى'), _defineProperty__default["default"](_ar, "password", 'كلمة السر'), _defineProperty__default["default"](_ar, "confirmpassword", 'تأكيد كلمة السر'), _defineProperty__default["default"](_ar, "showless", 'اعرض اقل'), _defineProperty__default["default"](_ar, "showmore", 'اعرض المزيد'), _defineProperty__default["default"](_ar, "contactdetails", 'معلومات التواصل'), _defineProperty__default["default"](_ar, "asaguest", 'كزائر'), _defineProperty__default["default"](_ar, "choosecountryfirst", 'من فضلك اختر البلد اولاً'), _defineProperty__default["default"](_ar, "security", 'الخصوصية و الأمان'), _defineProperty__default["default"](_ar, "personalinformation", 'البيانات الشخصية'), _defineProperty__default["default"](_ar, "contactus", 'تواصل معنا'), _defineProperty__default["default"](_ar, "slogan", 'موقعك و تطبيقك فى مكان واحد'), _defineProperty__default["default"](_ar, "instock", 'متوفر'), _ar)
424
424
  },
425
425
  langdetect: 'en',
426
426
  setlang: _this.setlang,
@@ -946,7 +946,7 @@ var Login = function Login(props) {
946
946
  letterSpacing: langdetect == 'en' ? '1px' : '',
947
947
  textTransform: sectionproperties.login_btn_texttransform
948
948
  }
949
- }, lang.login)), SocialLoginMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
949
+ }, langdetect == 'en' ? sectionproperties.loginbtncontent_en : sectionproperties.loginbtncontent_ar)), SocialLoginMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
950
950
  color: "#fff",
951
951
  width: "20px",
952
952
  height: "20px",
@@ -1193,12 +1193,77 @@ styleInject(css_248z$L);
1193
1193
  var css_248z$K = ".image-gallery_image-gallery-icon__WE2UX {\n\tcolor: #fff;\n\ttransition: all .3s ease-out;\n\tappearance: none;\n\tbackground-color: transparent;\n\tborder: 0;\n\tcursor: pointer;\n\toutline: none;\n\tposition: absolute;\n\tz-index: 4;\n display: none !important;\n\t/* filter: drop-shadow(0 2px 2px #1a1a1a); */\n}\n\n@media(hover: hover)and (pointer: fine) {\n\t.image-gallery_image-gallery-icon__WE2UX:hover {\n\t\tcolor: var(--secondary)\n\t}\n\n\t.image-gallery_image-gallery-icon__WE2UX:hover .image-gallery_image-gallery-svg__XloJd {\n\t\ttransform: scale(1.1)\n\t}\n}\n\n.image-gallery_image-gallery-icon__WE2UX:focus {\n\toutline: 2px solid #000\n}\n\n.image-gallery_image-gallery-using-mouse__lBKAU .image-gallery_image-gallery-icon__WE2UX:focus {\n\toutline: none\n}\n\n.image-gallery_image-gallery-fullscreen-button__xyF3z,\n.image-gallery_image-gallery-play-button__2AS3J {\n\tbottom: 0;\n\tpadding: 20px\n}\n\n.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\n.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\n\theight: 28px;\n\twidth: 28px\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z,\n\t.image-gallery_image-gallery-play-button__2AS3J {\n\t\tpadding: 15px\n\t}\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 24px;\n\t\twidth: 24px\n\t}\n}\n\n@media(max-width: 480px) {\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z,\n\t.image-gallery_image-gallery-play-button__2AS3J {\n\t\tpadding: 10px\n\t}\n\n\t.image-gallery_image-gallery-fullscreen-button__xyF3z .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-play-button__2AS3J .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 16px;\n\t\twidth: 16px\n\t}\n}\n\n.image-gallery_image-gallery-fullscreen-button__xyF3z {\n\tright: 0\n}\n\n.image-gallery_image-gallery-play-button__2AS3J {\n\tleft: 0\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk,\n.image-gallery_image-gallery-right-nav__53hut {\n\tpadding: 50px 10px;\n\ttop: 50%;\n\ttransform: translateY(-50%)\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\n.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\n\theight: 120px;\n\twidth: 60px\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 72px;\n\t\twidth: 36px\n\t}\n}\n\n@media(max-width: 480px) {\n\n\t.image-gallery_image-gallery-left-nav__BmHmk .image-gallery_image-gallery-svg__XloJd,\n\t.image-gallery_image-gallery-right-nav__53hut .image-gallery_image-gallery-svg__XloJd {\n\t\theight: 48px;\n\t\twidth: 24px\n\t}\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk[disabled],\n.image-gallery_image-gallery-right-nav__53hut[disabled] {\n\tcursor: disabled;\n\topacity: .6;\n\tpointer-events: none\n}\n\n.image-gallery_image-gallery-left-nav__BmHmk {\n\tleft: 0\n}\n\n.image-gallery_image-gallery-right-nav__53hut {\n\tright: 0\n}\n\n.image-gallery_image-gallery__FfPQj {\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\t-o-user-select: none;\n\tuser-select: none;\n\t-webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\tposition: relative\n}\n\n.image-gallery_image-gallery__FfPQj.image-gallery_fullscreen-modal__KM6Xw {\n\tbackground: #000;\n\tbottom: 0;\n\theight: 100%;\n\tleft: 0;\n\tposition: fixed;\n\tright: 0;\n\ttop: 0;\n\twidth: 100%;\n\tz-index: 5\n}\n\n.image-gallery_image-gallery__FfPQj.image-gallery_fullscreen-modal__KM6Xw .image-gallery_image-gallery-content__kMTBU {\n\ttop: 50%;\n\ttransform: translateY(-50%)\n}\n\n.image-gallery_image-gallery-content__kMTBU {\n\tposition: relative;\n\tline-height: 0;\n\ttop: 0\n}\n\n.image-gallery_image-gallery-content__kMTBU.image-gallery_fullscreen__VMCyX {\n\tbackground: #000\n}\n\n.image-gallery_image-gallery-content__kMTBU .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\n\tmax-height: 50vh !important;\n}\n\n.image-gallery_image-gallery-content__kMTBU.image-gallery_left__K0NWU .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh,\n.image-gallery_image-gallery-content__kMTBU.image-gallery_right__PlchD .image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\n\tmax-height: 100vh\n}\n\n.image-gallery_image-gallery-slide-wrapper__gdmSf {\n\tposition: relative\n}\n\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_left__K0NWU,\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_right__PlchD {\n\tdisplay: inline-block;\n\twidth: calc(100% - 110px)\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_left__K0NWU,\n\t.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_right__PlchD {\n\t\twidth: calc(100% - 87px)\n\t}\n}\n\n.image-gallery_image-gallery-slide-wrapper__gdmSf.image-gallery_image-gallery-rtl__jhrNg {\n\tdirection: rtl\n}\n\n.image-gallery_image-gallery-slides__cWfmF {\n\tline-height: 0;\n\toverflow: hidden;\n\tposition: relative;\n\twhite-space: nowrap;\n\ttext-align: center\n}\n\n.image-gallery_image-gallery-slide__2BfHc {\n\tleft: 0;\n\tposition: absolute;\n\ttop: 0;\n\twidth: 100%\n}\n\n.image-gallery_image-gallery-slide__2BfHc.image-gallery_center__1gH-w {\n\tposition: relative\n}\n\n.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-image__pCNKh {\n\twidth: 100%;\n\tobject-fit: contain\n}\n\n.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-description__l1rZM {\n\tbackground: rgba(0, 0, 0, .4);\n\tbottom: 70px;\n\tcolor: #fff;\n\tleft: 0;\n\tline-height: 1;\n\tpadding: 10px 20px;\n\tposition: absolute;\n\twhite-space: normal\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-slide__2BfHc .image-gallery_image-gallery-description__l1rZM {\n\t\tbottom: 45px;\n\t\tfont-size: .8em;\n\t\tpadding: 8px 15px\n\t}\n}\n\n.image-gallery_image-gallery-bullets__CEQBy {\n\tbottom: 20px;\n\tleft: 0;\n\tmargin: 0 auto;\n\tposition: absolute;\n\tright: 0;\n\twidth: 80%;\n\tz-index: 4\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullets-container__BXDlg {\n\tmargin: 0;\n\tpadding: 0;\n\ttext-align: center\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\n\tappearance: none;\n\tbackground-color: transparent;\n\tborder: 1px solid #fff;\n\tborder-radius: 50%;\n\tbox-shadow: 0 2px 2px #1a1a1a;\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tmargin: 0 5px;\n\toutline: none;\n\tpadding: 5px;\n\ttransition: all .2s ease-out\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\n\t\tmargin: 0 3px;\n\t\tpadding: 3px\n\t}\n}\n\n@media(max-width: 480px) {\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG {\n\t\tpadding: 2.7px\n\t}\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG:focus {\n\ttransform: scale(1.2);\n\tbackground: #000;\n\tborder: 1px solid #000\n}\n\n.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG.image-gallery_active__B2qrR {\n\ttransform: scale(1.2);\n\tborder: 1px solid #fff;\n\tbackground: #fff\n}\n\n@media(hover: hover)and (pointer: fine) {\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG:hover {\n\t\tbackground: #000;\n\t\tborder: 1px solid #000\n\t}\n\n\t.image-gallery_image-gallery-bullets__CEQBy .image-gallery_image-gallery-bullet__Z7gGG.image-gallery_active__B2qrR:hover {\n\t\tbackground: #000\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv- {\n\tposition: relative\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-swipe-horizontal__5-5qp {\n\ttouch-action: pan-y\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-swipe-vertical__-NAhb {\n\ttouch-action: pan-x\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_thumbnails-wrapper-rtl__Ya5gz {\n\tdirection: rtl\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\tdisplay: inline-block;\n\tvertical-align: top;\n\twidth: 100px;\n\theight: 100px !important;\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\t\twidth: 81px\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn {\n\theight: 100%;\n\twidth: 100%;\n\tleft: 0;\n\tpadding: 0;\n\tposition: absolute;\n\ttop: 0\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF {\n\tdisplay: block;\n\tmargin-right: 0;\n\tpadding: 0\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD .image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF {\n\tmargin-left: 0;\n\tmargin-top: 2px\n}\n\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\tmargin: 0 5px\n}\n\n@media(max-width: 768px) {\n\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_left__K0NWU,\n\t.image-gallery_image-gallery-thumbnails-wrapper__7vIv-.image-gallery_right__PlchD {\n\t\tmargin: 0 3px\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails__1BFBn {\n\toverflow: hidden;\n\tpadding: 5px 0\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnails__1BFBn {\n\t\tpadding: 3px 0\n\t}\n}\n\n.image-gallery_image-gallery-thumbnails__1BFBn .image-gallery_image-gallery-thumbnails-container__Z3mr8 {\n\tcursor: pointer;\n\ttext-align: center;\n\twhite-space: nowrap\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF {\n\tdisplay: inline-block;\n\tborder: 2px solid transparent;\n\ttransition: border .3s ease-out;\n\twidth: 10vh;\n\tbackground: transparent;\n\tpadding: 0\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnail__EKbDF {\n\t\tborder: 3px solid transparent;\n\t\twidth: 81px\n\t}\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF+.image-gallery_image-gallery-thumbnail__EKbDF {\n\tmargin-left: 2px\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF .image-gallery_image-gallery-thumbnail-inner__4F4ry {\n\tdisplay: block;\n\tposition: relative\n}\n.image-gallery_image-gallery-thumbnail__EKbDF{\n\twidth: 10vh;\n\theight: 7vh;\n\toverflow: hidden;\n}\n.image-gallery_image-gallery-thumbnail__EKbDF .image-gallery_image-gallery-thumbnail-image__Oi9qX {\n\twidth: 100%;\n height:100%;\n\tline-height: 0;\n object-fit: contain;\n}\n\n.image-gallery_image-gallery-thumbnail__EKbDF.image-gallery_active__B2qrR,\n.image-gallery_image-gallery-thumbnail__EKbDF:focus {\n\toutline: none;\n\tborder: 2px solid var(--light);\n}\n@media(hover: hover)and (pointer: fine) {\n\t.image-gallery_image-gallery-thumbnail__EKbDF:hover {\n\t\toutline: none;\n\t\tborder: 2px solid var(--light)\n\t}\n}\n\n@media(hover: hover)and (pointer: fine)and (max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnail__EKbDF:hover {\n\t\tborder: 2px solid var(--primary)\n\t}\n}\n\n.image-gallery_image-gallery-thumbnail-label__4Xph8 {\n\tbox-sizing: border-box;\n\tcolor: #fff;\n\tfont-size: 1em;\n\tleft: 0;\n\tline-height: 1em;\n\tpadding: 5%;\n\tposition: absolute;\n\ttop: 50%;\n\ttext-shadow: 0 2px 2px #1a1a1a;\n\ttransform: translateY(-50%);\n\twhite-space: normal;\n\twidth: 100%\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-thumbnail-label__4Xph8 {\n\t\tfont-size: .8em;\n\t\tline-height: .8em\n\t}\n}\n\n.image-gallery_image-gallery-index__DbRoC {\n\tbackground: rgba(0, 0, 0, .4);\n\tcolor: #fff;\n\tline-height: 1;\n\tpadding: 10px 20px;\n\tposition: absolute;\n\tright: 0;\n\ttop: 0;\n\tz-index: 4\n}\n\n@media(max-width: 768px) {\n\t.image-gallery_image-gallery-index__DbRoC {\n\t\tfont-size: .8em;\n\t\tpadding: 5px 10px\n\t}\n}";
1194
1194
  styleInject(css_248z$K);
1195
1195
 
1196
- var css_248z$J = "@media screen and (max-width: 800px) {\n .signup-module_rightContainer__yEcoL,\n .signup-module_rightContainerTrans__fkdBH {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 15px !important;\n border-bottom-left-radius: 15px !important;\n }\n .signup-module_rightContainerText__-pvN- {\n font-size: 23px !important;\n }\n}\n.signup-module_form_control__7s76W:focus {\n -webkit-animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n}\n.signup-module_form_control__7s76W:focus + .signup-module_login_input_icon__RDTS0 {\n padding-left: 20px;\n}\n/* Forms */\n.signup-module_form_control__7s76W {\n display: block;\n width: 100%;\n /* height: 35px; */\n /* font-size: 1rem; */\n /* color: var(--cardtitle); */\n /* background: no-repeat center bottom, center calc(100% - 1px); */\n /* background-size: 0 100%, 100% 100%; */\n background-clip: padding-box;\n /* font-size: 14px; */\n /* transition: background 0s ease-out; */\n /* border: 0; */\n padding: 0 15px;\n font-weight: 500;\n display: flex;\n align-items: center;\n position: relative;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n .signup-module_form_control__7s76W {\n transition: none;\n }\n}\n.signup-module_form_control__7s76W::-ms-expand {\n background-color: transparent;\n border: 0;\n}\n.signup-module_form_control__7s76W:focus {\n outline: 0;\n}\n.signup-module_form_control__7s76W::placeholder {\n opacity: 1;\n}\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[readonly] {\n background-color: #e9ecef;\n opacity: 1;\n cursor: not-allowed;\n}\ntextarea.signup-module_form_control__7s76W {\n height: auto;\n}\n.signup-module_form_control__7s76W:focus {\n /* background-size: 100% 100%, 100% 100%; */\n transition-duration: 0.3s;\n box-shadow: none;\n}\n.signup-module_form_control__7s76W::-moz-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.signup-module_form_control__7s76W:-ms-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.signup-module_form_control__7s76W::-webkit-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.signup-module_form_control__7s76W {\n /* background-image: linear-gradient(to top, #000 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); */\n}\n.signup-module_form_control_border_none__HjUMS {\n background-image: none;\n}\n.signup-module_form_control__7s76W.signup-module_disabled__h55ao,\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[disabled] {\n /* background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); */\n /* background-repeat: repeat-x;\n background-size: 3px 1px; */\n cursor: not-allowed;\n}\n@media screen and (max-width: 500px) {\n .signup-module_form_control__7s76W {\n /* padding: 0 5px !important; */\n }\n .signup-module_login_input_icon__RDTS0 {\n padding-left: 0 !important;\n }\n .signup-module_rightContainer__yEcoL {\n border-radius: 15px 15px 0 0 !important;\n }\n .signup-module_leftcontainer__bqfnN {\n border-radius: 15px 15px 0 0 !important;\n }\n}\n.signup-module_form_controltextarea__-LGz6{\n min-height: 10vh !important;\n}\n.signup-module_checkbox__8ejBx {\n --border: #022648;\n --border-hover: #959ed0;\n --tick: #fff;\n position: relative;\n /* color: var(--cardheader); */\n}\n.signup-module_checkbox_label__d84Q2 {\n font-size: 16px;\n text-transform: capitalize;\n font-weight: 500;\n cursor: pointer;\n}\n.signup-module_checkbox__8ejBx:hover {\n /* color: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input,\n.signup-module_checkbox__8ejBx svg {\n width: 16px;\n height: 16px;\n display: block;\n}\n.signup-module_checkbox_sub__WQLUX input {\n width: 15px;\n height: 15px;\n}\n.signup-module_checkbox__8ejBx input {\n -webkit-appearance: none;\n -moz-appearance: none;\n position: relative;\n outline: none;\n background: white;\n border: none;\n margin: 0;\n padding: 0;\n cursor: pointer;\n border-radius: 4px;\n transition: box-shadow 0.3s;\n box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.signup-module_checkbox__8ejBx input:disabled {\n cursor: not-allowed;\n}\n.signup-module_checkbox__8ejBx input:hover {\n /* --s: 2px; */\n /* --b: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input:checked {\n /* --b: var(--secondary); */\n}\n.signup-module_checkbox__8ejBx svg {\n pointer-events: none;\n fill: none;\n stroke-width: 2px;\n stroke-linecap: round;\n stroke-linejoin: round;\n /* stroke: var(--stroke, var(--secondary)); */\n position: absolute;\n top: 0;\n left: 0;\n width: 16px;\n height: 21px;\n transform: scale(var(--scale, 1)) translateZ(0);\n}\n.signup-module_checkbox_sub__WQLUX svg {\n pointer-events: none;\n fill: none;\n stroke-width: 2px;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke: var(--stroke, var(--secondary));\n position: absolute;\n top: 0;\n left: 0;\n width: 16px;\n height: 21px;\n transform: scale(var(--scale, 1)) translateZ(0);\n}\n.signup-module_checkboxtranslated__4xHR- svg {\n right: 0;\n}\n.signup-module_checkbox__8ejBx input:checked {\n --s: 2px;\n transition-delay: 0.4s;\n}\n.signup-module_checkbox__8ejBx input:checked + svg {\n --a: 16.1 86.12;\n --o: 102.22;\n}\n.signup-module_checkbox__8ejBx svg {\n stroke-dasharray: var(--a, 86.12);\n stroke-dashoffset: var(--o, 86.12);\n transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n\n.signup-module_showpassword_input_icon__cVHRS {\n font-size: 15px;\n color: #999999;\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-box;\n display: -ms-flexbox;\n display: flex;\n align-items: center;\n position: absolute;\n border-radius: 25px;\n bottom: 15px;\n right: 25px;\n padding-left: 15px;\n\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n cursor: pointer !important;\n z-index: 10000000000000000000000 !important;\n}\n.signup-module_showpassword_input_icontrans__vmV5q {\n font-size: 15px;\n color: #999999;\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-box;\n display: -ms-flexbox;\n display: flex;\n align-items: center;\n position: absolute;\n border-radius: 25px;\n bottom: 15px;\n left: 25px;\n\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n cursor: pointer !important;\n z-index: 10000000000000000000000 !important;\n}";
1196
+ var css_248z$J = "@media screen and (max-width: 800px) {\n .signup-module_rightContainer__yEcoL,\n .signup-module_rightContainerTrans__fkdBH {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 15px !important;\n border-bottom-left-radius: 15px !important;\n }\n .signup-module_rightContainerText__-pvN- {\n font-size: 23px !important;\n }\n}\n.signup-module_form_control__7s76W:focus {\n -webkit-animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n}\n.signup-module_form_control__7s76W:focus + .signup-module_login_input_icon__RDTS0 {\n padding-left: 20px;\n}\n/* Forms */\n.signup-module_form_control__7s76W {\n display: block;\n width: 100%;\n /* height: 35px; */\n /* font-size: 1rem; */\n /* color: var(--cardtitle); */\n /* background: no-repeat center bottom, center calc(100% - 1px); */\n /* background-size: 0 100%, 100% 100%; */\n background-clip: padding-box;\n /* font-size: 14px; */\n /* transition: background 0s ease-out; */\n /* border: 0; */\n padding: 0 15px;\n font-weight: 500;\n display: flex;\n align-items: center;\n position: relative;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n .signup-module_form_control__7s76W {\n transition: none;\n }\n}\n.signup-module_form_control__7s76W::-ms-expand {\n background-color: transparent;\n border: 0;\n}\n.signup-module_form_control__7s76W:focus {\n outline: 0;\n}\n.signup-module_form_control__7s76W::placeholder {\n opacity: 1;\n}\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[readonly] {\n background-color: #e9ecef;\n opacity: 1;\n cursor: not-allowed;\n}\ntextarea.signup-module_form_control__7s76W {\n height: auto;\n}\n.signup-module_form_control__7s76W:focus {\n /* background-size: 100% 100%, 100% 100%; */\n transition-duration: 0.3s;\n box-shadow: none;\n}\n.signup-module_form_control__7s76W::-moz-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.signup-module_form_control__7s76W:-ms-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.signup-module_form_control__7s76W::-webkit-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.signup-module_form_control__7s76W {\n /* background-image: linear-gradient(to top, #000 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px); */\n}\n.signup-module_form_control_border_none__HjUMS {\n background-image: none;\n}\n.signup-module_form_control__7s76W.signup-module_disabled__h55ao,\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[disabled] {\n /* background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%); */\n /* background-repeat: repeat-x;\n background-size: 3px 1px; */\n cursor: not-allowed;\n}\n@media screen and (max-width: 500px) {\n .signup-module_form_control__7s76W {\n /* padding: 0 5px !important; */\n }\n .signup-module_login_input_icon__RDTS0 {\n padding-left: 0 !important;\n }\n .signup-module_rightContainer__yEcoL {\n border-radius: 15px 15px 0 0 !important;\n }\n .signup-module_leftcontainer__bqfnN {\n border-radius: 15px 15px 0 0 !important;\n }\n}\n.signup-module_form_controltextarea__-LGz6{\n min-height: 40px !important;\n}\n.signup-module_checkbox__8ejBx {\n --border: #022648;\n --border-hover: #959ed0;\n --tick: #fff;\n position: relative;\n /* color: var(--cardheader); */\n}\n.signup-module_checkbox_label__d84Q2 {\n font-size: 16px;\n text-transform: capitalize;\n font-weight: 500;\n cursor: pointer;\n}\n.signup-module_checkbox__8ejBx:hover {\n /* color: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input,\n.signup-module_checkbox__8ejBx svg {\n width: 16px;\n height: 16px;\n display: block;\n}\n.signup-module_checkbox_sub__WQLUX input {\n width: 15px;\n height: 15px;\n}\n.signup-module_checkbox__8ejBx input {\n -webkit-appearance: none;\n -moz-appearance: none;\n position: relative;\n outline: none;\n background: white;\n border: none;\n margin: 0;\n padding: 0;\n cursor: pointer;\n border-radius: 4px;\n transition: box-shadow 0.3s;\n box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.signup-module_checkbox__8ejBx input:disabled {\n cursor: not-allowed;\n}\n.signup-module_checkbox__8ejBx input:hover {\n /* --s: 2px; */\n /* --b: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input:checked {\n /* --b: var(--secondary); */\n}\n.signup-module_checkbox__8ejBx svg {\n pointer-events: none;\n fill: none;\n stroke-width: 2px;\n stroke-linecap: round;\n stroke-linejoin: round;\n /* stroke: var(--stroke, var(--secondary)); */\n position: absolute;\n top: 0;\n left: 0;\n width: 16px;\n height: 21px;\n transform: scale(var(--scale, 1)) translateZ(0);\n}\n.signup-module_checkbox_sub__WQLUX svg {\n pointer-events: none;\n fill: none;\n stroke-width: 2px;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke: var(--stroke, var(--secondary));\n position: absolute;\n top: 0;\n left: 0;\n width: 16px;\n height: 21px;\n transform: scale(var(--scale, 1)) translateZ(0);\n}\n.signup-module_checkboxtranslated__4xHR- svg {\n right: 0;\n}\n.signup-module_checkbox__8ejBx input:checked {\n --s: 2px;\n transition-delay: 0.4s;\n}\n.signup-module_checkbox__8ejBx input:checked + svg {\n --a: 16.1 86.12;\n --o: 102.22;\n}\n.signup-module_checkbox__8ejBx svg {\n stroke-dasharray: var(--a, 86.12);\n stroke-dashoffset: var(--o, 86.12);\n transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n\n.signup-module_showpassword_input_icon__cVHRS {\n font-size: 15px;\n color: #999999;\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-box;\n display: -ms-flexbox;\n display: flex;\n align-items: center;\n position: absolute;\n border-radius: 25px;\n bottom: 15px;\n right: 25px;\n padding-left: 15px;\n\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n cursor: pointer !important;\n z-index: 10000000000000000000000 !important;\n}\n.signup-module_showpassword_input_icontrans__vmV5q {\n font-size: 15px;\n color: #999999;\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-box;\n display: -ms-flexbox;\n display: flex;\n align-items: center;\n position: absolute;\n border-radius: 25px;\n bottom: 15px;\n left: 25px;\n\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n cursor: pointer !important;\n z-index: 10000000000000000000000 !important;\n}";
1197
1197
  var loginstyles = {"rightContainer":"signup-module_rightContainer__yEcoL","rightContainerTrans":"signup-module_rightContainerTrans__fkdBH","rightContainerText":"signup-module_rightContainerText__-pvN-","form_control":"signup-module_form_control__7s76W","anim-shadow":"signup-module_anim-shadow__CsxhG","login_input_icon":"signup-module_login_input_icon__RDTS0","form_control_border_none":"signup-module_form_control_border_none__HjUMS","disabled":"signup-module_disabled__h55ao","leftcontainer":"signup-module_leftcontainer__bqfnN","form_controltextarea":"signup-module_form_controltextarea__-LGz6","checkbox":"signup-module_checkbox__8ejBx","checkbox_label":"signup-module_checkbox_label__d84Q2","checkbox_sub":"signup-module_checkbox_sub__WQLUX","checkboxtranslated":"signup-module_checkboxtranslated__4xHR-","showpassword_input_icon":"signup-module_showpassword_input_icon__cVHRS","showpassword_input_icontrans":"signup-module_showpassword_input_icontrans__vmV5q"};
1198
1198
  styleInject(css_248z$J);
1199
1199
 
1200
1200
  function ownKeys$2p(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; }
1201
1201
  function _objectSpread$2p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2p(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1202
+ var selectcustomStyles = {
1203
+ option: function option(provided, state) {
1204
+ return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
1205
+ borderBottom: '1px solid #e6e6e6',
1206
+ backgroundColor: state.isSelected ? '' : '',
1207
+ padding: 5,
1208
+ textTransform: 'capitalize',
1209
+ color: state.isSelected ? '#eac435' : '#022648',
1210
+ transition: '.3s',
1211
+ '&:hover': {
1212
+ color: '#eac435',
1213
+ cursor: 'pointer'
1214
+ }
1215
+ });
1216
+ },
1217
+ control: function control() {
1218
+ return {
1219
+ border: '1px solid #e6e6e6',
1220
+ // boxShadow: '0 0 10px #e6e6e6',
1221
+ borderRadius: '5px',
1222
+ display: 'flex',
1223
+ cursor: 'pointer',
1224
+ transition: '.3s',
1225
+ '&:hover': {
1226
+ // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
1227
+ }
1228
+ };
1229
+ }
1230
+ };
1231
+ var selectcustomStylesTranslated = {
1232
+ option: function option(provided, state) {
1233
+ return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
1234
+ borderBottom: '1px solid #e6e6e6',
1235
+ backgroundColor: state.isSelected ? '' : '',
1236
+ padding: 5,
1237
+ textTransform: 'capitalize',
1238
+ color: state.isSelected ? '#eac435' : '#022648',
1239
+ transition: '.3s',
1240
+ textAlign: 'right',
1241
+ '&:hover': {
1242
+ color: '#eac435',
1243
+ cursor: 'pointer'
1244
+ }
1245
+ });
1246
+ },
1247
+ control: function control() {
1248
+ return {
1249
+ border: '2px solid #e6e6e6',
1250
+ boxShadow: '0 0 10px #e6e6e6',
1251
+ borderRadius: '10px',
1252
+ display: 'flex',
1253
+ cursor: 'pointer',
1254
+ transition: '.3s',
1255
+ textAlign: 'right',
1256
+ '&:hover': {
1257
+ boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)'
1258
+ }
1259
+ };
1260
+ },
1261
+ placeholder: function placeholder(provided, state) {
1262
+ return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
1263
+ textAlign: 'right'
1264
+ });
1265
+ }
1266
+ };
1202
1267
  var defaultstyles = {
1203
1268
  option: function option(provided, state) {
1204
1269
  return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
@@ -2114,15 +2179,12 @@ var DescriptionContent = function DescriptionContent(props) {
2114
2179
  function ownKeys$2n(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; }
2115
2180
  function _objectSpread$2n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2n(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2116
2181
  var Product_itemtype = function Product_itemtype(props) {
2117
- var _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _ProductInfoObj$data, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35;
2182
+ var _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _ProductInfoObj$data, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35;
2118
2183
  var lang = props.actions.lang;
2119
2184
  var langdetect = props.actions.langdetect;
2120
2185
  var srcfromprops = props.actions.srcfromprops;
2121
- props.actions.returnpolicyobj;
2122
2186
  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
2123
2187
  var addtocartfunc = props.actions.addtocartfunc;
2124
- props.actions.selectproductoptionvalue;
2125
- props.actions.clearchoosenvaluesbutkeepcurrentvalue;
2126
2188
  var productimagesarray = props.actions.productimagesarray;
2127
2189
  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
2128
2190
  var sectionproperties = props.actions.sectionproperties;
@@ -2235,11 +2297,11 @@ var Product_itemtype = function Product_itemtype(props) {
2235
2297
  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar);
2236
2298
  };
2237
2299
  var SKUSection = function SKUSection() {
2238
- var _fetchProductInfoQuer;
2300
+ var _fetchProductInfoQuer, _fetchProductInfoQuer2;
2239
2301
  return /*#__PURE__*/React__default["default"].createElement("div", {
2240
- "class": "row m-0 w-100"
2302
+ "class": sectionproperties.availabilitybtnposition == 'Under SKU' && sectionproperties.show_availability == 'Show' ? 'row m-0 w-100 mt-3' : 'row m-0 w-100'
2241
2303
  }, sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
2242
- "class": sectionproperties.deliverytimeshow == 'Show' && (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.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'
2304
+ "class": sectionproperties.availabilitybtnposition == 'Under SKU' && sectionproperties.show_availability == 'Show' ? 'col-lg-12 p-0 mb-1 d-flex justify-content-start' : sectionproperties.deliverytimeshow == 'Show' && (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.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'
2243
2305
  }, /*#__PURE__*/React__default["default"].createElement("p", {
2244
2306
  "class": "m-0 p-0 d-flex justify-content-start"
2245
2307
  }, /*#__PURE__*/React__default["default"].createElement("span", {
@@ -2257,7 +2319,26 @@ var Product_itemtype = function Product_itemtype(props) {
2257
2319
  fontSize: sectionproperties.skuFontSize + 'px',
2258
2320
  textAlign: langdetect == 'en' ? 'left' : 'right'
2259
2321
  }
2260
- }, fetchProductInfoQueryContext.data.data.productinfo.sku))));
2322
+ }, fetchProductInfoQueryContext.data.data.productinfo.sku))), sectionproperties.availabilitybtnposition == 'Under SKU' && sectionproperties.show_availability == 'Show' && (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.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
2323
+ "class": 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
2324
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2325
+ "class": "m-0 p-0 d-flex justify-content-start"
2326
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
2327
+ style: {
2328
+ fontSize: sectionproperties.availability_fontsize + 'px',
2329
+ color: sectionproperties.availability_textcolor,
2330
+ textAlign: langdetect == 'en' ? 'left' : 'right',
2331
+ fontWeight: sectionproperties.skuFontWeight
2332
+ }
2333
+ }, lang.availability, ":"), /*#__PURE__*/React__default["default"].createElement("span", {
2334
+ "class": "ml-1 mr-1",
2335
+ style: {
2336
+ color: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_availabletextcolor : sectionproperties.availability_limitedtextcolor,
2337
+ fontSize: sectionproperties.availability_fontsize + 'px',
2338
+ fontWeight: sectionproperties.skuSecondaryFontWeight,
2339
+ textAlign: langdetect == 'en' ? 'left' : 'right'
2340
+ }
2341
+ }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.instock : lang.limitedquantity))));
2261
2342
  };
2262
2343
  var ShareButtonsContainer = function ShareButtonsContainer() {
2263
2344
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2265,56 +2346,72 @@ var Product_itemtype = function Product_itemtype(props) {
2265
2346
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2266
2347
  "class": "col-lg-12 d-flex justify-content-center flex-column align-items-center p-0"
2267
2348
  }, /*#__PURE__*/React__default["default"].createElement("p", {
2268
- "class": "m-0 p-0",
2349
+ "class": "m-0 p-0 w-100",
2269
2350
  style: {
2270
2351
  fontWeight: sectionproperties.sharebtn_FontWeight,
2271
2352
  color: sectionproperties.sharebtn_color,
2272
- fontSize: sectionproperties.sharebtn_fontSize + 'px'
2353
+ fontSize: sectionproperties.sharebtn_fontSize + 'px',
2354
+ textAlign: sectionproperties.sharecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
2273
2355
  }
2274
2356
  }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr), /*#__PURE__*/React__default["default"].createElement("div", {
2275
- className: "Demo__container w-100 m-0 allcentered mt-3"
2357
+ className: "Demo__container w-100 m-0 d-flex align-items-center mt-3",
2358
+ style: {
2359
+ justifyContent: srcfromprops != 'templatedraftrouter' ? 'start' : sectionproperties.sharecentered == 'Centered' ? 'center' : 'start'
2360
+ }
2276
2361
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2277
- className: "Demo__some-network ml-2 mr-2"
2362
+ className: "Demo__some-network ml-2 mr-2 allcentered"
2278
2363
  }, /*#__PURE__*/React__default["default"].createElement(reactShare.FacebookShareButton, {
2279
2364
  url: shareUrl,
2280
2365
  quote: title,
2281
- className: "Demo__some-network__share-button"
2282
- }, /*#__PURE__*/React__default["default"].createElement(reactShare.FacebookIcon, {
2283
- size: 40,
2284
- round: true
2285
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
2286
- className: "Demo__some-network ml-2 mr-2"
2366
+ className: "Demo__some-network__share-button allcentered"
2367
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2368
+ "class": productinfo_cssstyles.shareicon + ' allcentered ',
2369
+ style: {}
2370
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
2371
+ "class": "h-100 allcentered"
2372
+ }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, null))))), /*#__PURE__*/React__default["default"].createElement("div", {
2373
+ className: "Demo__some-network ml-2 mr-2 allcentered"
2287
2374
  }, /*#__PURE__*/React__default["default"].createElement(reactShare.TwitterShareButton, {
2288
2375
  url: shareUrl,
2289
2376
  title: title,
2290
- className: "Demo__some-network__share-button"
2291
- }, /*#__PURE__*/React__default["default"].createElement(reactShare.TwitterIcon, {
2292
- size: 40,
2293
- round: true
2294
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
2377
+ className: "Demo__some-network__share-button allcentered"
2378
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2379
+ "class": productinfo_cssstyles.shareicon + ' allcentered ',
2380
+ style: {}
2381
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
2382
+ "class": "h-100 allcentered"
2383
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlineTwitter.AiOutlineTwitter, {
2384
+ size: 16
2385
+ }))))), /*#__PURE__*/React__default["default"].createElement("div", {
2295
2386
  className: "Demo__some-network ml-2 mr-2"
2296
2387
  }, /*#__PURE__*/React__default["default"].createElement(reactShare.WhatsappShareButton, {
2297
2388
  url: shareUrl,
2298
2389
  title: title,
2299
2390
  separator: ":: ",
2300
2391
  className: "Demo__some-network__share-button"
2301
- }, /*#__PURE__*/React__default["default"].createElement(reactShare.WhatsappIcon, {
2302
- size: 40,
2303
- round: true
2304
- }))), sectionproperties.showsharelinkedin == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
2392
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2393
+ "class": productinfo_cssstyles.shareicon + ' allcentered ',
2394
+ style: {}
2395
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
2396
+ "class": "h-100 allcentered"
2397
+ }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
2398
+ size: 16
2399
+ }))))), sectionproperties.showsharelinkedin == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
2305
2400
  className: "Demo__some-network ml-2 mr-2"
2306
2401
  }, /*#__PURE__*/React__default["default"].createElement(reactShare.LinkedinShareButton, {
2307
2402
  url: shareUrl,
2308
2403
  title: title,
2309
2404
  separator: ":: ",
2310
2405
  className: "Demo__some-network__share-button"
2311
- }, /*#__PURE__*/React__default["default"].createElement(reactShare.LinkedinIcon, {
2312
- size: 40,
2313
- round: true
2314
- }))))));
2406
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2407
+ "class": productinfo_cssstyles.shareicon + ' allcentered ',
2408
+ style: {}
2409
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
2410
+ "class": "h-100 allcentered"
2411
+ }, /*#__PURE__*/React__default["default"].createElement(FaLinkedinIn.FaLinkedinIn, null))))))));
2315
2412
  };
2316
2413
  var Quantitybtn_Cartbtn_Favbottombtn = function Quantitybtn_Cartbtn_Favbottombtn() {
2317
- var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer10, _fetchProductInfoQuer11;
2414
+ var _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
2318
2415
  return /*#__PURE__*/React__default["default"].createElement("div", {
2319
2416
  "class": "col-lg-12 p-0"
2320
2417
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2322,7 +2419,7 @@ var Product_itemtype = function Product_itemtype(props) {
2322
2419
  style: {
2323
2420
  justifyContent: sectionproperties.cartbtncentered == 'Centered' ? 'center' : 'start'
2324
2421
  }
2325
- }, sectionproperties.quantitybtn_show == 'Show' && (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.isproducttobesold) == 1 && (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.isproducthasquantitychange) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
2422
+ }, sectionproperties.quantitybtn_show == 'Show' && (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.isproducttobesold) == 1 && (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 ? void 0 : _fetchProductInfoQuer4.isproducthasquantitychange) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
2326
2423
  className: " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mb-sm-2 ',
2327
2424
  style: {
2328
2425
  height: sectionproperties.quantitybtn_height + 'px',
@@ -2364,12 +2461,12 @@ var Product_itemtype = function Product_itemtype(props) {
2364
2461
  }
2365
2462
  }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
2366
2463
  size: sectionproperties.add_quantitybtn_textfontsize
2367
- })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (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 ? void 0 : _fetchProductInfoQuer4.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
2464
+ })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (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.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
2368
2465
  className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
2369
2466
  onClick: function onClick() {
2370
2467
  if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
2371
- var _fetchProductInfoQuer5;
2372
- window.open('tel:' + ((_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.product_phonenumber), '_blank');
2468
+ var _fetchProductInfoQuer6;
2469
+ window.open('tel:' + ((_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.product_phonenumber), '_blank');
2373
2470
  } else {
2374
2471
  if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
2375
2472
  addtocartfunc();
@@ -2400,7 +2497,7 @@ var Product_itemtype = function Product_itemtype(props) {
2400
2497
  size: sectionproperties.cartBtn_iconFontSize
2401
2498
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
2402
2499
  size: sectionproperties.cartBtn_iconFontSize
2403
- })), langdetect == 'en' ? 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.productactionbuttontext_en : 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.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
2500
+ })), langdetect == 'en' ? 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.productactionbuttontext_en : 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.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
2404
2501
  className: ' d-flex align-items-center justify-content-center '
2405
2502
  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
2406
2503
  color: "white",
@@ -2445,7 +2542,7 @@ var Product_itemtype = function Product_itemtype(props) {
2445
2542
  style: {
2446
2543
  fontSize: sectionproperties.favBtnTextfontsize + 'px'
2447
2544
  }
2448
- }, langdetect == 'en' ? sectionproperties.favbtnaddedcontent_en : sectionproperties.favbtnaddedcontent_ar))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.cartBtnShow == '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", {
2545
+ }, langdetect == 'en' ? sectionproperties.favbtnaddedcontent_en : sectionproperties.favbtnaddedcontent_ar))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.cartBtnShow == 'Show' && (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.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
2449
2546
  "class": "row m-0 w-100 mt-3",
2450
2547
  style: {
2451
2548
  overflow: 'hidden'
@@ -2457,8 +2554,8 @@ var Product_itemtype = function Product_itemtype(props) {
2457
2554
  },
2458
2555
  onClick: function onClick() {
2459
2556
  if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
2460
- var _fetchProductInfoQuer9;
2461
- window.open('tel:' + ((_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.product_phonenumber), '_blank');
2557
+ var _fetchProductInfoQuer10;
2558
+ window.open('tel:' + ((_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.product_phonenumber), '_blank');
2462
2559
  } else {
2463
2560
  if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
2464
2561
  addtocartfunc();
@@ -2489,7 +2586,7 @@ var Product_itemtype = function Product_itemtype(props) {
2489
2586
  size: sectionproperties.cartBtn_iconFontSize
2490
2587
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
2491
2588
  size: sectionproperties.cartBtn_iconFontSize
2492
- })), langdetect == 'en' ? 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.productactionbuttontext_en : 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.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
2589
+ })), langdetect == 'en' ? 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.productactionbuttontext_en : 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.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
2493
2590
  className: ' d-flex align-items-center justify-content-center '
2494
2591
  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
2495
2592
  color: "white",
@@ -2530,13 +2627,13 @@ var Product_itemtype = function Product_itemtype(props) {
2530
2627
  // ? parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2)
2531
2628
  // : parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2)}
2532
2629
  React.useEffect(function () {
2533
- var _fetchProductInfoQuer12;
2630
+ var _fetchProductInfoQuer13;
2534
2631
  var totalprice = '';
2535
2632
  if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
2536
2633
  totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2);
2537
2634
  } else if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
2538
2635
  totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2);
2539
- } else if (variantindexcompleted.length != 0 && (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.variants[variantindexcompleted]) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.hassale) == 1) {
2636
+ } else if (variantindexcompleted.length != 0 && (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 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.variants[variantindexcompleted]) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.hassale) == 1) {
2540
2637
  totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2);
2541
2638
  } else {
2542
2639
  totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2);
@@ -2552,13 +2649,13 @@ var Product_itemtype = function Product_itemtype(props) {
2552
2649
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2553
2650
  "class": ' col-lg-12 p-0 '
2554
2651
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2555
- "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
2652
+ "class": srcfromprops == 'templatedraftrouter' ? "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 px-2 px-1025-1 p-sm-0 ' : "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
2556
2653
  style: {
2557
2654
  minHeight: sectionproperties.height + 'vh'
2558
2655
  }
2559
2656
  }, sectionproperties.gallerystyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
2560
2657
  "class": "w-100 scrollhorizontalwithscrollbar"
2561
- }, (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 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productimages) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.length) != 0 && (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.productimages.map(function (item, index) {
2658
+ }, (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.productimages) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.length) != 0 && (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.productimages.map(function (item, index) {
2562
2659
  return /*#__PURE__*/React__default["default"].createElement("div", {
2563
2660
  "class": ' scrollhorizontalcard mx-2 ',
2564
2661
  style: {
@@ -2594,12 +2691,12 @@ var Product_itemtype = function Product_itemtype(props) {
2594
2691
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2595
2692
  className: "row m-0 w-100"
2596
2693
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2597
- className: (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.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'
2598
- }, ProductNameSection()), (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.productcanrate) == 1 && sectionproperties.showrating == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
2694
+ className: (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.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'
2695
+ }, ProductNameSection()), (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.productcanrate) == 1 && sectionproperties.showrating == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
2599
2696
  className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
2600
2697
  }, /*#__PURE__*/React__default["default"].createElement(ReactStars__default["default"], {
2601
2698
  count: 5,
2602
- value: 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.productoverallrate,
2699
+ value: 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.productoverallrate,
2603
2700
  edit: false,
2604
2701
  size: 18,
2605
2702
  emptyIcon: /*#__PURE__*/React__default["default"].createElement("i", {
@@ -2620,7 +2717,7 @@ var Product_itemtype = function Product_itemtype(props) {
2620
2717
  activeColor: "#ffd700"
2621
2718
  })), /*#__PURE__*/React__default["default"].createElement("div", {
2622
2719
  className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
2623
- }, sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' && (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.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
2720
+ }, sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' && (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.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
2624
2721
  style: {
2625
2722
  width: sectionproperties.availability_width + 'px',
2626
2723
  height: sectionproperties.availability_height + 'px',
@@ -2672,7 +2769,7 @@ var Product_itemtype = function Product_itemtype(props) {
2672
2769
  }, /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
2673
2770
  actions: props.actions,
2674
2771
  srcfromprops: 'undername'
2675
- })), (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.vendorinfo) != null && sectionproperties.showvendor == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
2772
+ })), (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 ? void 0 : _fetchProductInfoQuer20.vendorinfo) != null && sectionproperties.showvendor == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
2676
2773
  "class": "col-lg-12 p-0 d-flex justify-content-start mt-2 mb-2"
2677
2774
  }, /*#__PURE__*/React__default["default"].createElement("p", {
2678
2775
  "class": "m-0 p-0",
@@ -2683,28 +2780,9 @@ var Product_itemtype = function Product_itemtype(props) {
2683
2780
  style: {
2684
2781
  fontWeight: 600
2685
2782
  }
2686
- }, 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.vendorinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.vendorname))), /*#__PURE__*/React__default["default"].createElement("div", {
2783
+ }, 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.vendorinfo) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.vendorname))), /*#__PURE__*/React__default["default"].createElement("div", {
2687
2784
  "class": "col-lg-12 p-0"
2688
- }, SKUSection()), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
2689
- "class": sectionproperties.deliverytimeshow == 'Show' && (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 ? void 0 : _fetchProductInfoQuer21.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'
2690
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2691
- "class": "m-0 p-0 d-flex justify-content-start"
2692
- }, /*#__PURE__*/React__default["default"].createElement("span", {
2693
- style: {
2694
- color: sectionproperties.skuColor,
2695
- fontWeight: sectionproperties.skuFontWeight,
2696
- fontSize: sectionproperties.skuFontSize + 'px',
2697
- textAlign: langdetect == 'en' ? 'left' : 'right'
2698
- }
2699
- }, langdetect == 'en' ? sectionproperties.skutitleEn : sectionproperties.skutitleAr, ":", ' '), /*#__PURE__*/React__default["default"].createElement("span", {
2700
- "class": "ml-1 mr-1",
2701
- style: {
2702
- color: '#7e859b',
2703
- fontWeight: sectionproperties.skuSecondaryFontWeight,
2704
- fontSize: sectionproperties.skuFontSize + 'px',
2705
- textAlign: langdetect == 'en' ? 'left' : 'right'
2706
- }
2707
- }, fetchProductInfoQueryContext.data.data.productinfo.sku))), (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.currentquantity) < 1 && sectionproperties.showoutofstock == 'Show' && (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.quantavailtype) == 'limit' && (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 ? void 0 : _fetchProductInfoQuer24.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
2785
+ }, SKUSection()), (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.currentquantity) < 1 && sectionproperties.showoutofstock == 'Show' && (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.quantavailtype) == 'limit' && (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 ? void 0 : _fetchProductInfoQuer24.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
2708
2786
  "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
2709
2787
  }, /*#__PURE__*/React__default["default"].createElement("div", {
2710
2788
  "class": "".concat(productinfo_cssstyles.outstockbadge) + ' allcentered '
@@ -2797,9 +2875,7 @@ var Product_itemtype = function Product_itemtype(props) {
2797
2875
  actions: props.actions
2798
2876
  }), sectionproperties.showextrafield == 'Show' && /*#__PURE__*/React__default["default"].createElement(ProductExtraFields, {
2799
2877
  actions: props.actions
2800
- }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
2801
- actions: props.actions
2802
- }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
2878
+ }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
2803
2879
  className: "col-lg-12 p-0 mb-3"
2804
2880
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
2805
2881
  className: "mb-0 mt-2"
@@ -2890,7 +2966,7 @@ var Product_itemtype = function Product_itemtype(props) {
2890
2966
  className: "font-weight-600"
2891
2967
  }, lang.availability, ":"), /*#__PURE__*/React__default["default"].createElement("span", {
2892
2968
  className: "ml-1 mr-1"
2893
- }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)))), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
2969
+ }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)))), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 1' && srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
2894
2970
  "class": "col-lg-12 p-0"
2895
2971
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
2896
2972
  "class": "mb-3 mt-3",
@@ -2909,11 +2985,6 @@ var Product_itemtype = function Product_itemtype(props) {
2909
2985
  paddingRight: langdetect == 'ar' ? '.5rem' : 0
2910
2986
  }
2911
2987
  }, StoreInfoprops(), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
2912
- "class": productinfo_cssstyles.storeinfocontainer + ' col-lg-12 p-0 ',
2913
- style: {}
2914
- }, /*#__PURE__*/React__default["default"].createElement("hr", {
2915
- "class": "my-3"
2916
- })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
2917
2988
  "class": "col-lg-12 p-0 allcentered mt-2"
2918
2989
  }, ShareButtonsContainer()))))))), sectionproperties.storeinfoposition == 'On The Right' && /*#__PURE__*/React__default["default"].createElement("div", {
2919
2990
  className: langdetect == 'en' ? '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',
@@ -5382,6 +5453,18 @@ var Productinfo = function Productinfo(props) {
5382
5453
  backgroundColor: sectionproperties.iconcontainerbgonhover
5383
5454
  }
5384
5455
  }),
5456
+ shareicon: glamor.css({
5457
+ width: sectionproperties.shareiconwidth + 'px',
5458
+ height: sectionproperties.shareiconheight + 'px',
5459
+ borderRadius: sectionproperties.shareiconborderradius + 'px',
5460
+ background: sectionproperties.shareiconbgcolor,
5461
+ color: sectionproperties.shareiconcolor,
5462
+ ':hover': {
5463
+ color: sectionproperties.shareiconcoloronhover,
5464
+ transition: '.3s',
5465
+ cursor: 'pointer'
5466
+ }
5467
+ }),
5385
5468
  checkoutbtn: glamor.css({
5386
5469
  width: sectionproperties.checkoutBtnWidth + 'px',
5387
5470
  height: sectionproperties.checkoutBtnHeight + 'px',
@@ -5587,7 +5670,7 @@ var Productinfo = function Productinfo(props) {
5587
5670
  }, sectionproperties.storeinfostyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
5588
5671
  "class": "row m-0 w-100"
5589
5672
  }, sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showstoreinfo1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
5590
- className: "col-lg-12 p-0 w-100 d-flex align-items-center mb-4"
5673
+ className: productinfo_cssstyles.storeinfobtn + ' col-lg-12 p-0 w-100 d-flex align-items-center mb-4 '
5591
5674
  }, /*#__PURE__*/React__default["default"].createElement("div", {
5592
5675
  "class": productinfo_cssstyles.iconContainer
5593
5676
  }, /*#__PURE__*/React__default["default"].createElement("i", {
@@ -5607,7 +5690,7 @@ var Productinfo = function Productinfo(props) {
5607
5690
  textAlign: langdetect == 'en' ? 'left' : 'right'
5608
5691
  }
5609
5692
  }, langdetect == 'en' ? sectionproperties.otherinfodesc1en : sectionproperties.otherinfodesc1ar))), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showstoreinfo2 == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
5610
- className: "col-lg-12 p-0 d-flex align-items-center mb-4"
5693
+ className: productinfo_cssstyles.storeinfobtn + ' col-lg-12 p-0 d-flex align-items-center mb-4 '
5611
5694
  }, /*#__PURE__*/React__default["default"].createElement("div", {
5612
5695
  "class": productinfo_cssstyles.iconContainer
5613
5696
  }, /*#__PURE__*/React__default["default"].createElement("i", {
@@ -5629,7 +5712,7 @@ var Productinfo = function Productinfo(props) {
5629
5712
  }, langdetect == 'en' ? sectionproperties.otherinfodesc2en : sectionproperties.otherinfodesc2ar))), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showpricinglist == 'Show' && (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.productquantityoptions) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
5630
5713
  "class": "col-lg-12 p-0 mb-4"
5631
5714
  }, getQuantityCondition()), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
5632
- className: productinfo_cssstyles.storeinfocontainer + ' mb-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
5715
+ className: "".concat(productinfo_cssstyles.storeinfobtn, " ").concat(productinfo_cssstyles.storeinfocontainer) + ' mb-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
5633
5716
  onClick: function onClick() {
5634
5717
  window.open('tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber), '_blank');
5635
5718
  }
@@ -5652,7 +5735,7 @@ var Productinfo = function Productinfo(props) {
5652
5735
  textAlign: langdetect == 'en' ? 'left' : 'right'
5653
5736
  }
5654
5737
  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber))), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
5655
- className: productinfo_cssstyles.storeinfocontainer + ' mb-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
5738
+ className: "".concat(productinfo_cssstyles.storeinfobtn, " ").concat(productinfo_cssstyles.storeinfocontainer) + ' mb-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
5656
5739
  onClick: function onClick() {
5657
5740
  var _authdetailsContext$i2;
5658
5741
  window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.contactinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.email), '_self');
@@ -5745,7 +5828,7 @@ var Productinfo = function Productinfo(props) {
5745
5828
  lang: lang,
5746
5829
  srcfromprops: props.srcfromprops
5747
5830
  }, _defineProperty__default["default"](_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref2, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref2, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref2, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref2, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref2, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref2, "routingcountext", routingcountext), _defineProperty__default["default"](_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref2, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref2, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref2, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref2, "getQuantityCondition", getQuantityCondition), _defineProperty__default["default"](_ref2, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref2, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref2, "ikimagecredcontext", ikimagecredcontext), _ref2)
5748
- }), /*#__PURE__*/React__default["default"].createElement("div", {
5831
+ }), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
5749
5832
  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 ',
5750
5833
  style: {
5751
5834
  paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -5911,7 +5994,7 @@ var Productinfo = function Productinfo(props) {
5911
5994
  productinfo_cssstyles: productinfo_cssstyles,
5912
5995
  sectionproperties: sectionproperties
5913
5996
  })
5914
- }))))), /*#__PURE__*/React__default["default"].createElement("div", {
5997
+ }))))), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
5915
5998
  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 ',
5916
5999
  style: {
5917
6000
  paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -7544,7 +7627,7 @@ var Wishlist = function Wishlist(props) {
7544
7627
  function ownKeys$2f(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; }
7545
7628
  function _objectSpread$2f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
7546
7629
  var Viewcart = function Viewcart(props) {
7547
- var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue7, _fetchcustomercartQue8;
7630
+ var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9;
7548
7631
  var lang = props.actions.lang;
7549
7632
  var langdetect = props.actions.langdetect;
7550
7633
  var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
@@ -7784,10 +7867,8 @@ var Viewcart = function Viewcart(props) {
7784
7867
  }
7785
7868
  }),
7786
7869
  tableimagecont: glamor.css({
7787
- width: '70px',
7788
- height: sectionproperties.prodimage__borderBottomLeftRadius == 100 ? '70px' : '60px',
7789
- border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
7790
- backgroundColor: sectionproperties.prodimage_bgcolor,
7870
+ width: sectionproperties.prodimage_width + 'px',
7871
+ height: sectionproperties.prodimage_height + 'px',
7791
7872
  display: 'flex',
7792
7873
  alignItems: 'center',
7793
7874
  justifyContent: 'center',
@@ -7800,6 +7881,22 @@ var Viewcart = function Viewcart(props) {
7800
7881
  '@media (max-width: 800px)': {
7801
7882
  paddingTop: sectionproperties.marginTopResp + 'px'
7802
7883
  }
7884
+ }),
7885
+ shopbuttonstyles: glamor.css({
7886
+ width: sectionproperties.generalbtn_width == 0 ? '100%' : sectionproperties.generalbtn_width + '%',
7887
+ height: sectionproperties.generalbtn_height + 'px',
7888
+ borderRadius: sectionproperties.generalbtnborderradius,
7889
+ backgroundColor: sectionproperties.generalbtn_bgColor,
7890
+ color: sectionproperties.generalbtn_textColor,
7891
+ border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
7892
+ fontSize: sectionproperties.generalbtn_fontsize + 'px',
7893
+ fontWeight: sectionproperties.generalbtn_fontweight,
7894
+ ':hover': {
7895
+ transition: '.3s',
7896
+ backgroundColor: sectionproperties.generalbtn_bgColoronhover,
7897
+ color: sectionproperties.generalbtn_textColoronhover,
7898
+ borderColor: sectionproperties.generalbtn_textColoronhover
7899
+ }
7803
7900
  })
7804
7901
  };
7805
7902
  var _useState5 = React.useState([]),
@@ -7839,7 +7936,7 @@ var Viewcart = function Viewcart(props) {
7839
7936
  "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? 'h-sm-auto mb-sm-4' : '',
7840
7937
  style: {
7841
7938
  width: sectionproperties.image_width + 'vw',
7842
- height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'vh',
7939
+ height: 'auto',
7843
7940
  marginBottom: sectionproperties.image_mb + 'px',
7844
7941
  position: 'relative'
7845
7942
  }
@@ -7851,15 +7948,11 @@ var Viewcart = function Viewcart(props) {
7851
7948
  style: {
7852
7949
  height: '100%',
7853
7950
  width: '100%',
7951
+ objectFit: 'contain',
7854
7952
  margin: 0,
7855
7953
  padding: 0,
7856
- background: sectionproperties.image_bgcolor,
7857
- borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
7858
- borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
7859
- borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
7860
- borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
7861
- zIndex: -1,
7862
- objectFit: sectionproperties.bgcovercontain
7954
+ borderRadius: sectionproperties.imageborderradius + 'px',
7955
+ zIndex: -1
7863
7956
  }
7864
7957
  }), /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
7865
7958
  urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -7869,34 +7962,13 @@ var Viewcart = function Viewcart(props) {
7869
7962
  style: {
7870
7963
  height: '100%',
7871
7964
  width: '100%',
7965
+ objectFit: 'contain',
7872
7966
  margin: 0,
7873
7967
  padding: 0,
7874
- objectFit: sectionproperties.bgcovercontainresponsive,
7875
- background: sectionproperties.image_bgcolor,
7876
- borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
7877
- borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
7878
- borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
7879
- borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
7968
+ borderRadius: sectionproperties.imageborderradius + 'px',
7880
7969
  zIndex: -1
7881
7970
  }
7882
- }), /*#__PURE__*/React__default["default"].createElement("div", {
7883
- className: ' col-lg-12 p-0 w-100 d-flex align-items-center justify-content-center ',
7884
- style: {
7885
- position: 'absolute',
7886
- top: 0,
7887
- right: 0,
7888
- bottom: 0,
7889
- left: 0
7890
- }
7891
- }, /*#__PURE__*/React__default["default"].createElement("p", {
7892
- className: ' m-0 p-0 ',
7893
- style: {
7894
- fontSize: sectionproperties.imagetextfontsize + 'px',
7895
- color: sectionproperties.imagetextcolor,
7896
- textTransform: sectionproperties.imagetexttextTransform,
7897
- fontWeight: sectionproperties.imagetextfontWeight
7898
- }
7899
- }, lang.mycart)))), /*#__PURE__*/React__default["default"].createElement("div", {
7971
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
7900
7972
  className: "col-lg-12 p-0"
7901
7973
  }, /*#__PURE__*/React__default["default"].createElement("div", {
7902
7974
  className: 'row ml-0 mr-0 d-flex justify-content-center w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
@@ -7919,7 +7991,7 @@ var Viewcart = function Viewcart(props) {
7919
7991
  actions: actions
7920
7992
  })), /*#__PURE__*/React__default["default"].createElement("div", {
7921
7993
  className: 'col-lg-12 d-flex w-100 p-0'
7922
- }, /*#__PURE__*/React__default["default"].createElement("div", {
7994
+ }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.customercart) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.cartitems) === null || _fetchcustomercartQue7 === void 0 ? void 0 : _fetchcustomercartQue7.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
7923
7995
  className: "row m-0 w-100"
7924
7996
  }, /*#__PURE__*/React__default["default"].createElement("div", {
7925
7997
  className: langdetect == 'en' ? 'col-lg-9 pr-0' : 'col-lg-9 pl-0'
@@ -7935,10 +8007,7 @@ var Viewcart = function Viewcart(props) {
7935
8007
  }, /*#__PURE__*/React__default["default"].createElement("table", {
7936
8008
  className: 'table table_thbg'
7937
8009
  }, /*#__PURE__*/React__default["default"].createElement("thead", {
7938
- className: "",
7939
- style: {
7940
- background: '#eee'
7941
- }
8010
+ className: ""
7942
8011
  }, /*#__PURE__*/React__default["default"].createElement("th", {
7943
8012
  className: langdetect == 'en' ? 'text-left font-weight-500 font-14 text-light mw-150 mw-md-300' : 'text-right font-weight-500 font-14 text-light mw-150 mw-md-300'
7944
8013
  }, langdetect == 'en' ? sectionproperties.productnametitle_en : sectionproperties.productnametitle_ar), /*#__PURE__*/React__default["default"].createElement("th", {
@@ -7955,7 +8024,7 @@ var Viewcart = function Viewcart(props) {
7955
8024
  }
7956
8025
  }, lang.total), /*#__PURE__*/React__default["default"].createElement("th", {
7957
8026
  className: "text-capitalize text-center font-weight-500 font-14 text-uppercase text-light"
7958
- }, lang.remove)), /*#__PURE__*/React__default["default"].createElement("tbody", null, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.customercart) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.cartitems) === null || _fetchcustomercartQue7 === void 0 ? void 0 : _fetchcustomercartQue7.map(function (item, index) {
8027
+ }, lang.remove)), /*#__PURE__*/React__default["default"].createElement("tbody", null, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue8 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.cartitems) === null || _fetchcustomercartQue8 === void 0 ? void 0 : _fetchcustomercartQue8.map(function (item, index) {
7959
8028
  return /*#__PURE__*/React__default["default"].createElement("tr", {
7960
8029
  className: "border-none"
7961
8030
  }, /*#__PURE__*/React__default["default"].createElement("td", {
@@ -7971,8 +8040,7 @@ var Viewcart = function Viewcart(props) {
7971
8040
  style: {
7972
8041
  width: '100%',
7973
8042
  height: '100%',
7974
- objectFit: sectionproperties.prodimage__borderBottomLeftRadius == '100' ? 'cover' : 'contain',
7975
- borderRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px'
8043
+ objectFit: 'contain'
7976
8044
  },
7977
8045
  loading: "lazy"
7978
8046
  })), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -8126,16 +8194,18 @@ var Viewcart = function Viewcart(props) {
8126
8194
  deletecartitemContext(item);
8127
8195
  }
8128
8196
  }, lang.remove)));
8129
- })))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue8 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue8 === void 0 ? void 0 : _fetchcustomercartQue8.cartitems.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
8130
- className: "row m-0 w-100 d-flex align-items-center justify-content-center h-100 pt-5 pb-5",
8197
+ })))))), /*#__PURE__*/React__default["default"].createElement("div", {
8198
+ className: langdetect == 'en' ? ' col-lg-3 pr-0 px-sm-0 mb-4 ' : ' col-lg-3 pl-0 px-sm-0 mb-4'
8199
+ }, Summary())), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.customercart) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.cartitems.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
8200
+ className: "row m-0 w-100 d-flex align-items-center justify-content-center pt-5 pb-5",
8131
8201
  style: {
8132
- height: '50vh'
8202
+ height: '60vh'
8133
8203
  }
8134
8204
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8135
8205
  className: ' col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5 '
8136
8206
  }, /*#__PURE__*/React__default["default"].createElement("div", {
8137
8207
  className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column"
8138
- }, sectionproperties.noproducticontype == 'Cart' && /*#__PURE__*/React__default["default"].createElement("img", {
8208
+ }, sectionproperties.noproducticontype == 'Cart' && sectionproperties.noprod_iconfontSize != 0 && /*#__PURE__*/React__default["default"].createElement("img", {
8139
8209
  src: 'https://tabex-co.com/storage/StaticImages/shoppingcart.png',
8140
8210
  style: {
8141
8211
  maxWidth: '250px',
@@ -8153,9 +8223,12 @@ var Viewcart = function Viewcart(props) {
8153
8223
  color: sectionproperties.noprod_color,
8154
8224
  fontSize: sectionproperties.noprod_fontSize + 'px'
8155
8225
  }
8156
- }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
8157
- className: langdetect == 'en' ? ' col-lg-3 pr-0 px-sm-0 mb-4 ' : ' col-lg-3 pl-0 px-sm-0 mb-4'
8158
- }, Summary()))))));
8226
+ }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar), /*#__PURE__*/React__default["default"].createElement("button", {
8227
+ className: "".concat(viewcart_cssstyles.shopbuttonstyles) + ' mt-4 d-flex align-items-center justify-content-center ',
8228
+ onClick: function onClick() {
8229
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
8230
+ }
8231
+ }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))));
8159
8232
  };
8160
8233
 
8161
8234
  var css_248z$G = "/* Forms */\n.form-module_form_control__4-RGw {\n display: block;\n width: 100%;\n /* height: 25px; */\n /* font-size: 1rem; */\n font-weight: 500;\n /* color: #444054; */\n /* background-color: white; */\n /* border-radius: 20px; */\n /* box-shadow: 0 0 10px #e6e6e6; */\n /* height: 40px; */\n padding-left: 0;\n padding-right: 0;\n /* font-size: 14px; */\n transition: background 0s ease-out;\n padding: 0 10px;\n}\n.form-module_textarea__zG0ed{\n resize: none;\n /* background-color: #eee; */\n}\n@media screen and (prefers-reduced-motion: reduce) {\n .form-module_form_control__4-RGw {\n transition: none;\n }\n}\n.form-module_form_control__4-RGw::-ms-expand {\n background-color: transparent;\n border: 0;\n}\n.form-module_form_control__4-RGw::placeholder {\n color: #eac435;\n opacity: 1;\n}\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[readonly] {\n background-color: #e9ecef;\n opacity: 1;\n cursor: not-allowed;\n}\ntextarea.form-module_form_control__4-RGw {\n /* min-height: 100px !important; */\n padding-top: 10px;\n padding-bottom: 10px;\n}\n.form-module_form_control__4-RGw:focus {\n transition-duration: 0.3s;\n box-shadow: none;\n /* box-shadow: 0 0 10px #ccc; */\n}\n.form-module_form_control__4-RGw::-moz-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.form-module_form_control__4-RGw:-ms-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.form-module_form_control__4-RGw::-webkit-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n\n.form-module_form_control_border_none__TJvdZ {\n background-image: none;\n}\n.form-module_form_control__4-RGw.form-module_disabled__AtvSI,\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[disabled] {\n cursor: not-allowed;\n}\n.form-module_input_label_name__416wN {\n font-size: 16px;\n text-transform: capitalize;\n color: var(--cardheader);\n font-weight: 500;\n}\n.form-module_input_label_name-bolder__UQn0a {\n font-weight: 500;\n}\n.form-module_input_icon__X-CzC {\n position: absolute;\n bottom: 5px;\n left: 0;\n color: #d9d9d9;\n}\n/* Radio Buttons */\n.form-module_radiobtn_label__-4Hoi {\n display: flex;\n cursor: pointer;\n font-weight: 500;\n position: relative;\n overflow: hidden;\n margin-bottom: 0;\n}\n.form-module_radiobtn_label__-4Hoi input {\n position: absolute;\n left: -9999px;\n display: none;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span {\n background-color: #f0f5f5;\n color: var(--focus);\n font-weight: 500;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span:before {\n box-shadow: inset 0 0 0 0.3em #eac435;\n}\n.form-module_radiobtn_label__-4Hoi span {\n display: flex;\n align-items: center;\n text-transform: capitalize;\n padding: 0.375em 0.75em 0.375em 0.375em;\n border-radius: 99em;\n transition: 0.25s ease;\n font-weight: normal;\n color: var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi span:hover {\n background-color: #e6e6e6;\n}\n.form-module_radiobtn_label__-4Hoi span:before {\n display: flex;\n flex-shrink: 0;\n content: '';\n background-color: #fff;\n width: 1em;\n height: 1em;\n border-radius: 50%;\n margin-right: 0.375em;\n transition: 0.25s ease;\n box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi.form-module_text-grey__JdZMY span:before {\n box-shadow: inset 0 0 0 0.125em grey;\n}\n.form-module_radiobtn_label__-4Hoi input.form-module_disabled__AtvSI {\n cursor: not-allowed;\n}\n.form-module_radiobtn_label_translated__WN5Jj span:before {\n display: flex;\n flex-shrink: 0;\n content: '';\n background-color: #fff;\n width: 1em;\n height: 1em;\n border-radius: 50%;\n margin-left: 0.375em;\n margin-right: 0;\n transition: 0.25s ease;\n box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label_translated__WN5Jj input.form-module_disabled__AtvSI {\n cursor: not-allowed;\n}\n\n/* Checkbox */\n.form-module_checkbox__XPkWy {\n --border: #022648;\n --border-hover: #959ed0;\n --tick: #fff;\n position: relative;\n /* color: var(--cardheader); */\n}\n.form-module_checkbox_label__VvcKs {\n font-size: 16px;\n text-transform: capitalize;\n font-weight: 500;\n cursor: pointer;\n}\n.form-module_checkbox__XPkWy:hover {\n /* color: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input,\n.form-module_checkbox__XPkWy svg {\n width: 16px;\n height: 16px;\n display: block;\n}\n.form-module_checkbox_sub__QWYil input {\n width: 15px;\n height: 15px;\n}\n.form-module_checkbox__XPkWy input {\n -webkit-appearance: none;\n -moz-appearance: none;\n position: relative;\n outline: none;\n background: white;\n border: none;\n margin: 0;\n padding: 0;\n cursor: pointer;\n border-radius: 4px;\n transition: box-shadow 0.3s;\n box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.form-module_checkbox__XPkWy input:disabled {\n cursor: not-allowed;\n}\n.form-module_checkbox__XPkWy input:hover {\n /* --s: 2px; */\n /* --b: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input:checked {\n /* --b: var(--secondary); */\n}\n.form-module_checkbox__XPkWy svg {\n pointer-events: none;\n fill: none;\n stroke-width: 2px;\n stroke-linecap: round;\n stroke-linejoin: round;\n /* stroke: var(--stroke, var(--secondary)); */\n position: absolute;\n top: 0;\n left: 0;\n width: 16px;\n height: 21px;\n transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkbox_sub__QWYil svg {\n pointer-events: none;\n fill: none;\n stroke-width: 2px;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke: var(--stroke, var(--secondary));\n position: absolute;\n top: 0;\n left: 0;\n width: 16px;\n height: 21px;\n transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkboxtranslated__zvEV- svg {\n right: 0;\n}\n.form-module_checkbox__XPkWy input:checked {\n --s: 2px;\n transition-delay: 0.4s;\n}\n.form-module_checkbox__XPkWy input:checked + svg {\n --a: 16.1 86.12;\n --o: 102.22;\n}\n.form-module_checkbox__XPkWy svg {\n stroke-dasharray: var(--a, 86.12);\n stroke-dashoffset: var(--o, 86.12);\n transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n";
@@ -8168,7 +8241,7 @@ var Select$3 = /*#__PURE__*/React__default["default"].lazy(function () {
8168
8241
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
8169
8242
  });
8170
8243
  var Checkout = function Checkout(props) {
8171
- var _css, _checkoutstyles, _ref, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64, _fetchcustomercartQue65, _fetchcustomercartQue67, _fetchcustomercartQue69, _fetchcustomercartQue71, _fetchcustomercartQue73;
8244
+ var _css, _checkoutstyles, _ref, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64, _fetchcustomercartQue65, _fetchcustomercartQue67, _fetchcustomercartQue69, _fetchcustomercartQue71, _fetchcustomercartQue73, _fetchcustomercartQue75;
8172
8245
  var _useState = React.useState(null),
8173
8246
  _useState2 = _slicedToArray__default["default"](_useState, 2);
8174
8247
  _useState2[0];
@@ -9366,7 +9439,28 @@ var Checkout = function Checkout(props) {
9366
9439
  d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
9367
9440
  })), /*#__PURE__*/React__default["default"].createElement("p", {
9368
9441
  className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
9369
- }, " ValU")))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue73 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue73 === void 0 || (_fetchcustomercartQue73 = _fetchcustomercartQue73.data) === null || _fetchcustomercartQue73 === void 0 ? void 0 : _fetchcustomercartQue73.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React__default["default"].createElement("div", {
9442
+ }, " ValU"))), authdetailsContext.instinfo.acceptmobilewalletpayment == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
9443
+ className: "col-xl-4 col-lg-4 col-md-12 mb-3"
9444
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
9445
+ className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
9446
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
9447
+ type: "checkbox",
9448
+ className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
9449
+ checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue73 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue73 === void 0 || (_fetchcustomercartQue73 = _fetchcustomercartQue73.data) === null || _fetchcustomercartQue73 === void 0 ? void 0 : _fetchcustomercartQue73.customercart.paymentmethod) == 'mobilewallet' ? true : false,
9450
+ onChange: function onChange() {
9451
+ var _fetchcustomercartQue74;
9452
+ if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue74 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue74 === void 0 || (_fetchcustomercartQue74 = _fetchcustomercartQue74.data) === null || _fetchcustomercartQue74 === void 0 ? void 0 : _fetchcustomercartQue74.customercart.paymentmethod) != 'mobilewallet') {
9453
+ cartinfoupdater('paymentmethod', 'mobilewallet');
9454
+ }
9455
+ }
9456
+ }), /*#__PURE__*/React__default["default"].createElement("svg", {
9457
+ viewBox: "0 0 21 21",
9458
+ className: checkoutstyles.svgstyles + ' h-100 '
9459
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
9460
+ d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
9461
+ })), /*#__PURE__*/React__default["default"].createElement("p", {
9462
+ className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
9463
+ }, " Mobile Wallet")))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue75 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue75 === void 0 || (_fetchcustomercartQue75 = _fetchcustomercartQue75.data) === null || _fetchcustomercartQue75 === void 0 ? void 0 : _fetchcustomercartQue75.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React__default["default"].createElement("div", {
9370
9464
  className: "col-lg-12 p-0 w-100 mb-3"
9371
9465
  }, /*#__PURE__*/React__default["default"].createElement("div", {
9372
9466
  style: {
@@ -9477,7 +9571,7 @@ var Select$2 = /*#__PURE__*/React__default["default"].lazy(function () {
9477
9571
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
9478
9572
  });
9479
9573
  var CustomerInformationForm = function CustomerInformationForm(props) {
9480
- var _fetchAuthorizationQu, _fetchAuthorizationQu2, _css, _authdetailsContext$i2, _authdetailsContext$c, _authdetailsContext$c2;
9574
+ var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _css, _authdetailsContext$i2, _authdetailsContext$c, _authdetailsContext$c2;
9481
9575
  var lang = props.actions.lang;
9482
9576
  var langdetect = props.actions.langdetect;
9483
9577
  props.actions.routingcountext;
@@ -9495,7 +9589,6 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9495
9589
  var instapikey = props.actions.instapikey;
9496
9590
  var templatepropcontext = props.actions.templatepropcontext;
9497
9591
  var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
9498
- props.actions.ikimagecredcontext;
9499
9592
  var NotificationManager = props.actions.NotificationManager;
9500
9593
  var actions = props.actions;
9501
9594
  var _useState = React.useState(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu === void 0 || (_fetchAuthorizationQu = _fetchAuthorizationQu.data) === null || _fetchAuthorizationQu === void 0 || (_fetchAuthorizationQu = _fetchAuthorizationQu.instinfo) === null || _fetchAuthorizationQu === void 0 ? void 0 : _fetchAuthorizationQu.customerAddressrequiered),
@@ -9506,28 +9599,45 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9506
9599
  _useState4 = _slicedToArray__default["default"](_useState3, 2),
9507
9600
  customervalidateemail = _useState4[0],
9508
9601
  setcustomervalidateemail = _useState4[1];
9509
- var _useState5 = React.useState(false),
9602
+ var _useState5 = React.useState(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu3 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu3 === void 0 || (_fetchAuthorizationQu3 = _fetchAuthorizationQu3.data) === null || _fetchAuthorizationQu3 === void 0 || (_fetchAuthorizationQu3 = _fetchAuthorizationQu3.instinfo) === null || _fetchAuthorizationQu3 === void 0 ? void 0 : _fetchAuthorizationQu3.customervalidatephonenumber),
9510
9603
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
9511
- validateemailmodal = _useState6[0],
9512
- setvalidateemailmodal = _useState6[1];
9513
- var _useState7 = React.useState(''),
9604
+ customervalidatephonenumber = _useState6[0],
9605
+ setcustomervalidatephonenumber = _useState6[1];
9606
+ var _useState7 = React.useState(false),
9514
9607
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
9515
- sectionproperties = _useState8[0],
9516
- setsectionproperties = _useState8[1];
9608
+ validatephonenumbermodal = _useState8[0],
9609
+ setvalidatephonenumbermodal = _useState8[1];
9517
9610
  var _useState9 = React.useState(false),
9518
9611
  _useState10 = _slicedToArray__default["default"](_useState9, 2),
9519
- dataloaded = _useState10[0],
9520
- setdataloaded = _useState10[1];
9521
- var _useState11 = React.useState({
9612
+ validateemailmodal = _useState10[0],
9613
+ setvalidateemailmodal = _useState10[1];
9614
+ var _useState11 = React.useState(''),
9615
+ _useState12 = _slicedToArray__default["default"](_useState11, 2),
9616
+ sectionproperties = _useState12[0],
9617
+ setsectionproperties = _useState12[1];
9618
+ var _useState13 = React.useState(false),
9619
+ _useState14 = _slicedToArray__default["default"](_useState13, 2),
9620
+ dataloaded = _useState14[0],
9621
+ setdataloaded = _useState14[1];
9622
+ var _useState15 = React.useState({
9623
+ phonenumber: '',
9624
+ code: '',
9625
+ step: 'sendcode',
9626
+ isvalidated: false
9627
+ }),
9628
+ _useState16 = _slicedToArray__default["default"](_useState15, 2),
9629
+ validatephonenumberpayload = _useState16[0],
9630
+ setvalidatephonenumberpayload = _useState16[1];
9631
+ var _useState17 = React.useState({
9522
9632
  email: '',
9523
9633
  code: '',
9524
9634
  step: 'sendcode',
9525
9635
  isvalidated: false
9526
9636
  }),
9527
- _useState12 = _slicedToArray__default["default"](_useState11, 2),
9528
- validateemailpayload = _useState12[0],
9529
- setvalidateemailpayload = _useState12[1];
9530
- var _useState13 = React.useState({
9637
+ _useState18 = _slicedToArray__default["default"](_useState17, 2),
9638
+ validateemailpayload = _useState18[0],
9639
+ setvalidateemailpayload = _useState18[1];
9640
+ var _useState19 = React.useState({
9531
9641
  instapikey: instapikey,
9532
9642
  name: '',
9533
9643
  email: '',
@@ -9542,26 +9652,27 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9542
9652
  cityid: '',
9543
9653
  countrydialcode: ''
9544
9654
  }),
9545
- _useState14 = _slicedToArray__default["default"](_useState13, 2),
9546
- payloadobj = _useState14[0],
9547
- setpayloadobj = _useState14[1];
9548
- var _useState15 = React.useState(false),
9549
- _useState16 = _slicedToArray__default["default"](_useState15, 2);
9550
- _useState16[0];
9551
- _useState16[1];
9552
- var _useState17 = React.useState(false),
9553
- _useState18 = _slicedToArray__default["default"](_useState17, 2);
9554
- _useState18[0];
9555
- _useState18[1];
9556
- var _useState19 = React.useState(false),
9557
9655
  _useState20 = _slicedToArray__default["default"](_useState19, 2),
9558
- waitingpage = _useState20[0],
9559
- setwaitingpage = _useState20[1];
9656
+ payloadobj = _useState20[0],
9657
+ setpayloadobj = _useState20[1];
9658
+ var _useState21 = React.useState(false),
9659
+ _useState22 = _slicedToArray__default["default"](_useState21, 2);
9660
+ _useState22[0];
9661
+ _useState22[1];
9662
+ var _useState23 = React.useState(false),
9663
+ _useState24 = _slicedToArray__default["default"](_useState23, 2);
9664
+ _useState24[0];
9665
+ _useState24[1];
9666
+ var _useState25 = React.useState(false),
9667
+ _useState26 = _slicedToArray__default["default"](_useState25, 2),
9668
+ waitingpage = _useState26[0],
9669
+ setwaitingpage = _useState26[1];
9560
9670
  React.useEffect(function () {
9561
9671
  if (fetchAuthorizationQueryContext.isSuccess) {
9562
- var _fetchAuthorizationQu3, _fetchAuthorizationQu4;
9563
- setcustomeraddressrequierd(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu3 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu3 === void 0 || (_fetchAuthorizationQu3 = _fetchAuthorizationQu3.data) === null || _fetchAuthorizationQu3 === void 0 || (_fetchAuthorizationQu3 = _fetchAuthorizationQu3.instinfo) === null || _fetchAuthorizationQu3 === void 0 ? void 0 : _fetchAuthorizationQu3.customerAddressrequiered);
9564
- setcustomervalidateemail(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu4 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu4 === void 0 || (_fetchAuthorizationQu4 = _fetchAuthorizationQu4.data) === null || _fetchAuthorizationQu4 === void 0 || (_fetchAuthorizationQu4 = _fetchAuthorizationQu4.instinfo) === null || _fetchAuthorizationQu4 === void 0 ? void 0 : _fetchAuthorizationQu4.customervalidateemail);
9672
+ var _fetchAuthorizationQu4, _fetchAuthorizationQu5, _fetchAuthorizationQu6;
9673
+ setcustomeraddressrequierd(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu4 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu4 === void 0 || (_fetchAuthorizationQu4 = _fetchAuthorizationQu4.data) === null || _fetchAuthorizationQu4 === void 0 || (_fetchAuthorizationQu4 = _fetchAuthorizationQu4.instinfo) === null || _fetchAuthorizationQu4 === void 0 ? void 0 : _fetchAuthorizationQu4.customerAddressrequiered);
9674
+ setcustomervalidateemail(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu5 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu5 === void 0 || (_fetchAuthorizationQu5 = _fetchAuthorizationQu5.data) === null || _fetchAuthorizationQu5 === void 0 || (_fetchAuthorizationQu5 = _fetchAuthorizationQu5.instinfo) === null || _fetchAuthorizationQu5 === void 0 ? void 0 : _fetchAuthorizationQu5.customervalidateemail);
9675
+ setcustomervalidatephonenumber(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu6 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu6 === void 0 || (_fetchAuthorizationQu6 = _fetchAuthorizationQu6.data) === null || _fetchAuthorizationQu6 === void 0 || (_fetchAuthorizationQu6 = _fetchAuthorizationQu6.instinfo) === null || _fetchAuthorizationQu6 === void 0 ? void 0 : _fetchAuthorizationQu6.customervalidatephonenumber);
9565
9676
  }
9566
9677
  }, [fetchAuthorizationQueryContext.isSuccess]);
9567
9678
  React.useEffect(function () {
@@ -9899,7 +10010,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9899
10010
  setFetchTabexStatesPayloadobjContext(_objectSpread$2d({}, tempFetchTabexStatesPayloadobjContext));
9900
10011
  payloadobjchange('countryid', option.id);
9901
10012
  },
9902
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
10013
+ styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
9903
10014
  placeholder: langdetect == 'en' ? 'Choose Country' : 'إختر البلد',
9904
10015
  isSearchable: true
9905
10016
  })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -9951,7 +10062,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9951
10062
  setFetchTabexStatesPayloadobjContext(_objectSpread$2d({}, tempFetchTabexStatesPayloadobjContext));
9952
10063
  payloadobjchange('stateid', option.id);
9953
10064
  },
9954
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
10065
+ styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
9955
10066
  placeholder: lang.choosestategov,
9956
10067
  isSearchable: true
9957
10068
  })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -9999,7 +10110,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9999
10110
  onChange: function onChange(option) {
10000
10111
  payloadobjchange('cityid', option.id);
10001
10112
  },
10002
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
10113
+ styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
10003
10114
  placeholder: lang.choosecity,
10004
10115
  isSearchable: true
10005
10116
  })), sectionproperties.hideaddress == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -10015,7 +10126,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10015
10126
  className: loginstyles.wrap_input100
10016
10127
  }, /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
10017
10128
  type: "text",
10018
- className: "".concat(loginstyles.form_control, " ").concat(loginstyles.form_controltextarea, " ").concat(formstyles.form_control),
10129
+ className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control) + ' py-1 ',
10019
10130
  value: payloadobj.shippingaddress,
10020
10131
  textplaceholder: "",
10021
10132
  onChange: function onChange(event) {
@@ -10158,9 +10269,29 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10158
10269
  disabled: CustomerSignUpMutationContext.isLoading ? true : false,
10159
10270
  onClick: function onClick() {
10160
10271
  if (verifypayload() == true) {
10272
+ var isEmailOTP_Validated = false;
10273
+ var isPhoneNumberOTP_Validated = false;
10161
10274
  if (customervalidateemail == 1) {
10162
- setvalidateemailmodal(true);
10275
+ if (validateemailpayload.isvalidated) {
10276
+ isEmailOTP_Validated = true;
10277
+ } else {
10278
+ isEmailOTP_Validated = false;
10279
+ setvalidateemailmodal(true);
10280
+ }
10163
10281
  } else {
10282
+ isEmailOTP_Validated = true;
10283
+ }
10284
+ if (customervalidatephonenumber == 1) {
10285
+ if (validatephonenumberpayload.isvalidated) {
10286
+ isPhoneNumberOTP_Validated = true;
10287
+ } else {
10288
+ isPhoneNumberOTP_Validated = false;
10289
+ setvalidatephonenumbermodal(true);
10290
+ }
10291
+ } else {
10292
+ isPhoneNumberOTP_Validated = true;
10293
+ }
10294
+ if (isPhoneNumberOTP_Validated && isEmailOTP_Validated) {
10164
10295
  signupbuttonfunc();
10165
10296
  }
10166
10297
  }
@@ -10174,11 +10305,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10174
10305
  style: {
10175
10306
  letterSpacing: langdetect == 'en' ? '1px' : ''
10176
10307
  }
10177
- }, langdetect == 'en' ? sectionproperties.signupbtn_contenten : sectionproperties.signupbtn_contentar), authdetailsContext.loggedin == true && /*#__PURE__*/React__default["default"].createElement("span", {
10178
- style: {
10179
- letterSpacing: langdetect == 'en' ? '1px' : ''
10180
- }
10181
- }, lang.update)));
10308
+ }, langdetect == 'en' ? sectionproperties.signupbtn_contenten : sectionproperties.signupbtn_contentar), authdetailsContext.loggedin == true && /*#__PURE__*/React__default["default"].createElement("span", null, lang.update)));
10182
10309
  };
10183
10310
  return /*#__PURE__*/React__default["default"].createElement("div", {
10184
10311
  className: "row m-0 w-100 d-flex justify-content-center",
@@ -10250,7 +10377,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10250
10377
  fontWeight: sectionproperties.sectionTitleFontWeight
10251
10378
  }
10252
10379
  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$c2 = authdetailsContext.customerinfo) === null || _authdetailsContext$c2 === void 0 ? void 0 : _authdetailsContext$c2.subscrption_enddate))), /*#__PURE__*/React__default["default"].createElement("div", {
10253
- className: "col-lg-12 mb-3 p-0"
10380
+ className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-12 mb-3 p-0' : 'col-lg-12 p-0'
10254
10381
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10255
10382
  style: {
10256
10383
  background: sectionproperties.backgroundColor,
@@ -10259,8 +10386,8 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10259
10386
  borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
10260
10387
  borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
10261
10388
  },
10262
- className: "p-2 w-100"
10263
- }, /*#__PURE__*/React__default["default"].createElement("div", {
10389
+ className: sectionproperties.cardstyletype == 'Style 1' ? 'p-2 w-100' : 'w-100'
10390
+ }, sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
10264
10391
  className: "row ml-0 mr-0"
10265
10392
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10266
10393
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-center"
@@ -10276,12 +10403,12 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10276
10403
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
10277
10404
  className: "mt-2 mb-3"
10278
10405
  }))), PersonalInformation())), /*#__PURE__*/React__default["default"].createElement("div", {
10279
- className: "col-lg-12 mb-3 p-0",
10406
+ className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-12 mb-3 p-0' : 'col-lg-12 p-0',
10280
10407
  style: {
10281
10408
  display: sectionproperties.hidecountrystatecity == 'Show' && sectionproperties.hideaddress == 'Show' ? 'flex' : 'none'
10282
10409
  }
10283
10410
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10284
- className: 'p-2 w-100',
10411
+ className: sectionproperties.cardstyletype == 'Style 1' ? 'p-2 w-100' : 'w-100',
10285
10412
  style: {
10286
10413
  background: sectionproperties.backgroundColor,
10287
10414
  borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
@@ -10289,7 +10416,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10289
10416
  borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
10290
10417
  borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
10291
10418
  }
10292
- }, /*#__PURE__*/React__default["default"].createElement("div", {
10419
+ }, sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
10293
10420
  className: "row ml-0 mr-0"
10294
10421
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10295
10422
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-center"
@@ -10305,9 +10432,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10305
10432
  }, /*#__PURE__*/React__default["default"].createElement("hr", {
10306
10433
  className: "mt-2 mb-3"
10307
10434
  }))), Address())), /*#__PURE__*/React__default["default"].createElement("div", {
10308
- className: "col-lg-12 mb-3 p-0"
10435
+ className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-12 mb-3 p-0' : 'col-lg-12 p-0'
10309
10436
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10310
- className: 'p-2 w-100',
10437
+ className: sectionproperties.cardstyletype == 'Style 1' ? 'p-2 w-100' : 'w-100',
10311
10438
  style: {
10312
10439
  background: sectionproperties.backgroundColor,
10313
10440
  borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
@@ -10315,7 +10442,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10315
10442
  borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
10316
10443
  borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
10317
10444
  }
10318
- }, /*#__PURE__*/React__default["default"].createElement("div", {
10445
+ }, sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
10319
10446
  className: "row ml-0 mr-0"
10320
10447
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10321
10448
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-center"
@@ -10333,7 +10460,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10333
10460
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
10334
10461
  className: "row ml-0 mr-0"
10335
10462
  }, Password()))), payloadobj.instsignupformvalues.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
10336
- className: "col-lg-12 mb-3 p-0"
10463
+ className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-12 mb-3 p-0' : 'col-lg-12 p-0'
10337
10464
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10338
10465
  style: {
10339
10466
  background: sectionproperties.backgroundColor,
@@ -10342,7 +10469,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10342
10469
  borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
10343
10470
  borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
10344
10471
  },
10345
- className: "p-2 w-100"
10472
+ className: sectionproperties.cardstyletype == 'Style 1' ? 'p-2 w-100' : 'w-100'
10346
10473
  }, /*#__PURE__*/React__default["default"].createElement("div", {
10347
10474
  className: "row ml-0 mr-0"
10348
10475
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -10516,7 +10643,15 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10516
10643
  isvalidated: true
10517
10644
  }));
10518
10645
  setvalidateemailmodal(false);
10519
- signupbuttonfunc();
10646
+ if (customervalidatephonenumber == 1) {
10647
+ if (validatephonenumberpayload.isvalidated) {
10648
+ signupbuttonfunc();
10649
+ } else {
10650
+ setvalidatephonenumbermodal(true);
10651
+ }
10652
+ } else {
10653
+ signupbuttonfunc();
10654
+ }
10520
10655
  }
10521
10656
  } else {
10522
10657
  NotificationManager.warning('', data.data.reason);
@@ -10537,7 +10672,134 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10537
10672
  style: {
10538
10673
  letterSpacing: langdetect == 'en' ? '1px' : ''
10539
10674
  }
10540
- }, validateemailpayload.step == 'sendcode' ? lang.sendcode : lang.verifycode))))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
10675
+ }, validateemailpayload.step == 'sendcode' ? lang.sendcode : lang.verifycode))))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
10676
+ show: validatephonenumbermodal,
10677
+ onHide: function onHide() {
10678
+ return setvalidatephonenumbermodal(false);
10679
+ },
10680
+ centered: true,
10681
+ size: 'md'
10682
+ }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
10683
+ "class": "d-flex align-items-center justify-content-center bgdanger-hover",
10684
+ style: {
10685
+ position: 'absolute',
10686
+ right: -15,
10687
+ top: -15,
10688
+ width: '4vh',
10689
+ height: '4vh',
10690
+ background: '#000',
10691
+ borderRadius: '50%'
10692
+ },
10693
+ onClick: function onClick() {
10694
+ return setvalidatephonenumbermodal(false);
10695
+ }
10696
+ }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
10697
+ size: 15,
10698
+ color: "white"
10699
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
10700
+ "class": "row m-0 w-100 allcentered"
10701
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
10702
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center mt-2 justify-content-center"
10703
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
10704
+ className: "text-md-center m-0 p-0 mb-2",
10705
+ style: {
10706
+ fontSize: '19px',
10707
+ color: sectionproperties.sectionTitleColor,
10708
+ fontWeight: 600
10709
+ }
10710
+ }, langdetect == 'en' ? 'Validate Phone Number' : 'التحقق من صحة رقم الهاتف')), /*#__PURE__*/React__default["default"].createElement("div", {
10711
+ "class": "col-lg-12 p-0"
10712
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
10713
+ "class": 'm-0 p-0'
10714
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
10715
+ "class": "row w-100 m-0 mb-3 pl-2 pr-2 pt-3 pb-3 pl-sm-3 pr-sm-3"
10716
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
10717
+ className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
10718
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
10719
+ className: "".concat(formstyles.logininputLabel) + ' d-flex justify-content-start '
10720
+ }, langdetect == 'en' ? 'Phone Number' : ' رقم الهاتف'), /*#__PURE__*/React__default["default"].createElement("input", {
10721
+ type: "text",
10722
+ className: "".concat(formstyles.form_control),
10723
+ value: payloadobj.mobile,
10724
+ disabled: true,
10725
+ style: {
10726
+ background: 'transparent'
10727
+ }
10728
+ })), validatephonenumberpayload.step == 'verifycode' && /*#__PURE__*/React__default["default"].createElement("div", {
10729
+ className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
10730
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
10731
+ className: "".concat(formstyles.logininputLabel) + ' d-flex justify-content-start '
10732
+ }, langdetect == 'en' ? 'Code' : ' كود الرسالة النصية'), /*#__PURE__*/React__default["default"].createElement("input", {
10733
+ type: "text",
10734
+ className: "".concat(formstyles.form_control),
10735
+ value: validatephonenumberpayload.code,
10736
+ onChange: function onChange(event) {
10737
+ setvalidatephonenumberpayload(_objectSpread$2d(_objectSpread$2d({}, validatephonenumberpayload), {}, {
10738
+ code: event.target.value
10739
+ }));
10740
+ },
10741
+ style: {
10742
+ background: 'transparent'
10743
+ }
10744
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
10745
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-3"
10746
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
10747
+ className: "".concat(formstyles.signupbtn) + ' d-flex align-items-center justify-content-center ',
10748
+ disabled: GeneralAPIMutationContext.isLoading ? true : false,
10749
+ onClick: function onClick() {
10750
+ if (payloadobj.mobile.length != 0) {
10751
+ if (validatephonenumberpayload.isvalidated == true) {
10752
+ setvalidateemailmodal(false);
10753
+ signupbuttonfunc();
10754
+ } else {
10755
+ GeneralAPIMutationContext.mutate({
10756
+ endpointurl: '/validatephonenumber',
10757
+ functype: validatephonenumberpayload.step,
10758
+ code: validatephonenumberpayload.code,
10759
+ name: payloadobj.name,
10760
+ phonenumber: payloadobj.mobile,
10761
+ mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
10762
+ if (data.data.status) {
10763
+ if (data.data.functype == 'sendcode') {
10764
+ setvalidatephonenumberpayload(_objectSpread$2d(_objectSpread$2d({}, validatephonenumberpayload), {}, {
10765
+ step: 'verifycode'
10766
+ }));
10767
+ }
10768
+ if (data.data.functype == 'verifycode') {
10769
+ setvalidatephonenumberpayload(_objectSpread$2d(_objectSpread$2d({}, validatephonenumberpayload), {}, {
10770
+ isvalidated: true
10771
+ }));
10772
+ setvalidatephonenumbermodal(false);
10773
+ if (customervalidateemail == 1) {
10774
+ if (validateemailpayload.isvalidated) {
10775
+ signupbuttonfunc();
10776
+ } else {
10777
+ setvalidateemailmodal(true);
10778
+ }
10779
+ } else {
10780
+ signupbuttonfunc();
10781
+ }
10782
+ }
10783
+ } else {
10784
+ NotificationManager.warning('', data.data.reason);
10785
+ }
10786
+ }
10787
+ });
10788
+ }
10789
+ } else {
10790
+ NotificationManager.warning(lang.completerequiredfields);
10791
+ }
10792
+ }
10793
+ }, GeneralAPIMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
10794
+ color: "#fff",
10795
+ width: "20px",
10796
+ height: "20px",
10797
+ duration: "1s"
10798
+ }), !GeneralAPIMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
10799
+ style: {
10800
+ letterSpacing: langdetect == 'en' ? '1px' : ''
10801
+ }
10802
+ }, validatephonenumberpayload.step == 'sendcode' ? lang.sendcode : lang.verifycode))))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
10541
10803
  };
10542
10804
 
10543
10805
  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; }
@@ -11045,7 +11307,7 @@ var AccountInformation = function AccountInformation(props) {
11045
11307
  var lang = props.actions.lang;
11046
11308
  var langdetect = props.actions.langdetect;
11047
11309
  var templatepropcontext = props.actions.templatepropcontext;
11048
- var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
11310
+ props.actions.StatePagePropertiesContext;
11049
11311
  var ikimagecredcontext = props.actions.ikimagecredcontext;
11050
11312
  var actions = props.actions;
11051
11313
  var _useState = React.useState(''),
@@ -11177,7 +11439,7 @@ var AccountInformation = function AccountInformation(props) {
11177
11439
  }, lang.accountinformation)))), /*#__PURE__*/React__default["default"].createElement("div", {
11178
11440
  className: "col-lg-12 p-0"
11179
11441
  }, /*#__PURE__*/React__default["default"].createElement("div", {
11180
- className: "row m-0 w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
11442
+ className: "row m-0 w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-3 pr-sm-3",
11181
11443
  style: {
11182
11444
  paddingLeft: sectionproperties.paddingLeft + 'px',
11183
11445
  paddingRight: sectionproperties.paddingRight + 'px',
@@ -11188,7 +11450,8 @@ var AccountInformation = function AccountInformation(props) {
11188
11450
  borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
11189
11451
  borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
11190
11452
  borderColor: sectionproperties.sectioncardbordercolor,
11191
- border: sectionproperties.sectioncardborderwidth + 'px solid'
11453
+ border: sectionproperties.sectioncardborderwidth + 'px solid',
11454
+ background: sectionproperties.cardstyletype == 'Style 1' ? '' : sectionproperties.backgroundColor
11192
11455
  }
11193
11456
  }, /*#__PURE__*/React__default["default"].createElement("div", {
11194
11457
  className: 'col-lg-12 p-0'
@@ -11199,16 +11462,28 @@ var AccountInformation = function AccountInformation(props) {
11199
11462
  className: 'col-lg-12 p-0'
11200
11463
  }, /*#__PURE__*/React__default["default"].createElement("div", {
11201
11464
  className: "row m-0 w-100"
11202
- }, /*#__PURE__*/React__default["default"].createElement("div", {
11465
+ }, sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
11466
+ className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex",
11467
+ style: {
11468
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px',
11469
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
11470
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
11471
+ }
11472
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
11473
+ className: "m-0 p-0",
11474
+ style: {
11475
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
11476
+ color: sectionproperties.sectionTitleColor,
11477
+ fontWeight: sectionproperties.sectionTitleFontWeight
11478
+ }
11479
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
11203
11480
  className: 'col-lg-12 p-0'
11204
11481
  }, /*#__PURE__*/React__default["default"].createElement(CustomerInformationForm, {
11205
11482
  formtype: "edit",
11206
11483
  srcfromprops: "accountinfo",
11207
11484
  sectionpropertiesprops: sectionproperties,
11208
11485
  actions: actions
11209
- })))))), StatePagePropertiesContext.pageobj.sections.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
11210
- className: "col-lg-12 d-flex align-items-center justify-content-center p-0 "
11211
- }));
11486
+ })))))));
11212
11487
  };
11213
11488
 
11214
11489
  var css_248z$F = ".tabs-module_tabs__36dMY {\n position: relative;\n height: auto;\n display: flex;\n width: 100% !important;\n flex-direction: column;\n word-wrap: break-word;\n}\n.tabs-module_tabs__36dMY input[name='tab-control'] {\n display: none;\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy {\n list-style-type: none;\n padding-left: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n /* width: 30%; */\n height: 100%;\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n box-sizing: border-box;\n flex: 1;\n display: inline-block;\n width: 100% !important;\n text-align: left;\n /* border-right: 1px solid #ccc; */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label {\n font-size: 16px;\n font-weight: 500;\n transition: all 0.3s ease-in-out;\n padding: 10px;\n overflow: hidden;\n text-overflow: ellipsis;\n display: block;\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n white-space: nowrap;\n /* color: var(--light2); */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label:hover {\n outline: 0;\n /* border-right: 5px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label.tabs-module_active__6wLfI {\n /* border-right: 5px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(1):checked ~ ul li:nth-child(1) label {\n cursor: default;\n background: white;\n /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(2):checked ~ ul li:nth-child(2) label {\n cursor: default;\n background: white;\n /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(3):checked ~ ul li:nth-child(3) label {\n cursor: default;\n background: white;\n /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(4):checked ~ ul li:nth-child(4) label {\n cursor: default;\n background: white;\n /* border-top: 3px solid var(--secondary); */\n}\n@media screen and (max-width: 800px) {\n .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy {\n width: 100%;\n display: block;\n white-space: nowrap;\n position: relative;\n overflow-x: scroll;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n }\n .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n width: 50% !important;\n float: none;\n display: inline-block;\n zoom: 1;\n border-right: 0 !important;\n }\n /* label:hover {\n border-right: 0 !important;\n border-top: 3px solid !important;\n } */\n .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsliheaderresp__TPNhh{\n width: 50% !important;\n }\n .tabs-module_accordionContainer__-MSW5 label:hover {\n border-top: none !important;\n } \n}\n@media (max-width: 576px) {\n .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n width: 100% !important;\n }\n .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsliheaderresp__TPNhh{\n width: 50% !important;\n }\n}\n\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy {\n flex-direction: row !important;\n}\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n /* border-top: 5px solid #fff; */\n margin: 0 5px;\n}\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label {\n padding: 0 !important;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n";
@@ -11762,7 +12037,8 @@ var CartSlider = function CartSlider(props) {
11762
12037
  scroll: true,
11763
12038
  style: {
11764
12039
  backgroundColor: sectionproperties.backgroundColor,
11765
- height: '100vh'
12040
+ height: '100vh',
12041
+ width: '30vw'
11766
12042
  },
11767
12043
  backdrop: CurrentSrcTypeContext == 'workplace' ? false : true
11768
12044
  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -11849,7 +12125,7 @@ var CartSlider = function CartSlider(props) {
11849
12125
  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue5 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue5 === void 0 || (_fetchcustomercartQue5 = _fetchcustomercartQue5.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : _fetchcustomercartQue5.customercart) != null && /*#__PURE__*/React__default["default"].createElement("div", {
11850
12126
  className: "row m-0 w-100 h-100"
11851
12127
  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue6 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue6 === void 0 || (_fetchcustomercartQue6 = _fetchcustomercartQue6.data) === null || _fetchcustomercartQue6 === void 0 || (_fetchcustomercartQue6 = _fetchcustomercartQue6.customercart) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.cartitems) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
11852
- className: "col-lg-12 p-0 mt-5 anim"
12128
+ className: "col-lg-12 p-0 mt-5 anim pt-3"
11853
12129
  }, /*#__PURE__*/React__default["default"].createElement("div", {
11854
12130
  className: "row m-0 w-100 d-flex align-items-center justify-content-center",
11855
12131
  style: {
@@ -13142,6 +13418,15 @@ var Filter$1 = function Filter(props) {
13142
13418
  cursor: 'pointer',
13143
13419
  color: sectionproperties.showallcolorhover
13144
13420
  }
13421
+ }),
13422
+ sectiontitle: glamor.css({
13423
+ position: 'relative',
13424
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
13425
+ width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
13426
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
13427
+ '@media (max-width: 800px)': {
13428
+ fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
13429
+ }
13145
13430
  })
13146
13431
  };
13147
13432
  var filterrouting = function filterrouting(tempfetchproductsfilerobjcontext) {
@@ -13317,19 +13602,18 @@ var Filter$1 = function Filter(props) {
13317
13602
  minHeight: sectionproperties.filterminheight == 0 ? 'auto' : sectionproperties.filterminheight + 'vh'
13318
13603
  }
13319
13604
  }, sectionproperties.filterType == 'Title & Sort By Only' && /*#__PURE__*/React__default["default"].createElement("div", {
13320
- "class": "row m-0 w-100"
13605
+ "class": "row mx-0 w-100",
13606
+ style: {
13607
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px',
13608
+ marginBottom: sectionproperties.sectiontitledirection == 'Vertical' ? sectionproperties.sectionTitleMarginBottom + 'px' : 0,
13609
+ paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
13610
+ paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
13611
+ }
13321
13612
  }, /*#__PURE__*/React__default["default"].createElement("div", {
13322
13613
  "class": "col-lg-6 col-md-6 p-0 d-flex align-items-center justify-content-start"
13323
13614
  }, /*#__PURE__*/React__default["default"].createElement("div", {
13324
- "class": "d-flex align-items-center flex-row",
13325
- style: {
13326
- position: 'relative',
13327
- justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
13328
- width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
13329
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
13330
- marginTop: sectionproperties.showbadge == 'Show' ? sectionproperties.sectionTitleMarginTop + 'px' : 0,
13331
- marginBottom: sectionproperties.sectiontitledirection == 'Vertical' ? sectionproperties.sectionTitleMarginBottom + 'px' : 0
13332
- }
13615
+ "class": filter_cssstyles.sectiontitle + ' d-flex align-items-center flex-row ',
13616
+ style: {}
13333
13617
  }, /*#__PURE__*/React__default["default"].createElement("p", {
13334
13618
  "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'ASUL' ? ' ASUL mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : ' mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
13335
13619
  style: {
@@ -13340,7 +13624,11 @@ var Filter$1 = function Filter(props) {
13340
13624
  textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
13341
13625
  }
13342
13626
  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
13343
- "class": "col-lg-6 col-md-6 d-flex align-items-center justify-content-end"
13627
+ "class": "col-lg-6 col-md-6 d-flex align-items-center justify-content-end",
13628
+ style: {
13629
+ paddingRight: langdetect == 'en' ? 0 : '',
13630
+ paddingLeft: langdetect == 'ar' ? 0 : ''
13631
+ }
13344
13632
  }, /*#__PURE__*/React__default["default"].createElement("div", {
13345
13633
  "class": "dropdowncontainer"
13346
13634
  }, /*#__PURE__*/React__default["default"].createElement("input", {
@@ -13354,7 +13642,7 @@ var Filter$1 = function Filter(props) {
13354
13642
  onClick: function onClick() {
13355
13643
  setChecked(!checked);
13356
13644
  },
13357
- className: filter_cssstyles.label + ' d-flex justify-content-end align-items-center for-dropdown m-0 ',
13645
+ className: filter_cssstyles.collapsetitle + ' d-flex justify-content-end align-items-center for-dropdown m-0 ',
13358
13646
  "for": "dropdown",
13359
13647
  style: {
13360
13648
  cursor: 'pointer'
@@ -13364,7 +13652,10 @@ var Filter$1 = function Filter(props) {
13364
13652
  }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
13365
13653
  size: 20
13366
13654
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
13367
- "class": "dropdownmenu"
13655
+ "class": "dropdownmenu",
13656
+ style: {
13657
+ background: sectionproperties.filter_backgroundcolor
13658
+ }
13368
13659
  }, otherfilters.map(function (item, index) {
13369
13660
  return /*#__PURE__*/React__default["default"].createElement("div", {
13370
13661
  "class": "w-100"
@@ -15142,164 +15433,6 @@ var CardsSection = function CardsSection(props) {
15142
15433
  if (cardinfoindex < sectionproperties.overallnumberofcards) {
15143
15434
  return /*#__PURE__*/React__default["default"].createElement("div", {
15144
15435
  "class": bootstapclass
15145
- // class={
15146
- // sectionproperties.numberOfColsvertical == '1'
15147
- // ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover'
15148
- // ? ' col-xl-12 p-0 col-lg-12 col-md-4 p-0 d-flex justify-content-center col-sm-6 '
15149
- // : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft'
15150
- // ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0 '
15151
- // : item.tabexsectioninfo.sectioncompname == 'ModernProductCard'
15152
- // ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
15153
- // : item.tabexsectioninfo.sectioncompname == 'MenuCard'
15154
- // ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
15155
- // : item.tabexsectioninfo.sectioncompname == 'ServiceCard'
15156
- // ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
15157
- // : item.tabexsectioninfo.sectioncompname == 'StylishProductCard'
15158
- // ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
15159
- // : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg'
15160
- // ? ' col-xl-12 p-0 col-lg-12 col-md-3 col-sm-6 d-flex justify-content-center p-0 '
15161
- // : item.tabexsectioninfo.sectioncompname == 'Card20'
15162
- // ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto'
15163
- // : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
15164
- // ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
15165
- // : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition'
15166
- // ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
15167
- // : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard'
15168
- // ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
15169
- // : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage'
15170
- // ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
15171
- // : ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
15172
- // : sectionproperties.numberOfColsvertical == '2'
15173
- // ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover'
15174
- // ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
15175
- // : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft '
15176
- // ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0 '
15177
- // : item.tabexsectioninfo.sectioncompname == 'ModernProductCard'
15178
- // ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
15179
- // : item.tabexsectioninfo.sectioncompname == 'MenuCard'
15180
- // ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
15181
- // : item.tabexsectioninfo.sectioncompname == 'ServiceCard'
15182
- // ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
15183
- // : item.tabexsectioninfo.sectioncompname == 'StylishProductCard'
15184
- // ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
15185
- // : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg'
15186
- // ? ' col-xl-6 p-0 col-lg-6 col-md-3 col-sm-6 d-flex justify-content-center p-0 '
15187
- // : item.tabexsectioninfo.sectioncompname == 'Card20'
15188
- // ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto '
15189
- // : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
15190
- // ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
15191
- // : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition'
15192
- // ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0'
15193
- // : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard'
15194
- // ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0'
15195
- // : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage'
15196
- // ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
15197
- // : ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0'
15198
- // : sectionproperties.numberOfColsvertical == '3'
15199
- // ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover'
15200
- // ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center '
15201
- // : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft'
15202
- // ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
15203
- // : item.tabexsectioninfo.sectioncompname == 'ModernProductCard'
15204
- // ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
15205
- // : item.tabexsectioninfo.sectioncompname == 'MenuCard'
15206
- // ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
15207
- // : item.tabexsectioninfo.sectioncompname == 'ServiceCard'
15208
- // ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
15209
- // : item.tabexsectioninfo.sectioncompname == 'StylishProductCard'
15210
- // ? ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
15211
- // : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg'
15212
- // ? ' col-xl-4 p-0 col-lg-4 col-md-3 col-sm-6 d-flex justify-content-center p-0 '
15213
- // : item.tabexsectioninfo.sectioncompname == 'Card20'
15214
- // ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto '
15215
- // : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
15216
- // ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
15217
- // : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition'
15218
- // ? ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
15219
- // : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard'
15220
- // ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0'
15221
- // : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage'
15222
- // ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
15223
- // : ' col-xl-4 col-lg-4 col-md-6 col-sm-6 d-flex justify-content-center p-0 '
15224
- // : sectionproperties.numberOfColsvertical == '4'
15225
- // ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover'
15226
- // ? ' col-xl-3 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
15227
- // : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft'
15228
- // ? ' col-xl-3 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
15229
- // : item.tabexsectioninfo.sectioncompname == 'ModernProductCard'
15230
- // ? ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
15231
- // : item.tabexsectioninfo.sectioncompname == 'MenuCard'
15232
- // ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
15233
- // : item.tabexsectioninfo.sectioncompname == 'ServiceCard'
15234
- // ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
15235
- // : item.tabexsectioninfo.sectioncompname == 'StylishProductCard'
15236
- // ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
15237
- // : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg'
15238
- // ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 '
15239
- // : item.tabexsectioninfo.sectioncompname == 'Card20'
15240
- // ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto '
15241
- // : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
15242
- // ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
15243
- // : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition'
15244
- // ? ' col-xl-3 col-lg-4 col-md-4 col-sm-12 p-0 d-flex justify-content-center p-0 '
15245
- // : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard'
15246
- // ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0'
15247
- // : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage'
15248
- // ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
15249
- // : ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 '
15250
- // : sectionproperties.numberOfColsvertical == '12'
15251
- // ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover'
15252
- // ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
15253
- // : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft'
15254
- // ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
15255
- // : item.tabexsectioninfo.sectioncompname == 'MenuCard'
15256
- // ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
15257
- // : item.tabexsectioninfo.sectioncompname == 'ServiceCard'
15258
- // ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
15259
- // : item.tabexsectioninfo.sectioncompname == 'StylishProductCard'
15260
- // ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
15261
- // : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg'
15262
- // ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 '
15263
- // : item.tabexsectioninfo.sectioncompname == 'Card20'
15264
- // ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto '
15265
- // : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
15266
- // ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
15267
- // : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition'
15268
- // ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
15269
- // : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard'
15270
- // ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0'
15271
- // : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage'
15272
- // ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
15273
- // : ''
15274
- // : sectionproperties.numberOfColsvertical == '6'
15275
- // ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover'
15276
- // ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
15277
- // : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft'
15278
- // ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
15279
- // : item.tabexsectioninfo.sectioncompname == 'MenuCard'
15280
- // ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
15281
- // : item.tabexsectioninfo.sectioncompname == 'ServiceCard'
15282
- // ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
15283
- // : item.tabexsectioninfo.sectioncompname == 'StylishProductCard'
15284
- // ? ' col-xl-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
15285
- // : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg'
15286
- // ? ' col-xl-2 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 '
15287
- // : item.tabexsectioninfo.sectioncompname == 'Card20'
15288
- // ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto '
15289
- // : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
15290
- // ? ' col-xl-2 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' +
15291
- // sectionproperties.numberOfColsverticalresp
15292
- // : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition'
15293
- // ? ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
15294
- // : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard'
15295
- // ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0'
15296
- // : item.tabexsectioninfo.sectioncompname == 'CardWithTextOnly'
15297
- // ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
15298
- // : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage'
15299
- // ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
15300
- // : ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
15301
- // : ''
15302
- // }
15303
15436
  }, /*#__PURE__*/React__default["default"].createElement(Sectioncomp, {
15304
15437
  sectiontypeprops: 'horizontal',
15305
15438
  sectiontypeprops2: 'vertical',
@@ -16273,7 +16406,7 @@ var Searchlist$1 = function Searchlist(props) {
16273
16406
  minHeight: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '30vh' : props.srcfromprops == 'ElegantHeader' ? '50vh' : '30vh'
16274
16407
  }),
16275
16408
  searchlist_innercontainer: glamor.css({
16276
- height: props.srcfromprops == 'cardssection' ? '25vh' : props.srcfromprops == 'ElegantHeader' ? '50vh' : '30vh',
16409
+ height: props.srcfromprops == 'cardssection' ? '25vh' : props.srcfromprops == 'ElegantHeader' ? '48vh' : '30vh',
16277
16410
  overflowY: 'scroll'
16278
16411
  // height: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '25vh' : '30vh',
16279
16412
  // overflowY: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'scroll' : 'hidden',
@@ -16397,9 +16530,12 @@ var Searchlist$1 = function Searchlist(props) {
16397
16530
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
16398
16531
  "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
16399
16532
  }, /*#__PURE__*/React__default["default"].createElement("p", {
16400
- "class": props.srcfromprops == 'ElegantHeader' ? "".concat(searchlist_styles.productNameStyles) + ' m-0 wordbreak wordbreak2 p-0 ' : "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 '
16533
+ "class": props.srcfromprops == 'ElegantHeader' ? "".concat(searchlist_styles.productNameStyles) + ' m-0 wordbreak wordbreak2 p-0 ' : "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 ',
16534
+ style: {
16535
+ textAlign: 'center'
16536
+ }
16401
16537
  }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
16402
- "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
16538
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered mt-2"
16403
16539
  }, /*#__PURE__*/React__default["default"].createElement("p", {
16404
16540
  "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
16405
16541
  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
@@ -18076,23 +18212,27 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18076
18212
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
18077
18213
  menuactive = _useState6[0],
18078
18214
  setmenuactive = _useState6[1];
18215
+ var _useState7 = React.useState(false),
18216
+ _useState8 = _slicedToArray__default["default"](_useState7, 2),
18217
+ openSearch = _useState8[0],
18218
+ setopenSearch = _useState8[1];
18079
18219
  React.useEffect(function () {
18080
18220
  if (props.sectionpropertiesprops != undefined) {
18081
18221
  setsectionproperties(_objectSpread$1T({}, props.sectionpropertiesprops));
18082
18222
  }
18083
18223
  }, [props.sectionpropertiesprops]);
18084
- var _useState7 = React.useState([]),
18085
- _useState8 = _slicedToArray__default["default"](_useState7, 2),
18086
- logoarrayofobjects = _useState8[0],
18087
- setlogoarrayofobjects = _useState8[1];
18088
- var _useState9 = React.useState(false),
18089
- _useState10 = _slicedToArray__default["default"](_useState9, 2);
18090
- _useState10[0];
18091
- _useState10[1];
18092
- var _useState11 = React.useState(''),
18224
+ var _useState9 = React.useState([]),
18225
+ _useState10 = _slicedToArray__default["default"](_useState9, 2),
18226
+ logoarrayofobjects = _useState10[0],
18227
+ setlogoarrayofobjects = _useState10[1];
18228
+ var _useState11 = React.useState(false),
18093
18229
  _useState12 = _slicedToArray__default["default"](_useState11, 2);
18094
18230
  _useState12[0];
18095
18231
  _useState12[1];
18232
+ var _useState13 = React.useState(''),
18233
+ _useState14 = _slicedToArray__default["default"](_useState13, 2);
18234
+ _useState14[0];
18235
+ _useState14[1];
18096
18236
  React.useEffect(function () {
18097
18237
  if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
18098
18238
  var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -18269,7 +18409,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18269
18409
  var CartButton = function CartButton() {
18270
18410
  var _fetchcustomercartQue2, _fetchcustomercartQue3;
18271
18411
  return /*#__PURE__*/React__default["default"].createElement("div", {
18272
- "class": "d-flex align-items-center",
18412
+ "class": "d-flex align-items-center mx-2",
18273
18413
  style: {
18274
18414
  position: 'relative'
18275
18415
  }
@@ -18309,9 +18449,9 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18309
18449
  };
18310
18450
  return /*#__PURE__*/React__default["default"].createElement("div", {
18311
18451
  className: "row m-0 w-100"
18312
- }, /*#__PURE__*/React__default["default"].createElement("div", {
18313
- className: "col-lg-12 p-0"
18314
18452
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
18453
+ className: "col-lg-12 p-0"
18454
+ }, openSearch == false && /*#__PURE__*/React__default["default"].createElement("div", {
18315
18455
  className: ' row m-0 w-100 d-none d-md-flex p-0 '
18316
18456
  }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
18317
18457
  sectionpropertiesprops: sectionproperties,
@@ -18346,7 +18486,12 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18346
18486
  }
18347
18487
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
18348
18488
  className: "col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0"
18349
- }, sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React__default["default"].createElement("i", {
18489
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
18490
+ "class": "h-100 allcentered",
18491
+ onClick: function onClick() {
18492
+ setopenSearch(true);
18493
+ }
18494
+ }, /*#__PURE__*/React__default["default"].createElement(IoSearchOutline.IoSearchOutline, null)), sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React__default["default"].createElement("i", {
18350
18495
  "class": ' h-100 allcentered ',
18351
18496
  style: {
18352
18497
  color: sectionproperties.cart_BtnTextcolor_resp
@@ -18365,7 +18510,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18365
18510
  size: 20,
18366
18511
  color: sectionproperties.cart_BtnTextcolor_resp
18367
18512
  }))), menuactive == true && /*#__PURE__*/React__default["default"].createElement("div", {
18368
- "class": "px-4 py-4",
18513
+ "class": "px-4 py-4 scrollvertical",
18369
18514
  style: {
18370
18515
  position: 'fixed',
18371
18516
  top: '0px',
@@ -18374,7 +18519,8 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18374
18519
  width: '100%',
18375
18520
  background: sectionproperties.resposive_bgcolor,
18376
18521
  height: '100%',
18377
- zIndex: 10000
18522
+ zIndex: 10000,
18523
+ overflow: 'scroll'
18378
18524
  }
18379
18525
  }, /*#__PURE__*/React__default["default"].createElement("div", {
18380
18526
  "class": "col-lg-12 text-end anim"
@@ -18502,7 +18648,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18502
18648
  color: '#000',
18503
18649
  fontSize: 16
18504
18650
  }
18505
- }, lang.logout))))))));
18651
+ }, lang.logout)))))), openSearch == true && /*#__PURE__*/React__default["default"].createElement("p", null, "asd")));
18506
18652
  };
18507
18653
 
18508
18654
  function ownKeys$1S(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; }
@@ -18901,19 +19047,16 @@ var ElegantHeader = function ElegantHeader(props) {
18901
19047
  })), /*#__PURE__*/React__default["default"].createElement("span", {
18902
19048
  "class": "mx-2"
18903
19049
  }, langdetect == 'en' ? 'Login' : 'تسجيل الدخول')), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
18904
- "class": "".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ',
19050
+ "class": "".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center pt-1 ',
18905
19051
  sytle: {
18906
19052
  position: 'relative'
18907
- },
18908
- onClick: function onClick() {
18909
- routingcountext(StaticPagesLinksContext.accountinfo);
18910
19053
  }
18911
19054
  }, /*#__PURE__*/React__default["default"].createElement("i", {
18912
19055
  "class": ' h-100 d-flex align-items-center '
18913
19056
  }, /*#__PURE__*/React__default["default"].createElement(BiUser.BiUser, {
18914
19057
  size: sectionproperties.userBtnTextfontsize
18915
19058
  })), /*#__PURE__*/React__default["default"].createElement("span", {
18916
- "class": "mx-2"
19059
+ "class": "mx-2 text-capitalize"
18917
19060
  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
18918
19061
  style: {
18919
19062
  minWidth: '200px'
@@ -18934,15 +19077,7 @@ var ElegantHeader = function ElegantHeader(props) {
18934
19077
  "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
18935
19078
  }, /*#__PURE__*/React__default["default"].createElement("p", {
18936
19079
  "class": ' allcenetered m-0 p-0 '
18937
- }, lang.wishlist))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
18938
- onClick: function onClick() {
18939
- routingcountext(StaticPagesLinksContext.Policies);
18940
- }
18941
- }, /*#__PURE__*/React__default["default"].createElement("div", {
18942
- "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
18943
- }, /*#__PURE__*/React__default["default"].createElement("p", {
18944
- "class": ' allcenetered m-0 p-0 '
18945
- }, lang.policies))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
19080
+ }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.wishlisttitle_ar))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
18946
19081
  onClick: function onClick() {
18947
19082
  LogoutMutationContext.mutate();
18948
19083
  }
@@ -35833,8 +35968,8 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
35833
35968
  }
35834
35969
  }),
35835
35970
  cart_btn: glamor.css({
35836
- width: sectionproperties.cartBtnWidth + 'px',
35837
- height: sectionproperties.cartBtnHeight + 'px',
35971
+ width: sectionproperties.cartBtnWidth == 0 ? 'auto' : sectionproperties.cartBtnWidth + 'px',
35972
+ height: sectionproperties.cartBtnHeight == 0 ? 'auto' : sectionproperties.cartBtnHeight + 'px',
35838
35973
  background: sectionproperties.cartBtnbgColor,
35839
35974
  borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
35840
35975
  color: sectionproperties.cart_iconcolor,
@@ -36006,7 +36141,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
36006
36141
  }
36007
36142
  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
36008
36143
  "class": "col-lg-6 p-0 d-flex justify-content-end align-items-center"
36009
- }, /*#__PURE__*/React__default["default"].createElement("p", {
36144
+ }, sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
36010
36145
  "class": header_cssstyles.languagecontainer + ' m-0 p-0 ',
36011
36146
  onClick: function onClick() {
36012
36147
  if (langdetect == 'en') {
@@ -36063,7 +36198,20 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
36063
36198
  }
36064
36199
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
36065
36200
  "class": "col-lg-4 col-md-6 col-sm-12 p-0 d-flex align-items-center justify-content-end"
36066
- }, sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
36201
+ }, sectionproperties.showupperheadersection == 'Hide' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
36202
+ "class": header_cssstyles.languagecontainer + ' p-0 mb-0 pb-0 ',
36203
+ style: {
36204
+ marginRight: langdetect == 'en' ? '35px' : 0,
36205
+ marginLeft: langdetect == 'ar' ? '35px' : 0
36206
+ },
36207
+ onClick: function onClick() {
36208
+ if (langdetect == 'en') {
36209
+ setlang('ar');
36210
+ } else {
36211
+ setlang('en');
36212
+ }
36213
+ }
36214
+ }, langdetect == 'en' ? 'English' : 'لغة عربية'), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
36067
36215
  style: {
36068
36216
  marginRight: langdetect == 'en' ? '30px' : 0,
36069
36217
  marginLeft: langdetect == 'en' ? 0 : '30px'
@@ -36161,10 +36309,6 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
36161
36309
  "class": "".concat(header_cssstyles.cart_btn) + ' cursor-pointer allcentered ',
36162
36310
  onClick: function onClick() {
36163
36311
  setsidecartnavshowcontext(true);
36164
- },
36165
- style: {
36166
- marginRight: langdetect == 'en' ? '30px' : 0,
36167
- marginLeft: langdetect == 'en' ? 0 : '30px'
36168
36312
  }
36169
36313
  }, /*#__PURE__*/React__default["default"].createElement("span", {
36170
36314
  "class": ' pr-0 ',
@@ -36325,7 +36469,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
36325
36469
  }
36326
36470
  }))));
36327
36471
  }
36328
- }), /*#__PURE__*/React__default["default"].createElement("div", {
36472
+ }), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
36329
36473
  "class": ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer '
36330
36474
  }, /*#__PURE__*/React__default["default"].createElement("div", {
36331
36475
  "class": "row m-0 w-100"
@@ -36879,7 +37023,7 @@ var Allinonefooter = function Allinonefooter(props) {
36879
37023
  function ownKeys$1w(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; }
36880
37024
  function _objectSpread$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
36881
37025
  var Footer1 = function Footer1(props) {
36882
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i11, _authdetailsContext$i12;
37026
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i12, _authdetailsContext$i13;
36883
37027
  var _useState = React.useState(''),
36884
37028
  _useState2 = _slicedToArray__default["default"](_useState, 2),
36885
37029
  sectionproperties = _useState2[0],
@@ -36959,8 +37103,7 @@ var Footer1 = function Footer1(props) {
36959
37103
  }),
36960
37104
  facebook_btn: glamor.css({
36961
37105
  cursor: 'pointer',
36962
- // background: sectionproperties.facebkbtnnbgColor,
36963
- background: sectionproperties.facebkbtnn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.facebkbtnnbgColor,
37106
+ background: sectionproperties.facebkbtnnbgColor,
36964
37107
  width: sectionproperties.facebkbtnnWidth + 'px',
36965
37108
  height: sectionproperties.facebkbtnnHeight + 'px',
36966
37109
  borderRadius: sectionproperties.facebkbtnn_borderRadius + 'px',
@@ -36968,14 +37111,14 @@ var Footer1 = function Footer1(props) {
36968
37111
  border: sectionproperties.facebkbtnnborderwidth + 'px solid ' + sectionproperties.facebkbtnnbordercolor,
36969
37112
  transition: '.3s',
36970
37113
  ':hover': {
36971
- background: sectionproperties.facebkbtnntransparentbgcoloronhover == 'Transparent' ? 'Transparent' : sectionproperties.facebkbtnnbgColoronhover,
37114
+ background: sectionproperties.facebkbtnnbgColoronhover,
36972
37115
  color: sectionproperties.facebkbtnnTextcoloronhover,
36973
- borderColor: sectionproperties.facebkbtnntransparentbgcoloronhover == 'Transparent' ? sectionproperties.facebkbtnnTextcoloronhover : sectionproperties.facebkbtnnbgColoronhover
37116
+ borderColor: sectionproperties.facebkbtnnTextcoloronhover
36974
37117
  }
36975
37118
  }),
36976
37119
  youtube_btn: glamor.css({
36977
37120
  cursor: 'pointer',
36978
- background: sectionproperties.youtubebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.youtubebtnbgColor,
37121
+ background: sectionproperties.youtubebtnbgColor,
36979
37122
  width: sectionproperties.youtubebtnWidth + 'px',
36980
37123
  height: sectionproperties.youtubebtnHeight + 'px',
36981
37124
  borderRadius: sectionproperties.youtubebtn_borderRadius + 'px',
@@ -36983,14 +37126,14 @@ var Footer1 = function Footer1(props) {
36983
37126
  border: sectionproperties.youtubebtnborderwidth + 'px solid ' + sectionproperties.youtubebtnbordercolor,
36984
37127
  transition: '.3s',
36985
37128
  ':hover': {
36986
- background: sectionproperties.youtubebtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.youtubebtnbgColoronhover,
37129
+ background: sectionproperties.youtubebtnbgColoronhover,
36987
37130
  color: sectionproperties.youtubebtnTextcoloronhover,
36988
- borderColor: sectionproperties.youtubebtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.youtubebtnTextcoloronhover : sectionproperties.youtubebtnbgColoronhover
37131
+ borderColor: sectionproperties.youtubebtnTextcoloronhover
36989
37132
  }
36990
37133
  }),
36991
37134
  instgram_btn: glamor.css({
36992
37135
  cursor: 'pointer',
36993
- background: sectionproperties.instgrambtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.instgrambtnbgColor,
37136
+ background: sectionproperties.instgrambtnbgColor,
36994
37137
  width: sectionproperties.instgrambtnWidth + 'px',
36995
37138
  height: sectionproperties.instgrambtnHeight + 'px',
36996
37139
  borderRadius: sectionproperties.instgrambtn_borderRadius + 'px',
@@ -36998,9 +37141,9 @@ var Footer1 = function Footer1(props) {
36998
37141
  border: sectionproperties.instgrambtnborderwidth + 'px solid ' + sectionproperties.instgrambtnbordercolor,
36999
37142
  transition: '.3s',
37000
37143
  ':hover': {
37001
- background: sectionproperties.instgrambtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.instgrambtnbgColoronhover,
37144
+ background: sectionproperties.instgrambtnbgColoronhover,
37002
37145
  color: sectionproperties.instgrambtnTextcoloronhover,
37003
- borderColor: sectionproperties.instgrambtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.instgrambtnTextcoloronhover : sectionproperties.instgrambtnbgColoronhover
37146
+ borderColor: sectionproperties.instgrambtnTextcoloronhover
37004
37147
  }
37005
37148
  }),
37006
37149
  footersubtitlestyles: glamor.css({
@@ -37029,11 +37172,45 @@ var Footer1 = function Footer1(props) {
37029
37172
  height: sectionproperties.vl_height + 'px',
37030
37173
  width: sectionproperties.vl_width + '%',
37031
37174
  overflow: 'hidden',
37032
- marginLeft: sectionproperties.vl_ml + 'px',
37033
- marginRight: sectionproperties.vl_mr + 'px',
37034
37175
  background: sectionproperties.vl_bg
37176
+ }),
37177
+ apptore: glamor.css({
37178
+ maxWidth: '10%',
37179
+ height: 'auto',
37180
+ objectFit: 'contain',
37181
+ '@media (max-width: 800px)': {
37182
+ maxWidth: '20%',
37183
+ height: 'auto'
37184
+ },
37185
+ '@media (max-width: 600px)': {
37186
+ maxWidth: '35%',
37187
+ height: 'auto'
37188
+ }
37189
+ }),
37190
+ playstore: glamor.css({
37191
+ maxWidth: '10%',
37192
+ height: 'auto',
37193
+ objectFit: 'contain',
37194
+ '@media (max-width: 800px)': {
37195
+ maxWidth: '20%',
37196
+ height: 'auto'
37197
+ },
37198
+ '@media (max-width: 600px)': {
37199
+ maxWidth: '35%',
37200
+ height: 'auto'
37201
+ }
37035
37202
  })
37036
37203
  };
37204
+ var returnpolicyobj = function returnpolicyobj(policytype) {
37205
+ var _authdetailsContext$i;
37206
+ var policyobj = {};
37207
+ authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 || (_authdetailsContext$i = _authdetailsContext$i.instpolicies) === null || _authdetailsContext$i === void 0 || _authdetailsContext$i.forEach(function (item, index) {
37208
+ if (item.policytype == policytype) {
37209
+ policyobj = item;
37210
+ }
37211
+ });
37212
+ return policyobj;
37213
+ };
37037
37214
  return /*#__PURE__*/React__default["default"].createElement("div", {
37038
37215
  "class": "row m-0 w-100 d-flex justify-content-center"
37039
37216
  }, /*#__PURE__*/React__default["default"].createElement("footer", {
@@ -37054,16 +37231,7 @@ var Footer1 = function Footer1(props) {
37054
37231
  objectFit: 'contain'
37055
37232
  },
37056
37233
  loading: "lazy"
37057
- })), sectionproperties.showtitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
37058
- "class": "mb-0 p-0",
37059
- style: {
37060
- color: sectionproperties.titlecolor,
37061
- textTransform: sectionproperties.titletexttransform,
37062
- fontWeight: sectionproperties.titlefontweight,
37063
- fontSize: sectionproperties.titlefontsize + 'px',
37064
- marginLeft: sectionproperties.titlemarginleft + 'px'
37065
- }
37066
- }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.storename_en)), /*#__PURE__*/React__default["default"].createElement("div", {
37234
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
37067
37235
  "class": "col-lg-12 d-none d-md-block align-items-center justify-content-start justify-content-md-center"
37068
37236
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37069
37237
  "class": "".concat(footerStyles.footerlogo) + ' d-flex align-items-center justify-content-center col-lg-12 w-100 '
@@ -37077,18 +37245,7 @@ var Footer1 = function Footer1(props) {
37077
37245
  objectFit: 'contain'
37078
37246
  },
37079
37247
  loading: "lazy"
37080
- })), /*#__PURE__*/React__default["default"].createElement("div", {
37081
- "class": ' w-100 d-flex align-items-center justify-content-center col-lg-12 '
37082
- }, /*#__PURE__*/React__default["default"].createElement("p", {
37083
- "class": "mb-0 p-0",
37084
- style: {
37085
- color: sectionproperties.titlecolor,
37086
- textTransform: sectionproperties.titletexttransform,
37087
- fontWeight: sectionproperties.titlefontweight,
37088
- fontSize: sectionproperties.titlefontsize + 'px',
37089
- marginLeft: sectionproperties.titlemarginleft + 'px'
37090
- }
37091
- }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.storename_en))), /*#__PURE__*/React__default["default"].createElement("div", {
37248
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
37092
37249
  "class": "row m-0 w-100"
37093
37250
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37094
37251
  "class": "col-lg-7 col-sm-12"
@@ -37097,7 +37254,6 @@ var Footer1 = function Footer1(props) {
37097
37254
  }, sectionproperties.showhidemainpages == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
37098
37255
  "class": "col-lg-10 col-md-12 d-flex d-md-none flex-row align-items-center justify-content-start mt-3 p-0"
37099
37256
  }, templatepropcontext === null || templatepropcontext === void 0 ? void 0 : templatepropcontext.pagesnprop.map(function (item, index) {
37100
- if (item.isselected) ;
37101
37257
  if (item.isnavigation == 1 && item.isactive == 1) {
37102
37258
  return /*#__PURE__*/React__default["default"].createElement("div", {
37103
37259
  onClick: function onClick() {
@@ -37110,7 +37266,6 @@ var Footer1 = function Footer1(props) {
37110
37266
  })), sectionproperties.showhidemainpages == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
37111
37267
  "class": "d-none d-md-block align-items-center justify-content-center mt-3 p-0 row m-0 w-100"
37112
37268
  }, templatepropcontext === null || templatepropcontext === void 0 ? void 0 : templatepropcontext.pagesnprop.map(function (item, index) {
37113
- if (item.isselected) ;
37114
37269
  if (item.isnavigation == 1 && item.isactive == 1) {
37115
37270
  return /*#__PURE__*/React__default["default"].createElement("div", {
37116
37271
  "class": "col-lg-12 p-0 d-flex justify-content-center"
@@ -37123,31 +37278,59 @@ var Footer1 = function Footer1(props) {
37123
37278
  }, langdetect == 'en' ? item.pagename : item.pagename_ar, " ")));
37124
37279
  }
37125
37280
  })), sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
37126
- "class": "d-none d-md-block align-items-center justify-content-center mt-3 p-0 row m-0 w-100"
37281
+ "class": "d-none d-md-block align-items-center justify-content-start mt-3 p-0 row m-0 w-100"
37127
37282
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37128
37283
  "class": "row m-0 w-100"
37129
37284
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37130
- "class": "col-lg-12 d-flex justify-content-center p-0"
37285
+ "class": "col-lg-12 d-flex justify-content-start p-0"
37131
37286
  }, /*#__PURE__*/React__default["default"].createElement("p", {
37132
37287
  "class": "".concat(footerStyles.footersubtitlestyles),
37133
37288
  onClick: function onClick() {
37134
37289
  routingcountext(StaticPagesLinksContext.Wishlist);
37135
37290
  }
37136
37291
  }, lang.wishlist)), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
37137
- "class": "col-lg-12 d-flex justify-content-center p-0"
37292
+ "class": "col-lg-12 d-flex justify-content-start p-0"
37138
37293
  }, /*#__PURE__*/React__default["default"].createElement("p", {
37139
37294
  "class": "".concat(footerStyles.footersubtitlestyles),
37140
37295
  onClick: function onClick() {
37141
37296
  routingcountext(StaticPagesLinksContext.Ordershistory);
37142
37297
  }
37143
- }, lang.orderhistory)), /*#__PURE__*/React__default["default"].createElement("div", {
37144
- "class": "col-lg-12 d-flex justify-content-center p-0"
37298
+ }, lang.orderhistory)), sectionproperties.separatepolicies == 'No' && /*#__PURE__*/React__default["default"].createElement("div", {
37299
+ "class": "col-lg-12 d-flex justify-content-start p-0"
37145
37300
  }, /*#__PURE__*/React__default["default"].createElement("p", {
37146
37301
  "class": "".concat(footerStyles.footersubtitlestyles),
37147
37302
  onClick: function onClick() {
37148
37303
  routingcountext(StaticPagesLinksContext.Policies);
37149
37304
  }
37150
- }, lang.policies)))), sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
37305
+ }, lang.policies)), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
37306
+ "class": "col-lg-12 d-flex justify-content-start p-0"
37307
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
37308
+ "class": "".concat(footerStyles.footersubtitlestyles),
37309
+ onClick: function onClick() {
37310
+ routingcountext(StaticPagesLinksContext.PrivacyPolicy);
37311
+ }
37312
+ }, langdetect == 'en' ? (_returnpolicyobj = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en : (_returnpolicyobj2 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policypagename_ar)), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
37313
+ "class": "col-lg-12 d-flex justify-content-start p-0"
37314
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
37315
+ "class": "".concat(footerStyles.footersubtitlestyles),
37316
+ onClick: function onClick() {
37317
+ routingcountext(StaticPagesLinksContext.ShippingPolicy);
37318
+ }
37319
+ }, langdetect == 'en' ? (_returnpolicyobj3 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policypagename_en : (_returnpolicyobj4 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policypagename_ar)), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
37320
+ "class": "col-lg-12 d-flex justify-content-start p-0"
37321
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
37322
+ "class": "".concat(footerStyles.footersubtitlestyles),
37323
+ onClick: function onClick() {
37324
+ routingcountext(StaticPagesLinksContext.RefundPolicy);
37325
+ }
37326
+ }, langdetect == 'en' ? (_returnpolicyobj5 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policypagename_en : (_returnpolicyobj6 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policypagename_ar)), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
37327
+ "class": "col-lg-12 d-flex justify-content-start p-0"
37328
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
37329
+ "class": "".concat(footerStyles.footersubtitlestyles),
37330
+ onClick: function onClick() {
37331
+ routingcountext(StaticPagesLinksContext.TermsConditions);
37332
+ }
37333
+ }, langdetect == 'en' ? (_returnpolicyobj7 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj7 === void 0 ? void 0 : _returnpolicyobj7.policypagename_en : (_returnpolicyobj8 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj8 === void 0 ? void 0 : _returnpolicyobj8.policypagename_ar)))), sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
37151
37334
  "class": "col-lg-10 d-flex d-md-none flex-row align-items-center justify-content-start mt-3 p-0"
37152
37335
  }, /*#__PURE__*/React__default["default"].createElement("p", {
37153
37336
  "class": langdetect == 'en' ? "".concat(footerStyles.footersubtitlestyles) + ' ml-0 ' : "".concat(footerStyles.footersubtitlestyles) + ' mr-0 ',
@@ -37159,33 +37342,53 @@ var Footer1 = function Footer1(props) {
37159
37342
  onClick: function onClick() {
37160
37343
  routingcountext(StaticPagesLinksContext.Ordershistory);
37161
37344
  }
37162
- }, lang.orderhistory), /*#__PURE__*/React__default["default"].createElement("p", {
37345
+ }, lang.orderhistory), sectionproperties.separatepolicies == 'No' && /*#__PURE__*/React__default["default"].createElement("p", {
37163
37346
  "class": "".concat(footerStyles.footersubtitlestyles),
37164
37347
  onClick: function onClick() {
37165
37348
  routingcountext(StaticPagesLinksContext.Policies);
37166
37349
  }
37167
- }, lang.policies)))), /*#__PURE__*/React__default["default"].createElement("div", {
37350
+ }, lang.policies), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("p", {
37351
+ "class": "".concat(footerStyles.footersubtitlestyles),
37352
+ onClick: function onClick() {
37353
+ routingcountext(StaticPagesLinksContext.PrivacyPolicy);
37354
+ }
37355
+ }, langdetect == 'en' ? (_returnpolicyobj9 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj9 === void 0 ? void 0 : _returnpolicyobj9.policypagename_en : (_returnpolicyobj10 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj10 === void 0 ? void 0 : _returnpolicyobj10.policypagename_ar), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("p", {
37356
+ "class": "".concat(footerStyles.footersubtitlestyles),
37357
+ onClick: function onClick() {
37358
+ routingcountext(StaticPagesLinksContext.ShippingPolicy);
37359
+ }
37360
+ }, langdetect == 'en' ? (_returnpolicyobj11 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj11 === void 0 ? void 0 : _returnpolicyobj11.policypagename_en : (_returnpolicyobj12 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj12 === void 0 ? void 0 : _returnpolicyobj12.policypagename_ar), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("p", {
37361
+ "class": "".concat(footerStyles.footersubtitlestyles),
37362
+ onClick: function onClick() {
37363
+ routingcountext(StaticPagesLinksContext.RefundPolicy);
37364
+ }
37365
+ }, langdetect == 'en' ? (_returnpolicyobj13 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj13 === void 0 ? void 0 : _returnpolicyobj13.policypagename_en : (_returnpolicyobj14 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj14 === void 0 ? void 0 : _returnpolicyobj14.policypagename_ar), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("p", {
37366
+ "class": "".concat(footerStyles.footersubtitlestyles),
37367
+ onClick: function onClick() {
37368
+ routingcountext(StaticPagesLinksContext.TermsConditions);
37369
+ }
37370
+ }, langdetect == 'en' ? (_returnpolicyobj15 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj15 === void 0 ? void 0 : _returnpolicyobj15.policypagename_en : (_returnpolicyobj16 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj16 === void 0 ? void 0 : _returnpolicyobj16.policypagename_ar)))), /*#__PURE__*/React__default["default"].createElement("div", {
37168
37371
  "class": "col-lg-5 col-sm-12 mb-sm-2 d-flex justify-content-end"
37169
37372
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37170
- "class": " col-lg-12 d-flex flex-row align-items-center justify-content-end "
37373
+ "class": " col-lg-12 d-flex flex-row align-items-center justify-content-end justify-content-md-start p-md-0"
37171
37374
  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
37172
37375
  "class": "".concat(footerStyles.facebook_btn) + ' d-flex align-items-center justify-content-center ',
37173
37376
  onClick: function onClick() {
37174
- var _authdetailsContext$i4;
37175
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink) != null) {
37176
- var _authdetailsContext$i5;
37177
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink, '_blank');
37377
+ var _authdetailsContext$i3;
37378
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null) {
37379
+ var _authdetailsContext$i4;
37380
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink, '_blank');
37178
37381
  }
37179
37382
  }
37180
- }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
37383
+ }, /*#__PURE__*/React__default["default"].createElement(FaFacebook.FaFacebook, {
37181
37384
  size: sectionproperties.facebkbtnniconfontsize
37182
37385
  })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
37183
37386
  "class": "".concat(footerStyles.instgram_btn) + ' d-flex align-items-center justify-content-center ml-3 mr-3 ',
37184
37387
  onClick: function onClick() {
37185
- var _authdetailsContext$i6;
37186
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink) != null) {
37187
- var _authdetailsContext$i7;
37188
- window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink, '_blank');
37388
+ var _authdetailsContext$i5;
37389
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null) {
37390
+ var _authdetailsContext$i6;
37391
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink, '_blank');
37189
37392
  }
37190
37393
  }
37191
37394
  }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
@@ -37193,10 +37396,10 @@ var Footer1 = function Footer1(props) {
37193
37396
  })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
37194
37397
  "class": "".concat(footerStyles.youtube_btn) + ' d-flex align-items-center justify-content-center ',
37195
37398
  onClick: function onClick() {
37196
- var _authdetailsContext$i8;
37197
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber) != null) {
37198
- var _authdetailsContext$i9;
37199
- window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.whatsappnumber), '_blank');
37399
+ var _authdetailsContext$i7;
37400
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber) != null) {
37401
+ var _authdetailsContext$i8;
37402
+ window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber), '_blank');
37200
37403
  }
37201
37404
  }
37202
37405
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -37204,7 +37407,23 @@ var Footer1 = function Footer1(props) {
37204
37407
  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
37205
37408
  "class": "col-lg-12 d-flex justify-content-center mt-md-3 mb-md-3"
37206
37409
  }, /*#__PURE__*/React__default["default"].createElement("div", {
37207
- "class": "".concat(footerStyles.vl) + ' ml-sm-0 mr-sm-0 '
37410
+ "class": "".concat(footerStyles.vl) + ' ml-sm-0 mr-sm-0 my-2 '
37411
+ })), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
37412
+ "class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-center mt-3 mb-1 mb-sm-3'
37413
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
37414
+ "class": "".concat(footerStyles.apptore) + ' cursor-pointer mx-2 ',
37415
+ src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
37416
+ onClick: function onClick() {
37417
+ var _authdetailsContext$i9;
37418
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.mobileapplink_appstore, '_blank');
37419
+ }
37420
+ }), /*#__PURE__*/React__default["default"].createElement("img", {
37421
+ "class": "".concat(footerStyles.playstore) + ' cursor-pointer mx-2 ',
37422
+ src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
37423
+ onClick: function onClick() {
37424
+ var _authdetailsContext$i10;
37425
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.mobileapplink_playstore, '_blank');
37426
+ }
37208
37427
  })), sectionproperties.showcontactinfo == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
37209
37428
  "class": "col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0"
37210
37429
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -37220,12 +37439,12 @@ var Footer1 = function Footer1(props) {
37220
37439
  textTransform: sectionproperties.footerinfotext_textTransform
37221
37440
  },
37222
37441
  onClick: function onClick() {
37223
- var _authdetailsContext$i10;
37224
- window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.contactinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.email), '_self');
37442
+ var _authdetailsContext$i11;
37443
+ window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 || (_authdetailsContext$i11 = _authdetailsContext$i11.contactinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.email), '_self');
37225
37444
  }
37226
37445
  }, /*#__PURE__*/React__default["default"].createElement("i", {
37227
37446
  "class": ' fa fa-at mr-2 text-transform-none ml-2 '
37228
- }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 || (_authdetailsContext$i11 = _authdetailsContext$i11.contactinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.email)), /*#__PURE__*/React__default["default"].createElement("div", {
37447
+ }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 || (_authdetailsContext$i12 = _authdetailsContext$i12.contactinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.email)), /*#__PURE__*/React__default["default"].createElement("div", {
37229
37448
  "class": "col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0"
37230
37449
  }, /*#__PURE__*/React__default["default"].createElement("p", {
37231
37450
  "class": "".concat(footerStyles.footerinfotext) + ' d-flex align-items-center justify-content-md-center mr-1 ',
@@ -37254,7 +37473,7 @@ var Footer1 = function Footer1(props) {
37254
37473
  "class": ' h-100 d-flex align-items-center justify-content-center mr-2 ml-2 '
37255
37474
  }, /*#__PURE__*/React__default["default"].createElement(IoLocationSharp.IoLocationSharp, {
37256
37475
  size: sectionproperties.footerinfoicon_fontsize
37257
- })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.address_en)))))));
37476
+ })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.address_en)))))));
37258
37477
  };
37259
37478
 
37260
37479
  function ownKeys$1v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -52731,7 +52950,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
52731
52950
  paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
52732
52951
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
52733
52952
  background: sectionproperties.backgroundColor,
52734
- marginBottom: sectionproperties.marginBottom + 'px',
52953
+ paddingBottom: sectionproperties.marginBottom + 'px',
52735
52954
  paddingTop: sectionproperties.marginTopResp + 'px'
52736
52955
  }
52737
52956
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -63344,9 +63563,10 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
63344
63563
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
63345
63564
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
63346
63565
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
63347
- height: sectionproperties.image_height + 'px',
63566
+ height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
63567
+ marginBottom: sectionproperties.image_mb + 'px',
63348
63568
  '@media (max-width: 800px)': {
63349
- height: sectionproperties.image_height == null ? sectionproperties.image_height : sectionproperties.height_responsive + 'px'
63569
+ height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive + 'px'
63350
63570
  }
63351
63571
  }),
63352
63572
  productoutercard: glamor.css({
@@ -63462,14 +63682,21 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
63462
63682
  background: sectionproperties.pillbgcolor,
63463
63683
  borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
63464
63684
  }
63465
- }, /*#__PURE__*/React__default["default"].createElement("p", {
63685
+ }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React__default["default"].createElement("p", {
63686
+ "class": "m-0 p-0 text-uppercase",
63687
+ style: {
63688
+ color: sectionproperties.pillcolor,
63689
+ fontSize: sectionproperties.pillfontSize + 'px',
63690
+ direction: 'ltr'
63691
+ }
63692
+ }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%'), sectionproperties.countertype == 'Value' && /*#__PURE__*/React__default["default"].createElement("p", {
63466
63693
  "class": "m-0 p-0 text-uppercase",
63467
63694
  style: {
63468
63695
  color: sectionproperties.pillcolor,
63469
63696
  fontSize: sectionproperties.pillfontSize + 'px',
63470
63697
  direction: 'ltr'
63471
63698
  }
63472
- }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
63699
+ }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
63473
63700
  "class": sectionproperties.transition == 'Bottom' ? "".concat(card_cssstyles.cart_btn_bottom) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn_bottom ' : sectionproperties.transition == 'Center' ? "".concat(card_cssstyles.cart_btn_center) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn_center ' : "".concat(card_cssstyles.cart_btn) + ' cursor-pointer d-flex d-md-none d-sm-none justify-content-center align-items-center cart_btn ',
63474
63701
  onClick: function onClick(e) {
63475
63702
  e.stopPropagation();
@@ -63504,7 +63731,10 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
63504
63731
  },
63505
63732
  "class": props.fontFamilyprops == 'ASUL' && sectionproperties.prodNameFontWeight > 100 && sectionproperties.prodNameFontWeight < 600 ? "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center ASUL-400 ' : props.fontFamilyprops == 'ASUL' && sectionproperties.prodNameFontWeight > 600 ? "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center ASUL-700 ' : "".concat(card_cssstyles.productNameStyles) + ' p-0 m-0 wordbreak wordbreak1 text-center '
63506
63733
  }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
63507
- "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 flex-md-column"
63734
+ "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 flex-md-column",
63735
+ style: {
63736
+ marginTop: sectionproperties.productpricemarginTop + 'px'
63737
+ }
63508
63738
  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
63509
63739
  "class": props.fontFamilyprops == 'ASUL' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 p-0 font-md-15 ASUL ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 p-0 font-md-15 '
63510
63740
  }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
@@ -64704,7 +64934,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
64704
64934
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
64705
64935
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
64706
64936
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
64707
- height: sectionproperties.image_height + 'px',
64937
+ height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
64708
64938
  marginBottom: sectionproperties.image_mb + 'px',
64709
64939
  border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
64710
64940
  overflow: 'hidden',
@@ -64794,7 +65024,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
64794
65024
  })), /*#__PURE__*/React__default["default"].createElement("div", {
64795
65025
  "class": card_cssstyles.imagecontainer + ' d-none d-sm-flex',
64796
65026
  style: {
64797
- height: sectionproperties.height_responsive + 'px',
65027
+ height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive + 'px',
64798
65028
  width: sectionproperties.image_bordertopleftradius == '100' ? sectionproperties.image_height + 'px' : sectionproperties.image_width_resp + '%'
64799
65029
  }
64800
65030
  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
@@ -64874,7 +65104,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
64874
65104
  productcardimagecont: glamor.css({
64875
65105
  position: 'relative',
64876
65106
  overflow: 'hidden',
64877
- height: sectionproperties.image_height + 'px',
65107
+ height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
64878
65108
  background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
64879
65109
  // border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
64880
65110
  border: sectionproperties.image_borderType == 'All' ? sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor : 0,
@@ -64886,7 +65116,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
64886
65116
  transition: '.3s',
64887
65117
  opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1,
64888
65118
  '@media (max-width: 800px)': {
64889
- height: sectionproperties.height_responsive != null ? sectionproperties.height_responsive + 'px' : sectionproperties.image_height + 'px'
65119
+ height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive != null ? sectionproperties.height_responsive + 'px' : sectionproperties.image_height + 'px'
64890
65120
  }
64891
65121
  }),
64892
65122
  productNameStyles: glamor.css({
@@ -65062,26 +65292,33 @@ var Simpleproductcard = function Simpleproductcard(props) {
65062
65292
  fontSize: sectionproperties.badge_fontsize + 'px'
65063
65293
  }
65064
65294
  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
65065
- "class": "allcentered",
65295
+ "class": sectionproperties.pillwidth == 0 ? ' px-2 allcentered' : 'allcentered',
65066
65296
  style: {
65067
65297
  zIndex: 2,
65068
65298
  position: 'absolute',
65069
65299
  top: sectionproperties.pillpositionfromtop + 'px',
65070
65300
  left: langdetect == 'en' ? sectionproperties.pillpositionfromright + 'px' : '',
65071
65301
  right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px',
65072
- width: sectionproperties.pillwidth + 'px',
65302
+ width: sectionproperties.pillwidth == 0 ? 'auto' : sectionproperties.pillwidth + 'px',
65073
65303
  height: sectionproperties.pillheight + 'px',
65074
65304
  background: sectionproperties.pillbgcolor,
65075
65305
  borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
65076
65306
  }
65077
- }, /*#__PURE__*/React__default["default"].createElement("p", {
65307
+ }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React__default["default"].createElement("p", {
65308
+ "class": "m-0 p-0",
65309
+ style: {
65310
+ color: sectionproperties.pillcolor,
65311
+ fontSize: sectionproperties.pillfontSize + 'px',
65312
+ direction: 'ltr'
65313
+ }
65314
+ }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%'), sectionproperties.countertype == 'Value' && /*#__PURE__*/React__default["default"].createElement("p", {
65078
65315
  "class": "m-0 p-0 text-uppercase",
65079
65316
  style: {
65080
65317
  color: sectionproperties.pillcolor,
65081
65318
  fontSize: sectionproperties.pillfontSize + 'px',
65082
65319
  direction: 'ltr'
65083
65320
  }
65084
- }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), /*#__PURE__*/React__default["default"].createElement("div", {
65321
+ }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React__default["default"].createElement("div", {
65085
65322
  onClick: function onClick() {
65086
65323
  if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'Product Information') {
65087
65324
  // setShowProductInfoModalContext(true);
@@ -65146,8 +65383,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
65146
65383
  "class": " d-flex flex-row col-lg-12 mx-0 p-0 align-items-center ",
65147
65384
  style: {
65148
65385
  justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start',
65149
- marginTop: sectionproperties.productpricemarginvertical + 'px',
65150
- marginBottom: sectionproperties.productpricemarginvertical + 'px'
65386
+ marginTop: sectionproperties.productpricemarginTop + 'px',
65387
+ marginBottom: sectionproperties.productpricemarginBottom + 'px'
65151
65388
  }
65152
65389
  }, /*#__PURE__*/React__default["default"].createElement("div", {
65153
65390
  "class": props.sectiontypeprops2 == 'vertical' ? ' d-flex align-items-center p-0 mb-0 flex-sm-column ' : ' d-flex align-items-center p-0 mb-0 ',