@bigbinary/neeto-molecules 4.3.2 → 4.3.4

package/dist/cjs/v2/DynamicVariables.js

@@ -0,0 +1,134 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var React = require('react');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var neetoCist = require('@bigbinary/neeto-cist');
+var general = require('@bigbinary/neeto-commons-frontend/v2/utils/general');
+var ramda = require('ramda');
+var jsxRuntime = require('react/jsx-runtime');
+var createLucideIcon = require('../createLucideIcon-DBDhE7kE.js');
+
+/**
+ * @license lucide-react v1.7.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  [
+    "path",
+    { d: "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1", key: "ezmyqa" }
+  ],
+  [
+    "path",
+    {
+      d: "M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1",
+      key: "e1hn23"
+    }
+  ]
+];
+const Braces = createLucideIcon.createLucideIcon("braces", __iconNode);
+
+var parseVariables = function parseVariables() {
+  var variableArr = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var uncategorized = [];
+  var groupedVariables = [];
+  var categorySet = new Set();
+  variableArr.forEach(function (variable) {
+    var category = variable.category,
+      label = variable.label,
+      variables = variable.variables;
+    if (category && variables) {
+      var parsedVariables = variables.map(ramda.mergeLeft({
+        category: category,
+        categoryLabel: label
+      }));
+      if (!categorySet.has(category)) {
+        categorySet.add(category);
+        groupedVariables.push({
+          label: label,
+          variables: parsedVariables
+        });
+      } else {
+        var existingGroup = neetoCist.findBy({
+          label: label
+        }, groupedVariables);
+        existingGroup.variables = ramda.uniqBy(ramda.prop("key"), existingGroup.variables.concat(parsedVariables));
+      }
+    } else {
+      uncategorized.push(variable);
+    }
+  });
+  if (!ramda.isEmpty(uncategorized)) {
+    groupedVariables.push({
+      label: !ramda.isEmpty(groupedVariables) ? "Others" : null,
+      variables: uncategorized
+    });
+  }
+  return groupedVariables;
+};
+
+var _excluded = ["onVariableClick", "variables", "buttonProps"];
+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), true).forEach(function (r) { _defineProperty(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 DynamicVariables = function DynamicVariables(_ref) {
+  var _ref$onVariableClick = _ref.onVariableClick,
+    onVariableClick = _ref$onVariableClick === void 0 ? neetoCist.noop : _ref$onVariableClick,
+    _ref$variables = _ref.variables,
+    variables = _ref$variables === void 0 ? [] : _ref$variables,
+    buttonProps = _ref.buttonProps,
+    dropdownProps = _objectWithoutProperties(_ref, _excluded);
+  if (ramda.isEmpty(variables)) return null;
+  var parsedVariables = parseVariables(variables);
+  return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DropdownMenu, _objectSpread(_objectSpread({
+    customTarget: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread({
+      "data-testid": "dynamic-variables-button",
+      icon: Braces,
+      size: "icon",
+      variant: "outline"
+    }, buttonProps))
+  }, dropdownProps), {}, {
+    dropdownProps: _objectSpread({
+      className: "min-w-56"
+    }, dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.dropdownProps),
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex max-w-[22.5rem] min-w-[11.5rem] flex-col gap-1.5 p-2",
+      "data-testid": "dynamic-variables-list",
+      children: parsedVariables.map(function (_ref2) {
+        var label = _ref2.label,
+          variables = _ref2.variables;
+        return /*#__PURE__*/jsxRuntime.jsxs(React.Fragment, {
+          children: [label && /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex flex-row items-center gap-x-2",
+            children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+              variant: "h6",
+              children: label
+            }), /*#__PURE__*/jsxRuntime.jsx("hr", {
+              className: "border-border flex flex-grow"
+            })]
+          }), /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "flex flex-wrap items-center gap-2",
+            "data-testid": general.joinHyphenCase("dynamic-variables-list", label),
+            children: variables.map(function (item) {
+              return /*#__PURE__*/jsxRuntime.jsx("button", {
+                className: "border-border text-foreground hover:border-primary hover:text-primary focus-visible:border-primary focus-visible:text-primary rounded-md border p-1.5 text-start transition-colors select-none focus:outline-none",
+                "data-testid": general.joinHyphenCase("dynamic-variables-list-item", item.label),
+                onClick: function onClick() {
+                  return onVariableClick(item);
+                },
+                children: item.label
+              }, item.label);
+            })
+          })]
+        }, label);
+      })
+    })
+  }));
+};
+
+module.exports = DynamicVariables;
+//# sourceMappingURL=DynamicVariables.js.map

package/dist/cjs/v2/DynamicVariables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicVariables.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/braces.js","../../../src/v2/components/DynamicVariables/utils.js","../../../src/v2/components/DynamicVariables/index.jsx"],"sourcesContent":["/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    { d: \"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1\", key: \"ezmyqa\" }\n  ],\n  [\n    \"path\",\n    {\n      d: \"M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1\",\n      key: \"e1hn23\"\n    }\n  ]\n];\nconst Braces = createLucideIcon(\"braces\", __iconNode);\n\nexport { __iconNode, Braces as default };\n//# sourceMappingURL=braces.js.map\n","import { findBy } from \"neetocist\";\nimport { prop, isEmpty, uniqBy, mergeLeft } from \"ramda\";\n\nexport const parseVariables = (variableArr = []) => {\n  const uncategorized = [];\n  const groupedVariables = [];\n  const categorySet = new Set();\n\n  variableArr.forEach(variable => {\n    const { category, label, variables } = variable;\n    if (category && variables) {\n      const parsedVariables = variables.map(\n        mergeLeft({ category, categoryLabel: label })\n      );\n\n      if (!categorySet.has(category)) {\n        categorySet.add(category);\n        groupedVariables.push({ label, variables: parsedVariables });\n      } else {\n        const existingGroup = findBy({ label }, groupedVariables);\n\n        existingGroup.variables = uniqBy(\n          prop(\"key\"),\n          existingGroup.variables.concat(parsedVariables)\n        );\n      }\n    } else {\n      uncategorized.push(variable);\n    }\n  });\n\n  if (!isEmpty(uncategorized)) {\n    groupedVariables.push({\n      label: !isEmpty(groupedVariables) ? \"Others\" : null,\n      variables: uncategorized,\n    });\n  }\n\n  return groupedVariables;\n};\n","import { Fragment } from \"react\";\n\nimport { Button, DropdownMenu, Typography } from \"@bigbinary/neeto-atoms\";\nimport { Braces } from \"lucide-react\";\nimport { noop } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/v2/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport { parseVariables } from \"./utils\";\n\nconst DynamicVariables = ({\n  onVariableClick = noop,\n  variables = [],\n  buttonProps,\n  ...dropdownProps\n}) => {\n  if (isEmpty(variables)) return null;\n\n  const parsedVariables = parseVariables(variables);\n\n  return (\n    <DropdownMenu\n      customTarget={\n        <Button\n          data-testid=\"dynamic-variables-button\"\n          icon={Braces}\n          size=\"icon\"\n          variant=\"outline\"\n          {...buttonProps}\n        />\n      }\n      {...dropdownProps}\n      dropdownProps={{\n        className: \"min-w-56\",\n        ...dropdownProps?.dropdownProps,\n      }}\n    >\n      <div\n        className=\"flex max-w-[22.5rem] min-w-[11.5rem] flex-col gap-1.5 p-2\"\n        data-testid=\"dynamic-variables-list\"\n      >\n        {parsedVariables.map(({ label, variables }) => (\n          <Fragment key={label}>\n            {label && (\n              <div className=\"flex flex-row items-center gap-x-2\">\n                <Typography variant=\"h6\">{label}</Typography>\n                <hr className=\"border-border flex flex-grow\" />\n              </div>\n            )}\n            <div\n              className=\"flex flex-wrap items-center gap-2\"\n              data-testid={joinHyphenCase(\"dynamic-variables-list\", label)}\n            >\n              {variables.map(item => (\n                <button\n                  className=\"border-border text-foreground hover:border-primary hover:text-primary focus-visible:border-primary focus-visible:text-primary rounded-md border p-1.5 text-start transition-colors select-none focus:outline-none\"\n                  key={item.label}\n                  data-testid={joinHyphenCase(\n                    \"dynamic-variables-list-item\",\n                    item.label\n                  )}\n                  onClick={() => onVariableClick(item)}\n                >\n                  {item.label}\n                </button>\n              ))}\n            </div>\n          </Fragment>\n        ))}\n      </div>\n    </DropdownMenu>\n  );\n};\n\nDynamicVariables.propTypes = {\n  onVariableClick: PropTypes.func,\n  variables: PropTypes.arrayOf(\n    PropTypes.shape({ label: PropTypes.string, key: PropTypes.string })\n  ),\n};\n\nexport default DynamicVariables;\n"],"names":["createLucideIcon","parseVariables","variableArr","arguments","length","undefined","uncategorized","groupedVariables","categorySet","Set","forEach","variable","category","label","variables","parsedVariables","map","mergeLeft","categoryLabel","has","add","push","existingGroup","findBy","uniqBy","prop","concat","isEmpty","DynamicVariables","_ref","_ref$onVariableClick","onVariableClick","noop","_ref$variables","buttonProps","dropdownProps","_objectWithoutProperties","_excluded","_jsx","DropdownMenu","_objectSpread","customTarget","Button","icon","Braces","size","variant","className","children","_ref2","_jsxs","Fragment","Typography","joinHyphenCase","item","onClick"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/cjs/v2/PhoneNumber.js

@@ -0,0 +1,414 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var formik = require('formik');
+var React = require('react');
+var primitives = require('@bigbinary/neeto-atoms/primitives');
+var reactQuery = require('@tanstack/react-query');
+var classnames = require('classnames');
+var min = require('libphonenumber-js/min');
+var neetoCist = require('@bigbinary/neeto-cist');
+var index_es5_min = require('../index.es5.min-CUvhPmKJ.js');
+var i18next = require('i18next');
+var jsxRuntime = require('react/jsx-runtime');
+var chevronDown = require('../chevron-down-DwiliwN1.js');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var utils = require('@bigbinary/neeto-commons-frontend/v2/utils');
+var yup = require('yup');
+var axios = require('axios');
+var injectCss = require('../inject-css-B6qYtOJe.js');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var v2_CopyToClipboardButton = require('./CopyToClipboardButton.js');
+require('../_commonjsHelpers-BJu3ubxk.js');
+require('../createLucideIcon-DBDhE7kE.js');
+require('@bigbinary/neeto-commons-frontend/v2/utils/general');
+require('react-i18next');
+require('../check-VgZf0qTr.js');
+
+function _interopNamespaceDefault(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 yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+var IP_LOOKUP_ACCESS_TOKEN = "083c694c79f119c7f227e737de9a5c8c";
+var IP_LOOKUP_STORAGE_KEY = "IP_LOOKUP_DETAILS_STORAGE";
+var MAX_CACHE_AGE = 60 * 60 * 1000;
+
+var COUNTRY_PICKER_OPTIONS = min.getCountries().filter(function (code) {
+  return index_es5_min.index_es5_minExports.countries[code];
+}).map(function (code) {
+  return {
+    label: index_es5_min.index_es5_minExports.countries[code].name,
+    value: code
+  };
+}).sort(function (a, b) {
+  return a.label.localeCompare(b.label);
+});
+
+var CountryPicker$1 = function CountryPicker(_ref) {
+  var _countries$countryCod;
+  var countryCode = _ref.countryCode,
+    onChange = _ref.onChange,
+    disabled = _ref.disabled;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var handleSelect = function handleSelect(nextValue) {
+    onChange(nextValue);
+    setOpen(false);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(primitives.Popover, {
+    open: open,
+    onOpenChange: setOpen,
+    children: [/*#__PURE__*/jsxRuntime.jsx(primitives.PopoverTrigger, {
+      asChild: true,
+      children: /*#__PURE__*/jsxRuntime.jsxs(primitives.Button, {
+        disabled: disabled,
+        className: "neeto-molecules-phone-number-input__country-picker hover:bg-muted h-full shrink-0 gap-1 rounded-r-none border-0 bg-transparent px-2 shadow-none",
+        "data-testid": "phonenumber-country-picker",
+        size: "sm",
+        variant: "ghost",
+        "aria-label": i18next.t("neetoMolecules.phoneNumberInput.countryCodeAriaLabel"),
+        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "neeto-molecules-phone-number-input__flag text-xl leading-none",
+          children: (_countries$countryCod = index_es5_min.index_es5_minExports.countries[countryCode]) === null || _countries$countryCod === void 0 ? void 0 : _countries$countryCod.emoji
+        }), /*#__PURE__*/jsxRuntime.jsx(chevronDown.ChevronDown, {
+          "aria-hidden": true,
+          className: "text-muted-foreground size-3"
+        })]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(primitives.PopoverContent, {
+      align: "start",
+      className: "w-64 p-0",
+      sideOffset: 4,
+      onClick: function onClick(event) {
+        return event.stopPropagation();
+      },
+      children: /*#__PURE__*/jsxRuntime.jsxs(primitives.Command, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(primitives.CommandInput, {
+          "data-testid": "phonenumber-country-picker-search",
+          placeholder: i18next.t("neetoMolecules.phoneNumberInput.searchCountry")
+        }), /*#__PURE__*/jsxRuntime.jsxs(primitives.CommandList, {
+          className: "mt-1",
+          children: [/*#__PURE__*/jsxRuntime.jsx(primitives.CommandEmpty, {
+            children: i18next.t("neetoMolecules.phoneNumberInput.noCountryFound")
+          }), COUNTRY_PICKER_OPTIONS.map(function (_ref2) {
+            var _countries$value;
+            var label = _ref2.label,
+              value = _ref2.value;
+            return /*#__PURE__*/jsxRuntime.jsxs(primitives.CommandItem, {
+              value: "".concat(label, " ").concat(value),
+              onSelect: function onSelect() {
+                return handleSelect(value);
+              },
+              children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+                className: "neeto-molecules-phone-number-input__flag text-xl leading-none",
+                children: (_countries$value = index_es5_min.index_es5_minExports.countries[value]) === null || _countries$value === void 0 ? void 0 : _countries$value.emoji
+              }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                children: label
+              })]
+            }, value);
+          })]
+        })]
+      })
+    })]
+  });
+};
+var CountryPicker = /*#__PURE__*/React.memo(CountryPicker$1);
+
+var fetchLocationDetails$1 = function fetchLocationDetails() {
+  return axios.get("https://neeto-ip-lookup-web-production.neetodeployapp.com/location", {
+    headers: {
+      "X-ACCESS-TOKEN": IP_LOOKUP_ACCESS_TOKEN
+    }
+  });
+};
+var neetoIpLookupApi = {
+  fetchLocationDetails: fetchLocationDetails$1
+};
+
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = false, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = true, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), true), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+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.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 fetchLocationDetails = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+    var stored, _ref2, data, timestamp, isCacheValid, details, _timestamp;
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.p = _context.n) {
+        case 0:
+          stored = utils.getFromLocalStorage(IP_LOOKUP_STORAGE_KEY);
+          _ref2 = stored || {}, data = _ref2.data, timestamp = _ref2.timestamp;
+          isCacheValid = timestamp && Date.now() - timestamp < MAX_CACHE_AGE;
+          if (!isCacheValid) {
+            _context.n = 1;
+            break;
+          }
+          return _context.a(2, data);
+        case 1:
+          _context.p = 1;
+          _context.n = 2;
+          return neetoIpLookupApi.fetchLocationDetails();
+        case 2:
+          details = _context.v;
+          _timestamp = Date.now();
+          utils.setToLocalStorage(IP_LOOKUP_STORAGE_KEY, {
+            data: details,
+            timestamp: _timestamp
+          });
+          return _context.a(2, details);
+        case 3:
+          _context.p = 3;
+          _context.v;
+          return _context.a(2, data || null);
+      }
+    }, _callee, null, [[1, 3]]);
+  }));
+  return function fetchLocationDetails() {
+    return _ref.apply(this, arguments);
+  };
+}();
+var isNumeric = function isNumeric(_char) {
+  return _char >= "0" && _char <= "9";
+};
+var preserveCursor = function preserveCursor(callback) {
+  return function (event) {
+    var start = event.target.selectionStart;
+    var end = event.target.selectionEnd;
+    var len = event.target.value.length;
+    var result = callback(event);
+    var delta = event.target.value.length - len;
+    event.target.setSelectionRange(start + delta, end + delta);
+    return result;
+  };
+};
+
+var _excluded$3 = ["value", "onChange", "className", "error", "selectProps", "initialCountryCode"];
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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(_ref, _excluded$3);
+  var _useState = React.useState(function () {
+      return getPhoneData(value).countryCode || initialCountryCode;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    countryCode = _useState2[0],
+    setCountryCode = _useState2[1];
+  var _useQuery = reactQuery.useQuery({
+      queryKey: [IP_LOOKUP_STORAGE_KEY],
+      queryFn: fetchLocationDetails,
+      enabled: !countryCode,
+      staleTime: Infinity,
+      gcTime: Infinity,
+      select: function select(data) {
+        return neetoCist.findBy({
+          value: data.countryCode
+        }, COUNTRY_PICKER_OPTIONS);
+      }
+    }),
+    ipCountry = _useQuery.data;
+  var finalCountryCode = countryCode || (ipCountry === null || ipCountry === void 0 ? void 0 : ipCountry.value) || "US";
+  var formattedValue = min.formatIncompletePhoneNumber(value, finalCountryCode);
+  var onKeyDown = preserveCursor(function (event) {
+    if (event.key !== "Backspace") return;
+    var left = event.target.value.substring(0, event.target.selectionStart);
+    var right = event.target.value.substring(event.target.selectionEnd);
+    var index = left.length - 1;
+    while (index > 0 && !isNumeric(left[index])) index--;
+    var newValue = left.substring(0, index + 1) + right;
+    if (newValue) event.target.value = newValue;
+  });
+  var onInputChange = preserveCursor(function (event) {
+    var phoneData = getPhoneData(event.target.value, finalCountryCode);
+    event.target.value = min.formatIncompletePhoneNumber(event.target.value);
+    setCountryCode(phoneData.countryCode);
+    onChange(phoneData.phoneNumber);
+  });
+  var onChangeCountry = function onChangeCountry(nextCountryCode) {
+    var phoneData = getPhoneData(value, finalCountryCode);
+    var prevPrefix = "+".concat(min.getCountryCallingCode(phoneData.countryCode));
+    var nextPrefix = "+".concat(min.getCountryCallingCode(nextCountryCode));
+    setCountryCode(nextCountryCode);
+    onChange(nextPrefix + value.replace(prevPrefix, ""));
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: className,
+    children: [/*#__PURE__*/jsxRuntime.jsxs(primitives.InputGroup, {
+      className: classnames("neeto-molecules-phone-number-input__group", !!error && "border-destructive ring-destructive/20 ring-3"),
+      children: [/*#__PURE__*/jsxRuntime.jsx(primitives.InputGroupAddon, {
+        align: "inline-start",
+        className: "neeto-molecules-phone-number-input__addon p-0",
+        children: /*#__PURE__*/jsxRuntime.jsx(CountryPicker, _objectSpread$3({
+          countryCode: finalCountryCode,
+          onChange: onChangeCountry
+        }, selectProps))
+      }), /*#__PURE__*/jsxRuntime.jsx(primitives.InputGroupInput, _objectSpread$3({
+        onKeyDown: onKeyDown,
+        ref: ref,
+        "aria-invalid": !!error || undefined,
+        autoComplete: "tel",
+        "data-testid": "phonenumber-input",
+        inputMode: "tel",
+        type: "tel",
+        value: formattedValue,
+        onChange: onInputChange
+      }, inputProps))]
+    }), error && /*#__PURE__*/jsxRuntime.jsx("p", {
+      className: "text-destructive mt-1 text-sm",
+      children: error
+    })]
+  });
+});
+PhoneNumberInput.displayName = "PhoneNumberInput";
+
+var _excluded$2 = ["name"];
+function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FormikPhoneNumberInput = function FormikPhoneNumberInput(_ref) {
+  var name = _ref.name,
+    props = _objectWithoutProperties(_ref, _excluded$2);
+  var _useField = formik.useField(name),
+    _useField2 = _slicedToArray(_useField, 3),
+    field = _useField2[0],
+    meta = _useField2[1],
+    setValue = _useField2[2].setValue;
+  return /*#__PURE__*/jsxRuntime.jsx(PhoneNumberInput, _objectSpread$2(_objectSpread$2({}, field), {}, {
+    error: meta.touched ? meta.error : "",
+    onChange: setValue
+  }, props));
+};
+
+var css = "@import url(\"https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap\");.neeto-molecules-phone-number-input__flag{font-family:-apple-system,Noto Color Emoji,BlinkMacSystemFont,Inter,Arial,Segoe UI,Roboto,Oxygen,Ubuntu,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-style:normal;font-weight:400}.neeto-molecules-phone-number{display:block!important}";
+injectCss.n(css,{});
+
+var _excluded$1 = ["countryCode", "showEmoji"];
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SingleValue$1 = function SingleValue(_ref) {
+  var countryCode = _ref.countryCode,
+    _ref$showEmoji = _ref.showEmoji,
+    showEmoji = _ref$showEmoji === void 0 ? false : _ref$showEmoji,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+  if (!showEmoji) return null;
+  var countryData = index_es5_min.index_es5_minExports.countries[countryCode];
+  return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tooltip, {
+    content: countryData === null || countryData === void 0 ? void 0 : countryData.name,
+    children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, _objectSpread$1(_objectSpread$1({
+      className: "neeto-molecules-phone-number-input__flag cursor-pointer text-center text-xl",
+      variant: "body2"
+    }, otherProps), {}, {
+      children: countryData === null || countryData === void 0 ? void 0 : countryData.emoji
+    }))
+  });
+};
+var SingleValue = /*#__PURE__*/React.memo(SingleValue$1);
+
+var _excluded = ["className", "defaultCountry", "value", "showEmoji", "children", "linkable", "linkPrefix", "showCopyButton"];
+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), true).forEach(function (r) { _defineProperty(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,
+    _ref$linkable = _ref.linkable,
+    linkable = _ref$linkable === void 0 ? false : _ref$linkable,
+    _ref$linkPrefix = _ref.linkPrefix,
+    linkPrefix = _ref$linkPrefix === void 0 ? "tel:" : _ref$linkPrefix,
+    _ref$showCopyButton = _ref.showCopyButton,
+    showCopyButton = _ref$showCopyButton === void 0 ? false : _ref$showCopyButton,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  if (neetoCist.isNotPresent(value) && neetoCist.isNotPresent(children)) return null;
+  var _getPhoneData = getPhoneData(value || children, defaultCountry),
+    international = _getPhoneData.international,
+    countryCode = _getPhoneData.countryCode;
+  var link = linkable ? "".concat(linkPrefix).concat(value) : undefined;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: classnames(["flex items-center gap-x-2", className]),
+    children: [/*#__PURE__*/jsxRuntime.jsx(SingleValue, _objectSpread({}, _objectSpread({
+      countryCode: countryCode,
+      showEmoji: showEmoji
+    }, otherProps))), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, _objectSpread(_objectSpread({
+      variant: "body2"
+    }, otherProps), {}, {
+      children: linkable ? /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        asChild: true,
+        className: "neeto-molecules-phone-number truncate",
+        variant: "link",
+        children: /*#__PURE__*/jsxRuntime.jsx("a", {
+          "data-testid": "phone-number-link",
+          href: link,
+          children: international
+        })
+      }) : international
+    })), showCopyButton && /*#__PURE__*/jsxRuntime.jsx(v2_CopyToClipboardButton, {
+      className: "flex-shrink-0",
+      size: "sm",
+      value: international,
+      variant: "ghost"
+    })]
+  });
+};
+var PhoneNumber_default = /*#__PURE__*/React.memo(PhoneNumber);
+
+exports.FormikPhoneNumberInput = FormikPhoneNumberInput;
+exports.PhoneNumber = PhoneNumber_default;
+exports.PhoneNumberInput = PhoneNumberInput;
+exports.isPhoneNumberValid = isPhoneNumberValid;
+exports.validation = validation;
+//# sourceMappingURL=PhoneNumber.js.map