tabexseriescomponents 0.0.252 → 0.0.255

package/dist/index.esm.js

@@ -77,6 +77,8 @@ import { FaArrowAltCircleLeft } from '@react-icons/all-files/fa/FaArrowAltCircle
 import { FiFilter } from '@react-icons/all-files/fi/FiFilter';
 import { FiChevronLeft } from '@react-icons/all-files/fi/FiChevronLeft';
 import { FiChevronRight } from '@react-icons/all-files/fi/FiChevronRight';
+import { HiOutlineArrowRight } from '@react-icons/all-files/hi/HiOutlineArrowRight';
+import { HiOutlineArrowLeft } from '@react-icons/all-files/hi/HiOutlineArrowLeft';
 import ReactPaginate from 'react-paginate';
 import { BiGlobe } from '@react-icons/all-files/bi/BiGlobe';
 import { MdKeyboardArrowDown } from '@react-icons/all-files/md/MdKeyboardArrowDown';
@@ -775,13 +777,7 @@ var Login = function Login(props) {
     style: {
       background: 'transparent'
     }
-  }), /*#__PURE__*/React.createElement("span", {
-    className: langdetect == 'en' ? loginstyles$1.login_input_icon + ' login_input_icon ' : loginstyles$1.login_input_icontrans + ' login_input_icon '
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "h-100 d-flex align-items-center justify-content-center"
-  }, /*#__PURE__*/React.createElement(AiOutlineUser, {
-    size: 18
-  })))), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 p-sm-0"
   }, /*#__PURE__*/React.createElement("label", {
     className: "".concat(loginstyles2.logininputLabel) + ' text-transform-none d-flex justify-content-start '
@@ -795,11 +791,7 @@ var Login = function Login(props) {
       temppayloadobj.password = event.target.value;
       setpayloadobj(_objectSpread$21({}, temppayloadobj));
     }
-  }), /*#__PURE__*/React.createElement("span", {
-    className: langdetect == 'en' ? loginstyles$1.login_input_icon : loginstyles$1.login_input_icontrans
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "fa fa-at h-100 d-flex align-items-center justify-content-center ml-1"
-  }))), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12  mb-3 d-flex justify-content-end mt-1 cursor-pointer text-light text-lighthover font-13 ",
     onClick: function onClick() {
       setforgetpasswordmodal(true);
@@ -1280,7 +1272,7 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
 function ownKeys$20(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$20(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$20(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$20(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2;
+  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -1538,7 +1530,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 d-flex align-items-center"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : (_fetchProductInfoQuer23 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : (_fetchProductInfoQuer24 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : (_fetchProductInfoQuer26 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : (_fetchProductInfoQuer27 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 mb-2 d-flex justofy-content-start"
   }, /*#__PURE__*/React.createElement("p", {
     className: "m-0 p-0",
@@ -1548,7 +1540,7 @@ var Product_itemtype = function Product_itemtype(props) {
       textTransform: sectionproperties.generaltext_textTransform,
       fontWeight: sectionproperties.generaltext_fontWeight
     }
-  }, lang.quantity, ":")), sectionproperties.quantitybtn_show == 'Show' && /*#__PURE__*/React.createElement("button", {
+  }, lang.quantity, ":")), sectionproperties.quantitybtn_show == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : (_fetchProductInfoQuer29 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : (_fetchProductInfoQuer30 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : (_fetchProductInfoQuer32 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : (_fetchProductInfoQuer33 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.isproducthasquantitychange) == 1 && /*#__PURE__*/React.createElement("button", {
     className: " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mb-sm-2 ',
     style: {
       height: sectionproperties.quantitybtn_height + 'px',
@@ -1584,11 +1576,16 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       fontSize: sectionproperties.remove_quantitybtn_textfontsize + 'px'
     }
-  }))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("button", {
+  }))), sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : (_fetchProductInfoQuer35 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : (_fetchProductInfoQuer36 = _fetchProductInfoQuer35.productinfo) === null || _fetchProductInfoQuer36 === void 0 ? void 0 : _fetchProductInfoQuer36.isproducttobesold) == 1 && /*#__PURE__*/React.createElement("button", {
     className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
     onClick: function onClick() {
       if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
-        addtocartfunc();
+        var _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39;
+        if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : (_fetchProductInfoQuer38 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : _fetchProductInfoQuer39.isproductforcedtocheckout) == 0) {
+          addtocartfunc();
+        } else {
+          routingcountext(StaticPagesLinksContext.Checkout);
+        }
       } else {
         NotificationManager.warning('', 'Max: ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', Min: ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
       }
@@ -2378,7 +2375,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
 };
 
 var Service_itemtype = function Service_itemtype(props) {
-  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9;
+  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -2522,8 +2519,35 @@ var Service_itemtype = function Service_itemtype(props) {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-8 col-md-8 col-sm-12 p-0 mb-1 d-flex d-sm-none justify-content-start align-items-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start"
   }, ProductName()), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-4 col-md-4 col-sm-12 d-flex align-items-center justify-content-end"
+    "class": "col-lg-12 p-0 d-flex justify-content-start"
+  }, /*#__PURE__*/React.createElement(ReactStars, {
+    count: 5,
+    value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.productoverallrate,
+    edit: false,
+    size: 18,
+    emptyIcon: /*#__PURE__*/React.createElement("i", {
+      className: "far fa-star",
+      style: {
+        color: '#FAB400'
+      }
+    }),
+    halfIcon: /*#__PURE__*/React.createElement("i", {
+      className: "fa fa-star-half-alt style={{ color: '#FAB400' }}"
+    }),
+    filledIcon: /*#__PURE__*/React.createElement("i", {
+      className: "fa fa-star",
+      style: {
+        color: '#FAB400'
+      }
+    }),
+    activeColor: "#ffd700"
+  })))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : (_fetchProductInfoQuer5 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : (_fetchProductInfoQuer6 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.productcanrate) == 1 && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
   }, sectionproperties.show_availability == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "d-flex justify-content-center align-items-center ml-2 mr-2",
     style: {
@@ -2539,24 +2563,37 @@ var Service_itemtype = function Service_itemtype(props) {
       color: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_availabletextcolor : sectionproperties.availability_limitedtextcolor,
       fontSize: sectionproperties.availability_fontsize + 'px'
     }
-  }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)), fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && sectionproperties.showbadge == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "allcentered",
-    style: {
-      width: sectionproperties.badge_width + 'px',
-      height: sectionproperties.badge_height + 'px',
-      background: sectionproperties.badge_bgcolor,
-      borderRadius: sectionproperties.badge_borderradius + 'px'
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0",
-    style: {
-      color: sectionproperties.badge_color,
-      fontSize: sectionproperties.badge_fontsize + 'px'
-    }
-  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr))), /*#__PURE__*/React.createElement("div", {
+  }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-8 col-md-8 col-sm-12 p-0 mb-1 d-none d-sm-flex justify-content-start align-items-center"
-  }, ProductName()), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.deliverydatetext) != null ? 'col-lg-12 p-0 mb-2 d-flex justify-content-start' : 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
+  }, ' ', /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start"
+  }, ProductName()), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start"
+  }, /*#__PURE__*/React.createElement(ReactStars, {
+    count: 5,
+    value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : (_fetchProductInfoQuer9 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.productoverallrate,
+    edit: false,
+    size: 18,
+    emptyIcon: /*#__PURE__*/React.createElement("i", {
+      className: "far fa-star",
+      style: {
+        color: '#FAB400'
+      }
+    }),
+    halfIcon: /*#__PURE__*/React.createElement("i", {
+      className: "fa fa-star-half-alt style={{ color: '#FAB400' }}"
+    }),
+    filledIcon: /*#__PURE__*/React.createElement("i", {
+      className: "fa fa-star",
+      style: {
+        color: '#FAB400'
+      }
+    }),
+    activeColor: "#ffd700"
+  })))), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.deliverydatetext) != null ? 'col-lg-12 p-0 mb-2 d-flex justify-content-start' : 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0 d-flex justify-content-start"
   }, /*#__PURE__*/React.createElement("span", {
@@ -2574,7 +2611,7 @@ var Service_itemtype = function Service_itemtype(props) {
       fontSize: sectionproperties.skuFontSize + 'px',
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, fetchProductInfoQueryContext.data.data.productinfo.sku))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : (_fetchProductInfoQuer5 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : (_fetchProductInfoQuer6 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.deliverydatetext) != null && /*#__PURE__*/React.createElement("div", {
+  }, fetchProductInfoQueryContext.data.data.productinfo.sku))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : (_fetchProductInfoQuer14 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.deliverydatetext) != null && /*#__PURE__*/React.createElement("div", {
     "class": "mb-4 col-lg-12 d-flex flex-row flex-sm-column allcentered",
     style: {
       width: '100%',
@@ -2599,7 +2636,7 @@ var Service_itemtype = function Service_itemtype(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : (_fetchProductInfoQuer9 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.deliverydatetext)), /*#__PURE__*/React.createElement(ProductHeaderPricing, {
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : (_fetchProductInfoQuer17 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : (_fetchProductInfoQuer18 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.deliverydatetext)), /*#__PURE__*/React.createElement(ProductHeaderPricing, {
     actions: props.actions
   }), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-flex align-items-center justify-content-start p-0 flex-column"
@@ -2915,6 +2952,7 @@ var AddReview = function AddReview(props) {
             if (data.data.status) {
               NotificationManager.success('', 'Success');
               addreviewcallback();
+              window.location.reload();
             } else {
               NotificationManager.warning('', data.data.reason);
             }
@@ -6522,7 +6560,7 @@ var Viewcart = function Viewcart(props) {
   }, Summary()))))));
 };
 
-var css_248z$F = "/* Forms */\n.form-module_form_control__4-RGw {\n    display: block;\n    width: 100%;\n    /* height: 25px; */\n    /* font-size: 1rem; */\n    font-weight: 500;\n    /* color: #444054; */\n    /* background-color: white; */\n    /* border-radius: 20px; */\n    /* box-shadow: 0 0 10px #e6e6e6; */\n    /* height: 40px; */\n    padding-left: 0;\n    padding-right: 0;\n    /* font-size: 14px; */\n    transition: background 0s ease-out;\n    padding: 0 10px;\n}\n.form-module_textarea__zG0ed{\n    resize: none;\n    /* background-color: #eee; */\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .form-module_form_control__4-RGw {\n        transition: none;\n    }\n}\n.form-module_form_control__4-RGw::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.form-module_form_control__4-RGw::placeholder {\n    color: #eac435;\n    opacity: 1;\n}\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[readonly] {\n    background-color: #e9ecef;\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.form-module_form_control__4-RGw {\n    min-height: 100px !important;\n    padding-top: 10px;\n    padding-bottom: 10px;\n}\n.form-module_form_control__4-RGw:focus {\n    transition-duration: 0.3s;\n    box-shadow: none;\n    box-shadow: 0 0 10px #ccc;\n}\n.form-module_form_control__4-RGw::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.form-module_form_control__4-RGw:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.form-module_form_control__4-RGw::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n\n.form-module_form_control_border_none__TJvdZ {\n    background-image: none;\n}\n.form-module_form_control__4-RGw.form-module_disabled__AtvSI,\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[disabled] {\n    cursor: not-allowed;\n}\n.form-module_input_label_name__416wN {\n    font-size: 16px;\n    text-transform: capitalize;\n    color: var(--cardheader);\n    font-weight: 500;\n}\n.form-module_input_label_name-bolder__UQn0a {\n    font-weight: 500;\n}\n.form-module_input_icon__X-CzC {\n    position: absolute;\n    bottom: 5px;\n    left: 0;\n    color: #d9d9d9;\n}\n/* Radio Buttons */\n.form-module_radiobtn_label__-4Hoi {\n    display: flex;\n    cursor: pointer;\n    font-weight: 500;\n    position: relative;\n    overflow: hidden;\n    margin-bottom: 0;\n}\n.form-module_radiobtn_label__-4Hoi input {\n    position: absolute;\n    left: -9999px;\n    display: none;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span {\n    background-color: #f0f5f5;\n    color: var(--focus);\n    font-weight: 500;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span:before {\n    box-shadow: inset 0 0 0 0.3em #eac435;\n}\n.form-module_radiobtn_label__-4Hoi span {\n    display: flex;\n    align-items: center;\n    text-transform: capitalize;\n    padding: 0.375em 0.75em 0.375em 0.375em;\n    border-radius: 99em;\n    transition: 0.25s ease;\n    font-weight: normal;\n    color: var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi span:hover {\n    background-color: #e6e6e6;\n}\n.form-module_radiobtn_label__-4Hoi span:before {\n    display: flex;\n    flex-shrink: 0;\n    content: '';\n    background-color: #fff;\n    width: 1em;\n    height: 1em;\n    border-radius: 50%;\n    margin-right: 0.375em;\n    transition: 0.25s ease;\n    box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi.form-module_text-grey__JdZMY span:before {\n    box-shadow: inset 0 0 0 0.125em grey;\n}\n.form-module_radiobtn_label__-4Hoi input.form-module_disabled__AtvSI {\n    cursor: not-allowed;\n}\n.form-module_radiobtn_label_translated__WN5Jj span:before {\n    display: flex;\n    flex-shrink: 0;\n    content: '';\n    background-color: #fff;\n    width: 1em;\n    height: 1em;\n    border-radius: 50%;\n    margin-left: 0.375em;\n    margin-right: 0;\n    transition: 0.25s ease;\n    box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label_translated__WN5Jj input.form-module_disabled__AtvSI {\n    cursor: not-allowed;\n}\n\n/* Checkbox */\n.form-module_checkbox__XPkWy {\n    --border: #022648;\n    --border-hover: #959ed0;\n    --tick: #fff;\n    position: relative;\n    /* color: var(--cardheader); */\n}\n.form-module_checkbox_label__VvcKs {\n    font-size: 16px;\n    text-transform: capitalize;\n    font-weight: 500;\n    cursor: pointer;\n}\n.form-module_checkbox__XPkWy:hover {\n    /* color: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input,\n.form-module_checkbox__XPkWy svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n}\n.form-module_checkbox_sub__QWYil input {\n    width: 15px;\n    height: 15px;\n}\n.form-module_checkbox__XPkWy input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    position: relative;\n    outline: none;\n    background: white;\n    border: none;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: box-shadow 0.3s;\n    box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.form-module_checkbox__XPkWy input:disabled {\n    cursor: not-allowed;\n}\n.form-module_checkbox__XPkWy input:hover {\n    /* --s: 2px; */\n    /* --b: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input:checked {\n    /* --b: var(--secondary); */\n}\n.form-module_checkbox__XPkWy svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    /* stroke: var(--stroke, var(--secondary)); */\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkbox_sub__QWYil svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke: var(--stroke, var(--secondary));\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkboxtranslated__zvEV- svg {\n    right: 0;\n}\n.form-module_checkbox__XPkWy input:checked {\n    --s: 2px;\n    transition-delay: 0.4s;\n}\n.form-module_checkbox__XPkWy input:checked + svg {\n    --a: 16.1 86.12;\n    --o: 102.22;\n}\n.form-module_checkbox__XPkWy svg {\n    stroke-dasharray: var(--a, 86.12);\n    stroke-dashoffset: var(--o, 86.12);\n    transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n";
+var css_248z$F = "/* Forms */\n.form-module_form_control__4-RGw {\n    display: block;\n    width: 100%;\n    /* height: 25px; */\n    /* font-size: 1rem; */\n    font-weight: 500;\n    /* color: #444054; */\n    /* background-color: white; */\n    /* border-radius: 20px; */\n    /* box-shadow: 0 0 10px #e6e6e6; */\n    /* height: 40px; */\n    padding-left: 0;\n    padding-right: 0;\n    /* font-size: 14px; */\n    transition: background 0s ease-out;\n    padding: 0 10px;\n}\n.form-module_textarea__zG0ed{\n    resize: none;\n    /* background-color: #eee; */\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .form-module_form_control__4-RGw {\n        transition: none;\n    }\n}\n.form-module_form_control__4-RGw::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.form-module_form_control__4-RGw::placeholder {\n    color: #eac435;\n    opacity: 1;\n}\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[readonly] {\n    background-color: #e9ecef;\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.form-module_form_control__4-RGw {\n    min-height: 100px !important;\n    padding-top: 10px;\n    padding-bottom: 10px;\n}\n.form-module_form_control__4-RGw:focus {\n    transition-duration: 0.3s;\n    box-shadow: none;\n    /* box-shadow: 0 0 10px #ccc; */\n}\n.form-module_form_control__4-RGw::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.form-module_form_control__4-RGw:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.form-module_form_control__4-RGw::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n\n.form-module_form_control_border_none__TJvdZ {\n    background-image: none;\n}\n.form-module_form_control__4-RGw.form-module_disabled__AtvSI,\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[disabled] {\n    cursor: not-allowed;\n}\n.form-module_input_label_name__416wN {\n    font-size: 16px;\n    text-transform: capitalize;\n    color: var(--cardheader);\n    font-weight: 500;\n}\n.form-module_input_label_name-bolder__UQn0a {\n    font-weight: 500;\n}\n.form-module_input_icon__X-CzC {\n    position: absolute;\n    bottom: 5px;\n    left: 0;\n    color: #d9d9d9;\n}\n/* Radio Buttons */\n.form-module_radiobtn_label__-4Hoi {\n    display: flex;\n    cursor: pointer;\n    font-weight: 500;\n    position: relative;\n    overflow: hidden;\n    margin-bottom: 0;\n}\n.form-module_radiobtn_label__-4Hoi input {\n    position: absolute;\n    left: -9999px;\n    display: none;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span {\n    background-color: #f0f5f5;\n    color: var(--focus);\n    font-weight: 500;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span:before {\n    box-shadow: inset 0 0 0 0.3em #eac435;\n}\n.form-module_radiobtn_label__-4Hoi span {\n    display: flex;\n    align-items: center;\n    text-transform: capitalize;\n    padding: 0.375em 0.75em 0.375em 0.375em;\n    border-radius: 99em;\n    transition: 0.25s ease;\n    font-weight: normal;\n    color: var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi span:hover {\n    background-color: #e6e6e6;\n}\n.form-module_radiobtn_label__-4Hoi span:before {\n    display: flex;\n    flex-shrink: 0;\n    content: '';\n    background-color: #fff;\n    width: 1em;\n    height: 1em;\n    border-radius: 50%;\n    margin-right: 0.375em;\n    transition: 0.25s ease;\n    box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi.form-module_text-grey__JdZMY span:before {\n    box-shadow: inset 0 0 0 0.125em grey;\n}\n.form-module_radiobtn_label__-4Hoi input.form-module_disabled__AtvSI {\n    cursor: not-allowed;\n}\n.form-module_radiobtn_label_translated__WN5Jj span:before {\n    display: flex;\n    flex-shrink: 0;\n    content: '';\n    background-color: #fff;\n    width: 1em;\n    height: 1em;\n    border-radius: 50%;\n    margin-left: 0.375em;\n    margin-right: 0;\n    transition: 0.25s ease;\n    box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label_translated__WN5Jj input.form-module_disabled__AtvSI {\n    cursor: not-allowed;\n}\n\n/* Checkbox */\n.form-module_checkbox__XPkWy {\n    --border: #022648;\n    --border-hover: #959ed0;\n    --tick: #fff;\n    position: relative;\n    /* color: var(--cardheader); */\n}\n.form-module_checkbox_label__VvcKs {\n    font-size: 16px;\n    text-transform: capitalize;\n    font-weight: 500;\n    cursor: pointer;\n}\n.form-module_checkbox__XPkWy:hover {\n    /* color: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input,\n.form-module_checkbox__XPkWy svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n}\n.form-module_checkbox_sub__QWYil input {\n    width: 15px;\n    height: 15px;\n}\n.form-module_checkbox__XPkWy input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    position: relative;\n    outline: none;\n    background: white;\n    border: none;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: box-shadow 0.3s;\n    box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.form-module_checkbox__XPkWy input:disabled {\n    cursor: not-allowed;\n}\n.form-module_checkbox__XPkWy input:hover {\n    /* --s: 2px; */\n    /* --b: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input:checked {\n    /* --b: var(--secondary); */\n}\n.form-module_checkbox__XPkWy svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    /* stroke: var(--stroke, var(--secondary)); */\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkbox_sub__QWYil svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke: var(--stroke, var(--secondary));\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkboxtranslated__zvEV- svg {\n    right: 0;\n}\n.form-module_checkbox__XPkWy input:checked {\n    --s: 2px;\n    transition-delay: 0.4s;\n}\n.form-module_checkbox__XPkWy input:checked + svg {\n    --a: 16.1 86.12;\n    --o: 102.22;\n}\n.form-module_checkbox__XPkWy svg {\n    stroke-dasharray: var(--a, 86.12);\n    stroke-dashoffset: var(--o, 86.12);\n    transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n";
 var formstyles = {"form_control":"form-module_form_control__4-RGw","textarea":"form-module_textarea__zG0ed","form_control_border_none":"form-module_form_control_border_none__TJvdZ","disabled":"form-module_disabled__AtvSI","input_label_name":"form-module_input_label_name__416wN","input_label_name-bolder":"form-module_input_label_name-bolder__UQn0a","input_icon":"form-module_input_icon__X-CzC","radiobtn_label":"form-module_radiobtn_label__-4Hoi","text-grey":"form-module_text-grey__JdZMY","radiobtn_label_translated":"form-module_radiobtn_label_translated__WN5Jj","checkbox":"form-module_checkbox__XPkWy","checkbox_label":"form-module_checkbox_label__VvcKs","checkbox_sub":"form-module_checkbox_sub__QWYil","checkboxtranslated":"form-module_checkboxtranslated__zvEV-"};
 styleInject(css_248z$F);
 
@@ -7028,7 +7066,10 @@ var Checkout = function Checkout(props) {
         cartarr.data.customercart.couponname = event.target.value;
         queryClient.setQueryData('fetchcustomercart_API', cartarr);
       },
-      disabled: fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue39 = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue39 !== void 0 && (_fetchcustomercartQue40 = _fetchcustomercartQue39.data) !== null && _fetchcustomercartQue40 !== void 0 && _fetchcustomercartQue40.customercart.couponexists ? true : false
+      disabled: fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue39 = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue39 !== void 0 && (_fetchcustomercartQue40 = _fetchcustomercartQue39.data) !== null && _fetchcustomercartQue40 !== void 0 && _fetchcustomercartQue40.customercart.couponexists ? true : false,
+      style: {
+        boxShadow: 'none'
+      }
     })), /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
     }, /*#__PURE__*/React.createElement("button", {
@@ -7343,7 +7384,8 @@ var Checkout = function Checkout(props) {
       cartinfoupdater('mobile', event.target.value);
     },
     style: {
-      resize: 'none'
+      resize: 'none',
+      boxShadow: 'none'
     }
   })), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-4 col-md-12 mb-3"
@@ -7355,6 +7397,9 @@ var Checkout = function Checkout(props) {
     value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue75 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue75 === void 0 ? void 0 : (_fetchcustomercartQue76 = _fetchcustomercartQue75.data) === null || _fetchcustomercartQue76 === void 0 ? void 0 : _fetchcustomercartQue76.customercart.email,
     onChange: function onChange(event) {
       cartinfoupdater('email', event.target.value);
+    },
+    style: {
+      boxShadow: 'none'
     }
   }))), sectionproperties.hideshipping == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
@@ -7472,7 +7517,8 @@ var Checkout = function Checkout(props) {
       cartinfoupdater('address', event.target.value);
     },
     style: {
-      resize: 'none'
+      resize: 'none',
+      boxShadow: 'none'
     }
   })))), sectionproperties.shownotes == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 mb-3"
@@ -7486,7 +7532,8 @@ var Checkout = function Checkout(props) {
       cartinfoupdater('notes', event.target.value);
     },
     style: {
-      resize: 'none'
+      resize: 'none',
+      boxShadow: 'none'
     }
   }))))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0 w-100"
@@ -7683,7 +7730,7 @@ var Select = /*#__PURE__*/React.lazy(function () {
   return import('react-select');
 });
 var CustomerInformationForm = function CustomerInformationForm(props) {
-  var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _fetchAuthorizationQu4, _fetchAuthorizationQu5, _fetchAuthorizationQu6, _css;
+  var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _fetchAuthorizationQu4, _fetchAuthorizationQu5, _fetchAuthorizationQu6, _css, _authdetailsContext$c, _authdetailsContext$c2;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   props.actions.routingcountext;
@@ -8241,7 +8288,57 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
     className: "row ml-0 mr-0 w-100"
+  }, sectionproperties.showsubscription == 'Show' && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-6  col-md-6 col-sm-12 mb-3"
   }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: sectionproperties.backgroundColor,
+      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
+    },
+    className: "px-2 py-3 flex-column"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 allcentered ",
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
+  }, langdetect == 'en' ? 'Subscribed at' : 'مشترك فى'), /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 allcentered ",
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.subscription_name))), sectionproperties.showsubscription == 'Show' && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-6 col-md-6 col-sm-12 mb-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: sectionproperties.backgroundColor,
+      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
+    },
+    className: "px-2 py-3 allcentered flex-column"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
+  }, langdetect == 'en' ? 'Subscription end on' : 'الإشتراك ينتهى فى'), /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c2 = authdetailsContext.customerinfo) === null || _authdetailsContext$c2 === void 0 ? void 0 : _authdetailsContext$c2.subscrption_enddate))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 mb-3 p-0"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -11474,15 +11571,27 @@ var CardsSection = function CardsSection(props) {
           routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
         }
       }
-    }, /*#__PURE__*/React.createElement("span", {
+    }, sectionproperties.viewmorebtntype == 'Text' && /*#__PURE__*/React.createElement("span", {
       "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-flex justify-content-center align-items-center' : 'd-flex justify-content-center align-items-center d-md-none'
     }, /*#__PURE__*/React.createElement("span", {
       "class": sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : ''
-    }, langdetect == 'en' ? sectionproperties.viewmorebtn_text : sectionproperties.viewmorebtn_text_ar)), /*#__PURE__*/React.createElement("span", {
+    }, langdetect == 'en' ? sectionproperties.viewmorebtn_text : sectionproperties.viewmorebtn_text_ar)), sectionproperties.viewmorebtntype == 'Icon' && /*#__PURE__*/React.createElement("span", {
+      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-flex justify-content-center align-items-center' : 'd-flex justify-content-center align-items-center d-md-none'
+    }, /*#__PURE__*/React.createElement("i", {
+      "class": "h-100 allcentered"
+    }, langdetect == 'en' ? /*#__PURE__*/React.createElement(HiOutlineArrowRight, {
+      size: sectionproperties.viewmorebtn_fontSize
+    }) : /*#__PURE__*/React.createElement(HiOutlineArrowLeft, {
+      size: sectionproperties.viewmorebtn_fontSize
+    }))), /*#__PURE__*/React.createElement("span", {
       "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center'
     }, /*#__PURE__*/React.createElement("i", {
       "class": "h-100 d-flex align-items-center justify-content-center"
-    }, langdetect == 'en' ? /*#__PURE__*/React.createElement(FaArrowAltCircleRight, null) : /*#__PURE__*/React.createElement(FaArrowAltCircleLeft, null)))), sectionproperties.showFilter == 'show' && /*#__PURE__*/React.createElement("button", {
+    }, ' ', langdetect == 'en' ? /*#__PURE__*/React.createElement(HiOutlineArrowRight, {
+      size: sectionproperties.viewmorebtn_fontSize
+    }) : /*#__PURE__*/React.createElement(HiOutlineArrowLeft, {
+      size: sectionproperties.viewmorebtn_fontSize
+    })))), sectionproperties.showFilter == 'show' && /*#__PURE__*/React.createElement("button", {
       "class": ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
       onClick: function onClick() {
         setopenFilterSlider(true);
@@ -12005,18 +12114,37 @@ var Subheader = function Subheader(props) {
   }, (props === null || props === void 0 ? void 0 : (_props$subheaderprope3 = props.subheaderpropertiesprops) === null || _props$subheaderprope3 === void 0 ? void 0 : _props$subheaderprope3.subheaderpositionprops) == 'in nav' && (templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
     if (item.isnavigation == 1 && item.isactive == 1 && item.pageorderindex == 0) {
       var _props$subheaderprope4, _props$subheaderprope5;
-      return /*#__PURE__*/React.createElement("div", {
-        onClick: function onClick() {
-          routingcountext(item.navigationroute);
-        },
-        "class": "scrollhorizontalcard",
-        style: {
-          marginLeft: langdetect == 'ar' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope4 = props.subheaderpropertiesprops) === null || _props$subheaderprope4 === void 0 ? void 0 : _props$subheaderprope4.paddingLeftprops : 0,
-          marginRight: langdetect == 'en' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingRightprops : 0
-        }
-      }, /*#__PURE__*/React.createElement("p", {
-        "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3  '
-      }, langdetect == 'en' ? item.pagename : item.pagename_ar));
+      return (
+        /*#__PURE__*/
+        // <p
+        //     class={`${headerstyles.link} ${header_cssstyles.subheader_category}` + ' mb-0 p-0 ml-md-3 mr-md-3 scrollhorizontalcard '}
+        //     // onClick={() => {
+        //     //     routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
+        //     // }}
+        //     // onMouseEnter={() => {
+        //     //     setshowdownheadermenu(true);
+        //     //     setChoosenindex(index);
+        //     // }}
+        //     style={{
+        //         marginLeft: langdetect == 'ar' ? props.subheaderpropertiesprops?.paddingLeftprops : 0,
+        //         marginRight: langdetect == 'en' ? props.subheaderpropertiesprops?.paddingRightprops : 0,
+        //     }}
+        // >
+        //     asd
+        // </p>
+        React.createElement("p", {
+          onClick: function onClick() {
+            routingcountext(item.navigationroute);
+          },
+          "class": "scrollhorizontalcard mb-0 pb-0",
+          style: {
+            marginLeft: langdetect == 'ar' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope4 = props.subheaderpropertiesprops) === null || _props$subheaderprope4 === void 0 ? void 0 : _props$subheaderprope4.paddingLeftprops : 0,
+            marginRight: langdetect == 'en' ? props === null || props === void 0 ? void 0 : (_props$subheaderprope5 = props.subheaderpropertiesprops) === null || _props$subheaderprope5 === void 0 ? void 0 : _props$subheaderprope5.paddingRightprops : 0
+          }
+        }, /*#__PURE__*/React.createElement("p", {
+          "class": "".concat(headerstyles$f.link, " ").concat(header_cssstyles.subheader_category) + ' mb-0 p-0 ml-md-3 mr-md-3  '
+        }, langdetect == 'en' ? item.pagename : item.pagename_ar))
+      );
     }
   })), sectionproperties.subheaderParentType == 'Categories' && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 ? void 0 : (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : (_fetchCategoriesQuery4 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.categories.map(function (item, index) {
     if (item.isshowntocustomers == 1) {
@@ -29661,7 +29789,7 @@ var Footer3 = function Footer3(props) {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Ordershistory);
     }
-  }, lang.orderhistory), /*#__PURE__*/React.createElement("p", {
+  }, langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear), /*#__PURE__*/React.createElement("p", {
     "class": "".concat(footerStyles.footertitlestyles) + ' pb-0 mb-0 mb-md-3 ml-3 mr-3 ml-md-0 mr-md-0 ',
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Policies);
@@ -35990,23 +36118,15 @@ var BackgroundFiveImageStructure = function BackgroundFiveImageStructure(props)
     imagesarray = _useState4[0],
     setimagesarray = _useState4[1];
   useEffect(function () {
-    if (props.srcfrom == 'addsectionform') {
-      var secpropobj = {};
-      props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
-        secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
-      });
-      setsectionproperties(_objectSpread$15({}, secpropobj));
-    } else {
-      var secpropobj = {};
-      StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
-        if (sectionitem.sectionid == props.sectionidprops) {
-          sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
-            secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
-          });
-        }
-      });
-      setsectionproperties(_objectSpread$15({}, secpropobj));
-    }
+    var secpropobj = {};
+    StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
+      if (sectionitem.sectionid == props.sectionidprops) {
+        sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
+          secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
+        });
+      }
+    });
+    setsectionproperties(_objectSpread$15({}, secpropobj));
   }, [StatePagePropertiesContext]);
   useEffect(function () {
     if (sectionproperties.length != 0) {
@@ -43807,7 +43927,8 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
       transition: '.3s',
       ':hover': {
         background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
-        color: sectionproperties.cartBtnTextcoloronhover
+        color: sectionproperties.cartBtnTextcoloronhover,
+        borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     button_styles: css({
@@ -44034,7 +44155,12 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
       height: sectionproperties.image_height + 'px',
       marginBottom: sectionproperties.image_mb + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+      background: sectionproperties.image_bgtransparent == 'Transparent' ? 'Transparent' : sectionproperties.image_bgcolor,
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
     },
     onClick: function onClick(e) {
       event.stopPropagation();
@@ -44045,10 +44171,9 @@ var UpSlideEffectCard = function UpSlideEffectCard(props) {
     publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
     path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
     style: {
-      width: '100%',
-      height: '100%',
+      width: sectionproperties.imageInnerWidth_Height + '%',
+      height: sectionproperties.imageInnerWidth_Height + '%',
       objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
-      background: sectionproperties.image_bgtransparent == 'Transparent' ? 'Transparent' : sectionproperties.image_bgcolor,
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',