@bigbinary/neeto-molecules 1.0.23 → 1.0.24

package/dist/PhoneNumber.js

@@ -1,4 +1,4 @@
-import React, { useState, forwardRef } from 'react';
+import React, { useState, forwardRef, useRef, useEffect } from 'react';
 import { useField } from 'formik';
 import { noop } from '@bigbinary/neeto-commons-frontend/pure';
 import { Tooltip, Typography, Select, Input } from '@bigbinary/neetoui';
@@ -7052,10 +7052,10 @@ var SingleValue = function SingleValue(_ref) {
   }, otherProps), countryData.emoji));
 };
 
-var _excluded$3 = ["country", "setCountry", "onInputChange", "prefix"];
+var _excluded$3 = ["country", "setCountry", "onInputChange", "prefix", "phoneNumber"];
 function cov_145kndm1ew() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/PhoneNumber/CountryPicker/index.jsx";
-  var hash = "3dfa1a97a2886f5c0303b2b3b246072f161164b3";
+  var hash = "e0c16b85eb2af3443273b4a39f2ed6ecf1869a68";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -7067,87 +7067,77 @@ function cov_145kndm1ew() {
           column: 22
         },
         end: {
-          line: 52,
+          line: 53,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 17,
+          line: 18,
           column: 38
         },
         end: {
-          line: 17,
+          line: 18,
           column: 50
         }
       },
       "2": {
         start: {
-          line: 19,
+          line: 20,
           column: 30
         },
         end: {
-          line: 24,
+          line: 25,
           column: 3
         }
       },
       "3": {
         start: {
-          line: 20,
+          line: 21,
           column: 4
         },
         end: {
-          line: 20,
+          line: 21,
           column: 22
         }
       },
       "4": {
         start: {
-          line: 21,
+          line: 22,
           column: 4
         },
         end: {
-          line: 23,
+          line: 24,
           column: 6
         }
       },
       "5": {
         start: {
-          line: 22,
-          column: 6
-        },
-        end: {
-          line: 22,
-          column: 69
-        }
-      },
-      "6": {
-        start: {
-          line: 26,
+          line: 27,
           column: 2
         },
         end: {
-          line: 51,
+          line: 52,
           column: 4
         }
       },
-      "7": {
+      "6": {
         start: {
-          line: 41,
+          line: 42,
           column: 29
         },
         end: {
-          line: 41,
+          line: 42,
           column: 72
         }
       },
-      "8": {
+      "7": {
         start: {
-          line: 44,
+          line: 45,
           column: 10
         },
         end: {
-          line: 44,
+          line: 45,
           column: 40
         }
       }
@@ -7167,111 +7157,87 @@ function cov_145kndm1ew() {
         },
         loc: {
           start: {
-            line: 16,
+            line: 17,
             column: 6
           },
           end: {
-            line: 52,
+            line: 53,
             column: 1
           }
         },
-        line: 16
+        line: 17
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 19,
+            line: 20,
             column: 30
           },
           end: {
-            line: 19,
+            line: 20,
             column: 31
           }
         },
         loc: {
           start: {
-            line: 19,
+            line: 20,
             column: 45
           },
           end: {
-            line: 24,
+            line: 25,
             column: 3
           }
         },
-        line: 19
+        line: 20
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 21,
-            column: 18
-          },
-          end: {
-            line: 21,
-            column: 19
-          }
-        },
-        loc: {
-          start: {
-            line: 22,
-            column: 6
-          },
-          end: {
-            line: 22,
-            column: 69
-          }
-        },
-        line: 22
-      },
-      "3": {
-        name: "(anonymous_3)",
-        decl: {
-          start: {
-            line: 41,
+            line: 42,
             column: 23
           },
           end: {
-            line: 41,
+            line: 42,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 41,
+            line: 42,
             column: 29
           },
           end: {
-            line: 41,
+            line: 42,
             column: 72
           }
         },
-        line: 41
+        line: 42
       },
-      "4": {
-        name: "(anonymous_4)",
+      "3": {
+        name: "(anonymous_3)",
         decl: {
           start: {
-            line: 43,
+            line: 44,
             column: 26
           },
           end: {
-            line: 43,
+            line: 44,
             column: 27
           }
         },
         loc: {
           start: {
-            line: 44,
+            line: 45,
             column: 10
           },
           end: {
-            line: 44,
+            line: 45,
             column: 40
           }
         },
-        line: 44
+        line: 45
       }
     },
     branchMap: {},
@@ -7283,19 +7249,17 @@ function cov_145kndm1ew() {
       "4": 0,
       "5": 0,
       "6": 0,
-      "7": 0,
-      "8": 0
+      "7": 0
     },
     f: {
       "0": 0,
       "1": 0,
       "2": 0,
-      "3": 0,
-      "4": 0
+      "3": 0
     },
     b: {},
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "3dfa1a97a2886f5c0303b2b3b246072f161164b3"
+    hash: "e0c16b85eb2af3443273b4a39f2ed6ecf1869a68"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -7317,6 +7281,7 @@ var CountryPicker = function CountryPicker(_ref) {
     setCountry = _ref.setCountry,
     onInputChange = _ref.onInputChange,
     prefix = _ref.prefix,
+    phoneNumber = _ref.phoneNumber,
     otherProps = _objectWithoutProperties(_ref, _excluded$3);
   cov_145kndm1ew().f[0]++;
   var _ref2 = (cov_145kndm1ew().s[1]++, useState("")),
@@ -7330,13 +7295,9 @@ var CountryPicker = function CountryPicker(_ref) {
     cov_145kndm1ew().s[3]++;
     setCountry(value);
     cov_145kndm1ew().s[4]++;
-    onInputChange(function (phoneNumber) {
-      cov_145kndm1ew().f[2]++;
-      cov_145kndm1ew().s[5]++;
-      return phoneNumber.replace(prefix, "+".concat(getCountryCallingCode(value)));
-    });
+    onInputChange(phoneNumber.replace(prefix, "+".concat(getCountryCallingCode(value))));
   };
-  cov_145kndm1ew().s[6]++;
+  cov_145kndm1ew().s[5]++;
   return /*#__PURE__*/React.createElement("div", {
     className: classnames("flex-shrink-0", {
       "w-10": !searchTerm,
@@ -7353,8 +7314,8 @@ var CountryPicker = function CountryPicker(_ref) {
     },
     components: {
       SingleValue: function SingleValue$1() {
-        cov_145kndm1ew().f[3]++;
-        cov_145kndm1ew().s[7]++;
+        cov_145kndm1ew().f[2]++;
+        cov_145kndm1ew().s[6]++;
         return /*#__PURE__*/React.createElement(SingleValue, {
           showEmoji: true,
           country: country
@@ -7365,8 +7326,8 @@ var CountryPicker = function CountryPicker(_ref) {
       var value = _ref5.value;
       var _ref7 = _slicedToArray$3(_ref6, 1),
         selectedOption = _ref7[0];
-      cov_145kndm1ew().f[4]++;
-      cov_145kndm1ew().s[8]++;
+      cov_145kndm1ew().f[3]++;
+      cov_145kndm1ew().s[7]++;
       return (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name) === value;
     },
     onChange: handleCountryChange,
@@ -7784,7 +7745,7 @@ var getPhoneData = function getPhoneData(value, defaultCountry) {
 var _excluded$2 = ["value", "onChange", "className", "error", "defaultCountry", "selectProps"];
 function cov_2n7wvllbx0() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/PhoneNumber/PhoneNumberInput.jsx";
-  var hash = "c6942f346cc183b9eb89f5ddf08ddc3dba254d3f";
+  var hash = "ff15f225b3da68d847ab6fb0d3ba460a2861d5eb";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -7796,7 +7757,7 @@ function cov_2n7wvllbx0() {
           column: 25
         },
         end: {
-          line: 67,
+          line: 78,
           column: 1
         }
       },
@@ -7813,80 +7774,150 @@ function cov_2n7wvllbx0() {
       "2": {
         start: {
           line: 29,
-          column: 34
+          column: 26
         },
         end: {
-          line: 31,
-          column: 5
+          line: 29,
+          column: 39
         }
       },
       "3": {
         start: {
-          line: 33,
+          line: 30,
+          column: 34
+        },
+        end: {
+          line: 30,
+          column: 58
+        }
+      },
+      "4": {
+        start: {
+          line: 32,
           column: 19
         },
         end: {
-          line: 33,
+          line: 32,
           column: 70
         }
       },
-      "4": {
+      "5": {
+        start: {
+          line: 34,
+          column: 30
+        },
+        end: {
+          line: 37,
+          column: 5
+        }
+      },
+      "6": {
         start: {
           line: 35,
-          column: 25
+          column: 6
+        },
+        end: {
+          line: 35,
+          column: 22
+        }
+      },
+      "7": {
+        start: {
+          line: 36,
+          column: 6
         },
         end: {
+          line: 36,
+          column: 36
+        }
+      },
+      "8": {
+        start: {
           line: 39,
+          column: 25
+        },
+        end: {
+          line: 43,
           column: 5
         }
       },
-      "5": {
+      "9": {
         start: {
-          line: 36,
+          line: 40,
           column: 39
         },
         end: {
-          line: 36,
+          line: 40,
           column: 74
         }
       },
-      "6": {
+      "10": {
         start: {
-          line: 37,
+          line: 41,
           column: 6
         },
         end: {
-          line: 37,
-          column: 28
+          line: 41,
+          column: 37
         }
       },
-      "7": {
+      "11": {
         start: {
-          line: 38,
+          line: 42,
           column: 6
         },
         end: {
-          line: 38,
+          line: 42,
           column: 26
         }
       },
-      "8": {
+      "12": {
         start: {
-          line: 41,
+          line: 45,
           column: 4
         },
         end: {
-          line: 65,
+          line: 49,
+          column: 16
+        }
+      },
+      "13": {
+        start: {
+          line: 46,
           column: 6
+        },
+        end: {
+          line: 48,
+          column: 7
         }
       },
-      "9": {
+      "14": {
+        start: {
+          line: 47,
+          column: 8
+        },
+        end: {
+          line: 47,
+          column: 64
+        }
+      },
+      "15": {
+        start: {
+          line: 51,
+          column: 4
+        },
+        end: {
+          line: 76,
+          column: 6
+        }
+      },
+      "16": {
         start: {
-          line: 69,
+          line: 80,
           column: 0
         },
         end: {
-          line: 69,
+          line: 80,
           column: 50
         }
       }
@@ -7910,7 +7941,7 @@ function cov_2n7wvllbx0() {
             column: 7
           },
           end: {
-            line: 66,
+            line: 77,
             column: 3
           }
         },
@@ -7920,25 +7951,73 @@ function cov_2n7wvllbx0() {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 35,
+            line: 34,
+            column: 30
+          },
+          end: {
+            line: 34,
+            column: 31
+          }
+        },
+        loc: {
+          start: {
+            line: 34,
+            column: 39
+          },
+          end: {
+            line: 37,
+            column: 5
+          }
+        },
+        line: 34
+      },
+      "2": {
+        name: "(anonymous_2)",
+        decl: {
+          start: {
+            line: 39,
             column: 25
           },
           end: {
-            line: 35,
+            line: 39,
             column: 26
           }
         },
         loc: {
           start: {
-            line: 35,
+            line: 39,
             column: 52
           },
           end: {
-            line: 39,
+            line: 43,
             column: 5
           }
         },
-        line: 35
+        line: 39
+      },
+      "3": {
+        name: "(anonymous_3)",
+        decl: {
+          start: {
+            line: 45,
+            column: 14
+          },
+          end: {
+            line: 45,
+            column: 15
+          }
+        },
+        loc: {
+          start: {
+            line: 45,
+            column: 20
+          },
+          end: {
+            line: 49,
+            column: 5
+          }
+        },
+        line: 45
       }
     },
     branchMap: {
@@ -8017,35 +8096,68 @@ function cov_2n7wvllbx0() {
       "3": {
         loc: {
           start: {
-            line: 33,
+            line: 32,
             column: 19
           },
           end: {
-            line: 33,
+            line: 32,
             column: 70
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 33,
+            line: 32,
             column: 29
           },
           end: {
-            line: 33,
+            line: 32,
             column: 65
           }
         }, {
           start: {
-            line: 33,
+            line: 32,
             column: 68
           },
           end: {
-            line: 33,
+            line: 32,
             column: 70
           }
         }],
-        line: 33
+        line: 32
+      },
+      "4": {
+        loc: {
+          start: {
+            line: 46,
+            column: 6
+          },
+          end: {
+            line: 48,
+            column: 7
+          }
+        },
+        type: "if",
+        locations: [{
+          start: {
+            line: 46,
+            column: 6
+          },
+          end: {
+            line: 48,
+            column: 7
+          }
+        }, {
+          start: {
+            line: undefined,
+            column: undefined
+          },
+          end: {
+            line: undefined,
+            column: undefined
+          }
+        }],
+        line: 46
       }
     },
     s: {
@@ -8058,20 +8170,30 @@ function cov_2n7wvllbx0() {
       "6": 0,
       "7": 0,
       "8": 0,
-      "9": 0
+      "9": 0,
+      "10": 0,
+      "11": 0,
+      "12": 0,
+      "13": 0,
+      "14": 0,
+      "15": 0,
+      "16": 0
     },
     f: {
       "0": 0,
-      "1": 0
+      "1": 0,
+      "2": 0,
+      "3": 0
     },
     b: {
       "0": [0],
       "1": [0],
       "2": [0],
-      "3": [0, 0]
+      "3": [0, 0],
+      "4": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "c6942f346cc183b9eb89f5ddf08ddc3dba254d3f"
+    hash: "ff15f225b3da68d847ab6fb0d3ba460a2861d5eb"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -8101,24 +8223,45 @@ var PhoneNumberInput = (cov_2n7wvllbx0().s[0]++, /*#__PURE__*/forwardRef(functio
   cov_2n7wvllbx0().f[0]++;
   var _ref2 = (cov_2n7wvllbx0().s[1]++, useTranslation()),
     t = _ref2.t;
-  var _ref3 = (cov_2n7wvllbx0().s[2]++, useState(getPhoneData(value, defaultCountry).country)),
+  var internalValue = (cov_2n7wvllbx0().s[2]++, useRef(value));
+  var _ref3 = (cov_2n7wvllbx0().s[3]++, useState(defaultCountry)),
     _ref4 = _slicedToArray$3(_ref3, 2),
     country = _ref4[0],
     setCountry = _ref4[1];
-  var prefix = (cov_2n7wvllbx0().s[3]++, country ? (cov_2n7wvllbx0().b[3][0]++, "+".concat(getCountryCallingCode(country))) : (cov_2n7wvllbx0().b[3][1]++, ""));
-  cov_2n7wvllbx0().s[4]++;
+  var prefix = (cov_2n7wvllbx0().s[4]++, country ? (cov_2n7wvllbx0().b[3][0]++, "+".concat(getCountryCallingCode(country))) : (cov_2n7wvllbx0().b[3][1]++, ""));
+  cov_2n7wvllbx0().s[5]++;
+  var handleInputChange = function handleInputChange(value) {
+    cov_2n7wvllbx0().f[1]++;
+    cov_2n7wvllbx0().s[6]++;
+    onChange(value);
+    cov_2n7wvllbx0().s[7]++;
+    internalValue.current = value;
+  };
+  cov_2n7wvllbx0().s[8]++;
   var handleChange = function handleChange(_ref5) {
     var value = _ref5.target.value;
-    cov_2n7wvllbx0().f[1]++;
-    var _ref6 = (cov_2n7wvllbx0().s[5]++, getPhoneData(value, defaultCountry)),
+    cov_2n7wvllbx0().f[2]++;
+    var _ref6 = (cov_2n7wvllbx0().s[9]++, getPhoneData(value, defaultCountry)),
       phoneNumber = _ref6.phoneNumber,
       country = _ref6.country;
-    cov_2n7wvllbx0().s[6]++;
-    onChange(phoneNumber);
-    cov_2n7wvllbx0().s[7]++;
+    cov_2n7wvllbx0().s[10]++;
+    handleInputChange(phoneNumber);
+    cov_2n7wvllbx0().s[11]++;
     setCountry(country);
   };
-  cov_2n7wvllbx0().s[8]++;
+  cov_2n7wvllbx0().s[12]++;
+  useEffect(function () {
+    cov_2n7wvllbx0().f[3]++;
+    cov_2n7wvllbx0().s[13]++;
+    if (internalValue.current !== value) {
+      cov_2n7wvllbx0().b[4][0]++;
+      cov_2n7wvllbx0().s[14]++;
+      setCountry(getPhoneData(value, defaultCountry).country);
+    } else {
+      cov_2n7wvllbx0().b[4][1]++;
+    }
+  }, [value]);
+  cov_2n7wvllbx0().s[15]++;
   return /*#__PURE__*/React.createElement("div", {
     className: classnames([className])
   }, /*#__PURE__*/React.createElement(Input, _extends({
@@ -8132,14 +8275,15 @@ var PhoneNumberInput = (cov_2n7wvllbx0().s[0]++, /*#__PURE__*/forwardRef(functio
     }),
     prefix: /*#__PURE__*/React.createElement(CountryPicker, _extends({
       country: country,
+      phoneNumber: value,
       prefix: prefix,
       setCountry: setCountry,
-      onInputChange: onChange
+      onInputChange: handleInputChange
     }, selectProps)),
     onChange: handleChange
   }, inputProps)));
 }));
-cov_2n7wvllbx0().s[9]++;
+cov_2n7wvllbx0().s[16]++;
 PhoneNumberInput.displayName = "PhoneNumberInput";
 
 var _excluded$1 = ["name"];