@bigbinary/neeto-molecules 1.13.16 → 1.13.18

package/dist/HelpPopover.js

@@ -12,7 +12,7 @@ var SIZE = {
   large: 20
 };
 
-var _excluded = ["title", "size", "description", "helpLinkProps", "popoverProps", "className"];
+var _excluded = ["title", "size", "description", "helpLinkProps", "popoverProps", "className", "iconColor", "icon"];
 var Title = Popover.Title;
 var HelpPopover = function HelpPopover(_ref) {
   var title = _ref.title,
@@ -22,17 +22,24 @@ var HelpPopover = function HelpPopover(_ref) {
     helpLinkProps = _ref.helpLinkProps,
     popoverProps = _ref.popoverProps,
     className = _ref.className,
+    _ref$iconColor = _ref.iconColor,
+    iconColor = _ref$iconColor === void 0 ? "#1f1f1f" : _ref$iconColor,
+    _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? Help : _ref$icon,
     otherProps = _objectWithoutProperties(_ref, _excluded);
   var helpIconRef = useRef();
   var isCompact = isNotPresent(title) && isNotPresent(helpLinkProps);
+  var Icon = function Icon() {
+    var Component = icon;
+    return /*#__PURE__*/React__default.createElement(Component, {
+      color: iconColor,
+      size: SIZE[size]
+    });
+  };
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, _extends({}, otherProps, {
     "data-cy": "help-popover-button",
     "data-testid": "help-popover-button",
-    icon: function icon() {
-      return /*#__PURE__*/React__default.createElement(Help, {
-        size: SIZE[size]
-      });
-    },
+    icon: Icon,
     ref: helpIconRef,
     style: "text",
     className: classnames("neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0", className)

package/dist/HelpPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpPopover.js","sources":["../src/components/HelpPopover/constants.js","../src/components/HelpPopover/index.jsx"],"sourcesContent":["export const SIZE = { default: 16, large: 20 };\n","import React, { useRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport { Help } from \"neetoicons\";\nimport { Button, Popover, Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport { SIZE } from \"./constants\";\n\nconst { Title } = Popover;\n\nconst HelpPopover = ({\n  title,\n  size = \"default\",\n  description,\n  helpLinkProps,\n  popoverProps,\n  className,\n  ...otherProps\n}) => {\n  const helpIconRef = useRef();\n\n  const isCompact = isNotPresent(title) && isNotPresent(helpLinkProps);\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        data-cy=\"help-popover-button\"\n        data-testid=\"help-popover-button\"\n        icon={() => <Help size={SIZE[size]} />}\n        ref={helpIconRef}\n        style=\"text\"\n        className={classNames(\n          \"neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0\",\n          className\n        )}\n      />\n      <Tooltip\n        appendTo={() => document.body}\n        {...popoverProps}\n        interactive\n        arrow={isCompact ? undefined : true}\n        className={classNames({ [\"neeto-ui-popover\"]: !isCompact })}\n        reference={helpIconRef}\n        role=\"tooltip\"\n        theme={isCompact ? \"dark\" : \"light\"}\n        content={\n          <div className=\"flex flex-col\">\n            {title && (\n              <Title\n                data-cy=\"help-popover-title\"\n                data-testid=\"help-popover-title\"\n              >\n                {title}\n              </Title>\n            )}\n            {typeof description === \"string\" && !isCompact ? (\n              <Typography\n                data-cy=\"help-popover-description\"\n                data-testid=\"help-popover-description\"\n                lineHeight=\"normal\"\n                style=\"body2\"\n              >\n                {description}\n              </Typography>\n            ) : (\n              description\n            )}\n            {helpLinkProps && (\n              <Button\n                className=\"neeto-ui-mt-3\"\n                data-cy=\"help-popover-link-button\"\n                label=\"View help article\"\n                size=\"small\"\n                {...helpLinkProps}\n                data-testid=\"help-popover-link-button\"\n                style=\"link\"\n                target=\"_blank\"\n              />\n            )}\n          </div>\n        }\n      />\n    </>\n  );\n};\n\nHelpPopover.propTypes = {\n  /**\n   * To set the title of the help popover.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the size of the popover help icon.\n   */\n  size: PropTypes.oneOf([\"default\", \"large\"]),\n  /**\n   * To set the description of the popover, this can be a string or a custom component.\n   */\n  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * To set the props of the help link which is displayed below the description.\n   */\n  helpLinkProps: PropTypes.object,\n  /**\n   * To set the props of the popover to customize it further.\n   */\n  popoverProps: PropTypes.object,\n  /**\n   * Additional classes passed on to the help button element.\n   */\n  className: PropTypes.string,\n};\n\nexport default HelpPopover;\n"],"names":["SIZE","large","Title","Popover","HelpPopover","_ref","title","_ref$size","size","description","helpLinkProps","popoverProps","className","otherProps","_objectWithoutProperties","_excluded","helpIconRef","useRef","isCompact","isNotPresent","React","createElement","Fragment","Button","_extends","icon","Help","ref","style","classNames","Tooltip","appendTo","document","body","interactive","arrow","undefined","_defineProperty","reference","role","theme","content","Typography","lineHeight","label","target"],"mappings":"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"}
+{"version":3,"file":"HelpPopover.js","sources":["../src/components/HelpPopover/constants.js","../src/components/HelpPopover/index.jsx"],"sourcesContent":["export const SIZE = { default: 16, large: 20 };\n","import React, { useRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport { Help } from \"neetoicons\";\nimport { Button, Popover, Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport { SIZE } from \"./constants\";\n\nconst { Title } = Popover;\n\nconst HelpPopover = ({\n  title,\n  size = \"default\",\n  description,\n  helpLinkProps,\n  popoverProps,\n  className,\n  iconColor = \"#1f1f1f\",\n  icon = Help,\n  ...otherProps\n}) => {\n  const helpIconRef = useRef();\n\n  const isCompact = isNotPresent(title) && isNotPresent(helpLinkProps);\n\n  const Icon = () => {\n    const Component = icon;\n\n    return <Component color={iconColor} size={SIZE[size]} />;\n  };\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        data-cy=\"help-popover-button\"\n        data-testid=\"help-popover-button\"\n        icon={Icon}\n        ref={helpIconRef}\n        style=\"text\"\n        className={classNames(\n          \"neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0\",\n          className\n        )}\n      />\n      <Tooltip\n        appendTo={() => document.body}\n        {...popoverProps}\n        interactive\n        arrow={isCompact ? undefined : true}\n        className={classNames({ [\"neeto-ui-popover\"]: !isCompact })}\n        reference={helpIconRef}\n        role=\"tooltip\"\n        theme={isCompact ? \"dark\" : \"light\"}\n        content={\n          <div className=\"flex flex-col\">\n            {title && (\n              <Title\n                data-cy=\"help-popover-title\"\n                data-testid=\"help-popover-title\"\n              >\n                {title}\n              </Title>\n            )}\n            {typeof description === \"string\" && !isCompact ? (\n              <Typography\n                data-cy=\"help-popover-description\"\n                data-testid=\"help-popover-description\"\n                lineHeight=\"normal\"\n                style=\"body2\"\n              >\n                {description}\n              </Typography>\n            ) : (\n              description\n            )}\n            {helpLinkProps && (\n              <Button\n                className=\"neeto-ui-mt-3\"\n                data-cy=\"help-popover-link-button\"\n                label=\"View help article\"\n                size=\"small\"\n                {...helpLinkProps}\n                data-testid=\"help-popover-link-button\"\n                style=\"link\"\n                target=\"_blank\"\n              />\n            )}\n          </div>\n        }\n      />\n    </>\n  );\n};\n\nHelpPopover.propTypes = {\n  /**\n   * To set the title of the help popover.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the size of the popover help icon.\n   */\n  size: PropTypes.oneOf([\"default\", \"large\"]),\n  /**\n   * To set the description of the popover, this can be a string or a custom component.\n   */\n  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * To set the props of the help link which is displayed below the description.\n   */\n  helpLinkProps: PropTypes.object,\n  /**\n   * To set the props of the popover to customize it further.\n   */\n  popoverProps: PropTypes.object,\n  /**\n   * Additional classes passed on to the help button element.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the default icon color of the help icon.\n   */\n  iconColor: PropTypes.string,\n  /**\n   * To customize the icon of the help popover.\n   */\n  icon: PropTypes.node,\n};\n\nexport default HelpPopover;\n"],"names":["SIZE","large","Title","Popover","HelpPopover","_ref","title","_ref$size","size","description","helpLinkProps","popoverProps","className","_ref$iconColor","iconColor","_ref$icon","icon","Help","otherProps","_objectWithoutProperties","_excluded","helpIconRef","useRef","isCompact","isNotPresent","Icon","Component","React","createElement","color","Fragment","Button","_extends","ref","style","classNames","Tooltip","appendTo","document","body","interactive","arrow","undefined","_defineProperty","reference","role","theme","content","Typography","lineHeight","label","target"],"mappings":"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"}

package/dist/PhoneNumber.js

@@ -1,7 +1,7 @@
 import { _ as _extends } from './extends-093996c9.js';
 import { _ as _slicedToArray } from './slicedToArray-b4278ecd.js';
 import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
-import React__default, { useState, useEffect, forwardRef, useRef, useCallback } from 'react';
+import React__default, { useState, useEffect, forwardRef, useRef, useMemo, useCallback } from 'react';
 import { useField } from 'formik';
 import { shallow } from 'zustand/shallow';
 import classnames from 'classnames';
@@ -143,23 +143,6 @@ var useCountryCodeStore = create(withImmutableActions(persist(function (set, _)
   })
 })));
 
-var useSetInitialCountry = function useSetInitialCountry(initialCountryCode) {
-  var setCountryCode = useCountryCodeStore(prop("setCountryCode"));
-  var isFetchLocationEnabled = !initialCountryCode;
-  useQuery("IP_LOOKUP_LOCATION", function () {
-    return neetoIpLookupApi.fetchLocationDetails();
-  }, {
-    enabled: isFetchLocationEnabled,
-    onSuccess: function onSuccess(_ref) {
-      var countryCode = _ref.countryCode;
-      return setCountryCode(countryCode);
-    }
-  });
-  useEffect(function () {
-    if (!isFetchLocationEnabled) setCountryCode(initialCountryCode);
-  }, []);
-};
-
 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++) {
@@ -213,6 +196,26 @@ var getCursorPosition = function getCursorPosition(_ref) {
   return cursor;
 };
 
+var useSetInitialCountry = function useSetInitialCountry(initialCountryCode, initialValue) {
+  var setCountryCode = useCountryCodeStore(prop("setCountryCode"));
+  var _getPhoneData = getPhoneData(initialValue),
+    countryCodeFromInitialValue = _getPhoneData.countryCode;
+  var isFetchLocationEnabled = !initialCountryCode && !countryCodeFromInitialValue;
+  useQuery("IP_LOOKUP_LOCATION", function () {
+    return neetoIpLookupApi.fetchLocationDetails();
+  }, {
+    enabled: isFetchLocationEnabled,
+    onSuccess: function onSuccess(_ref) {
+      var countryCode = _ref.countryCode;
+      return setCountryCode(countryCode);
+    }
+  });
+  useEffect(function () {
+    if (isFetchLocationEnabled) return;
+    setCountryCode(countryCodeFromInitialValue || initialCountryCode);
+  }, []);
+};
+
 var _excluded$2 = ["value", "onChange", "className", "error", "selectProps", "initialCountryCode"];
 var PhoneNumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$value = _ref.value,
@@ -227,6 +230,9 @@ var PhoneNumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var internalValue = useRef(value);
+  var initialValue = useMemo(function () {
+    return value;
+  }, []);
   var _useCountryCodeStore = useCountryCodeStore(function (store) {
       return {
         countryCode: store["countryCode"],
@@ -235,7 +241,7 @@ var PhoneNumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }, shallow),
     countryCode = _useCountryCodeStore.countryCode,
     setCountryCode = _useCountryCodeStore.setCountryCode;
-  useSetInitialCountry(initialCountryCode);
+  useSetInitialCountry(initialCountryCode, initialValue);
   var prefix = countryCode ? "+".concat(getCountryCallingCode(countryCode)) : "";
   var formattedValue = formatIncompletePhoneNumber(value, countryCode);
   var handleInputChange = useCallback(function (value) {

package/dist/PhoneNumber.js.map

@@ -1 +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/constants.js","../src/components/PhoneNumber/apis/neeto_ip_lookup.js","../src/components/PhoneNumber/stores/useCountryCodeStore.js","../src/components/PhoneNumber/hooks/reactQuery/useSetInitialCountry.js","../src/components/PhoneNumber/utils.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","export const IP_LOOKUP_ACCESS_TOKEN = \"083c694c79f119c7f227e737de9a5c8c\";\n","import axios from \"axios\";\n\nimport { IP_LOOKUP_ACCESS_TOKEN } from \"../constants\";\n\nconst fetchLocationDetails = () =>\n  axios.get(\n    \"https://neeto-ip-lookup-web-production.neetodeployapp.com/location\",\n    { headers: { \"X-ACCESS-TOKEN\": IP_LOOKUP_ACCESS_TOKEN } }\n  );\n\nconst neetoIpLookupApi = { fetchLocationDetails };\nexport default neetoIpLookupApi;\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 { useEffect } from \"react\";\n\nimport { prop } from \"ramda\";\nimport { useQuery } from \"react-query\";\n\nimport neetoIpLookupApi from \"components/PhoneNumber/apis/neeto_ip_lookup\";\nimport { useCountryCodeStore } from \"components/PhoneNumber/stores/useCountryCodeStore\";\n\nconst useSetInitialCountry = initialCountryCode => {\n  const setCountryCode = useCountryCodeStore(prop(\"setCountryCode\"));\n\n  const isFetchLocationEnabled = !initialCountryCode;\n\n  useQuery(\n    \"IP_LOOKUP_LOCATION\",\n    () => neetoIpLookupApi.fetchLocationDetails(),\n    {\n      enabled: isFetchLocationEnabled,\n      onSuccess: ({ countryCode }) => setCountryCode(countryCode),\n    }\n  );\n\n  useEffect(() => {\n    if (!isFetchLocationEnabled) setCountryCode(initialCountryCode);\n  }, []);\n};\n\nexport default useSetInitialCountry;\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 React, { forwardRef, useCallback, useEffect, useRef } 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    const internalValue = useRef(value);\n    const { countryCode, setCountryCode } = useCountryCodeStore.pick();\n\n    useSetInitialCountry(initialCountryCode);\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","IP_LOOKUP_ACCESS_TOKEN","fetchLocationDetails","axios","get","headers","neetoIpLookupApi","useCountryCodeStore","create","withImmutableActions","persist","set","_","storage","createJSONStorage","localStorage","useSetInitialCountry","initialCountryCode","prop","isFetchLocationEnabled","useQuery","enabled","onSuccess","useEffect","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","PhoneNumberInput","forwardRef","ref","_ref$value","_ref$onChange","noop","error","selectProps","inputProps","_useTranslation","useTranslation","internalValue","useRef","_useCountryCodeStore","store","shallow","formattedValue","handleInputChange","useCallback","current","handleChange","_getPhoneData","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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"}
+{"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/constants.js","../src/components/PhoneNumber/apis/neeto_ip_lookup.js","../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","export const IP_LOOKUP_ACCESS_TOKEN = \"083c694c79f119c7f227e737de9a5c8c\";\n","import axios from \"axios\";\n\nimport { IP_LOOKUP_ACCESS_TOKEN } from \"../constants\";\n\nconst fetchLocationDetails = () =>\n  axios.get(\n    \"https://neeto-ip-lookup-web-production.neetodeployapp.com/location\",\n    { headers: { \"X-ACCESS-TOKEN\": IP_LOOKUP_ACCESS_TOKEN } }\n  );\n\nconst neetoIpLookupApi = { fetchLocationDetails };\nexport default neetoIpLookupApi;\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 { prop } from \"ramda\";\nimport { useQuery } from \"react-query\";\n\nimport neetoIpLookupApi from \"components/PhoneNumber/apis/neeto_ip_lookup\";\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  useEffect(() => {\n    if (isFetchLocationEnabled) return;\n\n    setCountryCode(countryCodeFromInitialValue || initialCountryCode);\n  }, []);\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","IP_LOOKUP_ACCESS_TOKEN","fetchLocationDetails","axios","get","headers","neetoIpLookupApi","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","enabled","onSuccess","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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"}

package/dist/cjs/HelpPopover.js

@@ -19,7 +19,7 @@ var SIZE = {
   large: 20
 };
 
-var _excluded = ["title", "size", "description", "helpLinkProps", "popoverProps", "className"];
+var _excluded = ["title", "size", "description", "helpLinkProps", "popoverProps", "className", "iconColor", "icon"];
 var Title = neetoui.Popover.Title;
 var HelpPopover = function HelpPopover(_ref) {
   var title = _ref.title,
@@ -29,17 +29,24 @@ var HelpPopover = function HelpPopover(_ref) {
     helpLinkProps = _ref.helpLinkProps,
     popoverProps = _ref.popoverProps,
     className = _ref.className,
+    _ref$iconColor = _ref.iconColor,
+    iconColor = _ref$iconColor === void 0 ? "#1f1f1f" : _ref$iconColor,
+    _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? neetoIcons.Help : _ref$icon,
     otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
   var helpIconRef = React.useRef();
   var isCompact = neetoCist.isNotPresent(title) && neetoCist.isNotPresent(helpLinkProps);
+  var Icon = function Icon() {
+    var Component = icon;
+    return /*#__PURE__*/React__default["default"].createElement(Component, {
+      color: iconColor,
+      size: SIZE[size]
+    });
+  };
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends._extends({}, otherProps, {
     "data-cy": "help-popover-button",
     "data-testid": "help-popover-button",
-    icon: function icon() {
-      return /*#__PURE__*/React__default["default"].createElement(neetoIcons.Help, {
-        size: SIZE[size]
-      });
-    },
+    icon: Icon,
     ref: helpIconRef,
     style: "text",
     className: classnames__default["default"]("neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0", className)

package/dist/cjs/HelpPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpPopover.js","sources":["../../src/components/HelpPopover/constants.js","../../src/components/HelpPopover/index.jsx"],"sourcesContent":["export const SIZE = { default: 16, large: 20 };\n","import React, { useRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport { Help } from \"neetoicons\";\nimport { Button, Popover, Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport { SIZE } from \"./constants\";\n\nconst { Title } = Popover;\n\nconst HelpPopover = ({\n  title,\n  size = \"default\",\n  description,\n  helpLinkProps,\n  popoverProps,\n  className,\n  ...otherProps\n}) => {\n  const helpIconRef = useRef();\n\n  const isCompact = isNotPresent(title) && isNotPresent(helpLinkProps);\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        data-cy=\"help-popover-button\"\n        data-testid=\"help-popover-button\"\n        icon={() => <Help size={SIZE[size]} />}\n        ref={helpIconRef}\n        style=\"text\"\n        className={classNames(\n          \"neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0\",\n          className\n        )}\n      />\n      <Tooltip\n        appendTo={() => document.body}\n        {...popoverProps}\n        interactive\n        arrow={isCompact ? undefined : true}\n        className={classNames({ [\"neeto-ui-popover\"]: !isCompact })}\n        reference={helpIconRef}\n        role=\"tooltip\"\n        theme={isCompact ? \"dark\" : \"light\"}\n        content={\n          <div className=\"flex flex-col\">\n            {title && (\n              <Title\n                data-cy=\"help-popover-title\"\n                data-testid=\"help-popover-title\"\n              >\n                {title}\n              </Title>\n            )}\n            {typeof description === \"string\" && !isCompact ? (\n              <Typography\n                data-cy=\"help-popover-description\"\n                data-testid=\"help-popover-description\"\n                lineHeight=\"normal\"\n                style=\"body2\"\n              >\n                {description}\n              </Typography>\n            ) : (\n              description\n            )}\n            {helpLinkProps && (\n              <Button\n                className=\"neeto-ui-mt-3\"\n                data-cy=\"help-popover-link-button\"\n                label=\"View help article\"\n                size=\"small\"\n                {...helpLinkProps}\n                data-testid=\"help-popover-link-button\"\n                style=\"link\"\n                target=\"_blank\"\n              />\n            )}\n          </div>\n        }\n      />\n    </>\n  );\n};\n\nHelpPopover.propTypes = {\n  /**\n   * To set the title of the help popover.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the size of the popover help icon.\n   */\n  size: PropTypes.oneOf([\"default\", \"large\"]),\n  /**\n   * To set the description of the popover, this can be a string or a custom component.\n   */\n  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * To set the props of the help link which is displayed below the description.\n   */\n  helpLinkProps: PropTypes.object,\n  /**\n   * To set the props of the popover to customize it further.\n   */\n  popoverProps: PropTypes.object,\n  /**\n   * Additional classes passed on to the help button element.\n   */\n  className: PropTypes.string,\n};\n\nexport default HelpPopover;\n"],"names":["SIZE","large","Title","Popover","HelpPopover","_ref","title","_ref$size","size","description","helpLinkProps","popoverProps","className","otherProps","_objectWithoutProperties","_excluded","helpIconRef","useRef","isCompact","isNotPresent","React","createElement","Fragment","Button","_extends","icon","Help","ref","style","classNames","Tooltip","appendTo","document","body","interactive","arrow","undefined","_defineProperty","reference","role","theme","content","Typography","lineHeight","label","target"],"mappings":"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"}
+{"version":3,"file":"HelpPopover.js","sources":["../../src/components/HelpPopover/constants.js","../../src/components/HelpPopover/index.jsx"],"sourcesContent":["export const SIZE = { default: 16, large: 20 };\n","import React, { useRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport { Help } from \"neetoicons\";\nimport { Button, Popover, Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\n\nimport { SIZE } from \"./constants\";\n\nconst { Title } = Popover;\n\nconst HelpPopover = ({\n  title,\n  size = \"default\",\n  description,\n  helpLinkProps,\n  popoverProps,\n  className,\n  iconColor = \"#1f1f1f\",\n  icon = Help,\n  ...otherProps\n}) => {\n  const helpIconRef = useRef();\n\n  const isCompact = isNotPresent(title) && isNotPresent(helpLinkProps);\n\n  const Icon = () => {\n    const Component = icon;\n\n    return <Component color={iconColor} size={SIZE[size]} />;\n  };\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        data-cy=\"help-popover-button\"\n        data-testid=\"help-popover-button\"\n        icon={Icon}\n        ref={helpIconRef}\n        style=\"text\"\n        className={classNames(\n          \"neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0\",\n          className\n        )}\n      />\n      <Tooltip\n        appendTo={() => document.body}\n        {...popoverProps}\n        interactive\n        arrow={isCompact ? undefined : true}\n        className={classNames({ [\"neeto-ui-popover\"]: !isCompact })}\n        reference={helpIconRef}\n        role=\"tooltip\"\n        theme={isCompact ? \"dark\" : \"light\"}\n        content={\n          <div className=\"flex flex-col\">\n            {title && (\n              <Title\n                data-cy=\"help-popover-title\"\n                data-testid=\"help-popover-title\"\n              >\n                {title}\n              </Title>\n            )}\n            {typeof description === \"string\" && !isCompact ? (\n              <Typography\n                data-cy=\"help-popover-description\"\n                data-testid=\"help-popover-description\"\n                lineHeight=\"normal\"\n                style=\"body2\"\n              >\n                {description}\n              </Typography>\n            ) : (\n              description\n            )}\n            {helpLinkProps && (\n              <Button\n                className=\"neeto-ui-mt-3\"\n                data-cy=\"help-popover-link-button\"\n                label=\"View help article\"\n                size=\"small\"\n                {...helpLinkProps}\n                data-testid=\"help-popover-link-button\"\n                style=\"link\"\n                target=\"_blank\"\n              />\n            )}\n          </div>\n        }\n      />\n    </>\n  );\n};\n\nHelpPopover.propTypes = {\n  /**\n   * To set the title of the help popover.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the size of the popover help icon.\n   */\n  size: PropTypes.oneOf([\"default\", \"large\"]),\n  /**\n   * To set the description of the popover, this can be a string or a custom component.\n   */\n  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * To set the props of the help link which is displayed below the description.\n   */\n  helpLinkProps: PropTypes.object,\n  /**\n   * To set the props of the popover to customize it further.\n   */\n  popoverProps: PropTypes.object,\n  /**\n   * Additional classes passed on to the help button element.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the default icon color of the help icon.\n   */\n  iconColor: PropTypes.string,\n  /**\n   * To customize the icon of the help popover.\n   */\n  icon: PropTypes.node,\n};\n\nexport default HelpPopover;\n"],"names":["SIZE","large","Title","Popover","HelpPopover","_ref","title","_ref$size","size","description","helpLinkProps","popoverProps","className","_ref$iconColor","iconColor","_ref$icon","icon","Help","otherProps","_objectWithoutProperties","_excluded","helpIconRef","useRef","isCompact","isNotPresent","Icon","Component","React","createElement","color","Fragment","Button","_extends","ref","style","classNames","Tooltip","appendTo","document","body","interactive","arrow","undefined","_defineProperty","reference","role","theme","content","Typography","lineHeight","label","target"],"mappings":"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"}

package/dist/cjs/PhoneNumber.js

@@ -174,23 +174,6 @@ var useCountryCodeStore = zustand.create(withImmutableActions__default["default"
   })
 })));
 
-var useSetInitialCountry = function useSetInitialCountry(initialCountryCode) {
-  var setCountryCode = useCountryCodeStore(ramda.prop("setCountryCode"));
-  var isFetchLocationEnabled = !initialCountryCode;
-  reactQuery.useQuery("IP_LOOKUP_LOCATION", function () {
-    return neetoIpLookupApi.fetchLocationDetails();
-  }, {
-    enabled: isFetchLocationEnabled,
-    onSuccess: function onSuccess(_ref) {
-      var countryCode = _ref.countryCode;
-      return setCountryCode(countryCode);
-    }
-  });
-  React.useEffect(function () {
-    if (!isFetchLocationEnabled) setCountryCode(initialCountryCode);
-  }, []);
-};
-
 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++) {
@@ -244,6 +227,26 @@ var getCursorPosition = function getCursorPosition(_ref) {
   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;
+  reactQuery.useQuery("IP_LOOKUP_LOCATION", function () {
+    return neetoIpLookupApi.fetchLocationDetails();
+  }, {
+    enabled: isFetchLocationEnabled,
+    onSuccess: function onSuccess(_ref) {
+      var countryCode = _ref.countryCode;
+      return setCountryCode(countryCode);
+    }
+  });
+  React.useEffect(function () {
+    if (isFetchLocationEnabled) return;
+    setCountryCode(countryCodeFromInitialValue || initialCountryCode);
+  }, []);
+};
+
 var _excluded$2 = ["value", "onChange", "className", "error", "selectProps", "initialCountryCode"];
 var PhoneNumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref$value = _ref.value,
@@ -258,6 +261,9 @@ var PhoneNumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   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"],
@@ -266,7 +272,7 @@ var PhoneNumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }, shallow.shallow),
     countryCode = _useCountryCodeStore.countryCode,
     setCountryCode = _useCountryCodeStore.setCountryCode;
-  useSetInitialCountry(initialCountryCode);
+  useSetInitialCountry(initialCountryCode, initialValue);
   var prefix = countryCode ? "+".concat(min.getCountryCallingCode(countryCode)) : "";
   var formattedValue = min.formatIncompletePhoneNumber(value, countryCode);
   var handleInputChange = React.useCallback(function (value) {

package/dist/cjs/PhoneNumber.js.map

@@ -1 +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/constants.js","../../src/components/PhoneNumber/apis/neeto_ip_lookup.js","../../src/components/PhoneNumber/stores/useCountryCodeStore.js","../../src/components/PhoneNumber/hooks/reactQuery/useSetInitialCountry.js","../../src/components/PhoneNumber/utils.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","export const IP_LOOKUP_ACCESS_TOKEN = \"083c694c79f119c7f227e737de9a5c8c\";\n","import axios from \"axios\";\n\nimport { IP_LOOKUP_ACCESS_TOKEN } from \"../constants\";\n\nconst fetchLocationDetails = () =>\n  axios.get(\n    \"https://neeto-ip-lookup-web-production.neetodeployapp.com/location\",\n    { headers: { \"X-ACCESS-TOKEN\": IP_LOOKUP_ACCESS_TOKEN } }\n  );\n\nconst neetoIpLookupApi = { fetchLocationDetails };\nexport default neetoIpLookupApi;\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 { useEffect } from \"react\";\n\nimport { prop } from \"ramda\";\nimport { useQuery } from \"react-query\";\n\nimport neetoIpLookupApi from \"components/PhoneNumber/apis/neeto_ip_lookup\";\nimport { useCountryCodeStore } from \"components/PhoneNumber/stores/useCountryCodeStore\";\n\nconst useSetInitialCountry = initialCountryCode => {\n  const setCountryCode = useCountryCodeStore(prop(\"setCountryCode\"));\n\n  const isFetchLocationEnabled = !initialCountryCode;\n\n  useQuery(\n    \"IP_LOOKUP_LOCATION\",\n    () => neetoIpLookupApi.fetchLocationDetails(),\n    {\n      enabled: isFetchLocationEnabled,\n      onSuccess: ({ countryCode }) => setCountryCode(countryCode),\n    }\n  );\n\n  useEffect(() => {\n    if (!isFetchLocationEnabled) setCountryCode(initialCountryCode);\n  }, []);\n};\n\nexport default useSetInitialCountry;\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 React, { forwardRef, useCallback, useEffect, useRef } 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    const internalValue = useRef(value);\n    const { countryCode, setCountryCode } = useCountryCodeStore.pick();\n\n    useSetInitialCountry(initialCountryCode);\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","IP_LOOKUP_ACCESS_TOKEN","fetchLocationDetails","axios","get","headers","neetoIpLookupApi","useCountryCodeStore","create","withImmutableActions","persist","set","_","storage","createJSONStorage","localStorage","useSetInitialCountry","initialCountryCode","prop","isFetchLocationEnabled","useQuery","enabled","onSuccess","useEffect","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","PhoneNumberInput","forwardRef","ref","_ref$value","_ref$onChange","noop","error","selectProps","inputProps","_useTranslation","useTranslation","internalValue","useRef","_useCountryCodeStore","store","shallow","formattedValue","handleInputChange","useCallback","current","handleChange","_getPhoneData","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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"}
+{"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/constants.js","../../src/components/PhoneNumber/apis/neeto_ip_lookup.js","../../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","export const IP_LOOKUP_ACCESS_TOKEN = \"083c694c79f119c7f227e737de9a5c8c\";\n","import axios from \"axios\";\n\nimport { IP_LOOKUP_ACCESS_TOKEN } from \"../constants\";\n\nconst fetchLocationDetails = () =>\n  axios.get(\n    \"https://neeto-ip-lookup-web-production.neetodeployapp.com/location\",\n    { headers: { \"X-ACCESS-TOKEN\": IP_LOOKUP_ACCESS_TOKEN } }\n  );\n\nconst neetoIpLookupApi = { fetchLocationDetails };\nexport default neetoIpLookupApi;\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 { prop } from \"ramda\";\nimport { useQuery } from \"react-query\";\n\nimport neetoIpLookupApi from \"components/PhoneNumber/apis/neeto_ip_lookup\";\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  useEffect(() => {\n    if (isFetchLocationEnabled) return;\n\n    setCountryCode(countryCodeFromInitialValue || initialCountryCode);\n  }, []);\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","IP_LOOKUP_ACCESS_TOKEN","fetchLocationDetails","axios","get","headers","neetoIpLookupApi","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","enabled","onSuccess","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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.13.16",
+  "version": "1.13.18",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/types/HelpPopover.d.ts

@@ -36,5 +36,7 @@ const HelpPopover: React.FC<{
   popoverProps?: PopoverProps;
   size?: "default" | "large";
   className?: string;
+  icon?: React.ReactNode;
+  iconColor?: string;
 }>;
 export default HelpPopover;