tabexseriescomponents 0.0.346 → 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.
package/dist/index.esm.js CHANGED
@@ -66,8 +66,6 @@ import { GrMail } from '@react-icons/all-files/gr/GrMail';
66
66
  import { FiCheckCircle } from '@react-icons/all-files/fi/FiCheckCircle';
67
67
  import { BiPhone } from '@react-icons/all-files/bi/BiPhone';
68
68
  import PhoneInput from 'react-phone-input-2';
69
- import '@react-icons/all-files/ai/AiOutlineEye';
70
- import '@react-icons/all-files/ai/AiOutlineEyeInvisible';
71
69
  import { BsChevronLeft } from '@react-icons/all-files/bs/BsChevronLeft';
72
70
  import { BsChevronRight } from '@react-icons/all-files/bs/BsChevronRight';
73
71
  import '@react-icons/all-files/ri/RiArrowUpSLine';
@@ -293,7 +291,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
293
291
  loginwithfacebook: 'Sign in with facebook',
294
292
  orsigninwith: 'Or Sign in with',
295
293
  orsignupwith: 'Or Sign up with'
296
- }, _defineProperty(_en, "price", 'Price'), _defineProperty(_en, "relatedproducts", 'Related products'), _defineProperty(_en, "qty", 'QTY'), _defineProperty(_en, "emptyshoppingcart", 'Your shopping cart is empty'), _defineProperty(_en, "shopnow", 'Shop now'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "otherinformation", 'Other information'), _defineProperty(_en, "productname", 'Product name'), _defineProperty(_en, "quantity", 'Quantity'), _defineProperty(_en, "orderid", 'Order ID'), _defineProperty(_en, "numberofproducts", 'Number of products'), _defineProperty(_en, "checkyourorder", 'Check your order'), _defineProperty(_en, "search", 'Search'), _defineProperty(_en, "searchproducts", 'Search for products...'), _defineProperty(_en, "choosecity", 'Choose city'), _defineProperty(_en, "choosestategov", 'Choose state/governorate'), _defineProperty(_en, "choosecountry", 'Choose country'), _defineProperty(_en, "giftcarddicountcode", 'Gift Card Or Discount Code...'), _defineProperty(_en, "nosearchresults", 'No search results'), _defineProperty(_en, "sale", 'Sale'), _defineProperty(_en, "nofavoriteproducts", 'Your wishlist is empty'), _defineProperty(_en, "loggedoutsuccess", 'Logged out successfully'), _defineProperty(_en, "addedtocartsuccess", 'Cart is updated successfully'), _defineProperty(_en, "promocodeapplied", 'Promo code is applied.'), _defineProperty(_en, "promocoderemoved", 'Promo code is removed'), _defineProperty(_en, "countryandstateupdatedsuccess", 'Country and state are updated successfully'), _defineProperty(_en, "orderaddedsuccess", 'Order is added successfully'), _defineProperty(_en, "addedtowishlist", 'Added to your favourites'), _defineProperty(_en, "productrmovedfromwishlist", 'Removed from your favourites'), _defineProperty(_en, "fillthemissingfields", 'Please complete the missing fields'), _defineProperty(_en, "passwordsdontmatch", "Passwords don't match"), _defineProperty(_en, "loggedinsuccess", 'Logged in successfully'), _defineProperty(_en, "subtotal", 'Sub total'), _defineProperty(_en, "discount", 'Discount'), _defineProperty(_en, "outofzone", 'Out of zone'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "cod", 'Cash on Delivery'), _defineProperty(_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty(_en, "onlinepayment", 'Online Payment'), _defineProperty(_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty(_en, "shippingfees", 'Shipping fees'), _defineProperty(_en, "shippingaddress", 'Shipping address'), _defineProperty(_en, "cardnumber", 'Card number'), _defineProperty(_en, "year", 'Year'), _defineProperty(_en, "month", 'Month'), _defineProperty(_en, "cvv", 'CVV'), _defineProperty(_en, "nameoncard", 'Name On Card'), _defineProperty(_en, "country", 'Country'), _defineProperty(_en, "addressdetails", 'ِAddress details'), _defineProperty(_en, "stategov", 'State/Governorate'), _defineProperty(_en, "city", 'City'), _defineProperty(_en, "paymentmethod", 'Payment method'), _defineProperty(_en, "productimage", 'Product image'), _defineProperty(_en, "orderdetails", 'Order details'), _defineProperty(_en, "orderinvoice", 'Order invoice'), _defineProperty(_en, "promocodediscount", 'Promo code discount'), _defineProperty(_en, "address", 'Address'), _defineProperty(_en, "update", 'Update'), _defineProperty(_en, "phonenumber", 'Mobile number'), _defineProperty(_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty(_en, "name", 'Name'), _defineProperty(_en, "email", 'Email'), _defineProperty(_en, "password", 'Password'), _defineProperty(_en, "confirmpassword", 'Confirm password'), _defineProperty(_en, "showmore", 'Show more'), _defineProperty(_en, "showless", 'Show less'), _defineProperty(_en, "contactdetails", 'Contact Information'), _defineProperty(_en, "asaguest", 'As A Guest'), _defineProperty(_en, "choosecountryfirst", 'Please choose country first'), _defineProperty(_en, "security", 'Security'), _defineProperty(_en, "personalinformation", 'Personal Information'), _defineProperty(_en, "contactus", 'Contact us'), _defineProperty(_en, "slogan", 'Your website & mobile application in one place'), _defineProperty(_en, "recent", 'Recent'), _defineProperty(_en, "oldest", 'Oldest'), _defineProperty(_en, "pricehightolow", 'High to low'), _defineProperty(_en, "pricelowtohigh", 'Low to High'), _defineProperty(_en, "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), _en),
294
+ }, _defineProperty(_en, "price", 'Price'), _defineProperty(_en, "relatedproducts", 'Related products'), _defineProperty(_en, "qty", 'QTY'), _defineProperty(_en, "emptyshoppingcart", 'Your shopping cart is empty'), _defineProperty(_en, "shopnow", 'Shop now'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "otherinformation", 'Other information'), _defineProperty(_en, "productname", 'Product name'), _defineProperty(_en, "quantity", 'Quantity'), _defineProperty(_en, "orderid", 'Order ID'), _defineProperty(_en, "numberofproducts", 'Number of products'), _defineProperty(_en, "checkyourorder", 'Check your order'), _defineProperty(_en, "search", 'Search'), _defineProperty(_en, "searchproducts", 'Search for products...'), _defineProperty(_en, "choosecity", 'Choose city'), _defineProperty(_en, "choosestategov", 'Choose state/governorate'), _defineProperty(_en, "choosecountry", 'Choose country'), _defineProperty(_en, "giftcarddicountcode", 'Gift Card Or Discount Code...'), _defineProperty(_en, "nosearchresults", 'No search results'), _defineProperty(_en, "sale", 'Sale'), _defineProperty(_en, "nofavoriteproducts", 'Your wishlist is empty'), _defineProperty(_en, "loggedoutsuccess", 'Logged out successfully'), _defineProperty(_en, "addedtocartsuccess", 'Cart is updated successfully'), _defineProperty(_en, "promocodeapplied", 'Promo code is applied.'), _defineProperty(_en, "promocoderemoved", 'Promo code is removed'), _defineProperty(_en, "countryandstateupdatedsuccess", 'Country and state are updated successfully'), _defineProperty(_en, "orderaddedsuccess", 'Order is added successfully'), _defineProperty(_en, "addedtowishlist", 'Added to your favourites'), _defineProperty(_en, "productrmovedfromwishlist", 'Removed from your favourites'), _defineProperty(_en, "fillthemissingfields", 'Please complete the missing fields'), _defineProperty(_en, "passwordsdontmatch", "Passwords don't match"), _defineProperty(_en, "loggedinsuccess", 'Logged in successfully'), _defineProperty(_en, "subtotal", 'Sub total'), _defineProperty(_en, "discount", 'Discount'), _defineProperty(_en, "outofzone", 'Out of zone'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "cod", 'Cash on Delivery'), _defineProperty(_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty(_en, "onlinepayment", 'Online Payment'), _defineProperty(_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty(_en, "shippingfees", 'Shipping fees'), _defineProperty(_en, "shippingaddress", 'Shipping address'), _defineProperty(_en, "cardnumber", 'Card number'), _defineProperty(_en, "year", 'Year'), _defineProperty(_en, "month", 'Month'), _defineProperty(_en, "cvv", 'CVV'), _defineProperty(_en, "nameoncard", 'Name On Card'), _defineProperty(_en, "country", 'Country'), _defineProperty(_en, "addressdetails", 'ِAddress details'), _defineProperty(_en, "stategov", 'State/Governorate'), _defineProperty(_en, "city", 'City'), _defineProperty(_en, "paymentmethod", 'Payment method'), _defineProperty(_en, "productimage", 'Product image'), _defineProperty(_en, "orderdetails", 'Order details'), _defineProperty(_en, "orderinvoice", 'Order invoice'), _defineProperty(_en, "promocodediscount", 'Promo code discount'), _defineProperty(_en, "address", 'Address'), _defineProperty(_en, "update", 'Update'), _defineProperty(_en, "phonenumber", 'Mobile number'), _defineProperty(_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty(_en, "name", 'Name'), _defineProperty(_en, "email", 'Email'), _defineProperty(_en, "password", 'Password'), _defineProperty(_en, "confirmpassword", 'Confirm password'), _defineProperty(_en, "showmore", 'Show more'), _defineProperty(_en, "showless", 'Show less'), _defineProperty(_en, "contactdetails", 'Contact Information'), _defineProperty(_en, "asaguest", 'As A Guest'), _defineProperty(_en, "choosecountryfirst", 'Please choose country first'), _defineProperty(_en, "security", 'Security'), _defineProperty(_en, "personalinformation", 'Personal Information'), _defineProperty(_en, "contactus", 'Contact us'), _defineProperty(_en, "slogan", 'Your website & mobile application in one place'), _defineProperty(_en, "recent", 'Recent'), _defineProperty(_en, "oldest", 'Oldest'), _defineProperty(_en, "pricehightolow", 'High to low'), _defineProperty(_en, "pricelowtohigh", 'Low to High'), _defineProperty(_en, "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), _defineProperty(_en, "instock", 'In Stock'), _en),
297
295
  ar: (_ar = {
298
296
  maximum: 'اقصى كمية',
299
297
  minimum: 'اقل كمية',
@@ -373,7 +371,7 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
373
371
  loginwithfacebook: 'تسجيل الدخول عن طريق فيسبوك',
374
372
  orsigninwith: 'او تسجيل الدخول عن طريق',
375
373
  orsignupwith: 'او انشاء حساب عن طريق'
376
- }, _defineProperty(_ar, "price", 'السعر'), _defineProperty(_ar, "relatedproducts", 'منتجات ذات صلة'), _defineProperty(_ar, "qty", 'الكمية'), _defineProperty(_ar, "emptyshoppingcart", 'حقيبة التسوق فارغة'), _defineProperty(_ar, "shopnow", 'تسوق الان'), _defineProperty(_ar, "total", 'الإجمالى'), _defineProperty(_ar, "otherinformation", 'معلومات اخرى'), _defineProperty(_ar, "productname", 'إسم المنتج'), _defineProperty(_ar, "quantity", 'الكمية'), _defineProperty(_ar, "orderid", 'رقم الطلب'), _defineProperty(_ar, "numberofproducts", 'عدد المنتجات'), _defineProperty(_ar, "checkyourorder", 'الذهاب إلى طلبك'), _defineProperty(_ar, "search", 'ابحث'), _defineProperty(_ar, "searchproducts", 'ابحث...'), _defineProperty(_ar, "choosecity", 'إختر المدينة'), _defineProperty(_ar, "choosestategov", 'إختر المحافظة/الولاية'), _defineProperty(_ar, "choosecountry", 'إختر البلد'), _defineProperty(_ar, "giftcarddicountcode", 'كود خصم'), _defineProperty(_ar, "nosearchresults", 'لا توجد نتائج'), _defineProperty(_ar, "sale", 'خصم'), _defineProperty(_ar, "nofavoriteproducts", 'لا توجد منتجات مفضلة'), _defineProperty(_ar, "loggedoutsuccess", 'تم تسجيل الخروج'), _defineProperty(_ar, "addedtocartsuccess", 'تم تعديل عربة التسوق'), _defineProperty(_ar, "promocodeapplied", 'تم تطبيق كود الخصم'), _defineProperty(_ar, "promocoderemoved", 'تم حذف كود الخصم'), _defineProperty(_ar, "countryandstateupdatedsuccess", 'تم تحديث البلد و المدينة'), _defineProperty(_ar, "orderaddedsuccess", 'تم إضافة الطلب'), _defineProperty(_ar, "addedtowishlist", 'تم الإضافة لمفضلاتك'), _defineProperty(_ar, "productrmovedfromwishlist", 'تم الحذف من مفضلاتك'), _defineProperty(_ar, "fillthemissingfields", 'من فضلك اكمل باقى البيانات'), _defineProperty(_ar, "passwordsdontmatch", 'كلمات السر لا تتطابق'), _defineProperty(_ar, "loggedinsuccess", 'تم تسجيل الدخول'), _defineProperty(_ar, "subtotal", 'إجمالي المبلغ'), _defineProperty(_ar, "discount", 'الخصم'), _defineProperty(_ar, "outofzone", 'خارج نطاق الشحن'), _defineProperty(_ar, "total", 'المبلغ الكلي'), _defineProperty(_ar, "cod", 'الدفع عند الإستلام'), _defineProperty(_ar, "cardondelivery", 'الدفع بالطاقة الائتمانية عند الإستلام'), _defineProperty(_ar, "onlinepayment", 'الدفع الإلكترونى'), _defineProperty(_ar, "paymentcardinformation", 'بيانات البطاقة'), _defineProperty(_ar, "shippingfees", 'مصاريف الشحن'), _defineProperty(_ar, "shippingaddress", 'عنوان الشحن'), _defineProperty(_ar, "cardnumber", 'رقم البطاقة'), _defineProperty(_ar, "year", 'السنة'), _defineProperty(_ar, "month", 'الشهر'), _defineProperty(_ar, "cvv", 'رقم البطاقة'), _defineProperty(_ar, "nameoncard", 'الإسم على البطاقة'), _defineProperty(_ar, "country", 'البلد'), _defineProperty(_ar, "addressdetails", 'العنوان'), _defineProperty(_ar, "stategov", 'المحافظة/الولاية'), _defineProperty(_ar, "city", 'المدينة'), _defineProperty(_ar, "paymentmethod", 'طريقة الدفع'), _defineProperty(_ar, "productimage", 'صورة المنتج'), _defineProperty(_ar, "orderdetails", 'تفاصيل الطلب'), _defineProperty(_ar, "orderinvoice", 'فاتورة الطلب'), _defineProperty(_ar, "promocodediscount", 'كود الخصم'), _defineProperty(_ar, "address", 'العنوان'), _defineProperty(_ar, "update", 'تحديث'), _defineProperty(_ar, "phonenumber", 'الهاتف'), _defineProperty(_ar, "completerequiredfields", 'من فضلك اكمل البيانات الإجبارية'), _defineProperty(_ar, "name", 'الإسم'), _defineProperty(_ar, "email", 'البريد الإلكترونى'), _defineProperty(_ar, "password", 'كلمة السر'), _defineProperty(_ar, "confirmpassword", 'تأكيد كلمة السر'), _defineProperty(_ar, "showless", 'اعرض اقل'), _defineProperty(_ar, "showmore", 'اعرض المزيد'), _defineProperty(_ar, "contactdetails", 'معلومات التواصل'), _defineProperty(_ar, "asaguest", 'كزائر'), _defineProperty(_ar, "choosecountryfirst", 'من فضلك اختر البلد اولاً'), _defineProperty(_ar, "security", 'الخصوصية و الأمان'), _defineProperty(_ar, "personalinformation", 'البيانات الشخصية'), _defineProperty(_ar, "contactus", 'تواصل معنا'), _defineProperty(_ar, "slogan", 'موقعك و تطبيقك فى مكان واحد'), _ar)
374
+ }, _defineProperty(_ar, "price", 'السعر'), _defineProperty(_ar, "relatedproducts", 'منتجات ذات صلة'), _defineProperty(_ar, "qty", 'الكمية'), _defineProperty(_ar, "emptyshoppingcart", 'حقيبة التسوق فارغة'), _defineProperty(_ar, "shopnow", 'تسوق الان'), _defineProperty(_ar, "total", 'الإجمالى'), _defineProperty(_ar, "otherinformation", 'معلومات اخرى'), _defineProperty(_ar, "productname", 'إسم المنتج'), _defineProperty(_ar, "quantity", 'الكمية'), _defineProperty(_ar, "orderid", 'رقم الطلب'), _defineProperty(_ar, "numberofproducts", 'عدد المنتجات'), _defineProperty(_ar, "checkyourorder", 'الذهاب إلى طلبك'), _defineProperty(_ar, "search", 'ابحث'), _defineProperty(_ar, "searchproducts", 'ابحث...'), _defineProperty(_ar, "choosecity", 'إختر المدينة'), _defineProperty(_ar, "choosestategov", 'إختر المحافظة/الولاية'), _defineProperty(_ar, "choosecountry", 'إختر البلد'), _defineProperty(_ar, "giftcarddicountcode", 'كود خصم'), _defineProperty(_ar, "nosearchresults", 'لا توجد نتائج'), _defineProperty(_ar, "sale", 'خصم'), _defineProperty(_ar, "nofavoriteproducts", 'لا توجد منتجات مفضلة'), _defineProperty(_ar, "loggedoutsuccess", 'تم تسجيل الخروج'), _defineProperty(_ar, "addedtocartsuccess", 'تم تعديل عربة التسوق'), _defineProperty(_ar, "promocodeapplied", 'تم تطبيق كود الخصم'), _defineProperty(_ar, "promocoderemoved", 'تم حذف كود الخصم'), _defineProperty(_ar, "countryandstateupdatedsuccess", 'تم تحديث البلد و المدينة'), _defineProperty(_ar, "orderaddedsuccess", 'تم إضافة الطلب'), _defineProperty(_ar, "addedtowishlist", 'تم الإضافة لمفضلاتك'), _defineProperty(_ar, "productrmovedfromwishlist", 'تم الحذف من مفضلاتك'), _defineProperty(_ar, "fillthemissingfields", 'من فضلك اكمل باقى البيانات'), _defineProperty(_ar, "passwordsdontmatch", 'كلمات السر لا تتطابق'), _defineProperty(_ar, "loggedinsuccess", 'تم تسجيل الدخول'), _defineProperty(_ar, "subtotal", 'إجمالي المبلغ'), _defineProperty(_ar, "discount", 'الخصم'), _defineProperty(_ar, "outofzone", 'خارج نطاق الشحن'), _defineProperty(_ar, "total", 'المبلغ الكلي'), _defineProperty(_ar, "cod", 'الدفع عند الإستلام'), _defineProperty(_ar, "cardondelivery", 'الدفع بالطاقة الائتمانية عند الإستلام'), _defineProperty(_ar, "onlinepayment", 'الدفع الإلكترونى'), _defineProperty(_ar, "paymentcardinformation", 'بيانات البطاقة'), _defineProperty(_ar, "shippingfees", 'مصاريف الشحن'), _defineProperty(_ar, "shippingaddress", 'عنوان الشحن'), _defineProperty(_ar, "cardnumber", 'رقم البطاقة'), _defineProperty(_ar, "year", 'السنة'), _defineProperty(_ar, "month", 'الشهر'), _defineProperty(_ar, "cvv", 'رقم البطاقة'), _defineProperty(_ar, "nameoncard", 'الإسم على البطاقة'), _defineProperty(_ar, "country", 'البلد'), _defineProperty(_ar, "addressdetails", 'العنوان'), _defineProperty(_ar, "stategov", 'المحافظة/الولاية'), _defineProperty(_ar, "city", 'المدينة'), _defineProperty(_ar, "paymentmethod", 'طريقة الدفع'), _defineProperty(_ar, "productimage", 'صورة المنتج'), _defineProperty(_ar, "orderdetails", 'تفاصيل الطلب'), _defineProperty(_ar, "orderinvoice", 'فاتورة الطلب'), _defineProperty(_ar, "promocodediscount", 'كود الخصم'), _defineProperty(_ar, "address", 'العنوان'), _defineProperty(_ar, "update", 'تحديث'), _defineProperty(_ar, "phonenumber", 'الهاتف'), _defineProperty(_ar, "completerequiredfields", 'من فضلك اكمل البيانات الإجبارية'), _defineProperty(_ar, "name", 'الإسم'), _defineProperty(_ar, "email", 'البريد الإلكترونى'), _defineProperty(_ar, "password", 'كلمة السر'), _defineProperty(_ar, "confirmpassword", 'تأكيد كلمة السر'), _defineProperty(_ar, "showless", 'اعرض اقل'), _defineProperty(_ar, "showmore", 'اعرض المزيد'), _defineProperty(_ar, "contactdetails", 'معلومات التواصل'), _defineProperty(_ar, "asaguest", 'كزائر'), _defineProperty(_ar, "choosecountryfirst", 'من فضلك اختر البلد اولاً'), _defineProperty(_ar, "security", 'الخصوصية و الأمان'), _defineProperty(_ar, "personalinformation", 'البيانات الشخصية'), _defineProperty(_ar, "contactus", 'تواصل معنا'), _defineProperty(_ar, "slogan", 'موقعك و تطبيقك فى مكان واحد'), _defineProperty(_ar, "instock", 'متوفر'), _ar)
377
375
  },
378
376
  langdetect: 'en',
379
377
  setlang: _this.setlang,
@@ -899,7 +897,7 @@ var Login = function Login(props) {
899
897
  letterSpacing: langdetect == 'en' ? '1px' : '',
900
898
  textTransform: sectionproperties.login_btn_texttransform
901
899
  }
902
- }, lang.login)), SocialLoginMutationContext.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
900
+ }, langdetect == 'en' ? sectionproperties.loginbtncontent_en : sectionproperties.loginbtncontent_ar)), SocialLoginMutationContext.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
903
901
  color: "#fff",
904
902
  width: "20px",
905
903
  height: "20px",
@@ -1146,12 +1144,77 @@ styleInject(css_248z$L);
1146
1144
  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}";
1147
1145
  styleInject(css_248z$K);
1148
1146
 
1149
- 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}";
1147
+ 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}";
1150
1148
  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"};
1151
1149
  styleInject(css_248z$J);
1152
1150
 
1153
1151
  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; }
1154
1152
  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(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; }
1153
+ var selectcustomStyles = {
1154
+ option: function option(provided, state) {
1155
+ return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
1156
+ borderBottom: '1px solid #e6e6e6',
1157
+ backgroundColor: state.isSelected ? '' : '',
1158
+ padding: 5,
1159
+ textTransform: 'capitalize',
1160
+ color: state.isSelected ? '#eac435' : '#022648',
1161
+ transition: '.3s',
1162
+ '&:hover': {
1163
+ color: '#eac435',
1164
+ cursor: 'pointer'
1165
+ }
1166
+ });
1167
+ },
1168
+ control: function control() {
1169
+ return {
1170
+ border: '1px solid #e6e6e6',
1171
+ // boxShadow: '0 0 10px #e6e6e6',
1172
+ borderRadius: '5px',
1173
+ display: 'flex',
1174
+ cursor: 'pointer',
1175
+ transition: '.3s',
1176
+ '&:hover': {
1177
+ // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
1178
+ }
1179
+ };
1180
+ }
1181
+ };
1182
+ var selectcustomStylesTranslated = {
1183
+ option: function option(provided, state) {
1184
+ return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
1185
+ borderBottom: '1px solid #e6e6e6',
1186
+ backgroundColor: state.isSelected ? '' : '',
1187
+ padding: 5,
1188
+ textTransform: 'capitalize',
1189
+ color: state.isSelected ? '#eac435' : '#022648',
1190
+ transition: '.3s',
1191
+ textAlign: 'right',
1192
+ '&:hover': {
1193
+ color: '#eac435',
1194
+ cursor: 'pointer'
1195
+ }
1196
+ });
1197
+ },
1198
+ control: function control() {
1199
+ return {
1200
+ border: '2px solid #e6e6e6',
1201
+ boxShadow: '0 0 10px #e6e6e6',
1202
+ borderRadius: '10px',
1203
+ display: 'flex',
1204
+ cursor: 'pointer',
1205
+ transition: '.3s',
1206
+ textAlign: 'right',
1207
+ '&:hover': {
1208
+ boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)'
1209
+ }
1210
+ };
1211
+ },
1212
+ placeholder: function placeholder(provided, state) {
1213
+ return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
1214
+ textAlign: 'right'
1215
+ });
1216
+ }
1217
+ };
1155
1218
  var defaultstyles = {
1156
1219
  option: function option(provided, state) {
1157
1220
  return _objectSpread$2p(_objectSpread$2p({}, provided), {}, {
@@ -2067,7 +2130,7 @@ var DescriptionContent = function DescriptionContent(props) {
2067
2130
  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; }
2068
2131
  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(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; }
2069
2132
  var Product_itemtype = function Product_itemtype(props) {
2070
- var _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _ProductInfoObj$data, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34;
2133
+ 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;
2071
2134
  var lang = props.actions.lang;
2072
2135
  var langdetect = props.actions.langdetect;
2073
2136
  var srcfromprops = props.actions.srcfromprops;
@@ -2185,11 +2248,11 @@ var Product_itemtype = function Product_itemtype(props) {
2185
2248
  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar);
2186
2249
  };
2187
2250
  var SKUSection = function SKUSection() {
2188
- var _fetchProductInfoQuer;
2251
+ var _fetchProductInfoQuer, _fetchProductInfoQuer2;
2189
2252
  return /*#__PURE__*/React.createElement("div", {
2190
- "class": "row m-0 w-100"
2253
+ "class": sectionproperties.availabilitybtnposition == 'Under SKU' && sectionproperties.show_availability == 'Show' ? 'row m-0 w-100 mt-3' : 'row m-0 w-100'
2191
2254
  }, sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
2192
- "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'
2255
+ "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'
2193
2256
  }, /*#__PURE__*/React.createElement("p", {
2194
2257
  "class": "m-0 p-0 d-flex justify-content-start"
2195
2258
  }, /*#__PURE__*/React.createElement("span", {
@@ -2207,7 +2270,26 @@ var Product_itemtype = function Product_itemtype(props) {
2207
2270
  fontSize: sectionproperties.skuFontSize + 'px',
2208
2271
  textAlign: langdetect == 'en' ? 'left' : 'right'
2209
2272
  }
2210
- }, fetchProductInfoQueryContext.data.data.productinfo.sku))));
2273
+ }, 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.createElement("div", {
2274
+ "class": 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
2275
+ }, /*#__PURE__*/React.createElement("p", {
2276
+ "class": "m-0 p-0 d-flex justify-content-start"
2277
+ }, /*#__PURE__*/React.createElement("span", {
2278
+ style: {
2279
+ fontSize: sectionproperties.availability_fontsize + 'px',
2280
+ color: sectionproperties.availability_textcolor,
2281
+ textAlign: langdetect == 'en' ? 'left' : 'right',
2282
+ fontWeight: sectionproperties.skuFontWeight
2283
+ }
2284
+ }, lang.availability, ":"), /*#__PURE__*/React.createElement("span", {
2285
+ "class": "ml-1 mr-1",
2286
+ style: {
2287
+ color: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_availabletextcolor : sectionproperties.availability_limitedtextcolor,
2288
+ fontSize: sectionproperties.availability_fontsize + 'px',
2289
+ fontWeight: sectionproperties.skuSecondaryFontWeight,
2290
+ textAlign: langdetect == 'en' ? 'left' : 'right'
2291
+ }
2292
+ }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.instock : lang.limitedquantity))));
2211
2293
  };
2212
2294
  var ShareButtonsContainer = function ShareButtonsContainer() {
2213
2295
  return /*#__PURE__*/React.createElement("div", {
@@ -2225,7 +2307,7 @@ var Product_itemtype = function Product_itemtype(props) {
2225
2307
  }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr), /*#__PURE__*/React.createElement("div", {
2226
2308
  className: "Demo__container w-100 m-0 d-flex align-items-center mt-3",
2227
2309
  style: {
2228
- justifyContent: sectionproperties.sharecentered == 'Centered' ? 'center' : 'start'
2310
+ justifyContent: srcfromprops != 'templatedraftrouter' ? 'start' : sectionproperties.sharecentered == 'Centered' ? 'center' : 'start'
2229
2311
  }
2230
2312
  }, /*#__PURE__*/React.createElement("div", {
2231
2313
  className: "Demo__some-network ml-2 mr-2 allcentered"
@@ -2249,7 +2331,9 @@ var Product_itemtype = function Product_itemtype(props) {
2249
2331
  style: {}
2250
2332
  }, /*#__PURE__*/React.createElement("i", {
2251
2333
  "class": "h-100 allcentered"
2252
- }, /*#__PURE__*/React.createElement(AiOutlineTwitter, null))))), /*#__PURE__*/React.createElement("div", {
2334
+ }, /*#__PURE__*/React.createElement(AiOutlineTwitter, {
2335
+ size: 16
2336
+ }))))), /*#__PURE__*/React.createElement("div", {
2253
2337
  className: "Demo__some-network ml-2 mr-2"
2254
2338
  }, /*#__PURE__*/React.createElement(WhatsappShareButton, {
2255
2339
  url: shareUrl,
@@ -2261,7 +2345,9 @@ var Product_itemtype = function Product_itemtype(props) {
2261
2345
  style: {}
2262
2346
  }, /*#__PURE__*/React.createElement("i", {
2263
2347
  "class": "h-100 allcentered"
2264
- }, /*#__PURE__*/React.createElement(FaWhatsapp, null))))), sectionproperties.showsharelinkedin == 'Show' && /*#__PURE__*/React.createElement("div", {
2348
+ }, /*#__PURE__*/React.createElement(FaWhatsapp, {
2349
+ size: 16
2350
+ }))))), sectionproperties.showsharelinkedin == 'Show' && /*#__PURE__*/React.createElement("div", {
2265
2351
  className: "Demo__some-network ml-2 mr-2"
2266
2352
  }, /*#__PURE__*/React.createElement(LinkedinShareButton, {
2267
2353
  url: shareUrl,
@@ -2276,7 +2362,7 @@ var Product_itemtype = function Product_itemtype(props) {
2276
2362
  }, /*#__PURE__*/React.createElement(FaLinkedinIn, null))))))));
2277
2363
  };
2278
2364
  var Quantitybtn_Cartbtn_Favbottombtn = function Quantitybtn_Cartbtn_Favbottombtn() {
2279
- var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer10, _fetchProductInfoQuer11;
2365
+ var _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
2280
2366
  return /*#__PURE__*/React.createElement("div", {
2281
2367
  "class": "col-lg-12 p-0"
2282
2368
  }, /*#__PURE__*/React.createElement("div", {
@@ -2284,7 +2370,7 @@ var Product_itemtype = function Product_itemtype(props) {
2284
2370
  style: {
2285
2371
  justifyContent: sectionproperties.cartbtncentered == 'Centered' ? 'center' : 'start'
2286
2372
  }
2287
- }, 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.createElement("button", {
2373
+ }, 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.createElement("button", {
2288
2374
  className: " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mb-sm-2 ',
2289
2375
  style: {
2290
2376
  height: sectionproperties.quantitybtn_height + 'px',
@@ -2326,12 +2412,12 @@ var Product_itemtype = function Product_itemtype(props) {
2326
2412
  }
2327
2413
  }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React.createElement(FiPlus, {
2328
2414
  size: sectionproperties.add_quantitybtn_textfontsize
2329
- })))), 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.createElement("button", {
2415
+ })))), 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.createElement("button", {
2330
2416
  className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
2331
2417
  onClick: function onClick() {
2332
2418
  if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
2333
- var _fetchProductInfoQuer5;
2334
- window.open('tel:' + ((_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.product_phonenumber), '_blank');
2419
+ var _fetchProductInfoQuer6;
2420
+ window.open('tel:' + ((_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.product_phonenumber), '_blank');
2335
2421
  } else {
2336
2422
  if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
2337
2423
  addtocartfunc();
@@ -2362,7 +2448,7 @@ var Product_itemtype = function Product_itemtype(props) {
2362
2448
  size: sectionproperties.cartBtn_iconFontSize
2363
2449
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
2364
2450
  size: sectionproperties.cartBtn_iconFontSize
2365
- })), 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.createElement("div", {
2451
+ })), 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.createElement("div", {
2366
2452
  className: ' d-flex align-items-center justify-content-center '
2367
2453
  }, /*#__PURE__*/React.createElement(CircularProgress, {
2368
2454
  color: "white",
@@ -2407,7 +2493,7 @@ var Product_itemtype = function Product_itemtype(props) {
2407
2493
  style: {
2408
2494
  fontSize: sectionproperties.favBtnTextfontsize + 'px'
2409
2495
  }
2410
- }, 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.createElement("div", {
2496
+ }, 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.createElement("div", {
2411
2497
  "class": "row m-0 w-100 mt-3",
2412
2498
  style: {
2413
2499
  overflow: 'hidden'
@@ -2419,8 +2505,8 @@ var Product_itemtype = function Product_itemtype(props) {
2419
2505
  },
2420
2506
  onClick: function onClick() {
2421
2507
  if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
2422
- var _fetchProductInfoQuer9;
2423
- window.open('tel:' + ((_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.product_phonenumber), '_blank');
2508
+ var _fetchProductInfoQuer10;
2509
+ window.open('tel:' + ((_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.product_phonenumber), '_blank');
2424
2510
  } else {
2425
2511
  if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
2426
2512
  addtocartfunc();
@@ -2451,7 +2537,7 @@ var Product_itemtype = function Product_itemtype(props) {
2451
2537
  size: sectionproperties.cartBtn_iconFontSize
2452
2538
  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
2453
2539
  size: sectionproperties.cartBtn_iconFontSize
2454
- })), 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.createElement("div", {
2540
+ })), 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.createElement("div", {
2455
2541
  className: ' d-flex align-items-center justify-content-center '
2456
2542
  }, /*#__PURE__*/React.createElement(CircularProgress, {
2457
2543
  color: "white",
@@ -2492,13 +2578,13 @@ var Product_itemtype = function Product_itemtype(props) {
2492
2578
  // ? parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2)
2493
2579
  // : parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2)}
2494
2580
  useEffect(function () {
2495
- var _fetchProductInfoQuer12;
2581
+ var _fetchProductInfoQuer13;
2496
2582
  var totalprice = '';
2497
2583
  if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
2498
2584
  totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2);
2499
2585
  } else if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
2500
2586
  totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2);
2501
- } 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) {
2587
+ } 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) {
2502
2588
  totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2);
2503
2589
  } else {
2504
2590
  totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2);
@@ -2514,13 +2600,13 @@ var Product_itemtype = function Product_itemtype(props) {
2514
2600
  }, /*#__PURE__*/React.createElement("div", {
2515
2601
  "class": ' col-lg-12 p-0 '
2516
2602
  }, /*#__PURE__*/React.createElement("div", {
2517
- "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
2603
+ "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 ',
2518
2604
  style: {
2519
2605
  minHeight: sectionproperties.height + 'vh'
2520
2606
  }
2521
2607
  }, sectionproperties.gallerystyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
2522
2608
  "class": "w-100 scrollhorizontalwithscrollbar"
2523
- }, (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) {
2609
+ }, (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) {
2524
2610
  return /*#__PURE__*/React.createElement("div", {
2525
2611
  "class": ' scrollhorizontalcard mx-2 ',
2526
2612
  style: {
@@ -2556,12 +2642,12 @@ var Product_itemtype = function Product_itemtype(props) {
2556
2642
  }, /*#__PURE__*/React.createElement("div", {
2557
2643
  className: "row m-0 w-100"
2558
2644
  }, /*#__PURE__*/React.createElement("div", {
2559
- 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'
2560
- }, 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.createElement("div", {
2645
+ 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'
2646
+ }, 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.createElement("div", {
2561
2647
  className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
2562
2648
  }, /*#__PURE__*/React.createElement(ReactStars, {
2563
2649
  count: 5,
2564
- 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,
2650
+ 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,
2565
2651
  edit: false,
2566
2652
  size: 18,
2567
2653
  emptyIcon: /*#__PURE__*/React.createElement("i", {
@@ -2582,7 +2668,7 @@ var Product_itemtype = function Product_itemtype(props) {
2582
2668
  activeColor: "#ffd700"
2583
2669
  })), /*#__PURE__*/React.createElement("div", {
2584
2670
  className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
2585
- }, 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.createElement("div", {
2671
+ }, 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.createElement("div", {
2586
2672
  style: {
2587
2673
  width: sectionproperties.availability_width + 'px',
2588
2674
  height: sectionproperties.availability_height + 'px',
@@ -2634,7 +2720,7 @@ var Product_itemtype = function Product_itemtype(props) {
2634
2720
  }, /*#__PURE__*/React.createElement(DescriptionContent, {
2635
2721
  actions: props.actions,
2636
2722
  srcfromprops: 'undername'
2637
- })), (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.createElement("div", {
2723
+ })), (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.createElement("div", {
2638
2724
  "class": "col-lg-12 p-0 d-flex justify-content-start mt-2 mb-2"
2639
2725
  }, /*#__PURE__*/React.createElement("p", {
2640
2726
  "class": "m-0 p-0",
@@ -2645,15 +2731,15 @@ var Product_itemtype = function Product_itemtype(props) {
2645
2731
  style: {
2646
2732
  fontWeight: 600
2647
2733
  }
2648
- }, 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.createElement("div", {
2734
+ }, 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.createElement("div", {
2649
2735
  "class": "col-lg-12 p-0"
2650
- }, SKUSection()), (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.currentquantity) < 1 && sectionproperties.showoutofstock == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.quantavailtype) == 'limit' && (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.hasvariants) == 0 && /*#__PURE__*/React.createElement("div", {
2736
+ }, 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.createElement("div", {
2651
2737
  "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
2652
2738
  }, /*#__PURE__*/React.createElement("div", {
2653
2739
  "class": "".concat(productinfo_cssstyles.outstockbadge) + ' allcentered '
2654
2740
  }, /*#__PURE__*/React.createElement("p", {
2655
2741
  "class": "m-0 p-0"
2656
- }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), sectionproperties.deliverytimeshow == 'Show' && (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.deliverydatetext) != null && /*#__PURE__*/React.createElement("div", {
2742
+ }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.deliverydatetext) != null && /*#__PURE__*/React.createElement("div", {
2657
2743
  "class": "mb-4 col-lg-12 allcentered",
2658
2744
  style: {
2659
2745
  width: '100%',
@@ -2674,9 +2760,9 @@ var Product_itemtype = function Product_itemtype(props) {
2674
2760
  textAlign: langdetect == 'en' ? 'left' : 'right',
2675
2761
  color: sectionproperties.deliverytimecontainercolor
2676
2762
  }
2677
- }, sectionproperties.showdeliverytitle == 'Show' && /*#__PURE__*/React.createElement("span", null, langdetect == 'en' ? sectionproperties.deliverycontent_en : sectionproperties.deliverycontent_ar, ": "), ' ', fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.deliverydatetext)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer26 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : _fetchProductInfoQuer26.isproducttobesold) == 1 && /*#__PURE__*/React.createElement(ProductHeaderPricing, {
2763
+ }, sectionproperties.showdeliverytitle == 'Show' && /*#__PURE__*/React.createElement("span", null, langdetect == 'en' ? sectionproperties.deliverycontent_en : sectionproperties.deliverycontent_ar, ": "), ' ', fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer26 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : _fetchProductInfoQuer26.deliverydatetext)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer27 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.isproducttobesold) == 1 && /*#__PURE__*/React.createElement(ProductHeaderPricing, {
2678
2764
  actions: props.actions
2679
- }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer27 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React.createElement("div", {
2765
+ }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.productinfo) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : _fetchProductInfoQuer28.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React.createElement("div", {
2680
2766
  className: "row m-0 w-100 d-flex align-items-start"
2681
2767
  }, ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data = ProductInfoObj.data) === null || _ProductInfoObj$data === void 0 || (_ProductInfoObj$data = _ProductInfoObj$data.productinfo) === null || _ProductInfoObj$data === void 0 || (_ProductInfoObj$data = _ProductInfoObj$data.productoptions) === null || _ProductInfoObj$data === void 0 ? void 0 : _ProductInfoObj$data.map(function (item, index) {
2682
2768
  return /*#__PURE__*/React.createElement("div", {
@@ -2740,7 +2826,7 @@ var Product_itemtype = function Product_itemtype(props) {
2740
2826
  actions: props.actions
2741
2827
  }), sectionproperties.showextrafield == 'Show' && /*#__PURE__*/React.createElement(ProductExtraFields, {
2742
2828
  actions: props.actions
2743
- }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
2829
+ }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React.createElement("div", {
2744
2830
  className: "col-lg-12 p-0 mb-3"
2745
2831
  }, /*#__PURE__*/React.createElement("hr", {
2746
2832
  className: "mb-0 mt-2"
@@ -2751,7 +2837,7 @@ var Product_itemtype = function Product_itemtype(props) {
2751
2837
  }
2752
2838
  }, /*#__PURE__*/React.createElement("div", {
2753
2839
  className: "row m-0 w-100 d-flex align-items-center"
2754
- }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.productinfo) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : _fetchProductInfoQuer28.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : _fetchProductInfoQuer29.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("div", {
2840
+ }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : _fetchProductInfoQuer29.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer30 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("div", {
2755
2841
  className: "col-lg-12 p-0 mb-2 d-flex justify-content-start"
2756
2842
  }, /*#__PURE__*/React.createElement("p", {
2757
2843
  className: "m-0 p-0",
@@ -2761,7 +2847,7 @@ var Product_itemtype = function Product_itemtype(props) {
2761
2847
  textTransform: sectionproperties.generaltext_textTransform,
2762
2848
  fontWeight: sectionproperties.generaltext_fontWeight
2763
2849
  }
2764
- }, lang.quantity, ":")), Quantitybtn_Cartbtn_Favbottombtn())), sectionproperties.productInformationType == 'Product/Service Information' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer30 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React.createElement("div", {
2850
+ }, lang.quantity, ":")), Quantitybtn_Cartbtn_Favbottombtn())), sectionproperties.productInformationType == 'Product/Service Information' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.productinfo) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : _fetchProductInfoQuer31.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React.createElement("div", {
2765
2851
  className: "col-lg-12 p-0 mb-3"
2766
2852
  }, /*#__PURE__*/React.createElement("div", {
2767
2853
  className: "row m-0 w-100 d-flex flex-row"
@@ -2784,7 +2870,7 @@ var Product_itemtype = function Product_itemtype(props) {
2784
2870
  }
2785
2871
  }, /*#__PURE__*/React.createElement("span", {
2786
2872
  className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right ' : ' d-flex align-items-center justify-content-end wordbreak text-left '
2787
- }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.productinfo) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.variants[variantindexcompleted]) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : _fetchProductInfoQuer31.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer32 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.variants[variantindexcompleted]) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : _fetchProductInfoQuer32.hassale) == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React.createElement("p", {
2873
+ }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer32 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.variants[variantindexcompleted]) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : _fetchProductInfoQuer32.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer33 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.variants[variantindexcompleted]) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.hassale) == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React.createElement("p", {
2788
2874
  className: 'm-0 p-0 linethrough wordbreak',
2789
2875
  style: {
2790
2876
  color: sectionproperties.prodsalePriceColor,
@@ -2798,14 +2884,14 @@ var Product_itemtype = function Product_itemtype(props) {
2798
2884
  style: {
2799
2885
  textDecoration: 'none'
2800
2886
  }
2801
- }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer33 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.variants[variantindexcompleted]) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.hassale) == 1 && /*#__PURE__*/React.createElement("span", {
2887
+ }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.productinfo) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.variants[variantindexcompleted]) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.hassale) == 1 && /*#__PURE__*/React.createElement("span", {
2802
2888
  className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
2803
2889
  }, /*#__PURE__*/React.createElement("span", {
2804
2890
  className: "ml-2 mr-2",
2805
2891
  style: {
2806
2892
  textDecoration: 'none'
2807
2893
  }
2808
- }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.availabilitybtnposition == 'Bottom' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.productinfo) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
2894
+ }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.availabilitybtnposition == 'Bottom' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer35 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer35 === void 0 || (_fetchProductInfoQuer35 = _fetchProductInfoQuer35.data) === null || _fetchProductInfoQuer35 === void 0 || (_fetchProductInfoQuer35 = _fetchProductInfoQuer35.productinfo) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : _fetchProductInfoQuer35.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("div", {
2809
2895
  className: "col-lg-12 p-0 mb-3 mt-2"
2810
2896
  }, /*#__PURE__*/React.createElement("div", {
2811
2897
  style: {
@@ -2831,7 +2917,7 @@ var Product_itemtype = function Product_itemtype(props) {
2831
2917
  className: "font-weight-600"
2832
2918
  }, lang.availability, ":"), /*#__PURE__*/React.createElement("span", {
2833
2919
  className: "ml-1 mr-1"
2834
- }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)))), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 1' && /*#__PURE__*/React.createElement("div", {
2920
+ }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)))), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 1' && srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React.createElement("div", {
2835
2921
  "class": "col-lg-12 p-0"
2836
2922
  }, /*#__PURE__*/React.createElement("hr", {
2837
2923
  "class": "mb-3 mt-3",
@@ -5693,7 +5779,7 @@ var Productinfo = function Productinfo(props) {
5693
5779
  lang: lang,
5694
5780
  srcfromprops: props.srcfromprops
5695
5781
  }, _defineProperty(_ref2, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref2, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref2, "addtocartfunc", addtocartfunc), _defineProperty(_ref2, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref2, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref2, "productimagesarray", productimagesarray), _defineProperty(_ref2, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref2, "sectionproperties", sectionproperties), _defineProperty(_ref2, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref2, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref2, "routingcountext", routingcountext), _defineProperty(_ref2, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref2, "authdetailsContext", authdetailsContext), _defineProperty(_ref2, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref2, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref2, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref2, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty(_ref2, "NotificationManager", NotificationManager), _defineProperty(_ref2, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref2, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref2, "relatedproducts", relatedproducts), _defineProperty(_ref2, "getQuantityCondition", getQuantityCondition), _defineProperty(_ref2, "StoreInfoprops", StoreInfo), _defineProperty(_ref2, "templatepropcontext", templatepropcontext), _defineProperty(_ref2, "ikimagecredcontext", ikimagecredcontext), _ref2)
5696
- }), /*#__PURE__*/React.createElement("div", {
5782
+ }), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React.createElement("div", {
5697
5783
  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 ',
5698
5784
  style: {
5699
5785
  paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -5859,7 +5945,7 @@ var Productinfo = function Productinfo(props) {
5859
5945
  productinfo_cssstyles: productinfo_cssstyles,
5860
5946
  sectionproperties: sectionproperties
5861
5947
  })
5862
- }))))), /*#__PURE__*/React.createElement("div", {
5948
+ }))))), props.srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React.createElement("div", {
5863
5949
  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 ',
5864
5950
  style: {
5865
5951
  paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -8106,7 +8192,7 @@ var Select$3 = /*#__PURE__*/React.lazy(function () {
8106
8192
  return import('react-select');
8107
8193
  });
8108
8194
  var Checkout = function Checkout(props) {
8109
- var _css, _checkoutstyles, _ref, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64, _fetchcustomercartQue65, _fetchcustomercartQue67, _fetchcustomercartQue69, _fetchcustomercartQue71, _fetchcustomercartQue73;
8195
+ var _css, _checkoutstyles, _ref, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64, _fetchcustomercartQue65, _fetchcustomercartQue67, _fetchcustomercartQue69, _fetchcustomercartQue71, _fetchcustomercartQue73, _fetchcustomercartQue75;
8110
8196
  var _useState = useState(null),
8111
8197
  _useState2 = _slicedToArray(_useState, 2);
8112
8198
  _useState2[0];
@@ -9304,7 +9390,28 @@ var Checkout = function Checkout(props) {
9304
9390
  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"
9305
9391
  })), /*#__PURE__*/React.createElement("p", {
9306
9392
  className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
9307
- }, " 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.createElement("div", {
9393
+ }, " ValU"))), authdetailsContext.instinfo.acceptmobilewalletpayment == 1 && /*#__PURE__*/React.createElement("div", {
9394
+ className: "col-xl-4 col-lg-4 col-md-12 mb-3"
9395
+ }, /*#__PURE__*/React.createElement("label", {
9396
+ 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 '
9397
+ }, /*#__PURE__*/React.createElement("input", {
9398
+ type: "checkbox",
9399
+ className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
9400
+ 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,
9401
+ onChange: function onChange() {
9402
+ var _fetchcustomercartQue74;
9403
+ 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') {
9404
+ cartinfoupdater('paymentmethod', 'mobilewallet');
9405
+ }
9406
+ }
9407
+ }), /*#__PURE__*/React.createElement("svg", {
9408
+ viewBox: "0 0 21 21",
9409
+ className: checkoutstyles.svgstyles + ' h-100 '
9410
+ }, /*#__PURE__*/React.createElement("path", {
9411
+ 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"
9412
+ })), /*#__PURE__*/React.createElement("p", {
9413
+ className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
9414
+ }, " 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.createElement("div", {
9308
9415
  className: "col-lg-12 p-0 w-100 mb-3"
9309
9416
  }, /*#__PURE__*/React.createElement("div", {
9310
9417
  style: {
@@ -9433,7 +9540,6 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9433
9540
  var instapikey = props.actions.instapikey;
9434
9541
  var templatepropcontext = props.actions.templatepropcontext;
9435
9542
  var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
9436
- props.actions.ikimagecredcontext;
9437
9543
  var NotificationManager = props.actions.NotificationManager;
9438
9544
  var actions = props.actions;
9439
9545
  var _useState = 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),
@@ -9855,7 +9961,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9855
9961
  setFetchTabexStatesPayloadobjContext(_objectSpread$2d({}, tempFetchTabexStatesPayloadobjContext));
9856
9962
  payloadobjchange('countryid', option.id);
9857
9963
  },
9858
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
9964
+ styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
9859
9965
  placeholder: langdetect == 'en' ? 'Choose Country' : 'إختر البلد',
9860
9966
  isSearchable: true
9861
9967
  })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React.createElement("div", {
@@ -9907,7 +10013,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9907
10013
  setFetchTabexStatesPayloadobjContext(_objectSpread$2d({}, tempFetchTabexStatesPayloadobjContext));
9908
10014
  payloadobjchange('stateid', option.id);
9909
10015
  },
9910
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
10016
+ styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
9911
10017
  placeholder: lang.choosestategov,
9912
10018
  isSearchable: true
9913
10019
  })), sectionproperties.hidecountrystatecity == 'Show' && /*#__PURE__*/React.createElement("div", {
@@ -9955,7 +10061,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9955
10061
  onChange: function onChange(option) {
9956
10062
  payloadobjchange('cityid', option.id);
9957
10063
  },
9958
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
10064
+ styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
9959
10065
  placeholder: lang.choosecity,
9960
10066
  isSearchable: true
9961
10067
  })), sectionproperties.hideaddress == 'Show' && /*#__PURE__*/React.createElement("div", {
@@ -9971,7 +10077,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
9971
10077
  className: loginstyles.wrap_input100
9972
10078
  }, /*#__PURE__*/React.createElement(TextareaAutosize, {
9973
10079
  type: "text",
9974
- className: "".concat(loginstyles.form_control, " ").concat(loginstyles.form_controltextarea, " ").concat(formstyles.form_control),
10080
+ className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control) + ' py-1 ',
9975
10081
  value: payloadobj.shippingaddress,
9976
10082
  textplaceholder: "",
9977
10083
  onChange: function onChange(event) {
@@ -10150,11 +10256,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10150
10256
  style: {
10151
10257
  letterSpacing: langdetect == 'en' ? '1px' : ''
10152
10258
  }
10153
- }, langdetect == 'en' ? sectionproperties.signupbtn_contenten : sectionproperties.signupbtn_contentar), authdetailsContext.loggedin == true && /*#__PURE__*/React.createElement("span", {
10154
- style: {
10155
- letterSpacing: langdetect == 'en' ? '1px' : ''
10156
- }
10157
- }, lang.update)));
10259
+ }, langdetect == 'en' ? sectionproperties.signupbtn_contenten : sectionproperties.signupbtn_contentar), authdetailsContext.loggedin == true && /*#__PURE__*/React.createElement("span", null, lang.update)));
10158
10260
  };
10159
10261
  return /*#__PURE__*/React.createElement("div", {
10160
10262
  className: "row m-0 w-100 d-flex justify-content-center",
@@ -10226,7 +10328,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10226
10328
  fontWeight: sectionproperties.sectionTitleFontWeight
10227
10329
  }
10228
10330
  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$c2 = authdetailsContext.customerinfo) === null || _authdetailsContext$c2 === void 0 ? void 0 : _authdetailsContext$c2.subscrption_enddate))), /*#__PURE__*/React.createElement("div", {
10229
- className: "col-lg-12 mb-3 p-0"
10331
+ className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-12 mb-3 p-0' : 'col-lg-12 p-0'
10230
10332
  }, /*#__PURE__*/React.createElement("div", {
10231
10333
  style: {
10232
10334
  background: sectionproperties.backgroundColor,
@@ -10235,8 +10337,8 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10235
10337
  borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
10236
10338
  borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
10237
10339
  },
10238
- className: "p-2 w-100"
10239
- }, /*#__PURE__*/React.createElement("div", {
10340
+ className: sectionproperties.cardstyletype == 'Style 1' ? 'p-2 w-100' : 'w-100'
10341
+ }, sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
10240
10342
  className: "row ml-0 mr-0"
10241
10343
  }, /*#__PURE__*/React.createElement("div", {
10242
10344
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-center"
@@ -10252,12 +10354,12 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10252
10354
  }, /*#__PURE__*/React.createElement("hr", {
10253
10355
  className: "mt-2 mb-3"
10254
10356
  }))), PersonalInformation())), /*#__PURE__*/React.createElement("div", {
10255
- className: "col-lg-12 mb-3 p-0",
10357
+ className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-12 mb-3 p-0' : 'col-lg-12 p-0',
10256
10358
  style: {
10257
10359
  display: sectionproperties.hidecountrystatecity == 'Show' && sectionproperties.hideaddress == 'Show' ? 'flex' : 'none'
10258
10360
  }
10259
10361
  }, /*#__PURE__*/React.createElement("div", {
10260
- className: 'p-2 w-100',
10362
+ className: sectionproperties.cardstyletype == 'Style 1' ? 'p-2 w-100' : 'w-100',
10261
10363
  style: {
10262
10364
  background: sectionproperties.backgroundColor,
10263
10365
  borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
@@ -10265,7 +10367,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10265
10367
  borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
10266
10368
  borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
10267
10369
  }
10268
- }, /*#__PURE__*/React.createElement("div", {
10370
+ }, sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
10269
10371
  className: "row ml-0 mr-0"
10270
10372
  }, /*#__PURE__*/React.createElement("div", {
10271
10373
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-center"
@@ -10281,9 +10383,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10281
10383
  }, /*#__PURE__*/React.createElement("hr", {
10282
10384
  className: "mt-2 mb-3"
10283
10385
  }))), Address())), /*#__PURE__*/React.createElement("div", {
10284
- className: "col-lg-12 mb-3 p-0"
10386
+ className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-12 mb-3 p-0' : 'col-lg-12 p-0'
10285
10387
  }, /*#__PURE__*/React.createElement("div", {
10286
- className: 'p-2 w-100',
10388
+ className: sectionproperties.cardstyletype == 'Style 1' ? 'p-2 w-100' : 'w-100',
10287
10389
  style: {
10288
10390
  background: sectionproperties.backgroundColor,
10289
10391
  borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
@@ -10291,7 +10393,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10291
10393
  borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
10292
10394
  borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
10293
10395
  }
10294
- }, /*#__PURE__*/React.createElement("div", {
10396
+ }, sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React.createElement("div", {
10295
10397
  className: "row ml-0 mr-0"
10296
10398
  }, /*#__PURE__*/React.createElement("div", {
10297
10399
  className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-center"
@@ -10309,7 +10411,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10309
10411
  }))), /*#__PURE__*/React.createElement("div", {
10310
10412
  className: "row ml-0 mr-0"
10311
10413
  }, Password()))), payloadobj.instsignupformvalues.length != 0 && /*#__PURE__*/React.createElement("div", {
10312
- className: "col-lg-12 mb-3 p-0"
10414
+ className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-12 mb-3 p-0' : 'col-lg-12 p-0'
10313
10415
  }, /*#__PURE__*/React.createElement("div", {
10314
10416
  style: {
10315
10417
  background: sectionproperties.backgroundColor,
@@ -10318,7 +10420,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
10318
10420
  borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
10319
10421
  borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
10320
10422
  },
10321
- className: "p-2 w-100"
10423
+ className: sectionproperties.cardstyletype == 'Style 1' ? 'p-2 w-100' : 'w-100'
10322
10424
  }, /*#__PURE__*/React.createElement("div", {
10323
10425
  className: "row ml-0 mr-0"
10324
10426
  }, /*#__PURE__*/React.createElement("div", {
@@ -11156,7 +11258,7 @@ var AccountInformation = function AccountInformation(props) {
11156
11258
  var lang = props.actions.lang;
11157
11259
  var langdetect = props.actions.langdetect;
11158
11260
  var templatepropcontext = props.actions.templatepropcontext;
11159
- var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
11261
+ props.actions.StatePagePropertiesContext;
11160
11262
  var ikimagecredcontext = props.actions.ikimagecredcontext;
11161
11263
  var actions = props.actions;
11162
11264
  var _useState = useState(''),
@@ -11288,7 +11390,7 @@ var AccountInformation = function AccountInformation(props) {
11288
11390
  }, lang.accountinformation)))), /*#__PURE__*/React.createElement("div", {
11289
11391
  className: "col-lg-12 p-0"
11290
11392
  }, /*#__PURE__*/React.createElement("div", {
11291
- className: "row m-0 w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
11393
+ className: "row m-0 w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-3 pr-sm-3",
11292
11394
  style: {
11293
11395
  paddingLeft: sectionproperties.paddingLeft + 'px',
11294
11396
  paddingRight: sectionproperties.paddingRight + 'px',
@@ -11299,7 +11401,8 @@ var AccountInformation = function AccountInformation(props) {
11299
11401
  borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
11300
11402
  borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
11301
11403
  borderColor: sectionproperties.sectioncardbordercolor,
11302
- border: sectionproperties.sectioncardborderwidth + 'px solid'
11404
+ border: sectionproperties.sectioncardborderwidth + 'px solid',
11405
+ background: sectionproperties.cardstyletype == 'Style 1' ? '' : sectionproperties.backgroundColor
11303
11406
  }
11304
11407
  }, /*#__PURE__*/React.createElement("div", {
11305
11408
  className: 'col-lg-12 p-0'
@@ -11310,16 +11413,28 @@ var AccountInformation = function AccountInformation(props) {
11310
11413
  className: 'col-lg-12 p-0'
11311
11414
  }, /*#__PURE__*/React.createElement("div", {
11312
11415
  className: "row m-0 w-100"
11313
- }, /*#__PURE__*/React.createElement("div", {
11416
+ }, sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React.createElement("div", {
11417
+ className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex",
11418
+ style: {
11419
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px',
11420
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
11421
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
11422
+ }
11423
+ }, /*#__PURE__*/React.createElement("p", {
11424
+ className: "m-0 p-0",
11425
+ style: {
11426
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
11427
+ color: sectionproperties.sectionTitleColor,
11428
+ fontWeight: sectionproperties.sectionTitleFontWeight
11429
+ }
11430
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
11314
11431
  className: 'col-lg-12 p-0'
11315
11432
  }, /*#__PURE__*/React.createElement(CustomerInformationForm, {
11316
11433
  formtype: "edit",
11317
11434
  srcfromprops: "accountinfo",
11318
11435
  sectionpropertiesprops: sectionproperties,
11319
11436
  actions: actions
11320
- })))))), StatePagePropertiesContext.pageobj.sections.length != 0 && /*#__PURE__*/React.createElement("div", {
11321
- className: "col-lg-12 d-flex align-items-center justify-content-center p-0 "
11322
- }));
11437
+ })))))));
11323
11438
  };
11324
11439
 
11325
11440
  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";
@@ -11873,7 +11988,8 @@ var CartSlider = function CartSlider(props) {
11873
11988
  scroll: true,
11874
11989
  style: {
11875
11990
  backgroundColor: sectionproperties.backgroundColor,
11876
- height: '100vh'
11991
+ height: '100vh',
11992
+ width: '30vw'
11877
11993
  },
11878
11994
  backdrop: CurrentSrcTypeContext == 'workplace' ? false : true
11879
11995
  }, /*#__PURE__*/React.createElement(Offcanvas.Header, null, /*#__PURE__*/React.createElement(Offcanvas.Title, null, /*#__PURE__*/React.createElement("div", {
@@ -11960,7 +12076,7 @@ var CartSlider = function CartSlider(props) {
11960
12076
  }, (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.createElement("div", {
11961
12077
  className: "row m-0 w-100 h-100"
11962
12078
  }, (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.createElement("div", {
11963
- className: "col-lg-12 p-0 mt-5 anim"
12079
+ className: "col-lg-12 p-0 mt-5 anim pt-3"
11964
12080
  }, /*#__PURE__*/React.createElement("div", {
11965
12081
  className: "row m-0 w-100 d-flex align-items-center justify-content-center",
11966
12082
  style: {
@@ -13253,6 +13369,15 @@ var Filter$1 = function Filter(props) {
13253
13369
  cursor: 'pointer',
13254
13370
  color: sectionproperties.showallcolorhover
13255
13371
  }
13372
+ }),
13373
+ sectiontitle: css({
13374
+ position: 'relative',
13375
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
13376
+ width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
13377
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
13378
+ '@media (max-width: 800px)': {
13379
+ fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
13380
+ }
13256
13381
  })
13257
13382
  };
13258
13383
  var filterrouting = function filterrouting(tempfetchproductsfilerobjcontext) {
@@ -13438,13 +13563,8 @@ var Filter$1 = function Filter(props) {
13438
13563
  }, /*#__PURE__*/React.createElement("div", {
13439
13564
  "class": "col-lg-6 col-md-6 p-0 d-flex align-items-center justify-content-start"
13440
13565
  }, /*#__PURE__*/React.createElement("div", {
13441
- "class": "d-flex align-items-center flex-row",
13442
- style: {
13443
- position: 'relative',
13444
- justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
13445
- width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
13446
- fontSize: sectionproperties.sectionTitleFontSize + 'px'
13447
- }
13566
+ "class": filter_cssstyles.sectiontitle + ' d-flex align-items-center flex-row ',
13567
+ style: {}
13448
13568
  }, /*#__PURE__*/React.createElement("p", {
13449
13569
  "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 ',
13450
13570
  style: {
@@ -13455,7 +13575,11 @@ var Filter$1 = function Filter(props) {
13455
13575
  textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
13456
13576
  }
13457
13577
  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar))), /*#__PURE__*/React.createElement("div", {
13458
- "class": "col-lg-6 col-md-6 d-flex align-items-center justify-content-end"
13578
+ "class": "col-lg-6 col-md-6 d-flex align-items-center justify-content-end",
13579
+ style: {
13580
+ paddingRight: langdetect == 'en' ? 0 : '',
13581
+ paddingLeft: langdetect == 'ar' ? 0 : ''
13582
+ }
13459
13583
  }, /*#__PURE__*/React.createElement("div", {
13460
13584
  "class": "dropdowncontainer"
13461
13585
  }, /*#__PURE__*/React.createElement("input", {
@@ -13469,7 +13593,7 @@ var Filter$1 = function Filter(props) {
13469
13593
  onClick: function onClick() {
13470
13594
  setChecked(!checked);
13471
13595
  },
13472
- className: filter_cssstyles.label + ' d-flex justify-content-end align-items-center for-dropdown m-0 ',
13596
+ className: filter_cssstyles.collapsetitle + ' d-flex justify-content-end align-items-center for-dropdown m-0 ',
13473
13597
  "for": "dropdown",
13474
13598
  style: {
13475
13599
  cursor: 'pointer'
@@ -13479,7 +13603,10 @@ var Filter$1 = function Filter(props) {
13479
13603
  }, /*#__PURE__*/React.createElement(FiChevronDown, {
13480
13604
  size: 20
13481
13605
  }))), /*#__PURE__*/React.createElement("div", {
13482
- "class": "dropdownmenu"
13606
+ "class": "dropdownmenu",
13607
+ style: {
13608
+ background: sectionproperties.filter_backgroundcolor
13609
+ }
13483
13610
  }, otherfilters.map(function (item, index) {
13484
13611
  return /*#__PURE__*/React.createElement("div", {
13485
13612
  "class": "w-100"
@@ -16230,7 +16357,7 @@ var Searchlist$1 = function Searchlist(props) {
16230
16357
  minHeight: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '30vh' : props.srcfromprops == 'ElegantHeader' ? '50vh' : '30vh'
16231
16358
  }),
16232
16359
  searchlist_innercontainer: css({
16233
- height: props.srcfromprops == 'cardssection' ? '25vh' : props.srcfromprops == 'ElegantHeader' ? '50vh' : '30vh',
16360
+ height: props.srcfromprops == 'cardssection' ? '25vh' : props.srcfromprops == 'ElegantHeader' ? '48vh' : '30vh',
16234
16361
  overflowY: 'scroll'
16235
16362
  // height: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? '100vh' : props.srcfromprops == 'cardssection' ? '25vh' : '30vh',
16236
16363
  // overflowY: props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'scroll' : 'hidden',
@@ -16354,9 +16481,12 @@ var Searchlist$1 = function Searchlist(props) {
16354
16481
  }))), /*#__PURE__*/React.createElement("div", {
16355
16482
  "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
16356
16483
  }, /*#__PURE__*/React.createElement("p", {
16357
- "class": props.srcfromprops == 'ElegantHeader' ? "".concat(searchlist_styles.productNameStyles) + ' m-0 wordbreak wordbreak2 p-0 ' : "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 '
16484
+ "class": props.srcfromprops == 'ElegantHeader' ? "".concat(searchlist_styles.productNameStyles) + ' m-0 wordbreak wordbreak2 p-0 ' : "".concat(searchlist_styles.productNameStyles) + ' m-0 text-overflow p-0 ',
16485
+ style: {
16486
+ textAlign: 'center'
16487
+ }
16358
16488
  }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.searchlistshowprice == 'Show' && /*#__PURE__*/React.createElement("div", {
16359
- "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
16489
+ "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered mt-2"
16360
16490
  }, /*#__PURE__*/React.createElement("p", {
16361
16491
  "class": "".concat(searchlist_styles.productPricestyles) + ' m-0 '
16362
16492
  }, 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.createElement("p", {
@@ -18033,23 +18163,27 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18033
18163
  _useState6 = _slicedToArray(_useState5, 2),
18034
18164
  menuactive = _useState6[0],
18035
18165
  setmenuactive = _useState6[1];
18166
+ var _useState7 = useState(false),
18167
+ _useState8 = _slicedToArray(_useState7, 2),
18168
+ openSearch = _useState8[0],
18169
+ setopenSearch = _useState8[1];
18036
18170
  useEffect(function () {
18037
18171
  if (props.sectionpropertiesprops != undefined) {
18038
18172
  setsectionproperties(_objectSpread$1T({}, props.sectionpropertiesprops));
18039
18173
  }
18040
18174
  }, [props.sectionpropertiesprops]);
18041
- var _useState7 = useState([]),
18042
- _useState8 = _slicedToArray(_useState7, 2),
18043
- logoarrayofobjects = _useState8[0],
18044
- setlogoarrayofobjects = _useState8[1];
18045
- var _useState9 = useState(false),
18046
- _useState10 = _slicedToArray(_useState9, 2);
18047
- _useState10[0];
18048
- _useState10[1];
18049
- var _useState11 = useState(''),
18175
+ var _useState9 = useState([]),
18176
+ _useState10 = _slicedToArray(_useState9, 2),
18177
+ logoarrayofobjects = _useState10[0],
18178
+ setlogoarrayofobjects = _useState10[1];
18179
+ var _useState11 = useState(false),
18050
18180
  _useState12 = _slicedToArray(_useState11, 2);
18051
18181
  _useState12[0];
18052
18182
  _useState12[1];
18183
+ var _useState13 = useState(''),
18184
+ _useState14 = _slicedToArray(_useState13, 2);
18185
+ _useState14[0];
18186
+ _useState14[1];
18053
18187
  useEffect(function () {
18054
18188
  if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
18055
18189
  var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -18226,7 +18360,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18226
18360
  var CartButton = function CartButton() {
18227
18361
  var _fetchcustomercartQue2, _fetchcustomercartQue3;
18228
18362
  return /*#__PURE__*/React.createElement("div", {
18229
- "class": "d-flex align-items-center",
18363
+ "class": "d-flex align-items-center mx-2",
18230
18364
  style: {
18231
18365
  position: 'relative'
18232
18366
  }
@@ -18266,9 +18400,9 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18266
18400
  };
18267
18401
  return /*#__PURE__*/React.createElement("div", {
18268
18402
  className: "row m-0 w-100"
18269
- }, /*#__PURE__*/React.createElement("div", {
18270
- className: "col-lg-12 p-0"
18271
18403
  }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
18404
+ className: "col-lg-12 p-0"
18405
+ }, openSearch == false && /*#__PURE__*/React.createElement("div", {
18272
18406
  className: ' row m-0 w-100 d-none d-md-flex p-0 '
18273
18407
  }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React.createElement(MarqueeHeader, {
18274
18408
  sectionpropertiesprops: sectionproperties,
@@ -18303,7 +18437,12 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18303
18437
  }
18304
18438
  }))), /*#__PURE__*/React.createElement("div", {
18305
18439
  className: "col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0"
18306
- }, sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React.createElement("i", {
18440
+ }, /*#__PURE__*/React.createElement("i", {
18441
+ "class": "h-100 allcentered",
18442
+ onClick: function onClick() {
18443
+ setopenSearch(true);
18444
+ }
18445
+ }, /*#__PURE__*/React.createElement(IoSearchOutline, null)), sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React.createElement("i", {
18307
18446
  "class": ' h-100 allcentered ',
18308
18447
  style: {
18309
18448
  color: sectionproperties.cart_BtnTextcolor_resp
@@ -18322,7 +18461,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18322
18461
  size: 20,
18323
18462
  color: sectionproperties.cart_BtnTextcolor_resp
18324
18463
  }))), menuactive == true && /*#__PURE__*/React.createElement("div", {
18325
- "class": "px-4 py-4",
18464
+ "class": "px-4 py-4 scrollvertical",
18326
18465
  style: {
18327
18466
  position: 'fixed',
18328
18467
  top: '0px',
@@ -18331,7 +18470,8 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18331
18470
  width: '100%',
18332
18471
  background: sectionproperties.resposive_bgcolor,
18333
18472
  height: '100%',
18334
- zIndex: 10000
18473
+ zIndex: 10000,
18474
+ overflow: 'scroll'
18335
18475
  }
18336
18476
  }, /*#__PURE__*/React.createElement("div", {
18337
18477
  "class": "col-lg-12 text-end anim"
@@ -18459,7 +18599,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
18459
18599
  color: '#000',
18460
18600
  fontSize: 16
18461
18601
  }
18462
- }, lang.logout))))))));
18602
+ }, lang.logout)))))), openSearch == true && /*#__PURE__*/React.createElement("p", null, "asd")));
18463
18603
  };
18464
18604
 
18465
18605
  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; }
@@ -18858,19 +18998,16 @@ var ElegantHeader = function ElegantHeader(props) {
18858
18998
  })), /*#__PURE__*/React.createElement("span", {
18859
18999
  "class": "mx-2"
18860
19000
  }, langdetect == 'en' ? 'Login' : 'تسجيل الدخول')), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
18861
- "class": "".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ',
19001
+ "class": "".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center pt-1 ',
18862
19002
  sytle: {
18863
19003
  position: 'relative'
18864
- },
18865
- onClick: function onClick() {
18866
- routingcountext(StaticPagesLinksContext.accountinfo);
18867
19004
  }
18868
19005
  }, /*#__PURE__*/React.createElement("i", {
18869
19006
  "class": ' h-100 d-flex align-items-center '
18870
19007
  }, /*#__PURE__*/React.createElement(BiUser, {
18871
19008
  size: sectionproperties.userBtnTextfontsize
18872
19009
  })), /*#__PURE__*/React.createElement("span", {
18873
- "class": "mx-2"
19010
+ "class": "mx-2 text-capitalize"
18874
19011
  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement(Dropdown.Menu, {
18875
19012
  style: {
18876
19013
  minWidth: '200px'
@@ -18891,15 +19028,7 @@ var ElegantHeader = function ElegantHeader(props) {
18891
19028
  "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
18892
19029
  }, /*#__PURE__*/React.createElement("p", {
18893
19030
  "class": ' allcenetered m-0 p-0 '
18894
- }, lang.wishlist))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
18895
- onClick: function onClick() {
18896
- routingcountext(StaticPagesLinksContext.Policies);
18897
- }
18898
- }, /*#__PURE__*/React.createElement("div", {
18899
- "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
18900
- }, /*#__PURE__*/React.createElement("p", {
18901
- "class": ' allcenetered m-0 p-0 '
18902
- }, lang.policies))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
19031
+ }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.wishlisttitle_ar))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
18903
19032
  onClick: function onClick() {
18904
19033
  LogoutMutationContext.mutate();
18905
19034
  }
@@ -52772,7 +52901,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
52772
52901
  paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
52773
52902
  paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
52774
52903
  background: sectionproperties.backgroundColor,
52775
- marginBottom: sectionproperties.marginBottom + 'px',
52904
+ paddingBottom: sectionproperties.marginBottom + 'px',
52776
52905
  paddingTop: sectionproperties.marginTopResp + 'px'
52777
52906
  }
52778
52907
  }, /*#__PURE__*/React.createElement("div", {
@@ -63385,9 +63514,10 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
63385
63514
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
63386
63515
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
63387
63516
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
63388
- height: sectionproperties.image_height + 'px',
63517
+ height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
63518
+ marginBottom: sectionproperties.image_mb + 'px',
63389
63519
  '@media (max-width: 800px)': {
63390
- height: sectionproperties.image_height == null ? sectionproperties.image_height : sectionproperties.height_responsive + 'px'
63520
+ height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive + 'px'
63391
63521
  }
63392
63522
  }),
63393
63523
  productoutercard: css({
@@ -63503,14 +63633,21 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
63503
63633
  background: sectionproperties.pillbgcolor,
63504
63634
  borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
63505
63635
  }
63506
- }, /*#__PURE__*/React.createElement("p", {
63636
+ }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React.createElement("p", {
63637
+ "class": "m-0 p-0 text-uppercase",
63638
+ style: {
63639
+ color: sectionproperties.pillcolor,
63640
+ fontSize: sectionproperties.pillfontSize + 'px',
63641
+ direction: 'ltr'
63642
+ }
63643
+ }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%'), sectionproperties.countertype == 'Value' && /*#__PURE__*/React.createElement("p", {
63507
63644
  "class": "m-0 p-0 text-uppercase",
63508
63645
  style: {
63509
63646
  color: sectionproperties.pillcolor,
63510
63647
  fontSize: sectionproperties.pillfontSize + 'px',
63511
63648
  direction: 'ltr'
63512
63649
  }
63513
- }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
63650
+ }, 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.createElement("button", {
63514
63651
  "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 ',
63515
63652
  onClick: function onClick(e) {
63516
63653
  e.stopPropagation();
@@ -63545,7 +63682,10 @@ var Productcard_with_variants = function Productcard_with_variants(props) {
63545
63682
  },
63546
63683
  "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 '
63547
63684
  }, item.name)), /*#__PURE__*/React.createElement("div", {
63548
- "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 flex-md-column"
63685
+ "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 flex-md-column",
63686
+ style: {
63687
+ marginTop: sectionproperties.productpricemarginTop + 'px'
63688
+ }
63549
63689
  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
63550
63690
  "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 '
63551
63691
  }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
@@ -64745,7 +64885,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
64745
64885
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
64746
64886
  borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
64747
64887
  borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
64748
- height: sectionproperties.image_height + 'px',
64888
+ height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
64749
64889
  marginBottom: sectionproperties.image_mb + 'px',
64750
64890
  border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
64751
64891
  overflow: 'hidden',
@@ -64835,7 +64975,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
64835
64975
  })), /*#__PURE__*/React.createElement("div", {
64836
64976
  "class": card_cssstyles.imagecontainer + ' d-none d-sm-flex',
64837
64977
  style: {
64838
- height: sectionproperties.height_responsive + 'px',
64978
+ height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive + 'px',
64839
64979
  width: sectionproperties.image_bordertopleftradius == '100' ? sectionproperties.image_height + 'px' : sectionproperties.image_width_resp + '%'
64840
64980
  }
64841
64981
  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {