tabexseriescomponents 0.2.746 → 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"

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"

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"

package/package.json

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