@bigbinary/neeto-molecules 1.1.78 → 1.2.0-beta2

package/dist/cjs/PageLoader.js

@@ -0,0 +1,40 @@
+'use strict';
+
+var _extends = require('@babel/runtime/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var React = require('react');
+var neetoui = require('@bigbinary/neetoui');
+var injectCss = require('./inject-css-80a5faa3.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var css = ".neeto-molecules-pageloader__wrapper{height:100%;position:relative;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader{height:100%;left:0;position:absolute;top:0;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__content{margin-bottom:16px;padding:8px;position:relative}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__text{color:rgb(var(--neeto-ui-gray-800));font-size:1.25rem;line-height:1.75rem;margin-bottom:4rem;text-align:center}.neeto-molecules-pageloader__loader{animation:neeto-molecules-pageloader-anim1 .8s linear infinite alternate,neeto-molecules-pageloader-anim2 1.6s linear infinite;aspect-ratio:1;border:5px solid #5bcc5a;border-radius:50%;width:36px}@keyframes neeto-molecules-pageloader-anim1{0%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0);clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}12.5%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}25%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}62.5%{-webkit-clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)}75%{-webkit-clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)}to{-webkit-clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)}}@keyframes neeto-molecules-pageloader-anim2{0%{transform:scaleY(1) rotate(0deg)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0deg)}to{transform:scaleY(-1) rotate(-135deg)}}";
+injectCss.n(css,{});
+
+var _excluded = ["text"];
+var PageLoader = function PageLoader(_ref) {
+  var _ref$text = _ref.text,
+    text = _ref$text === void 0 ? "" : _ref$text,
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
+    className: "neeto-molecules-pageloader__wrapper"
+  }, otherProps), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-pageloader neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-justify-center"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-pageloader__content neeto-ui-flex neeto-ui-flex-shrink-0 neeto-ui-items-center neeto-ui-justify-center",
+    "data-cy": "neeto-molecules-pageloader"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-molecules-pageloader__loader"
+  })), text && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    style: "h5",
+    weight: "semibold"
+  }, text)));
+};
+var PageLoader$1 = /*#__PURE__*/React__default["default"].memo(PageLoader);
+
+module.exports = PageLoader$1;
+//# sourceMappingURL=PageLoader.js.map

package/dist/cjs/PageLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLoader.js","sources":["../../src/components/PageLoader/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport \"./page-loader.scss\";\n\nconst PageLoader = ({ text = \"\", ...otherProps }) => (\n  <div className=\"neeto-molecules-pageloader__wrapper\" {...otherProps}>\n    <div className=\"neeto-molecules-pageloader neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-justify-center\">\n      <div\n        className=\"neeto-molecules-pageloader__content neeto-ui-flex neeto-ui-flex-shrink-0 neeto-ui-items-center neeto-ui-justify-center\"\n        data-cy=\"neeto-molecules-pageloader\"\n      >\n        <div className=\"neeto-molecules-pageloader__loader\" />\n      </div>\n      {text && (\n        <Typography style=\"h5\" weight=\"semibold\">\n          {text}\n        </Typography>\n      )}\n    </div>\n  </div>\n);\n\nPageLoader.propTypes = {\n  /**\n   * Text to indicate loading status (optional).\n   */\n  text: PropTypes.string,\n};\n\nexport default React.memo(PageLoader);\n"],"names":["PageLoader","_ref","_ref$text","text","otherProps","_objectWithoutProperties","_excluded","React","createElement","_extends","className","Typography","style","weight","memo"],"mappings":";;;;;;;;;;;;;;;;;;AAOA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAAME,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,SAAA;AAAKE,IAAAA,UAAU,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC5CC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,4BAAA,CAAA;AAAKC,IAAAA,SAAS,EAAC,qCAAA;AAAqC,GAAA,EAAKN,UAAU,CAAA,eACjEG,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,0GAAA;GACbH,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEE,IAAAA,SAAS,EAAC,wHAAwH;IAClI,SAAQ,EAAA,4BAAA;GAERH,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,oCAAA;GAAsC,CAClD,CAAC,EACLP,IAAI,iBACHI,yBAAA,CAAAC,aAAA,CAACG,kBAAU,EAAA;AAACC,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,UAAA;GAC3BV,EAAAA,IACS,CAEX,CACF,CAAC,CAAA;AAAA,CACP,CAAA;AASD,mBAAA,aAAeI,yBAAK,CAACO,IAAI,CAACd,UAAU,CAAC;;;;"}

package/dist/cjs/PhoneNumber.js

@@ -0,0 +1,367 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _extends = require('@babel/runtime/helpers/extends');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var React = require('react');
+var formik = require('formik');
+var shallow = require('zustand/shallow');
+var classnames = require('classnames');
+var min = require('libphonenumber-js/min');
+var neetoCist = require('@bigbinary/neeto-cist');
+var neetoui = require('@bigbinary/neetoui');
+var reactI18next = require('react-i18next');
+var countriesList = require('countries-list');
+var ramda = require('ramda');
+var reactQuery = require('@tanstack/react-query');
+var withImmutableActions = require('@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions');
+var zustand = require('zustand');
+var middleware = require('zustand/middleware');
+var i18next = require('i18next');
+var yup = require('yup');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var withImmutableActions__default = /*#__PURE__*/_interopDefaultLegacy(withImmutableActions);
+var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+var COUNTRY_PICKER_OPTIONS = min.getCountries().filter(function (code) {
+  return countriesList.countries[code];
+}).map(function (code) {
+  return {
+    label: countriesList.countries[code].name,
+    value: code
+  };
+}).sort(function (a, b) {
+  return a.label.localeCompare(b.label);
+});
+var COUNTRY_PICKER_STYLES = {
+  menuPortal: ramda.mergeLeft({
+    width: 196,
+    zIndex: 99999
+  }),
+  control: ramda.mergeLeft({
+    border: "none !important",
+    cursor: "pointer",
+    gap: 4
+  }),
+  input: ramda.assoc("position", "absolute !important"),
+  valueContainer: ramda.assoc("padding", "0 !important"),
+  indicatorsContainer: ramda.assoc("paddingRight", "0 !important")
+};
+
+var _excluded$4 = ["countryCode", "showEmoji"];
+var SingleValue = function SingleValue(_ref) {
+  var countryCode = _ref.countryCode,
+    _ref$showEmoji = _ref.showEmoji,
+    showEmoji = _ref$showEmoji === void 0 ? false : _ref$showEmoji,
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$4);
+  if (!showEmoji) return null;
+  var countryData = countriesList.countries[countryCode];
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+    content: countryData === null || countryData === void 0 ? void 0 : countryData.name
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends__default["default"]({
+    className: "cursor-pointer text-center text-xl",
+    style: "body2"
+  }, otherProps), countryData === null || countryData === void 0 ? void 0 : countryData.emoji));
+};
+var SingleValue$1 = /*#__PURE__*/React__default["default"].memo(SingleValue);
+
+var _excluded$3 = ["countryCode", "setCountryCode", "onInputChange", "prefix", "phoneNumber"];
+var CountryPicker = function CountryPicker(_ref) {
+  var countryCode = _ref.countryCode,
+    setCountryCode = _ref.setCountryCode,
+    onInputChange = _ref.onInputChange,
+    prefix = _ref.prefix,
+    phoneNumber = _ref.phoneNumber,
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$3);
+  var _useState = React.useState(""),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
+  var handleCountryChange = function handleCountryChange(_ref2) {
+    var value = _ref2.value;
+    setCountryCode(value);
+    onInputChange(phoneNumber.replace(prefix, "+".concat(min.getCountryCallingCode(value))));
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames__default["default"]("flex-shrink-0", {
+      "w-10": !searchTerm,
+      "w-24": searchTerm
+    })
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends__default["default"]({
+    isSearchable: true,
+    "data-testid": "phonenumber-country-picker",
+    options: COUNTRY_PICKER_OPTIONS,
+    strategy: "fixed",
+    styles: COUNTRY_PICKER_STYLES,
+    value: {
+      value: countryCode
+    },
+    components: {
+      SingleValue: function SingleValue() {
+        return /*#__PURE__*/React__default["default"].createElement(SingleValue$1, {
+          countryCode: countryCode,
+          showEmoji: true
+        });
+      }
+    },
+    isOptionSelected: function isOptionSelected(_ref3, _ref4) {
+      var value = _ref3.value;
+      var _ref5 = _slicedToArray__default["default"](_ref4, 1),
+        selectedOption = _ref5[0];
+      return (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name) === value;
+    },
+    onChange: handleCountryChange,
+    onInputChange: setSearchTerm
+  }, otherProps)));
+};
+var CountryPicker$1 = /*#__PURE__*/React__default["default"].memo(CountryPicker);
+
+/** @type {import("neetocommons/react-utils").ZustandStoreHook} */
+var useCountryCodeStore = zustand.create(withImmutableActions__default["default"](middleware.persist(function (set, _) {
+  return {
+    countryCode: null,
+    setCountryCode: function setCountryCode(countryCode) {
+      return set({
+        countryCode: countryCode
+      });
+    }
+  };
+}, {
+  name: "neeto-ip-location-country-code",
+  storage: middleware.createJSONStorage(function () {
+    return localStorage;
+  })
+})));
+
+var isPhoneNumberValid = function isPhoneNumberValid() {
+  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+  for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    rest[_key - 1] = arguments[_key];
+  }
+  return min.isValidPhoneNumber.apply(void 0, [value].concat(rest));
+};
+var validation = function validation() {
+  var message = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : i18next__default["default"].t("neetoMolecules.phoneNumberInput.validations.invalid");
+  return yup__namespace.string().test("phoneNumber", message, function (phoneNumber) {
+    return phoneNumber ? min.isValidPhoneNumber(phoneNumber) : true;
+  });
+};
+var getPhoneData = function getPhoneData(value, defaultCountryCode) {
+  try {
+    var parsedValue = min.parsePhoneNumber(value, defaultCountryCode);
+    return {
+      phoneNumber: parsedValue.number,
+      international: parsedValue.formatInternational(),
+      countryCode: parsedValue.country || defaultCountryCode
+    };
+  } catch (_unused) {
+    return {
+      phoneNumber: value,
+      international: min.formatIncompletePhoneNumber(value, defaultCountryCode),
+      countryCode: defaultCountryCode
+    };
+  }
+};
+var getCursorPosition = function getCursorPosition(_ref) {
+  var event = _ref.event,
+    prevFormattedValue = _ref.prevFormattedValue,
+    newFormattedValue = _ref.newFormattedValue;
+  var inputType = event.nativeEvent.inputType,
+    _event$target = event.target,
+    newValue = _event$target.value,
+    selectionStart = _event$target.selectionStart;
+  if (selectionStart === newValue.length) return newFormattedValue.length;
+  var n = prevFormattedValue.substring(0, selectionStart).replace(/\s/g, "").length;
+  var cursor = 0;
+  for (var i = 0; i < n; ++i, ++cursor) {
+    if (newFormattedValue[cursor] === " ") ++cursor;
+  }
+  if (inputType !== "deleteContentBackward") {
+    if (newFormattedValue[selectionStart - 1] === " " && prevFormattedValue[selectionStart - 1] === " ") {
+      return cursor + 2;
+    } else if (prevFormattedValue[selectionStart - 1] === " ") {
+      return cursor + 1;
+    }
+  }
+  return cursor;
+};
+
+var useSetInitialCountry = function useSetInitialCountry(initialCountryCode, initialValue) {
+  var setCountryCode = useCountryCodeStore(ramda.prop("setCountryCode"));
+  var _getPhoneData = getPhoneData(initialValue),
+    countryCodeFromInitialValue = _getPhoneData.countryCode;
+  var isFetchLocationEnabled = !initialCountryCode && !countryCodeFromInitialValue;
+
+  // useQuery(
+  //   "IP_LOOKUP_LOCATION",
+  //   () => neetoIpLookupApi.fetchLocationDetails(),
+  //   {
+  //     enabled: isFetchLocationEnabled,
+  //     onSuccess: ({ countryCode }) => setCountryCode(countryCode),
+  //   }
+  // );
+
+  var _useQuery = reactQuery.useQuery({
+      queryKey: ["IP_LOOKUP_LOCATION"],
+      enabled: isFetchLocationEnabled
+    }),
+    _useQuery$data = _useQuery.data,
+    _useQuery$data2 = _useQuery$data === void 0 ? {} : _useQuery$data,
+    countryCode = _useQuery$data2.countryCode;
+  React.useEffect(function () {
+    if (isFetchLocationEnabled) return;
+    setCountryCode(countryCode || countryCodeFromInitialValue || initialCountryCode);
+  }, [countryCode]);
+};
+
+var _excluded$2 = ["value", "onChange", "className", "error", "selectProps", "initialCountryCode"];
+var PhoneNumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? "" : _ref$value,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? neetoCist.noop : _ref$onChange,
+    className = _ref.className,
+    error = _ref.error,
+    selectProps = _ref.selectProps,
+    initialCountryCode = _ref.initialCountryCode,
+    inputProps = _objectWithoutProperties__default["default"](_ref, _excluded$2);
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var internalValue = React.useRef(value);
+  var initialValue = React.useMemo(function () {
+    return value;
+  }, []);
+  var _useCountryCodeStore = useCountryCodeStore(function (store) {
+      return {
+        countryCode: store["countryCode"],
+        setCountryCode: store["setCountryCode"]
+      };
+    }, shallow.shallow),
+    countryCode = _useCountryCodeStore.countryCode,
+    setCountryCode = _useCountryCodeStore.setCountryCode;
+  useSetInitialCountry(initialCountryCode, initialValue);
+  var prefix = countryCode ? "+".concat(min.getCountryCallingCode(countryCode)) : "";
+  var formattedValue = min.formatIncompletePhoneNumber(value, countryCode);
+  var handleInputChange = React.useCallback(function (value) {
+    onChange(value);
+    internalValue.current = value;
+  }, []);
+  var handleChange = function handleChange(event) {
+    var _getPhoneData = getPhoneData(event.target.value, countryCode),
+      phoneNumber = _getPhoneData.phoneNumber,
+      newCountryCode = _getPhoneData.countryCode;
+    handleInputChange(phoneNumber);
+    setCountryCode(newCountryCode);
+    var cursor = getCursorPosition({
+      event: event,
+      prevFormattedValue: formattedValue,
+      newFormattedValue: min.formatIncompletePhoneNumber(phoneNumber, newCountryCode)
+    });
+    window.requestAnimationFrame(function () {
+      return event.target.setSelectionRange(cursor, cursor);
+    });
+  };
+  React.useEffect(function () {
+    if (internalValue.current === value) return;
+    setCountryCode(getPhoneData(value, countryCode).countryCode);
+  }, [value]);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames__default["default"]([className])
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends__default["default"]({
+    error: error,
+    ref: ref,
+    "data-testid": "phonenumber-input",
+    type: "tel",
+    value: formattedValue,
+    placeholder: t("neetoMolecules.phoneNumberInput.placeholder", {
+      prefix: prefix
+    }),
+    prefix: /*#__PURE__*/React__default["default"].createElement(CountryPicker$1, _extends__default["default"]({
+      countryCode: countryCode,
+      prefix: prefix,
+      setCountryCode: setCountryCode,
+      phoneNumber: value,
+      onInputChange: handleInputChange
+    }, selectProps)),
+    onChange: handleChange
+  }, inputProps)));
+});
+PhoneNumberInput.displayName = "PhoneNumberInput";
+
+var _excluded$1 = ["name"];
+var FormikPhoneNumberInput = function FormikPhoneNumberInput(_ref) {
+  var name = _ref.name,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$1);
+  var _useField = formik.useField(name),
+    _useField2 = _slicedToArray__default["default"](_useField, 3),
+    field = _useField2[0],
+    meta = _useField2[1],
+    setValue = _useField2[2].setValue;
+  return /*#__PURE__*/React__default["default"].createElement(PhoneNumberInput, _extends__default["default"]({}, field, {
+    error: meta.touched ? meta.error : "",
+    onChange: setValue
+  }, props));
+};
+
+var _excluded = ["className", "defaultCountry", "value", "showEmoji", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var PhoneNumber = function PhoneNumber(_ref) {
+  var className = _ref.className,
+    _ref$defaultCountry = _ref.defaultCountry,
+    defaultCountry = _ref$defaultCountry === void 0 ? "IN" : _ref$defaultCountry,
+    value = _ref.value,
+    _ref$showEmoji = _ref.showEmoji,
+    showEmoji = _ref$showEmoji === void 0 ? false : _ref$showEmoji,
+    children = _ref.children,
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+  var _getPhoneData = getPhoneData(value || children, defaultCountry),
+    international = _getPhoneData.international,
+    countryCode = _getPhoneData.countryCode;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: classnames__default["default"](["flex items-center space-x-2", className])
+  }, /*#__PURE__*/React__default["default"].createElement(SingleValue$1, _objectSpread({
+    countryCode: countryCode,
+    showEmoji: showEmoji
+  }, otherProps)), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends__default["default"]({
+    style: "body2"
+  }, otherProps), international));
+};
+var PhoneNumber$1 = /*#__PURE__*/React__default["default"].memo(PhoneNumber);
+
+exports.FormikPhoneNumberInput = FormikPhoneNumberInput;
+exports.PhoneNumber = PhoneNumber$1;
+exports.PhoneNumberInput = PhoneNumberInput;
+exports.isPhoneNumberValid = isPhoneNumberValid;
+exports.validation = validation;
+//# sourceMappingURL=PhoneNumber.js.map

package/dist/cjs/PhoneNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneNumber.js","sources":["../../src/components/PhoneNumber/CountryPicker/constants.js","../../src/components/PhoneNumber/CountryPicker/SingleValue.jsx","../../src/components/PhoneNumber/CountryPicker/index.jsx","../../src/components/PhoneNumber/stores/useCountryCodeStore.js","../../src/components/PhoneNumber/utils.js","../../src/components/PhoneNumber/hooks/reactQuery/useSetInitialCountry.js","../../src/components/PhoneNumber/PhoneNumberInput.jsx","../../src/components/PhoneNumber/FormikPhoneNumberInput.jsx","../../src/components/PhoneNumber/PhoneNumber.jsx"],"sourcesContent":["import { countries } from \"countries-list\";\nimport { getCountries } from \"libphonenumber-js/min\";\nimport { mergeLeft, assoc } from \"ramda\";\n\nexport const COUNTRY_PICKER_OPTIONS = getCountries()\n  .filter(code => countries[code])\n  .map(code => ({ label: countries[code].name, value: code }))\n  .sort((a, b) => a.label.localeCompare(b.label));\n\nexport const COUNTRY_PICKER_STYLES = {\n  menuPortal: mergeLeft({ width: 196, zIndex: 99999 }),\n  control: mergeLeft({\n    border: \"none !important\",\n    cursor: \"pointer\",\n    gap: 4,\n  }),\n  input: assoc(\"position\", \"absolute !important\"),\n  valueContainer: assoc(\"padding\", \"0 !important\"),\n  indicatorsContainer: assoc(\"paddingRight\", \"0 !important\"),\n};\n","import React from \"react\";\n\nimport { countries } from \"countries-list\";\nimport { Tooltip, Typography } from \"neetoui\";\n\nconst SingleValue = ({ countryCode, showEmoji = false, ...otherProps }) => {\n  if (!showEmoji) return null;\n\n  const countryData = countries[countryCode];\n\n  return (\n    <Tooltip content={countryData?.name}>\n      <Typography\n        className=\"cursor-pointer text-center text-xl\"\n        style=\"body2\"\n        {...otherProps}\n      >\n        {countryData?.emoji}\n      </Typography>\n    </Tooltip>\n  );\n};\n\nexport default React.memo(SingleValue);\n","import React, { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { getCountryCallingCode } from \"libphonenumber-js/min\";\nimport { Select } from \"neetoui\";\n\nimport { COUNTRY_PICKER_OPTIONS, COUNTRY_PICKER_STYLES } from \"./constants\";\nimport SingleValue from \"./SingleValue\";\n\nconst CountryPicker = ({\n  countryCode,\n  setCountryCode,\n  onInputChange,\n  prefix,\n  phoneNumber,\n  ...otherProps\n}) => {\n  const [searchTerm, setSearchTerm] = useState(\"\");\n\n  const handleCountryChange = ({ value }) => {\n    setCountryCode(value);\n\n    onInputChange(\n      phoneNumber.replace(prefix, `+${getCountryCallingCode(value)}`)\n    );\n  };\n\n  return (\n    <div\n      className={classnames(\"flex-shrink-0\", {\n        \"w-10\": !searchTerm,\n        \"w-24\": searchTerm,\n      })}\n    >\n      <Select\n        isSearchable\n        data-testid=\"phonenumber-country-picker\"\n        options={COUNTRY_PICKER_OPTIONS}\n        strategy=\"fixed\"\n        styles={COUNTRY_PICKER_STYLES}\n        value={{ value: countryCode }}\n        components={{\n          SingleValue: () => <SingleValue {...{ countryCode }} showEmoji />,\n        }}\n        isOptionSelected={({ value }, [selectedOption]) =>\n          selectedOption?.name === value\n        }\n        onChange={handleCountryChange}\n        onInputChange={setSearchTerm}\n        {...otherProps}\n      />\n    </div>\n  );\n};\n\nexport default React.memo(CountryPicker);\n","import withImmutableActions from \"neetocommons/react-utils/withImmutableActions\";\nimport { create } from \"zustand\";\nimport { persist, createJSONStorage } from \"zustand/middleware\";\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nexport const useCountryCodeStore = create(\n  withImmutableActions(\n    persist(\n      (set, _) => ({\n        countryCode: null,\n        setCountryCode: countryCode => set({ countryCode }),\n      }),\n      {\n        name: \"neeto-ip-location-country-code\",\n        storage: createJSONStorage(() => localStorage),\n      }\n    )\n  )\n);\n","import i18next from \"i18next\";\nimport {\n  formatIncompletePhoneNumber,\n  isValidPhoneNumber,\n  parsePhoneNumber,\n} from \"libphonenumber-js/min\";\nimport * as yup from \"yup\";\n\nexport const isPhoneNumberValid = (value = \"\", ...rest) =>\n  isValidPhoneNumber(value, ...rest);\n\nexport const validation = (\n  message = i18next.t(\"neetoMolecules.phoneNumberInput.validations.invalid\")\n) =>\n  yup\n    .string()\n    .test(\"phoneNumber\", message, phoneNumber =>\n      phoneNumber ? isValidPhoneNumber(phoneNumber) : true\n    );\n\nexport const getPhoneData = (value, defaultCountryCode) => {\n  try {\n    const parsedValue = parsePhoneNumber(value, defaultCountryCode);\n\n    return {\n      phoneNumber: parsedValue.number,\n      international: parsedValue.formatInternational(),\n      countryCode: parsedValue.country || defaultCountryCode,\n    };\n  } catch {\n    return {\n      phoneNumber: value,\n      international: formatIncompletePhoneNumber(value, defaultCountryCode),\n      countryCode: defaultCountryCode,\n    };\n  }\n};\n\nexport const getCursorPosition = ({\n  event,\n  prevFormattedValue,\n  newFormattedValue,\n}) => {\n  const {\n    nativeEvent: { inputType },\n    target: { value: newValue, selectionStart },\n  } = event;\n\n  if (selectionStart === newValue.length) return newFormattedValue.length;\n\n  const n = prevFormattedValue\n    .substring(0, selectionStart)\n    .replace(/\\s/g, \"\").length;\n\n  let cursor = 0;\n  for (let i = 0; i < n; ++i, ++cursor) {\n    if (newFormattedValue[cursor] === \" \") ++cursor;\n  }\n\n  if (inputType !== \"deleteContentBackward\") {\n    if (\n      newFormattedValue[selectionStart - 1] === \" \" &&\n      prevFormattedValue[selectionStart - 1] === \" \"\n    ) {\n      return cursor + 2;\n    } else if (prevFormattedValue[selectionStart - 1] === \" \") {\n      return cursor + 1;\n    }\n  }\n\n  return cursor;\n};\n","import { useEffect } from \"react\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { prop } from \"ramda\";\n\nimport { useCountryCodeStore } from \"components/PhoneNumber/stores/useCountryCodeStore\";\nimport { getPhoneData } from \"components/PhoneNumber/utils\";\n\nconst useSetInitialCountry = (initialCountryCode, initialValue) => {\n  const setCountryCode = useCountryCodeStore(prop(\"setCountryCode\"));\n\n  const { countryCode: countryCodeFromInitialValue } =\n    getPhoneData(initialValue);\n\n  const isFetchLocationEnabled =\n    !initialCountryCode && !countryCodeFromInitialValue;\n\n  // useQuery(\n  //   \"IP_LOOKUP_LOCATION\",\n  //   () => neetoIpLookupApi.fetchLocationDetails(),\n  //   {\n  //     enabled: isFetchLocationEnabled,\n  //     onSuccess: ({ countryCode }) => setCountryCode(countryCode),\n  //   }\n  // );\n\n  const { data: { countryCode } = {} } = useQuery({\n    queryKey: [\"IP_LOOKUP_LOCATION\"],\n    enabled: isFetchLocationEnabled,\n  });\n\n  useEffect(() => {\n    if (isFetchLocationEnabled) return;\n\n    setCountryCode(\n      countryCode || countryCodeFromInitialValue || initialCountryCode\n    );\n  }, [countryCode]);\n};\n\nexport default useSetInitialCountry;\n","import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\";\n\nimport classnames from \"classnames\";\nimport {\n  formatIncompletePhoneNumber,\n  getCountryCallingCode,\n} from \"libphonenumber-js/min\";\nimport { noop } from \"neetocist\";\nimport { Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport CountryPicker from \"./CountryPicker\";\nimport useSetInitialCountry from \"./hooks/reactQuery/useSetInitialCountry\";\nimport { useCountryCodeStore } from \"./stores/useCountryCodeStore\";\nimport { getCursorPosition, getPhoneData } from \"./utils\";\n\nconst PhoneNumberInput = forwardRef(\n  (\n    {\n      value = \"\",\n      onChange = noop,\n      className,\n      error,\n      selectProps,\n      initialCountryCode,\n      ...inputProps\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n\n    const internalValue = useRef(value);\n    const initialValue = useMemo(() => value, []);\n\n    const { countryCode, setCountryCode } = useCountryCodeStore.pick();\n\n    useSetInitialCountry(initialCountryCode, initialValue);\n\n    const prefix = countryCode ? `+${getCountryCallingCode(countryCode)}` : \"\";\n    const formattedValue = formatIncompletePhoneNumber(value, countryCode);\n\n    const handleInputChange = useCallback(value => {\n      onChange(value);\n      internalValue.current = value;\n    }, []);\n\n    const handleChange = event => {\n      const { phoneNumber, countryCode: newCountryCode } = getPhoneData(\n        event.target.value,\n        countryCode\n      );\n      handleInputChange(phoneNumber);\n      setCountryCode(newCountryCode);\n\n      const cursor = getCursorPosition({\n        event,\n        prevFormattedValue: formattedValue,\n        newFormattedValue: formatIncompletePhoneNumber(\n          phoneNumber,\n          newCountryCode\n        ),\n      });\n\n      window.requestAnimationFrame(() =>\n        event.target.setSelectionRange(cursor, cursor)\n      );\n    };\n\n    useEffect(() => {\n      if (internalValue.current === value) return;\n\n      setCountryCode(getPhoneData(value, countryCode).countryCode);\n    }, [value]);\n\n    return (\n      <div className={classnames([className])}>\n        <Input\n          {...{ error, ref }}\n          data-testid=\"phonenumber-input\"\n          type=\"tel\"\n          value={formattedValue}\n          placeholder={t(\"neetoMolecules.phoneNumberInput.placeholder\", {\n            prefix,\n          })}\n          prefix={\n            <CountryPicker\n              {...{ countryCode, prefix, setCountryCode }}\n              phoneNumber={value}\n              onInputChange={handleInputChange}\n              {...selectProps}\n            />\n          }\n          onChange={handleChange}\n          {...inputProps}\n        />\n      </div>\n    );\n  }\n);\n\nPhoneNumberInput.displayName = \"PhoneNumberInput\";\n\nPhoneNumberInput.propTypes = {\n  /**\n   * To specify the text to be displayed in the component.\n   */\n  value: PropTypes.string,\n  /**\n   * To specify the function to be triggered when the `value` is updated.\n   */\n  onChange: PropTypes.func,\n  /**\n   * To specify external classNames that can be provided as overrides to the main wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the error message to be displayed below the input field.\n   */\n  error: PropTypes.string,\n  /**\n   * To specify the additional props to be provided to the country picker `Select` component.\n   */\n  selectProps: PropTypes.object,\n  /**\n   * To specify the initial country to be set when component is mounted. Setting this\n   * disables the feature of setting the initial country based on user's IP address.\n   */\n  initialCountryCode: PropTypes.string,\n};\n\nexport default PhoneNumberInput;\n","import React from \"react\";\n\nimport { useField } from \"formik\";\n\nimport PhoneNumberInput from \"./PhoneNumberInput\";\n\nconst FormikPhoneNumberInput = ({ name, ...props }) => {\n  const [field, meta, { setValue }] = useField(name);\n\n  return (\n    <PhoneNumberInput\n      {...field}\n      error={meta.touched ? meta.error : \"\"}\n      onChange={setValue}\n      {...props}\n    />\n  );\n};\n\nexport default FormikPhoneNumberInput;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\n\nimport SingleValue from \"./CountryPicker/SingleValue\";\nimport { getPhoneData } from \"./utils\";\n\nconst PhoneNumber = ({\n  className,\n  defaultCountry = \"IN\",\n  value,\n  showEmoji = false,\n  children,\n  ...otherProps\n}) => {\n  const { international, countryCode } = getPhoneData(\n    value || children,\n    defaultCountry\n  );\n\n  return (\n    <div className={classnames([\"flex items-center space-x-2\", className])}>\n      <SingleValue {...{ countryCode, showEmoji, ...otherProps }} />\n      <Typography style=\"body2\" {...otherProps}>\n        {international}\n      </Typography>\n    </div>\n  );\n};\nexport default React.memo(PhoneNumber);\n"],"names":["COUNTRY_PICKER_OPTIONS","getCountries","filter","code","countries","map","label","name","value","sort","a","b","localeCompare","COUNTRY_PICKER_STYLES","menuPortal","mergeLeft","width","zIndex","control","border","cursor","gap","input","assoc","valueContainer","indicatorsContainer","SingleValue","_ref","countryCode","_ref$showEmoji","showEmoji","otherProps","_objectWithoutProperties","_excluded","countryData","React","createElement","Tooltip","content","Typography","_extends","className","style","emoji","memo","CountryPicker","setCountryCode","onInputChange","prefix","phoneNumber","_useState","useState","_useState2","_slicedToArray","searchTerm","setSearchTerm","handleCountryChange","_ref2","replace","concat","getCountryCallingCode","classnames","Select","isSearchable","options","strategy","styles","components","_SingleValue","isOptionSelected","_ref3","_ref4","_ref5","selectedOption","onChange","useCountryCodeStore","create","withImmutableActions","persist","set","_","storage","createJSONStorage","localStorage","isPhoneNumberValid","arguments","length","undefined","_len","rest","Array","_key","isValidPhoneNumber","apply","validation","message","i18next","t","yup","string","test","getPhoneData","defaultCountryCode","parsedValue","parsePhoneNumber","number","international","formatInternational","country","_unused","formatIncompletePhoneNumber","getCursorPosition","event","prevFormattedValue","newFormattedValue","inputType","nativeEvent","_event$target","target","newValue","selectionStart","n","substring","i","useSetInitialCountry","initialCountryCode","initialValue","prop","_getPhoneData","countryCodeFromInitialValue","isFetchLocationEnabled","_useQuery","useQuery","queryKey","enabled","_useQuery$data","data","_useQuery$data2","useEffect","PhoneNumberInput","forwardRef","ref","_ref$value","_ref$onChange","noop","error","selectProps","inputProps","_useTranslation","useTranslation","internalValue","useRef","useMemo","_useCountryCodeStore","store","shallow","formattedValue","handleInputChange","useCallback","current","handleChange","newCountryCode","window","requestAnimationFrame","setSelectionRange","Input","type","placeholder","displayName","FormikPhoneNumberInput","props","_useField","useField","_useField2","field","meta","setValue","touched","PhoneNumber","_ref$defaultCountry","defaultCountry","children","_objectSpread"],"mappings":"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"}