tabexseriescomponents 0.2.745 → 0.2.747

package/dist/index.cjs.js

@@ -10985,22 +10985,18 @@ var Checkout = function Checkout(props) {
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
     insthasaffiliate = _useState8[0],
     setinsthasaffiliate = _useState8[1];
-  var _useState9 = React.useState(false),
-    _useState10 = _slicedToArray__default["default"](_useState9, 2);
-    _useState10[0];
-    _useState10[1];
-  var _useState11 = React.useState(false),
-    _useState12 = _slicedToArray__default["default"](_useState11, 2);
-    _useState12[0];
-    _useState12[1];
-  var _useState13 = React.useState([]),
+  var _useState9 = React.useState([]),
+    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    shippingmethods = _useState10[0],
+    setshippingmethods = _useState10[1];
+  var _useState11 = React.useState([]),
+    _useState12 = _slicedToArray__default["default"](_useState11, 2),
+    orderextrafeilds = _useState12[0],
+    setorderextrafeilds = _useState12[1];
+  var _useState13 = React.useState(''),
     _useState14 = _slicedToArray__default["default"](_useState13, 2),
-    shippingmethods = _useState14[0],
-    setshippingmethods = _useState14[1];
-  var _useState15 = React.useState([]),
-    _useState16 = _slicedToArray__default["default"](_useState15, 2),
-    orderextrafeilds = _useState16[0],
-    setorderextrafeilds = _useState16[1];
+    countrycode = _useState14[0],
+    setcountrycode = _useState14[1];
   React.useEffect(function () {
     var _templatepropcontext$;
     var cartindex = templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
@@ -11414,7 +11410,7 @@ var Checkout = function Checkout(props) {
                   }
                   if (sectionproperties.verifyemailandphone == 'Yes' && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue33 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue33 === void 0 || (_fetchcustomercartQue33 = _fetchcustomercartQue33.data) === null || _fetchcustomercartQue33 === void 0 ? void 0 : _fetchcustomercartQue33.customercart.name.length) < 3) {
                     NotificationManager.warning('', langdetect == 'en' ? 'Write your full name' : 'اكتب الاسم كاملا');
-                  } else if (sectionproperties.verifyemailandphone == 'Yes' && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue34 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue34 === void 0 || (_fetchcustomercartQue34 = _fetchcustomercartQue34.data) === null || _fetchcustomercartQue34 === void 0 ? void 0 : _fetchcustomercartQue34.customercart.mobile.length) < 11) {
+                  } else if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue34 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue34 === void 0 || (_fetchcustomercartQue34 = _fetchcustomercartQue34.data) === null || _fetchcustomercartQue34 === void 0 ? void 0 : _fetchcustomercartQue34.customercart.mobile.length) < 11 && countrycode.splice(2) == '20') {
                     NotificationManager.warning('', langdetect == 'en' ? 'Write valid mobile number' : 'اكتب رقم تليفون صحيح');
                   } else {
                     AddOrderMutationContext.mutate();
@@ -11444,6 +11440,27 @@ var Checkout = function Checkout(props) {
     }
     return isloading;
   };
+  var _useState15 = React.useState(null),
+    _useState16 = _slicedToArray__default["default"](_useState15, 2),
+    debounceTimer = _useState16[0],
+    setDebounceTimer = _useState16[1];
+  var handlePhoneChange = function handlePhoneChange(event, country) {
+    var temp = event;
+
+    // Clear the previous timeout if the user is still typing
+    if (debounceTimer) {
+      clearTimeout(debounceTimer);
+    }
+
+    // Set a new timeout to update after 500ms of no typing
+    var newDebounceTimer = setTimeout(function () {
+      // cartinfoupdater('countrydialcode', country.dialCode);
+      setcountrycode(country.dialCode);
+      cartinfoupdater('mobile', temp);
+      // alert(fetchcustomercartQueryContext?.data?.data?.customercart.mobile.length);
+    }, 500);
+    setDebounceTimer(newDebounceTimer);
+  };
   var Mycart = function Mycart() {
     var _fetchcustomercartQue35, _fetchcustomercartQue36, _fetchcustomercartQue37, _fetchcustomercartQue41, _fetchcustomercartQue42, _fetchcustomercartQue43, _fetchcustomercartQue44, _fetchcustomercartQue45, _fetchcustomercartQue46, _fetchcustomercartQue47, _fetchcustomercartQue48, _fetchcustomercartQue49, _fetchcustomercartQue50, _fetchcustomercartQue51, _fetchcustomercartQue52, _fetchcustomercartQue53, _fetchcustomercartQue54, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue58, _fetchcustomercartQue59, _fetchcustomercartQue60, _fetchcustomercartQue61, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64;
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -11990,16 +12007,20 @@ var Checkout = function Checkout(props) {
     className: "col-lg-4 col-md-12 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("label", {
     className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
-  }, langdetect == 'en' ? 'Phone Number' : 'رقم الهاتف'), /*#__PURE__*/React__default["default"].createElement("input", {
-    type: 'text',
-    className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
+  }, langdetect == 'en' ? 'Phone Number' : 'رقم الهاتف'), /*#__PURE__*/React__default["default"].createElement(PhoneInput__default["default"], {
+    className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control) + ' ',
+    country: 'eg',
+    enableSearch: true,
+    autoFormat: true,
     value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue66 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue66 === void 0 || (_fetchcustomercartQue66 = _fetchcustomercartQue66.data) === null || _fetchcustomercartQue66 === void 0 ? void 0 : _fetchcustomercartQue66.customercart.mobile,
-    onChange: function onChange(event) {
-      cartinfoupdater('mobile', event.target.value);
+    inputStyle: {
+      color: sectionproperties.inputfieldcolor
     },
+    onChange: handlePhoneChange,
     style: {
-      resize: 'none',
-      boxShadow: 'none'
+      direction: 'ltr',
+      color: sectionproperties.inputfieldcolor,
+      height: sectionproperties.inputfieldheight + 'px'
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-4 col-md-12 mb-3"
@@ -24262,6 +24283,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       onClick: function onClick() {
         var _fetchcustomercartQue;
         if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.customercart) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.cartitems) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.length) > 7) {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.viewcart);
         } else {
           setsidecartnavshowcontext(true);
@@ -24324,6 +24346,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         cursor: 'pointer'
       },
       onClick: function onClick() {
+        setopenmenuCanvas(false);
         routingcountext(sectionproperties.logoonclickroute);
       }
     }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
@@ -24357,7 +24380,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "col-10  p-0 text-start"
           // onClick={() => {
-          //     routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
+          //     setopenmenuCanvas(false);   routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
           // }}
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
@@ -24408,7 +24431,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
             }, /*#__PURE__*/React__default["default"].createElement("div", {
               className: "col-10  p-0 text-start",
               onClick: function onClick() {
-                // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
+                // setopenmenuCanvas(false);   routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
               }
             }, /*#__PURE__*/React__default["default"].createElement("p", {
               className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
@@ -24452,6 +24475,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
                 }, /*#__PURE__*/React__default["default"].createElement("div", {
                   className: "col-10 p-0 text-start",
                   onClick: function onClick() {
+                    setopenmenuCanvas(false);
                     routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
                     setopenCnvas(false);
                   }
@@ -24537,6 +24561,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
             }, /*#__PURE__*/React__default["default"].createElement("div", {
               className: "col-10 p-0 text-start",
               onClick: function onClick() {
+                setopenmenuCanvas(false);
                 routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
                 setopenCnvas(false);
               }
@@ -24566,6 +24591,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: "col-12 p-0 text-start px-3",
           onClick: function onClick() {
+            setopenmenuCanvas(false);
             routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
             setopenCnvas(false);
           }
@@ -24637,6 +24663,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     }, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
       "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
       onClick: function onClick() {
+        setopenmenuCanvas(false);
         routingcountext(StaticPagesLinksContext.Login);
         setmenuactive(false);
       }
@@ -24647,6 +24674,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     }, langdetect == 'en' ? 'Login/Register' : 'تسجيل دخول/إنشاء حساب')), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
       "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
       onClick: function onClick() {
+        setopenmenuCanvas(false);
         routingcountext(StaticPagesLinksContext.accountinfo);
         setmenuactive(false);
       }
@@ -24814,6 +24842,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": "h-100 allcentered",
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Wishlist);
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
@@ -24961,6 +24990,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(item.navigationroute, false, '');
           setmenuactive(false);
         }
@@ -24981,6 +25011,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Wishlist);
       setmenuactive(false);
     }
@@ -24999,6 +25030,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Policies);
       setmenuactive(false);
     }
@@ -25017,6 +25049,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.PrivacyPolicy);
       setmenuactive(false);
     }
@@ -25035,6 +25068,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.ShippingPolicy);
       setmenuactive(false);
     }
@@ -25053,6 +25087,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.RefundPolicy);
       setmenuactive(false);
     }
@@ -25071,6 +25106,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.TermsConditions);
       setmenuactive(false);
     }
@@ -25089,6 +25125,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Ordershistory);
       setmenuactive(false);
     }
@@ -25152,6 +25189,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
     "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Login);
       setmenuactive(false);
     }
@@ -25162,6 +25200,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, langdetect == 'en' ? 'Login/Register' : 'تسجيل دخول/إنشاء حساب')), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
     "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.accountinfo);
       setmenuactive(false);
     }
@@ -25346,6 +25385,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(item.navigationroute, false, '');
           setopenCnvas(false);
         }
@@ -25365,6 +25405,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Wishlist);
       setopenCnvas(false);
     }
@@ -25382,6 +25423,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Policies);
       setmenuactive(false);
     }
@@ -25400,6 +25442,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.PrivacyPolicy);
       setmenuactive(false);
     }
@@ -25418,6 +25461,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.ShippingPolicy);
       setmenuactive(false);
     }
@@ -25436,6 +25480,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.RefundPolicy);
       setmenuactive(false);
     }
@@ -25454,6 +25499,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.TermsConditions);
       setmenuactive(false);
     }
@@ -25472,6 +25518,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Ordershistory);
       setmenuactive(false);
     }
@@ -25535,6 +25582,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
     "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Login);
       setmenuactive(false);
     }
@@ -25545,6 +25593,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, langdetect == 'en' ? 'Login/Register' : 'تسجيل دخول/إنشاء حساب')), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
     "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.accountinfo);
       setmenuactive(false);
     }
@@ -25697,6 +25746,8 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
+          setopenmenuCanvas(false);
           routingcountext(item.navigationroute, false, '');
           setopenCnvas(false);
         }
@@ -25724,6 +25775,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(item.navigationroute, false, '');
           setopenCnvas(false);
         }
@@ -25743,6 +25795,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Ordershistory);
       setopenCnvas(false);
     }
@@ -25760,6 +25813,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Wishlist);
       setopenCnvas(false);
     }
@@ -25777,6 +25831,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Policies);
       setmenuactive(false);
     }
@@ -25795,6 +25850,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.PrivacyPolicy);
       setmenuactive(false);
     }
@@ -25813,6 +25869,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.ShippingPolicy);
       setmenuactive(false);
     }
@@ -25831,6 +25888,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.RefundPolicy);
       setmenuactive(false);
     }
@@ -25849,6 +25907,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.TermsConditions);
       setmenuactive(false);
     }
@@ -33446,7 +33505,10 @@ var Header8 = function Header8(props) {
       marginTop: sectionproperties.header_marginTop + 'px',
       marginBottom: sectionproperties.header_marginBottom + 'px'
     }
-  }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(FloatingIcons, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-md-none d-sm-none"
   }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
     sectionpropertiesprops: sectionproperties,

package/dist/index.esm.js

@@ -10936,22 +10936,18 @@ var Checkout = function Checkout(props) {
     _useState8 = _slicedToArray(_useState7, 2),
     insthasaffiliate = _useState8[0],
     setinsthasaffiliate = _useState8[1];
-  var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2);
-    _useState10[0];
-    _useState10[1];
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2);
-    _useState12[0];
-    _useState12[1];
-  var _useState13 = useState([]),
+  var _useState9 = useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    shippingmethods = _useState10[0],
+    setshippingmethods = _useState10[1];
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    orderextrafeilds = _useState12[0],
+    setorderextrafeilds = _useState12[1];
+  var _useState13 = useState(''),
     _useState14 = _slicedToArray(_useState13, 2),
-    shippingmethods = _useState14[0],
-    setshippingmethods = _useState14[1];
-  var _useState15 = useState([]),
-    _useState16 = _slicedToArray(_useState15, 2),
-    orderextrafeilds = _useState16[0],
-    setorderextrafeilds = _useState16[1];
+    countrycode = _useState14[0],
+    setcountrycode = _useState14[1];
   useEffect(function () {
     var _templatepropcontext$;
     var cartindex = templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
@@ -11365,7 +11361,7 @@ var Checkout = function Checkout(props) {
                   }
                   if (sectionproperties.verifyemailandphone == 'Yes' && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue33 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue33 === void 0 || (_fetchcustomercartQue33 = _fetchcustomercartQue33.data) === null || _fetchcustomercartQue33 === void 0 ? void 0 : _fetchcustomercartQue33.customercart.name.length) < 3) {
                     NotificationManager.warning('', langdetect == 'en' ? 'Write your full name' : 'اكتب الاسم كاملا');
-                  } else if (sectionproperties.verifyemailandphone == 'Yes' && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue34 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue34 === void 0 || (_fetchcustomercartQue34 = _fetchcustomercartQue34.data) === null || _fetchcustomercartQue34 === void 0 ? void 0 : _fetchcustomercartQue34.customercart.mobile.length) < 11) {
+                  } else if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue34 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue34 === void 0 || (_fetchcustomercartQue34 = _fetchcustomercartQue34.data) === null || _fetchcustomercartQue34 === void 0 ? void 0 : _fetchcustomercartQue34.customercart.mobile.length) < 11 && countrycode.splice(2) == '20') {
                     NotificationManager.warning('', langdetect == 'en' ? 'Write valid mobile number' : 'اكتب رقم تليفون صحيح');
                   } else {
                     AddOrderMutationContext.mutate();
@@ -11395,6 +11391,27 @@ var Checkout = function Checkout(props) {
     }
     return isloading;
   };
+  var _useState15 = useState(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    debounceTimer = _useState16[0],
+    setDebounceTimer = _useState16[1];
+  var handlePhoneChange = function handlePhoneChange(event, country) {
+    var temp = event;
+
+    // Clear the previous timeout if the user is still typing
+    if (debounceTimer) {
+      clearTimeout(debounceTimer);
+    }
+
+    // Set a new timeout to update after 500ms of no typing
+    var newDebounceTimer = setTimeout(function () {
+      // cartinfoupdater('countrydialcode', country.dialCode);
+      setcountrycode(country.dialCode);
+      cartinfoupdater('mobile', temp);
+      // alert(fetchcustomercartQueryContext?.data?.data?.customercart.mobile.length);
+    }, 500);
+    setDebounceTimer(newDebounceTimer);
+  };
   var Mycart = function Mycart() {
     var _fetchcustomercartQue35, _fetchcustomercartQue36, _fetchcustomercartQue37, _fetchcustomercartQue41, _fetchcustomercartQue42, _fetchcustomercartQue43, _fetchcustomercartQue44, _fetchcustomercartQue45, _fetchcustomercartQue46, _fetchcustomercartQue47, _fetchcustomercartQue48, _fetchcustomercartQue49, _fetchcustomercartQue50, _fetchcustomercartQue51, _fetchcustomercartQue52, _fetchcustomercartQue53, _fetchcustomercartQue54, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue58, _fetchcustomercartQue59, _fetchcustomercartQue60, _fetchcustomercartQue61, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64;
     return /*#__PURE__*/React.createElement("div", {
@@ -11941,16 +11958,20 @@ var Checkout = function Checkout(props) {
     className: "col-lg-4 col-md-12 mb-3"
   }, /*#__PURE__*/React.createElement("label", {
     className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
-  }, langdetect == 'en' ? 'Phone Number' : 'رقم الهاتف'), /*#__PURE__*/React.createElement("input", {
-    type: 'text',
-    className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
+  }, langdetect == 'en' ? 'Phone Number' : 'رقم الهاتف'), /*#__PURE__*/React.createElement(PhoneInput, {
+    className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control) + ' ',
+    country: 'eg',
+    enableSearch: true,
+    autoFormat: true,
     value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue66 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue66 === void 0 || (_fetchcustomercartQue66 = _fetchcustomercartQue66.data) === null || _fetchcustomercartQue66 === void 0 ? void 0 : _fetchcustomercartQue66.customercart.mobile,
-    onChange: function onChange(event) {
-      cartinfoupdater('mobile', event.target.value);
+    inputStyle: {
+      color: sectionproperties.inputfieldcolor
     },
+    onChange: handlePhoneChange,
     style: {
-      resize: 'none',
-      boxShadow: 'none'
+      direction: 'ltr',
+      color: sectionproperties.inputfieldcolor,
+      height: sectionproperties.inputfieldheight + 'px'
     }
   })), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-4 col-md-12 mb-3"
@@ -24213,6 +24234,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       onClick: function onClick() {
         var _fetchcustomercartQue;
         if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.customercart) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.cartitems) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.length) > 7) {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.viewcart);
         } else {
           setsidecartnavshowcontext(true);
@@ -24275,6 +24297,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         cursor: 'pointer'
       },
       onClick: function onClick() {
+        setopenmenuCanvas(false);
         routingcountext(sectionproperties.logoonclickroute);
       }
     }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
@@ -24308,7 +24331,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         }, /*#__PURE__*/React.createElement("div", {
           className: "col-10  p-0 text-start"
           // onClick={() => {
-          //     routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
+          //     setopenmenuCanvas(false);   routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
           // }}
         }, /*#__PURE__*/React.createElement("p", {
           className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
@@ -24359,7 +24382,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
             }, /*#__PURE__*/React.createElement("div", {
               className: "col-10  p-0 text-start",
               onClick: function onClick() {
-                // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
+                // setopenmenuCanvas(false);   routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
               }
             }, /*#__PURE__*/React.createElement("p", {
               className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
@@ -24403,6 +24426,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
                 }, /*#__PURE__*/React.createElement("div", {
                   className: "col-10 p-0 text-start",
                   onClick: function onClick() {
+                    setopenmenuCanvas(false);
                     routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
                     setopenCnvas(false);
                   }
@@ -24488,6 +24512,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
             }, /*#__PURE__*/React.createElement("div", {
               className: "col-10 p-0 text-start",
               onClick: function onClick() {
+                setopenmenuCanvas(false);
                 routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
                 setopenCnvas(false);
               }
@@ -24517,6 +24542,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         }, /*#__PURE__*/React.createElement("div", {
           className: "col-12 p-0 text-start px-3",
           onClick: function onClick() {
+            setopenmenuCanvas(false);
             routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
             setopenCnvas(false);
           }
@@ -24588,6 +24614,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     }, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("button", {
       "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
       onClick: function onClick() {
+        setopenmenuCanvas(false);
         routingcountext(StaticPagesLinksContext.Login);
         setmenuactive(false);
       }
@@ -24598,6 +24625,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     }, langdetect == 'en' ? 'Login/Register' : 'تسجيل دخول/إنشاء حساب')), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("button", {
       "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
       onClick: function onClick() {
+        setopenmenuCanvas(false);
         routingcountext(StaticPagesLinksContext.accountinfo);
         setmenuactive(false);
       }
@@ -24765,6 +24793,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, /*#__PURE__*/React.createElement("i", {
     "class": "h-100 allcentered",
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Wishlist);
     }
   }, /*#__PURE__*/React.createElement(FaRegHeart, {
@@ -24912,6 +24941,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
       }, /*#__PURE__*/React.createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(item.navigationroute, false, '');
           setmenuactive(false);
         }
@@ -24932,6 +24962,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Wishlist);
       setmenuactive(false);
     }
@@ -24950,6 +24981,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Policies);
       setmenuactive(false);
     }
@@ -24968,6 +25000,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.PrivacyPolicy);
       setmenuactive(false);
     }
@@ -24986,6 +25019,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.ShippingPolicy);
       setmenuactive(false);
     }
@@ -25004,6 +25038,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.RefundPolicy);
       setmenuactive(false);
     }
@@ -25022,6 +25057,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.TermsConditions);
       setmenuactive(false);
     }
@@ -25040,6 +25076,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Ordershistory);
       setmenuactive(false);
     }
@@ -25103,6 +25140,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("button", {
     "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Login);
       setmenuactive(false);
     }
@@ -25113,6 +25151,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, langdetect == 'en' ? 'Login/Register' : 'تسجيل دخول/إنشاء حساب')), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("button", {
     "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.accountinfo);
       setmenuactive(false);
     }
@@ -25297,6 +25336,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         }
       }, /*#__PURE__*/React.createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(item.navigationroute, false, '');
           setopenCnvas(false);
         }
@@ -25316,6 +25356,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Wishlist);
       setopenCnvas(false);
     }
@@ -25333,6 +25374,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Policies);
       setmenuactive(false);
     }
@@ -25351,6 +25393,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.PrivacyPolicy);
       setmenuactive(false);
     }
@@ -25369,6 +25412,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.ShippingPolicy);
       setmenuactive(false);
     }
@@ -25387,6 +25431,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.RefundPolicy);
       setmenuactive(false);
     }
@@ -25405,6 +25450,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.TermsConditions);
       setmenuactive(false);
     }
@@ -25423,6 +25469,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Ordershistory);
       setmenuactive(false);
     }
@@ -25486,6 +25533,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("button", {
     "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Login);
       setmenuactive(false);
     }
@@ -25496,6 +25544,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, langdetect == 'en' ? 'Login/Register' : 'تسجيل دخول/إنشاء حساب')), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("button", {
     "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.accountinfo);
       setmenuactive(false);
     }
@@ -25648,6 +25697,8 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         }
       }, /*#__PURE__*/React.createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
+          setopenmenuCanvas(false);
           routingcountext(item.navigationroute, false, '');
           setopenCnvas(false);
         }
@@ -25675,6 +25726,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         }
       }, /*#__PURE__*/React.createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(item.navigationroute, false, '');
           setopenCnvas(false);
         }
@@ -25694,6 +25746,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Ordershistory);
       setopenCnvas(false);
     }
@@ -25711,6 +25764,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Wishlist);
       setopenCnvas(false);
     }
@@ -25728,6 +25782,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.Policies);
       setmenuactive(false);
     }
@@ -25746,6 +25801,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.PrivacyPolicy);
       setmenuactive(false);
     }
@@ -25764,6 +25820,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.ShippingPolicy);
       setmenuactive(false);
     }
@@ -25782,6 +25839,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.RefundPolicy);
       setmenuactive(false);
     }
@@ -25800,6 +25858,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
   }, /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
+      setopenmenuCanvas(false);
       routingcountext(StaticPagesLinksContext.TermsConditions);
       setmenuactive(false);
     }
@@ -33397,7 +33456,10 @@ var Header8 = function Header8(props) {
       marginTop: sectionproperties.header_marginTop + 'px',
       marginBottom: sectionproperties.header_marginBottom + 'px'
     }
-  }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(FloatingIcons, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-md-none d-sm-none"
   }, /*#__PURE__*/React.createElement(MarqueeHeader, {
     sectionpropertiesprops: sectionproperties,

package/dist/index.umd.js

@@ -10800,22 +10800,18 @@
         _useState8 = _slicedToArray__default["default"](_useState7, 2),
         insthasaffiliate = _useState8[0],
         setinsthasaffiliate = _useState8[1];
-      var _useState9 = React.useState(false),
-        _useState10 = _slicedToArray__default["default"](_useState9, 2);
-        _useState10[0];
-        _useState10[1];
-      var _useState11 = React.useState(false),
-        _useState12 = _slicedToArray__default["default"](_useState11, 2);
-        _useState12[0];
-        _useState12[1];
-      var _useState13 = React.useState([]),
+      var _useState9 = React.useState([]),
+        _useState10 = _slicedToArray__default["default"](_useState9, 2),
+        shippingmethods = _useState10[0],
+        setshippingmethods = _useState10[1];
+      var _useState11 = React.useState([]),
+        _useState12 = _slicedToArray__default["default"](_useState11, 2),
+        orderextrafeilds = _useState12[0],
+        setorderextrafeilds = _useState12[1];
+      var _useState13 = React.useState(''),
         _useState14 = _slicedToArray__default["default"](_useState13, 2),
-        shippingmethods = _useState14[0],
-        setshippingmethods = _useState14[1];
-      var _useState15 = React.useState([]),
-        _useState16 = _slicedToArray__default["default"](_useState15, 2),
-        orderextrafeilds = _useState16[0],
-        setorderextrafeilds = _useState16[1];
+        countrycode = _useState14[0],
+        setcountrycode = _useState14[1];
       React.useEffect(function () {
         var _templatepropcontext$;
         var cartindex = templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
@@ -11229,7 +11225,7 @@
                       }
                       if (sectionproperties.verifyemailandphone == 'Yes' && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue33 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue33 === void 0 || (_fetchcustomercartQue33 = _fetchcustomercartQue33.data) === null || _fetchcustomercartQue33 === void 0 ? void 0 : _fetchcustomercartQue33.customercart.name.length) < 3) {
                         NotificationManager.warning('', langdetect == 'en' ? 'Write your full name' : 'اكتب الاسم كاملا');
-                      } else if (sectionproperties.verifyemailandphone == 'Yes' && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue34 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue34 === void 0 || (_fetchcustomercartQue34 = _fetchcustomercartQue34.data) === null || _fetchcustomercartQue34 === void 0 ? void 0 : _fetchcustomercartQue34.customercart.mobile.length) < 11) {
+                      } else if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue34 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue34 === void 0 || (_fetchcustomercartQue34 = _fetchcustomercartQue34.data) === null || _fetchcustomercartQue34 === void 0 ? void 0 : _fetchcustomercartQue34.customercart.mobile.length) < 11 && countrycode.splice(2) == '20') {
                         NotificationManager.warning('', langdetect == 'en' ? 'Write valid mobile number' : 'اكتب رقم تليفون صحيح');
                       } else {
                         AddOrderMutationContext.mutate();
@@ -11259,6 +11255,27 @@
         }
         return isloading;
       };
+      var _useState15 = React.useState(null),
+        _useState16 = _slicedToArray__default["default"](_useState15, 2),
+        debounceTimer = _useState16[0],
+        setDebounceTimer = _useState16[1];
+      var handlePhoneChange = function handlePhoneChange(event, country) {
+        var temp = event;
+
+        // Clear the previous timeout if the user is still typing
+        if (debounceTimer) {
+          clearTimeout(debounceTimer);
+        }
+
+        // Set a new timeout to update after 500ms of no typing
+        var newDebounceTimer = setTimeout(function () {
+          // cartinfoupdater('countrydialcode', country.dialCode);
+          setcountrycode(country.dialCode);
+          cartinfoupdater('mobile', temp);
+          // alert(fetchcustomercartQueryContext?.data?.data?.customercart.mobile.length);
+        }, 500);
+        setDebounceTimer(newDebounceTimer);
+      };
       var Mycart = function Mycart() {
         var _fetchcustomercartQue35, _fetchcustomercartQue36, _fetchcustomercartQue37, _fetchcustomercartQue41, _fetchcustomercartQue42, _fetchcustomercartQue43, _fetchcustomercartQue44, _fetchcustomercartQue45, _fetchcustomercartQue46, _fetchcustomercartQue47, _fetchcustomercartQue48, _fetchcustomercartQue49, _fetchcustomercartQue50, _fetchcustomercartQue51, _fetchcustomercartQue52, _fetchcustomercartQue53, _fetchcustomercartQue54, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue58, _fetchcustomercartQue59, _fetchcustomercartQue60, _fetchcustomercartQue61, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64;
         return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -11805,16 +11822,20 @@
         className: "col-lg-4 col-md-12 mb-3"
       }, /*#__PURE__*/React__default["default"].createElement("label", {
         className: "".concat(checkoutstyles.input_label_name) + ' d-flex align-items-start '
-      }, langdetect == 'en' ? 'Phone Number' : 'رقم الهاتف'), /*#__PURE__*/React__default["default"].createElement("input", {
-        type: 'text',
-        className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control),
+      }, langdetect == 'en' ? 'Phone Number' : 'رقم الهاتف'), /*#__PURE__*/React__default["default"].createElement(PhoneInput__default["default"], {
+        className: "".concat(formstyles.form_control, " ").concat(checkoutstyles.form_control) + ' ',
+        country: 'eg',
+        enableSearch: true,
+        autoFormat: true,
         value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue66 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue66 === void 0 || (_fetchcustomercartQue66 = _fetchcustomercartQue66.data) === null || _fetchcustomercartQue66 === void 0 ? void 0 : _fetchcustomercartQue66.customercart.mobile,
-        onChange: function onChange(event) {
-          cartinfoupdater('mobile', event.target.value);
+        inputStyle: {
+          color: sectionproperties.inputfieldcolor
         },
+        onChange: handlePhoneChange,
         style: {
-          resize: 'none',
-          boxShadow: 'none'
+          direction: 'ltr',
+          color: sectionproperties.inputfieldcolor,
+          height: sectionproperties.inputfieldheight + 'px'
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-4 col-md-12 mb-3"
@@ -24077,6 +24098,7 @@
           onClick: function onClick() {
             var _fetchcustomercartQue;
             if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.customercart) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.cartitems) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.length) > 7) {
+              setopenmenuCanvas(false);
               routingcountext(StaticPagesLinksContext.viewcart);
             } else {
               setsidecartnavshowcontext(true);
@@ -24139,6 +24161,7 @@
             cursor: 'pointer'
           },
           onClick: function onClick() {
+            setopenmenuCanvas(false);
             routingcountext(sectionproperties.logoonclickroute);
           }
         }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
@@ -24172,7 +24195,7 @@
             }, /*#__PURE__*/React__default["default"].createElement("div", {
               className: "col-10  p-0 text-start"
               // onClick={() => {
-              //     routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
+              //     setopenmenuCanvas(false);   routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
               // }}
             }, /*#__PURE__*/React__default["default"].createElement("p", {
               className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
@@ -24223,7 +24246,7 @@
                 }, /*#__PURE__*/React__default["default"].createElement("div", {
                   className: "col-10  p-0 text-start",
                   onClick: function onClick() {
-                    // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
+                    // setopenmenuCanvas(false);   routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
                   }
                 }, /*#__PURE__*/React__default["default"].createElement("p", {
                   className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
@@ -24267,6 +24290,7 @@
                     }, /*#__PURE__*/React__default["default"].createElement("div", {
                       className: "col-10 p-0 text-start",
                       onClick: function onClick() {
+                        setopenmenuCanvas(false);
                         routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
                         setopenCnvas(false);
                       }
@@ -24352,6 +24376,7 @@
                 }, /*#__PURE__*/React__default["default"].createElement("div", {
                   className: "col-10 p-0 text-start",
                   onClick: function onClick() {
+                    setopenmenuCanvas(false);
                     routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
                     setopenCnvas(false);
                   }
@@ -24381,6 +24406,7 @@
             }, /*#__PURE__*/React__default["default"].createElement("div", {
               className: "col-12 p-0 text-start px-3",
               onClick: function onClick() {
+                setopenmenuCanvas(false);
                 routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
                 setopenCnvas(false);
               }
@@ -24452,6 +24478,7 @@
         }, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
           "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
           onClick: function onClick() {
+            setopenmenuCanvas(false);
             routingcountext(StaticPagesLinksContext.Login);
             setmenuactive(false);
           }
@@ -24462,6 +24489,7 @@
         }, langdetect == 'en' ? 'Login/Register' : 'تسجيل دخول/إنشاء حساب')), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
           "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
           onClick: function onClick() {
+            setopenmenuCanvas(false);
             routingcountext(StaticPagesLinksContext.accountinfo);
             setmenuactive(false);
           }
@@ -24629,6 +24657,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         "class": "h-100 allcentered",
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.Wishlist);
         }
       }, /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
@@ -24776,6 +24805,7 @@
             className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
           }, /*#__PURE__*/React__default["default"].createElement("div", {
             onClick: function onClick() {
+              setopenmenuCanvas(false);
               routingcountext(item.navigationroute, false, '');
               setmenuactive(false);
             }
@@ -24796,6 +24826,7 @@
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.Wishlist);
           setmenuactive(false);
         }
@@ -24814,6 +24845,7 @@
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.Policies);
           setmenuactive(false);
         }
@@ -24832,6 +24864,7 @@
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.PrivacyPolicy);
           setmenuactive(false);
         }
@@ -24850,6 +24883,7 @@
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.ShippingPolicy);
           setmenuactive(false);
         }
@@ -24868,6 +24902,7 @@
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.RefundPolicy);
           setmenuactive(false);
         }
@@ -24886,6 +24921,7 @@
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.TermsConditions);
           setmenuactive(false);
         }
@@ -24904,6 +24940,7 @@
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.Ordershistory);
           setmenuactive(false);
         }
@@ -24967,6 +25004,7 @@
       }, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
         "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.Login);
           setmenuactive(false);
         }
@@ -24977,6 +25015,7 @@
       }, langdetect == 'en' ? 'Login/Register' : 'تسجيل دخول/إنشاء حساب')), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
         "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.accountinfo);
           setmenuactive(false);
         }
@@ -25161,6 +25200,7 @@
             }
           }, /*#__PURE__*/React__default["default"].createElement("div", {
             onClick: function onClick() {
+              setopenmenuCanvas(false);
               routingcountext(item.navigationroute, false, '');
               setopenCnvas(false);
             }
@@ -25180,6 +25220,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.Wishlist);
           setopenCnvas(false);
         }
@@ -25197,6 +25238,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.Policies);
           setmenuactive(false);
         }
@@ -25215,6 +25257,7 @@
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.PrivacyPolicy);
           setmenuactive(false);
         }
@@ -25233,6 +25276,7 @@
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.ShippingPolicy);
           setmenuactive(false);
         }
@@ -25251,6 +25295,7 @@
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.RefundPolicy);
           setmenuactive(false);
         }
@@ -25269,6 +25314,7 @@
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.TermsConditions);
           setmenuactive(false);
         }
@@ -25287,6 +25333,7 @@
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.Ordershistory);
           setmenuactive(false);
         }
@@ -25350,6 +25397,7 @@
       }, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
         "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.Login);
           setmenuactive(false);
         }
@@ -25360,6 +25408,7 @@
       }, langdetect == 'en' ? 'Login/Register' : 'تسجيل دخول/إنشاء حساب')), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
         "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.accountinfo);
           setmenuactive(false);
         }
@@ -25512,6 +25561,8 @@
             }
           }, /*#__PURE__*/React__default["default"].createElement("div", {
             onClick: function onClick() {
+              setopenmenuCanvas(false);
+              setopenmenuCanvas(false);
               routingcountext(item.navigationroute, false, '');
               setopenCnvas(false);
             }
@@ -25539,6 +25590,7 @@
             }
           }, /*#__PURE__*/React__default["default"].createElement("div", {
             onClick: function onClick() {
+              setopenmenuCanvas(false);
               routingcountext(item.navigationroute, false, '');
               setopenCnvas(false);
             }
@@ -25558,6 +25610,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.Ordershistory);
           setopenCnvas(false);
         }
@@ -25575,6 +25628,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.Wishlist);
           setopenCnvas(false);
         }
@@ -25592,6 +25646,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.Policies);
           setmenuactive(false);
         }
@@ -25610,6 +25665,7 @@
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.PrivacyPolicy);
           setmenuactive(false);
         }
@@ -25628,6 +25684,7 @@
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.ShippingPolicy);
           setmenuactive(false);
         }
@@ -25646,6 +25703,7 @@
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.RefundPolicy);
           setmenuactive(false);
         }
@@ -25664,6 +25722,7 @@
         className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         onClick: function onClick() {
+          setopenmenuCanvas(false);
           routingcountext(StaticPagesLinksContext.TermsConditions);
           setmenuactive(false);
         }
@@ -33261,7 +33320,10 @@
           marginTop: sectionproperties.header_marginTop + 'px',
           marginBottom: sectionproperties.header_marginBottom + 'px'
         }
-      }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement(FloatingIcons, {
+        sectionpropertiesprops: sectionproperties,
+        actions: actions
+      }), templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 d-md-none d-sm-none"
       }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
         sectionpropertiesprops: sectionproperties,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.2.745",
+    "version": "0.2.747",
     "type": "module",
     "description": "your description",
     "main": "dist/index.cjs.js",