@bigbinary/neeto-molecules 3.14.1 → 3.14.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,27 +4,25 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
4
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
5
5
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
6
6
  var formik = require('formik');
7
- var phoneNumber = require('./phone-number-BtEbUAse.js');
7
+ var phoneNumber = require('./phone-number-CPwIzezl.js');
8
8
  var jsxRuntime = require('react/jsx-runtime');
9
9
  var React = require('react');
10
10
  var classnames = require('classnames');
11
11
  var neetoCist = require('@bigbinary/neeto-cist');
12
12
  var Typography = require('@bigbinary/neetoui/Typography');
13
- require('zustand/shallow');
13
+ require('@tanstack/react-query');
14
14
  require('libphonenumber-js/min');
15
15
  require('@bigbinary/neetoui/Input');
16
- require('react-i18next');
17
16
  require('@bigbinary/neetoui/Select');
18
17
  require('./_commonjsHelpers-BJu3ubxk.js');
19
18
  require('ramda');
20
19
  require('@bigbinary/neetoui/Tooltip');
21
- require('@tanstack/react-query');
22
- require('axios');
23
- require('@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions');
24
- require('zustand');
25
- require('zustand/middleware');
20
+ require('@babel/runtime/helpers/asyncToGenerator');
21
+ require('@babel/runtime/regenerator');
26
22
  require('i18next');
23
+ require('@bigbinary/neeto-commons-frontend/utils');
27
24
  require('yup');
25
+ require('axios');
28
26
  require('./inject-css-vQvjPR2x.js');
29
27
 
30
28
  var _excluded$1 = ["name"];
@@ -1 +1 @@
1
- {"version":3,"file":"PhoneNumber.js","sources":["../../src/components/PhoneNumber/FormikPhoneNumberInput.jsx","../../src/components/PhoneNumber/PhoneNumber.jsx"],"sourcesContent":["import { 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 { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\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 if (isNotPresent(value) && isNotPresent(children)) return null;\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 memo(PhoneNumber);\n"],"names":["FormikPhoneNumberInput","_ref","name","props","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","setValue","_jsx","PhoneNumberInput","_objectSpread","error","touched","onChange","PhoneNumber","className","_ref$defaultCountry","defaultCountry","value","_ref$showEmoji","showEmoji","children","otherProps","isNotPresent","_getPhoneData","getPhoneData","international","countryCode","_jsxs","classnames","SingleValue","Typography","style","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAA2B;AAAA,EAAA,IAArBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,WAAA,CAAA,CAAA;AAC9C,EAAA,IAAAC,SAAA,GAAoCC,eAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA3CI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;IAAII,QAAQ,GAAAJ,UAAA,CAAA,CAAA,CAAA,CAARI,QAAQ,CAAA;EAE9B,oBACEC,cAAA,CAACC,4BAAgB,EAAAC,eAAA,CAAAA,eAAA,KACXL,KAAK,CAAA,EAAA,EAAA,EAAA;IACTM,KAAK,EAAEL,IAAI,CAACM,OAAO,GAAGN,IAAI,CAACK,KAAK,GAAG,EAAG;AACtCE,IAAAA,QAAQ,EAAEN,QAAAA;GACNT,EAAAA,KAAK,CACV,CAAC,CAAA;AAEN;;;;;ACNA,IAAMgB,WAAW,GAAG,SAAdA,WAAWA,CAAAlB,IAAA,EAOX;AAAA,EAAA,IANJmB,SAAS,GAAAnB,IAAA,CAATmB,SAAS;IAAAC,mBAAA,GAAApB,IAAA,CACTqB,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;IACrBE,KAAK,GAAAtB,IAAA,CAALsB,KAAK;IAAAC,cAAA,GAAAvB,IAAA,CACLwB,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;IACjBE,QAAQ,GAAAzB,IAAA,CAARyB,QAAQ;AACLC,IAAAA,UAAU,GAAAvB,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAEb,IAAIuB,sBAAY,CAACL,KAAK,CAAC,IAAIK,sBAAY,CAACF,QAAQ,CAAC,EAAE,OAAO,IAAI,CAAA;EAE9D,IAAAG,aAAA,GAAuCC,wBAAY,CACjDP,KAAK,IAAIG,QAAQ,EACjBJ,cACF,CAAC;IAHOS,aAAa,GAAAF,aAAA,CAAbE,aAAa;IAAEC,WAAW,GAAAH,aAAA,CAAXG,WAAW,CAAA;AAKlC,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;IAAKb,SAAS,EAAEc,UAAU,CAAC,CAAC,6BAA6B,EAAEd,SAAS,CAAC,CAAE;AAAAM,IAAAA,QAAA,gBACrEb,cAAA,CAACsB,uBAAW,EAAApB,aAAA,KAAAA,aAAA,CAAA;AAAOiB,MAAAA,WAAW,EAAXA,WAAW;AAAEP,MAAAA,SAAS,EAATA,SAAAA;KAAcE,EAAAA,UAAU,CAAK,CAAA,CAAC,eAC9Dd,cAAA,CAACuB,UAAU,EAAArB,aAAA,CAAAA,aAAA,CAAA;AAACsB,MAAAA,KAAK,EAAC,OAAA;AAAO,KAAA,EAAKV,UAAU,CAAA,EAAA,EAAA,EAAA;AAAAD,MAAAA,QAAA,EACrCK,aAAAA;AAAa,KAAA,CACJ,CAAC,CAAA;AAAA,GACV,CAAC,CAAA;AAEV,CAAC,CAAA;AACD,oBAAeO,aAAAA,UAAI,CAACnB,WAAW,CAAC;;;;;;;;"}
1
+ {"version":3,"file":"PhoneNumber.js","sources":["../../src/components/PhoneNumber/FormikPhoneNumberInput.jsx","../../src/components/PhoneNumber/PhoneNumber.jsx"],"sourcesContent":["import { 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 { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\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 if (isNotPresent(value) && isNotPresent(children)) return null;\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 memo(PhoneNumber);\n"],"names":["FormikPhoneNumberInput","_ref","name","props","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","setValue","_jsx","PhoneNumberInput","_objectSpread","error","touched","onChange","PhoneNumber","className","_ref$defaultCountry","defaultCountry","value","_ref$showEmoji","showEmoji","children","otherProps","isNotPresent","_getPhoneData","getPhoneData","international","countryCode","_jsxs","classnames","SingleValue","Typography","style","memo"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAA2B;AAAA,EAAA,IAArBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,WAAA,CAAA,CAAA;AAC9C,EAAA,IAAAC,SAAA,GAAoCC,eAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA3CI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;IAAII,QAAQ,GAAAJ,UAAA,CAAA,CAAA,CAAA,CAARI,QAAQ,CAAA;EAE9B,oBACEC,cAAA,CAACC,4BAAgB,EAAAC,eAAA,CAAAA,eAAA,KACXL,KAAK,CAAA,EAAA,EAAA,EAAA;IACTM,KAAK,EAAEL,IAAI,CAACM,OAAO,GAAGN,IAAI,CAACK,KAAK,GAAG,EAAG;AACtCE,IAAAA,QAAQ,EAAEN,QAAAA;GACNT,EAAAA,KAAK,CACV,CAAC,CAAA;AAEN;;;;;ACNA,IAAMgB,WAAW,GAAG,SAAdA,WAAWA,CAAAlB,IAAA,EAOX;AAAA,EAAA,IANJmB,SAAS,GAAAnB,IAAA,CAATmB,SAAS;IAAAC,mBAAA,GAAApB,IAAA,CACTqB,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,mBAAA;IACrBE,KAAK,GAAAtB,IAAA,CAALsB,KAAK;IAAAC,cAAA,GAAAvB,IAAA,CACLwB,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;IACjBE,QAAQ,GAAAzB,IAAA,CAARyB,QAAQ;AACLC,IAAAA,UAAU,GAAAvB,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;EAEb,IAAIuB,sBAAY,CAACL,KAAK,CAAC,IAAIK,sBAAY,CAACF,QAAQ,CAAC,EAAE,OAAO,IAAI,CAAA;EAE9D,IAAAG,aAAA,GAAuCC,wBAAY,CACjDP,KAAK,IAAIG,QAAQ,EACjBJ,cACF,CAAC;IAHOS,aAAa,GAAAF,aAAA,CAAbE,aAAa;IAAEC,WAAW,GAAAH,aAAA,CAAXG,WAAW,CAAA;AAKlC,EAAA,oBACEC,eAAA,CAAA,KAAA,EAAA;IAAKb,SAAS,EAAEc,UAAU,CAAC,CAAC,6BAA6B,EAAEd,SAAS,CAAC,CAAE;AAAAM,IAAAA,QAAA,gBACrEb,cAAA,CAACsB,uBAAW,EAAApB,aAAA,KAAAA,aAAA,CAAA;AAAOiB,MAAAA,WAAW,EAAXA,WAAW;AAAEP,MAAAA,SAAS,EAATA,SAAAA;KAAcE,EAAAA,UAAU,CAAK,CAAA,CAAC,eAC9Dd,cAAA,CAACuB,UAAU,EAAArB,aAAA,CAAAA,aAAA,CAAA;AAACsB,MAAAA,KAAK,EAAC,OAAA;AAAO,KAAA,EAAKV,UAAU,CAAA,EAAA,EAAA,EAAA;AAAAD,MAAAA,QAAA,EACrCK,aAAAA;AAAa,KAAA,CACJ,CAAC,CAAA;AAAA,GACV,CAAC,CAAA;AAEV,CAAC,CAAA;AACD,oBAAeO,aAAAA,UAAI,CAACnB,WAAW,CAAC;;;;;;;;"}
@@ -21,11 +21,15 @@ var Tooltip = require('@bigbinary/neetoui/Tooltip');
21
21
  var CopyToClipboardButton = require('./CopyToClipboardButton.js');
22
22
  require('@babel/runtime/helpers/objectWithoutProperties');
23
23
  require('formik');
24
- var phoneNumber = require('./phone-number-BtEbUAse.js');
24
+ var phoneNumber = require('./phone-number-CPwIzezl.js');
25
25
  var jsxRuntime = require('react/jsx-runtime');
26
+ require('@babel/runtime/helpers/asyncToGenerator');
27
+ require('@babel/runtime/regenerator');
26
28
  require('i18next');
27
29
  require('libphonenumber-js/min');
30
+ require('@bigbinary/neeto-commons-frontend/utils');
28
31
  require('yup');
32
+ require('axios');
29
33
  var TimeFormat = require('./TimeFormat.js');
30
34
  var Computer = require('@bigbinary/neeto-icons/Computer');
31
35
  var Email = require('@bigbinary/neeto-icons/Email');
@@ -46,14 +50,9 @@ require('@bigbinary/neeto-icons/Help');
46
50
  require('@bigbinary/neetoui/Popover');
47
51
  require('@bigbinary/neeto-commons-frontend/utils/general');
48
52
  require('@bigbinary/neeto-icons/Copy');
49
- require('zustand/shallow');
53
+ require('@tanstack/react-query');
50
54
  require('@bigbinary/neetoui/Select');
51
55
  require('./_commonjsHelpers-BJu3ubxk.js');
52
- require('@tanstack/react-query');
53
- require('axios');
54
- require('@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions');
55
- require('zustand');
56
- require('zustand/middleware');
57
56
  require('./DateFormat.js');
58
57
  require('@bigbinary/neeto-commons-frontend/react-utils/useTimer');
59
58
  require('@bigbinary/neeto-commons-frontend/utils/datetime');
@@ -1 +1 @@
1
- {"version":3,"file":"SessionEnvironment.js","sources":["../../src/components/SessionEnvironment/constants.js","../../src/components/SessionEnvironment/utils.jsx","../../src/components/SessionEnvironment/Item.jsx","../../src/components/SessionEnvironment/DetailsBlock.jsx","../../src/components/SessionEnvironment/index.jsx"],"sourcesContent":["import {\n Computer,\n Email,\n Location,\n Mobile,\n Phone,\n Subdomain,\n User,\n} from \"neetoicons\";\nimport {\n Apple,\n Chrome,\n Edge,\n Firefox,\n Safari,\n Ubuntu,\n Windows,\n} from \"neetoicons/misc\";\n\nexport const BOOLEAN_VALUES_MAP = { true: \"Yes\", false: \"No\" };\nexport const ENTER = \"enter\";\nexport const ESCAPE = \"escape\";\nexport const PHONE_NUMBER = \"phone_number\";\nexport const INTEGER = \"integer\";\nexport const ICONS_MAP = {\n name: User,\n user: User,\n email: Email,\n phone_number: Phone,\n location: Location,\n timezone: Subdomain,\n chrome: Chrome,\n safari: Safari,\n firefox: Firefox,\n edge: Edge,\n ie: Edge,\n windows: Windows,\n mac_os: Apple,\n linux: Ubuntu,\n mobile: Mobile,\n desktop: Computer,\n};\n","import { isPresent } from \"neetocist\";\nimport { prop, pipe } from \"ramda\";\n\nimport { ICONS_MAP, INTEGER, PHONE_NUMBER } from \"./constants\";\n\nexport const getInputType = ({ name, kind }) => {\n if (name === PHONE_NUMBER) return \"tel\";\n else if (kind === INTEGER) return \"number\";\n\n return \"text\";\n};\n\nexport const getIcon = ({ iconSize, name, value }) => {\n const Icon =\n name === \"browser\" || name === \"os\"\n ? ICONS_MAP[value?.toLowerCase().replace(\" \", \"_\")]\n : ICONS_MAP[name];\n\n return isPresent(Icon) ? <Icon size={iconSize} /> : null;\n};\n\nexport const isValuePresent = pipe(prop(\"value\"), isPresent);\n","import { useEffect, useMemo, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Check, Close } from \"neetoicons\";\nimport { Button, Input, Tooltip, Typography } from \"neetoui\";\nimport { isNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport CopyToClipboardButton from \"components/CopyToClipboardButton\";\nimport { PhoneNumberInput } from \"components/PhoneNumber\";\nimport TimeFormat from \"components/TimeFormat\";\n\nimport { BOOLEAN_VALUES_MAP, ENTER, ESCAPE, PHONE_NUMBER } from \"./constants\";\nimport { getIcon, getInputType } from \"./utils\";\n\nconst Item = ({\n allowMultiline,\n handleCancel,\n handleSubmit,\n iconSize,\n item,\n showIcons,\n}) => {\n const [isEditing, setIsEditing] = useState(item.isEditing);\n const [value, setValue] = useState(item.value);\n\n const { t } = useTranslation();\n\n const containerRef = useHotkeys(ESCAPE, () => handleCancel(name), {\n mode: \"scoped\",\n });\n\n const {\n icon,\n isEditable = false,\n extraClasses = \"\",\n extraWrapperClasses = \"\",\n id,\n fieldValueId,\n custom = false,\n name,\n kind,\n error,\n label,\n showCopyButton = false,\n } = item;\n\n const valueToRender = useMemo(() => {\n if (isNil(value)) return \"-\";\n\n if (typeof value === \"boolean\") return BOOLEAN_VALUES_MAP[value.toString()];\n\n return value;\n }, [value]);\n\n const iconToRender = useMemo(\n () => icon || getIcon({ iconSize, name, value }),\n [icon, iconSize, name, value]\n );\n\n const onSuccess = () => setIsEditing(false);\n\n const handleMetadataSubmit = () =>\n handleSubmit({ fieldId: id, fieldValueId, name, value, custom, onSuccess });\n\n const handleMetadataCancel = () => {\n setIsEditing(false);\n setValue(item.value);\n handleCancel(name);\n };\n\n const inputRef = useHotkeys(ENTER, handleMetadataSubmit, {\n mode: \"scoped\",\n });\n\n const InputComponent = name === PHONE_NUMBER ? PhoneNumberInput : Input;\n\n const handleChange = event => {\n const value = name === PHONE_NUMBER ? event : event.target.value;\n setValue(value);\n };\n\n useEffect(() => {\n setValue(item.value);\n }, [item]);\n\n return (\n <div\n ref={containerRef}\n className={classNames(\n \"mb-2 flex place-items-center gap-2 align-middle\",\n extraWrapperClasses,\n {\n \"flex-wrap\": name !== PHONE_NUMBER && allowMultiline,\n \"flex-nowrap\": !allowMultiline,\n }\n )}\n >\n {showIcons && isPresent(iconToRender) ? (\n <Tooltip\n content={\n label || t(`neetoMolecules.sessionEnvironment.details.keys.${name}`)\n }\n >\n <div className=\"flex-shrink-0\">{iconToRender}</div>\n </Tooltip>\n ) : (\n <Typography\n className=\"neeto-molecules-session-environment-editable-field whitespace-nowrap\"\n style=\"h5\"\n >\n {label || t(`neetoMolecules.sessionEnvironment.details.keys.${name}`)}\n </Typography>\n )}\n {!isEditing ? (\n <>\n {kind === \"datetime\" ? (\n <TimeFormat.DateWeekTime\n date={value}\n typographyProps={{\n style: \"body2\",\n className: classNames(\n `overflow-hidden truncate whitespace-normal break-all ${extraClasses}`,\n { \"whitespace-nowrap\": !allowMultiline }\n ),\n }}\n />\n ) : (\n <Tooltip content={valueToRender} position=\"top\">\n <Typography\n data-testid={`metadata-value-${name}`}\n style=\"body2\"\n weight=\"normal\"\n className={classNames(\n `overflow-hidden truncate whitespace-normal break-all ${extraClasses}`,\n {\n \"neeto-molecules-session-environment-editable-text cursor-pointer p-0.5\":\n isEditable,\n \"whitespace-nowrap\": !allowMultiline,\n }\n )}\n onClick={() => isEditable && setIsEditing(true)}\n >\n {valueToRender}\n </Typography>\n </Tooltip>\n )}\n {showCopyButton && (\n <CopyToClipboardButton\n className=\"flex-shrink-0\"\n size=\"small\"\n style=\"text\"\n value={valueToRender}\n />\n )}\n </>\n ) : (\n <div className=\"neeto-molecules-session-environment-editable-field relative flex min-w-0 flex-grow items-center\">\n <InputComponent\n {...{ error }}\n autoFocus\n data-testid={`metadata-input-${name}`}\n placeholder={t(\"neetoMolecules.common.enter\", { what: label })}\n ref={inputRef}\n type={getInputType({ name, kind })}\n value={value || \"\"}\n onChange={handleChange}\n />\n <div className=\"neeto-molecules-session-environment-editable-field__actions absolute right-0 top-0 flex h-8 items-center pr-1\">\n <Button\n icon={Close}\n size=\"small\"\n style=\"text\"\n tooltipProps={{\n content: t(\"neetoMolecules.common.actions.cancel\"),\n position: \"top\",\n }}\n onClick={handleMetadataCancel}\n />\n <Button\n data-testid={`metadata-submit-${name}`}\n icon={Check}\n size=\"small\"\n style=\"text\"\n tooltipProps={{\n content: t(\"neetoMolecules.common.actions.save\"),\n position: \"top\",\n }}\n onClick={handleMetadataSubmit}\n />\n </div>\n </div>\n )}\n </div>\n );\n};\n\nexport default Item;\n","import { memo } from \"react\";\n\nimport { isPresent, noop } from \"neetocist\";\nimport { Typography } from \"neetoui\";\n\nimport HelpPopover from \"components/HelpPopover\";\n\nimport Item from \"./Item\";\nimport { isValuePresent } from \"./utils\";\n\nconst DetailsBlock = ({\n allowMultiline = true,\n details,\n handleCancel = noop,\n handleSubmit = noop,\n helpPopoverProps,\n iconSize,\n showIcons = false,\n title = \"\",\n}) => (\n <div className=\"mb-4\" data-testid=\"details-block-items-parent\">\n {title && (\n <div className=\"mb-2 flex\">\n <Typography\n className=\"mr-2\"\n style=\"h4\"\n textTransform=\"uppercase\"\n weight=\"bold\"\n >\n {title}\n </Typography>\n {isPresent(helpPopoverProps) && <HelpPopover {...helpPopoverProps} />}\n </div>\n )}\n {details\n .filter(detail => detail.isEditable || isValuePresent(detail))\n .map((detail, index) => (\n <Item\n {...{\n allowMultiline,\n handleCancel,\n handleSubmit,\n iconSize,\n showIcons,\n }}\n item={detail}\n key={index}\n />\n ))}\n </div>\n);\n\nexport default memo(DetailsBlock);\n","import { memo, useMemo, useState } from \"react\";\n\nimport { filterBy, isPresent, noop, removeBy } from \"neetocist\";\nimport { Down, Up } from \"neetoicons\";\nimport { Button, Spinner } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { pluck, not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DetailsBlock from \"./DetailsBlock\";\nimport \"./session-environment.scss\";\n\nconst SessionEnvironment = ({\n allowMultiline = false,\n details,\n handleCancel = noop,\n handleSubmit = noop,\n helpPopoverProps = {},\n iconSize = 20,\n isLoading = false,\n moreDetails = [],\n title = \"\",\n}) => {\n const [showViewMore, setShowViewMore] = useState(false);\n\n const customViewMoreItems = useMemo(\n () => filterBy({ kind: \"custom\" }, moreDetails),\n [moreDetails]\n );\n\n const { t } = useTranslation();\n\n if (isLoading) {\n return (\n <div className=\"flex h-full w-full items-center justify-center\">\n <Spinner />\n </div>\n );\n }\n\n return (\n <div className=\"w-full\">\n <DetailsBlock\n {...{\n allowMultiline,\n details,\n handleCancel,\n handleSubmit,\n helpPopoverProps,\n iconSize,\n title,\n }}\n showIcons\n />\n {showViewMore && (\n <>\n <hr className=\"neeto-ui-border-gray-200 m-4\" />\n <DetailsBlock\n {...{\n handleCancel,\n handleSubmit,\n helpPopoverProps,\n iconSize,\n }}\n details={removeBy({ kind: \"custom\" }, moreDetails)}\n />\n {isPresent(customViewMoreItems) && (\n <>\n <hr className=\"neeto-ui-border-gray-200 m-4\" />\n {pluck(\"value\", customViewMoreItems)}\n </>\n )}\n </>\n )}\n <Button\n className=\"mb-4\"\n icon={showViewMore ? Up : Down}\n style=\"link\"\n label={\n showViewMore\n ? t(\"neetoMolecules.sessionEnvironment.viewLess\")\n : t(\"neetoMolecules.sessionEnvironment.viewMore\")\n }\n onClick={() => setShowViewMore(not)}\n />\n </div>\n );\n};\n\nSessionEnvironment.propTypes = {\n /*\n details can be an array of fields to be displayed.\n */\n details: PropTypes.array,\n /*\n handleCancel is a function that will be called when the cancel button is clicked.\n */\n handleCancel: PropTypes.func,\n /*\n handleSubmit is a function that will be called when the form is submitted.\n */\n handleSubmit: PropTypes.func,\n /*\n helpPopoverProps are the props that will be passed to the HelpPopover component.\n */\n helpPopoverProps: PropTypes.object,\n /*\n iconSize is a number that will be used to set the size of the icon.\n */\n iconSize: PropTypes.number,\n /*\n isLoading is a boolean that will be used to show a spinner when true.\n */\n isLoading: PropTypes.bool,\n /*\n moreDetails can be an array of fields to be displayed when the view more button is clicked.\n */\n moreDetails: PropTypes.array,\n /*\n The title to be displayed above the details.\n */\n title: PropTypes.string,\n /*\n allowMultiline is a boolean that will be used to decide whether the items should be displayed in a single line or multiple lines.\n */\n allowMultiline: PropTypes.bool,\n};\n\nexport default memo(SessionEnvironment);\n"],"names":["BOOLEAN_VALUES_MAP","ENTER","ESCAPE","PHONE_NUMBER","INTEGER","ICONS_MAP","name","User","user","email","Email","phone_number","Phone","location","Location","timezone","Subdomain","chrome","Chrome","safari","Safari","firefox","Firefox","edge","Edge","ie","windows","Windows","mac_os","Apple","linux","Ubuntu","mobile","Mobile","desktop","Computer","getInputType","_ref","kind","getIcon","_ref2","iconSize","value","Icon","toLowerCase","replace","isPresent","_jsx","size","isValuePresent","pipe","prop","Item","allowMultiline","handleCancel","handleSubmit","item","showIcons","_useState","useState","isEditing","_useState2","_slicedToArray","setIsEditing","_useState3","_useState4","setValue","_useTranslation","useTranslation","t","containerRef","useHotkeys","mode","icon","_item$isEditable","isEditable","_item$extraClasses","extraClasses","_item$extraWrapperCla","extraWrapperClasses","id","fieldValueId","_item$custom","custom","error","label","_item$showCopyButton","showCopyButton","valueToRender","useMemo","isNil","toString","iconToRender","onSuccess","handleMetadataSubmit","fieldId","handleMetadataCancel","inputRef","InputComponent","PhoneNumberInput","Input","handleChange","event","target","useEffect","_jsxs","ref","className","classNames","children","Tooltip","content","concat","Typography","style","_Fragment","TimeFormat","DateWeekTime","date","typographyProps","position","weight","onClick","CopyToClipboardButton","autoFocus","placeholder","what","type","onChange","Button","Close","tooltipProps","Check","DetailsBlock","_ref$allowMultiline","details","_ref$handleCancel","noop","_ref$handleSubmit","helpPopoverProps","_ref$showIcons","_ref$title","title","textTransform","HelpPopover","_objectSpread","filter","detail","map","index","_createElement","key","memo","SessionEnvironment","_ref$helpPopoverProps","_ref$iconSize","_ref$isLoading","isLoading","_ref$moreDetails","moreDetails","showViewMore","setShowViewMore","customViewMoreItems","filterBy","Spinner","removeBy","pluck","Up","Down","not"],"mappings":"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"}
1
+ {"version":3,"file":"SessionEnvironment.js","sources":["../../src/components/SessionEnvironment/constants.js","../../src/components/SessionEnvironment/utils.jsx","../../src/components/SessionEnvironment/Item.jsx","../../src/components/SessionEnvironment/DetailsBlock.jsx","../../src/components/SessionEnvironment/index.jsx"],"sourcesContent":["import {\n Computer,\n Email,\n Location,\n Mobile,\n Phone,\n Subdomain,\n User,\n} from \"neetoicons\";\nimport {\n Apple,\n Chrome,\n Edge,\n Firefox,\n Safari,\n Ubuntu,\n Windows,\n} from \"neetoicons/misc\";\n\nexport const BOOLEAN_VALUES_MAP = { true: \"Yes\", false: \"No\" };\nexport const ENTER = \"enter\";\nexport const ESCAPE = \"escape\";\nexport const PHONE_NUMBER = \"phone_number\";\nexport const INTEGER = \"integer\";\nexport const ICONS_MAP = {\n name: User,\n user: User,\n email: Email,\n phone_number: Phone,\n location: Location,\n timezone: Subdomain,\n chrome: Chrome,\n safari: Safari,\n firefox: Firefox,\n edge: Edge,\n ie: Edge,\n windows: Windows,\n mac_os: Apple,\n linux: Ubuntu,\n mobile: Mobile,\n desktop: Computer,\n};\n","import { isPresent } from \"neetocist\";\nimport { prop, pipe } from \"ramda\";\n\nimport { ICONS_MAP, INTEGER, PHONE_NUMBER } from \"./constants\";\n\nexport const getInputType = ({ name, kind }) => {\n if (name === PHONE_NUMBER) return \"tel\";\n else if (kind === INTEGER) return \"number\";\n\n return \"text\";\n};\n\nexport const getIcon = ({ iconSize, name, value }) => {\n const Icon =\n name === \"browser\" || name === \"os\"\n ? ICONS_MAP[value?.toLowerCase().replace(\" \", \"_\")]\n : ICONS_MAP[name];\n\n return isPresent(Icon) ? <Icon size={iconSize} /> : null;\n};\n\nexport const isValuePresent = pipe(prop(\"value\"), isPresent);\n","import { useEffect, useMemo, useState } from \"react\";\n\nimport classNames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Check, Close } from \"neetoicons\";\nimport { Button, Input, Tooltip, Typography } from \"neetoui\";\nimport { isNil } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport CopyToClipboardButton from \"components/CopyToClipboardButton\";\nimport { PhoneNumberInput } from \"components/PhoneNumber\";\nimport TimeFormat from \"components/TimeFormat\";\n\nimport { BOOLEAN_VALUES_MAP, ENTER, ESCAPE, PHONE_NUMBER } from \"./constants\";\nimport { getIcon, getInputType } from \"./utils\";\n\nconst Item = ({\n allowMultiline,\n handleCancel,\n handleSubmit,\n iconSize,\n item,\n showIcons,\n}) => {\n const [isEditing, setIsEditing] = useState(item.isEditing);\n const [value, setValue] = useState(item.value);\n\n const { t } = useTranslation();\n\n const containerRef = useHotkeys(ESCAPE, () => handleCancel(name), {\n mode: \"scoped\",\n });\n\n const {\n icon,\n isEditable = false,\n extraClasses = \"\",\n extraWrapperClasses = \"\",\n id,\n fieldValueId,\n custom = false,\n name,\n kind,\n error,\n label,\n showCopyButton = false,\n } = item;\n\n const valueToRender = useMemo(() => {\n if (isNil(value)) return \"-\";\n\n if (typeof value === \"boolean\") return BOOLEAN_VALUES_MAP[value.toString()];\n\n return value;\n }, [value]);\n\n const iconToRender = useMemo(\n () => icon || getIcon({ iconSize, name, value }),\n [icon, iconSize, name, value]\n );\n\n const onSuccess = () => setIsEditing(false);\n\n const handleMetadataSubmit = () =>\n handleSubmit({ fieldId: id, fieldValueId, name, value, custom, onSuccess });\n\n const handleMetadataCancel = () => {\n setIsEditing(false);\n setValue(item.value);\n handleCancel(name);\n };\n\n const inputRef = useHotkeys(ENTER, handleMetadataSubmit, {\n mode: \"scoped\",\n });\n\n const InputComponent = name === PHONE_NUMBER ? PhoneNumberInput : Input;\n\n const handleChange = event => {\n const value = name === PHONE_NUMBER ? event : event.target.value;\n setValue(value);\n };\n\n useEffect(() => {\n setValue(item.value);\n }, [item]);\n\n return (\n <div\n ref={containerRef}\n className={classNames(\n \"mb-2 flex place-items-center gap-2 align-middle\",\n extraWrapperClasses,\n {\n \"flex-wrap\": name !== PHONE_NUMBER && allowMultiline,\n \"flex-nowrap\": !allowMultiline,\n }\n )}\n >\n {showIcons && isPresent(iconToRender) ? (\n <Tooltip\n content={\n label || t(`neetoMolecules.sessionEnvironment.details.keys.${name}`)\n }\n >\n <div className=\"flex-shrink-0\">{iconToRender}</div>\n </Tooltip>\n ) : (\n <Typography\n className=\"neeto-molecules-session-environment-editable-field whitespace-nowrap\"\n style=\"h5\"\n >\n {label || t(`neetoMolecules.sessionEnvironment.details.keys.${name}`)}\n </Typography>\n )}\n {!isEditing ? (\n <>\n {kind === \"datetime\" ? (\n <TimeFormat.DateWeekTime\n date={value}\n typographyProps={{\n style: \"body2\",\n className: classNames(\n `overflow-hidden truncate whitespace-normal break-all ${extraClasses}`,\n { \"whitespace-nowrap\": !allowMultiline }\n ),\n }}\n />\n ) : (\n <Tooltip content={valueToRender} position=\"top\">\n <Typography\n data-testid={`metadata-value-${name}`}\n style=\"body2\"\n weight=\"normal\"\n className={classNames(\n `overflow-hidden truncate whitespace-normal break-all ${extraClasses}`,\n {\n \"neeto-molecules-session-environment-editable-text cursor-pointer p-0.5\":\n isEditable,\n \"whitespace-nowrap\": !allowMultiline,\n }\n )}\n onClick={() => isEditable && setIsEditing(true)}\n >\n {valueToRender}\n </Typography>\n </Tooltip>\n )}\n {showCopyButton && (\n <CopyToClipboardButton\n className=\"flex-shrink-0\"\n size=\"small\"\n style=\"text\"\n value={valueToRender}\n />\n )}\n </>\n ) : (\n <div className=\"neeto-molecules-session-environment-editable-field relative flex min-w-0 flex-grow items-center\">\n <InputComponent\n {...{ error }}\n autoFocus\n data-testid={`metadata-input-${name}`}\n placeholder={t(\"neetoMolecules.common.enter\", { what: label })}\n ref={inputRef}\n type={getInputType({ name, kind })}\n value={value || \"\"}\n onChange={handleChange}\n />\n <div className=\"neeto-molecules-session-environment-editable-field__actions absolute right-0 top-0 flex h-8 items-center pr-1\">\n <Button\n icon={Close}\n size=\"small\"\n style=\"text\"\n tooltipProps={{\n content: t(\"neetoMolecules.common.actions.cancel\"),\n position: \"top\",\n }}\n onClick={handleMetadataCancel}\n />\n <Button\n data-testid={`metadata-submit-${name}`}\n icon={Check}\n size=\"small\"\n style=\"text\"\n tooltipProps={{\n content: t(\"neetoMolecules.common.actions.save\"),\n position: \"top\",\n }}\n onClick={handleMetadataSubmit}\n />\n </div>\n </div>\n )}\n </div>\n );\n};\n\nexport default Item;\n","import { memo } from \"react\";\n\nimport { isPresent, noop } from \"neetocist\";\nimport { Typography } from \"neetoui\";\n\nimport HelpPopover from \"components/HelpPopover\";\n\nimport Item from \"./Item\";\nimport { isValuePresent } from \"./utils\";\n\nconst DetailsBlock = ({\n allowMultiline = true,\n details,\n handleCancel = noop,\n handleSubmit = noop,\n helpPopoverProps,\n iconSize,\n showIcons = false,\n title = \"\",\n}) => (\n <div className=\"mb-4\" data-testid=\"details-block-items-parent\">\n {title && (\n <div className=\"mb-2 flex\">\n <Typography\n className=\"mr-2\"\n style=\"h4\"\n textTransform=\"uppercase\"\n weight=\"bold\"\n >\n {title}\n </Typography>\n {isPresent(helpPopoverProps) && <HelpPopover {...helpPopoverProps} />}\n </div>\n )}\n {details\n .filter(detail => detail.isEditable || isValuePresent(detail))\n .map((detail, index) => (\n <Item\n {...{\n allowMultiline,\n handleCancel,\n handleSubmit,\n iconSize,\n showIcons,\n }}\n item={detail}\n key={index}\n />\n ))}\n </div>\n);\n\nexport default memo(DetailsBlock);\n","import { memo, useMemo, useState } from \"react\";\n\nimport { filterBy, isPresent, noop, removeBy } from \"neetocist\";\nimport { Down, Up } from \"neetoicons\";\nimport { Button, Spinner } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { pluck, not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DetailsBlock from \"./DetailsBlock\";\nimport \"./session-environment.scss\";\n\nconst SessionEnvironment = ({\n allowMultiline = false,\n details,\n handleCancel = noop,\n handleSubmit = noop,\n helpPopoverProps = {},\n iconSize = 20,\n isLoading = false,\n moreDetails = [],\n title = \"\",\n}) => {\n const [showViewMore, setShowViewMore] = useState(false);\n\n const customViewMoreItems = useMemo(\n () => filterBy({ kind: \"custom\" }, moreDetails),\n [moreDetails]\n );\n\n const { t } = useTranslation();\n\n if (isLoading) {\n return (\n <div className=\"flex h-full w-full items-center justify-center\">\n <Spinner />\n </div>\n );\n }\n\n return (\n <div className=\"w-full\">\n <DetailsBlock\n {...{\n allowMultiline,\n details,\n handleCancel,\n handleSubmit,\n helpPopoverProps,\n iconSize,\n title,\n }}\n showIcons\n />\n {showViewMore && (\n <>\n <hr className=\"neeto-ui-border-gray-200 m-4\" />\n <DetailsBlock\n {...{\n handleCancel,\n handleSubmit,\n helpPopoverProps,\n iconSize,\n }}\n details={removeBy({ kind: \"custom\" }, moreDetails)}\n />\n {isPresent(customViewMoreItems) && (\n <>\n <hr className=\"neeto-ui-border-gray-200 m-4\" />\n {pluck(\"value\", customViewMoreItems)}\n </>\n )}\n </>\n )}\n <Button\n className=\"mb-4\"\n icon={showViewMore ? Up : Down}\n style=\"link\"\n label={\n showViewMore\n ? t(\"neetoMolecules.sessionEnvironment.viewLess\")\n : t(\"neetoMolecules.sessionEnvironment.viewMore\")\n }\n onClick={() => setShowViewMore(not)}\n />\n </div>\n );\n};\n\nSessionEnvironment.propTypes = {\n /*\n details can be an array of fields to be displayed.\n */\n details: PropTypes.array,\n /*\n handleCancel is a function that will be called when the cancel button is clicked.\n */\n handleCancel: PropTypes.func,\n /*\n handleSubmit is a function that will be called when the form is submitted.\n */\n handleSubmit: PropTypes.func,\n /*\n helpPopoverProps are the props that will be passed to the HelpPopover component.\n */\n helpPopoverProps: PropTypes.object,\n /*\n iconSize is a number that will be used to set the size of the icon.\n */\n iconSize: PropTypes.number,\n /*\n isLoading is a boolean that will be used to show a spinner when true.\n */\n isLoading: PropTypes.bool,\n /*\n moreDetails can be an array of fields to be displayed when the view more button is clicked.\n */\n moreDetails: PropTypes.array,\n /*\n The title to be displayed above the details.\n */\n title: PropTypes.string,\n /*\n allowMultiline is a boolean that will be used to decide whether the items should be displayed in a single line or multiple lines.\n */\n allowMultiline: PropTypes.bool,\n};\n\nexport default memo(SessionEnvironment);\n"],"names":["BOOLEAN_VALUES_MAP","ENTER","ESCAPE","PHONE_NUMBER","INTEGER","ICONS_MAP","name","User","user","email","Email","phone_number","Phone","location","Location","timezone","Subdomain","chrome","Chrome","safari","Safari","firefox","Firefox","edge","Edge","ie","windows","Windows","mac_os","Apple","linux","Ubuntu","mobile","Mobile","desktop","Computer","getInputType","_ref","kind","getIcon","_ref2","iconSize","value","Icon","toLowerCase","replace","isPresent","_jsx","size","isValuePresent","pipe","prop","Item","allowMultiline","handleCancel","handleSubmit","item","showIcons","_useState","useState","isEditing","_useState2","_slicedToArray","setIsEditing","_useState3","_useState4","setValue","_useTranslation","useTranslation","t","containerRef","useHotkeys","mode","icon","_item$isEditable","isEditable","_item$extraClasses","extraClasses","_item$extraWrapperCla","extraWrapperClasses","id","fieldValueId","_item$custom","custom","error","label","_item$showCopyButton","showCopyButton","valueToRender","useMemo","isNil","toString","iconToRender","onSuccess","handleMetadataSubmit","fieldId","handleMetadataCancel","inputRef","InputComponent","PhoneNumberInput","Input","handleChange","event","target","useEffect","_jsxs","ref","className","classNames","children","Tooltip","content","concat","Typography","style","_Fragment","TimeFormat","DateWeekTime","date","typographyProps","position","weight","onClick","CopyToClipboardButton","autoFocus","placeholder","what","type","onChange","Button","Close","tooltipProps","Check","DetailsBlock","_ref$allowMultiline","details","_ref$handleCancel","noop","_ref$handleSubmit","helpPopoverProps","_ref$showIcons","_ref$title","title","textTransform","HelpPopover","_objectSpread","filter","detail","map","index","_createElement","key","memo","SessionEnvironment","_ref$helpPopoverProps","_ref$iconSize","_ref$isLoading","isLoading","_ref$moreDetails","moreDetails","showViewMore","setShowViewMore","customViewMoreItems","filterBy","Spinner","removeBy","pluck","Up","Down","not"],"mappings":"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"}
@@ -1,28 +1,26 @@
1
1
  'use strict';
2
2
 
3
3
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
4
+ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
4
5
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
5
- var shallow = require('zustand/shallow');
6
6
  var React = require('react');
7
- var classnames = require('classnames');
7
+ var reactQuery = require('@tanstack/react-query');
8
8
  var min = require('libphonenumber-js/min');
9
9
  var neetoCist = require('@bigbinary/neeto-cist');
10
10
  var Input = require('@bigbinary/neetoui/Input');
11
- var reactI18next = require('react-i18next');
12
- var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
11
+ var classnames = require('classnames');
13
12
  var Select = require('@bigbinary/neetoui/Select');
14
13
  var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
15
14
  var ramda = require('ramda');
16
15
  var Tooltip = require('@bigbinary/neetoui/Tooltip');
17
16
  var Typography = require('@bigbinary/neetoui/Typography');
18
17
  var jsxRuntime = require('react/jsx-runtime');
19
- var reactQuery = require('@tanstack/react-query');
20
- var axios = require('axios');
21
- var withImmutableActions = require('@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions');
22
- var zustand = require('zustand');
23
- var middleware = require('zustand/middleware');
18
+ var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
19
+ var _regeneratorRuntime = require('@babel/runtime/regenerator');
24
20
  var i18next = require('i18next');
21
+ var utils = require('@bigbinary/neeto-commons-frontend/utils');
25
22
  var yup = require('yup');
23
+ var axios = require('axios');
26
24
  var injectCss = require('./inject-css-vQvjPR2x.js');
27
25
 
28
26
  function _interopNamespaceDefault(e) {
@@ -44,6 +42,9 @@ function _interopNamespaceDefault(e) {
44
42
 
45
43
  var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
46
44
 
45
+ var IP_LOOKUP_ACCESS_TOKEN = "083c694c79f119c7f227e737de9a5c8c";
46
+ var IP_LOOKUP_STORAGE_KEY = "IP_LOOKUP_DETAILS_STORAGE";
47
+
47
48
  var index_es5_min = {exports: {}};
48
49
 
49
50
  /*! countries-list v2.6.1 by Annexare | MIT */
@@ -101,25 +102,17 @@ var SingleValue = function SingleValue(_ref) {
101
102
  };
102
103
  var SingleValue$1 = /*#__PURE__*/React.memo(SingleValue);
103
104
 
104
- var _excluded$1 = ["countryCode", "setCountryCode", "onInputChange", "prefix", "phoneNumber"];
105
+ var _excluded$1 = ["countryCode", "onChange"];
105
106
  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; }
106
107
  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), !0).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; }
107
108
  var CountryPicker = function CountryPicker(_ref) {
108
109
  var countryCode = _ref.countryCode,
109
- setCountryCode = _ref.setCountryCode,
110
- onInputChange = _ref.onInputChange,
111
- prefix = _ref.prefix,
112
- phoneNumber = _ref.phoneNumber,
110
+ _onChange = _ref.onChange,
113
111
  otherProps = _objectWithoutProperties(_ref, _excluded$1);
114
112
  var _useState = React.useState(""),
115
113
  _useState2 = _slicedToArray(_useState, 2),
116
114
  searchTerm = _useState2[0],
117
115
  setSearchTerm = _useState2[1];
118
- var handleCountryChange = function handleCountryChange(_ref2) {
119
- var value = _ref2.value;
120
- setCountryCode(value);
121
- onInputChange(phoneNumber.replace(prefix, "+".concat(min.getCountryCallingCode(value))));
122
- };
123
116
  return /*#__PURE__*/jsxRuntime.jsx("div", {
124
117
  className: classnames("flex-shrink-0", {
125
118
  "w-10": !searchTerm,
@@ -142,22 +135,22 @@ var CountryPicker = function CountryPicker(_ref) {
142
135
  });
143
136
  }
144
137
  },
145
- isOptionSelected: function isOptionSelected(_ref3, _ref4) {
146
- var value = _ref3.value;
147
- var _ref5 = _slicedToArray(_ref4, 1),
148
- selectedOption = _ref5[0];
138
+ isOptionSelected: function isOptionSelected(_ref2, _ref3) {
139
+ var value = _ref2.value;
140
+ var _ref4 = _slicedToArray(_ref3, 1),
141
+ selectedOption = _ref4[0];
149
142
  return (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name) === value;
150
143
  },
151
- onChange: handleCountryChange,
144
+ onChange: function onChange(option) {
145
+ return _onChange(option.value);
146
+ },
152
147
  onInputChange: setSearchTerm
153
148
  }, otherProps))
154
149
  });
155
150
  };
156
151
  var CountryPicker$1 = /*#__PURE__*/React.memo(CountryPicker);
157
152
 
158
- var IP_LOOKUP_ACCESS_TOKEN = "083c694c79f119c7f227e737de9a5c8c";
159
-
160
- var fetchLocationDetails = function fetchLocationDetails() {
153
+ var fetchLocationDetails$1 = function fetchLocationDetails() {
161
154
  return axios.get("https://neeto-ip-lookup-web-production.neetodeployapp.com/location", {
162
155
  headers: {
163
156
  "X-ACCESS-TOKEN": IP_LOOKUP_ACCESS_TOKEN
@@ -165,26 +158,9 @@ var fetchLocationDetails = function fetchLocationDetails() {
165
158
  });
166
159
  };
167
160
  var neetoIpLookupApi = {
168
- fetchLocationDetails: fetchLocationDetails
161
+ fetchLocationDetails: fetchLocationDetails$1
169
162
  };
170
163
 
171
- /** @type {import("neetocommons/react-utils").ZustandStoreHook} */
172
- var useCountryCodeStore = zustand.create(withImmutableActions(middleware.persist(function (set, _) {
173
- return {
174
- countryCode: null,
175
- setCountryCode: function setCountryCode(countryCode) {
176
- return set({
177
- countryCode: countryCode
178
- });
179
- }
180
- };
181
- }, {
182
- name: "neeto-ip-location-country-code",
183
- storage: middleware.createJSONStorage(function () {
184
- return localStorage;
185
- })
186
- })));
187
-
188
164
  var isPhoneNumberValid = function isPhoneNumberValid() {
189
165
  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
190
166
  for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -214,66 +190,48 @@ var getPhoneData = function getPhoneData(value, defaultCountryCode) {
214
190
  };
215
191
  }
216
192
  };
217
- var getCursorPosition = function getCursorPosition(_ref) {
218
- var event = _ref.event,
219
- prevFormattedValue = _ref.prevFormattedValue,
220
- newFormattedValue = _ref.newFormattedValue;
221
- var inputType = event.nativeEvent.inputType,
222
- _event$target = event.target,
223
- newValue = _event$target.value,
224
- selectionStart = _event$target.selectionStart;
225
- if (selectionStart === newValue.length) return newFormattedValue.length;
226
- var n = prevFormattedValue.substring(0, selectionStart).replace(/\s/g, "").length;
227
- var cursor = 0;
228
- for (var i = 0; i < n; ++i, ++cursor) {
229
- if (newFormattedValue[cursor] === " ") ++cursor;
230
- }
231
- if (inputType !== "deleteContentBackward") {
232
- if (newFormattedValue[selectionStart - 1] === " " && prevFormattedValue[selectionStart - 1] === " ") {
233
- return cursor + 2;
234
- } else if (prevFormattedValue[selectionStart - 1] === " ") {
235
- return cursor + 1;
236
- }
237
- }
238
- return cursor;
193
+ var fetchLocationDetails = /*#__PURE__*/function () {
194
+ var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
195
+ var stored, details;
196
+ return _regeneratorRuntime.wrap(function _callee$(_context) {
197
+ while (1) switch (_context.prev = _context.next) {
198
+ case 0:
199
+ stored = utils.getFromLocalStorage(IP_LOOKUP_STORAGE_KEY);
200
+ if (!stored) {
201
+ _context.next = 3;
202
+ break;
203
+ }
204
+ return _context.abrupt("return", stored);
205
+ case 3:
206
+ _context.next = 5;
207
+ return neetoIpLookupApi.fetchLocationDetails();
208
+ case 5:
209
+ details = _context.sent;
210
+ utils.setToLocalStorage(IP_LOOKUP_STORAGE_KEY, details);
211
+ return _context.abrupt("return", details);
212
+ case 8:
213
+ case "end":
214
+ return _context.stop();
215
+ }
216
+ }, _callee);
217
+ }));
218
+ return function fetchLocationDetails() {
219
+ return _ref.apply(this, arguments);
220
+ };
221
+ }();
222
+ var isNumeric = function isNumeric(_char) {
223
+ return _char >= "0" && _char <= "9";
239
224
  };
240
-
241
- var useSetInitialCountry = function useSetInitialCountry(initialCountryCode, initialValue) {
242
- var _useCountryCodeStore = useCountryCodeStore(function (store) {
243
- return {
244
- countryCode: store["countryCode"],
245
- setCountryCode: store["setCountryCode"]
246
- };
247
- }, shallow.shallow),
248
- countryCode = _useCountryCodeStore.countryCode,
249
- setCountryCode = _useCountryCodeStore.setCountryCode;
250
- var _getPhoneData = getPhoneData(initialValue),
251
- countryCodeFromInitialValue = _getPhoneData.countryCode;
252
- var isFetchLocationEnabled = !initialCountryCode && !countryCodeFromInitialValue;
253
- var _useQuery = reactQuery.useQuery({
254
- queryKey: ["IP_LOOKUP_LOCATION"],
255
- queryFn: function queryFn() {
256
- return neetoIpLookupApi.fetchLocationDetails();
257
- },
258
- enabled: isFetchLocationEnabled
259
- }),
260
- data = _useQuery.data,
261
- isLoading = _useQuery.isLoading;
262
- React.useEffect(function () {
263
- if (isFetchLocationEnabled) return;
264
- setCountryCode(countryCodeFromInitialValue || initialCountryCode);
265
- }, []);
266
- React.useEffect(function () {
267
- if (isLoading || !isFetchLocationEnabled) return;
268
- var newCountryCode = neetoCist.findBy({
269
- value: data === null || data === void 0 ? void 0 : data.countryCode
270
- }, COUNTRY_PICKER_OPTIONS) ? data === null || data === void 0 ? void 0 : data.countryCode : countryCode || "US";
271
-
272
- // Only update state if the new country code is different from the current one
273
- if (newCountryCode !== countryCode) {
274
- setCountryCode(newCountryCode);
275
- }
276
- }, [data, isLoading, isFetchLocationEnabled, countryCode]);
225
+ var preserveCursor = function preserveCursor(callback) {
226
+ return function (event) {
227
+ var start = event.target.selectionStart;
228
+ var end = event.target.selectionEnd;
229
+ var len = event.target.value.length;
230
+ var result = callback(event);
231
+ var delta = event.target.value.length - len;
232
+ event.target.setSelectionRange(start + delta, end + delta);
233
+ return result;
234
+ };
277
235
  };
278
236
 
279
237
  var _excluded = ["value", "onChange", "className", "error", "selectProps", "initialCountryCode"];
@@ -289,65 +247,63 @@ var PhoneNumberInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
289
247
  selectProps = _ref.selectProps,
290
248
  initialCountryCode = _ref.initialCountryCode,
291
249
  inputProps = _objectWithoutProperties(_ref, _excluded);
292
- var _useTranslation = reactI18next.useTranslation(),
293
- t = _useTranslation.t;
294
- var internalValue = React.useRef(value);
295
- var initialValue = React.useMemo(function () {
296
- return value;
297
- }, []);
298
- var _useCountryCodeStore = useCountryCodeStore(function (store) {
299
- return {
300
- countryCode: store["countryCode"],
301
- setCountryCode: store["setCountryCode"]
302
- };
303
- }, shallow.shallow),
304
- countryCode = _useCountryCodeStore.countryCode,
305
- setCountryCode = _useCountryCodeStore.setCountryCode;
306
- useSetInitialCountry(initialCountryCode, initialValue);
307
- var prefix = countryCode ? "+".concat(min.getCountryCallingCode(countryCode)) : "";
308
- var formattedValue = min.formatIncompletePhoneNumber(value, countryCode);
309
- var handleInputChange = React.useCallback(function (value) {
310
- onChange(value);
311
- internalValue.current = value;
312
- }, []);
313
- var handleChange = function handleChange(event) {
314
- var _getPhoneData = getPhoneData(event.target.value, countryCode),
315
- phoneNumber = _getPhoneData.phoneNumber,
316
- newCountryCode = _getPhoneData.countryCode;
317
- handleInputChange(phoneNumber);
318
- setCountryCode(newCountryCode);
319
- var cursor = getCursorPosition({
320
- event: event,
321
- prevFormattedValue: formattedValue,
322
- newFormattedValue: min.formatIncompletePhoneNumber(phoneNumber, newCountryCode)
323
- });
324
- window.requestAnimationFrame(function () {
325
- return event.target.setSelectionRange(cursor, cursor);
326
- });
250
+ var _useState = React.useState(function () {
251
+ return getPhoneData(value).countryCode || initialCountryCode;
252
+ }),
253
+ _useState2 = _slicedToArray(_useState, 2),
254
+ countryCode = _useState2[0],
255
+ setCountryCode = _useState2[1];
256
+ var _useQuery = reactQuery.useQuery({
257
+ queryKey: [IP_LOOKUP_STORAGE_KEY],
258
+ queryFn: fetchLocationDetails,
259
+ enabled: !countryCode,
260
+ staleTime: Infinity,
261
+ gcTime: Infinity,
262
+ select: function select(data) {
263
+ return neetoCist.findBy({
264
+ value: data.countryCode
265
+ }, COUNTRY_PICKER_OPTIONS);
266
+ }
267
+ }),
268
+ ipCountry = _useQuery.data;
269
+ var finalCountryCode = countryCode || (ipCountry === null || ipCountry === void 0 ? void 0 : ipCountry.value) || "US";
270
+ var formattedValue = min.formatIncompletePhoneNumber(value, finalCountryCode);
271
+ var onKeyDown = preserveCursor(function (event) {
272
+ // Handles special characters in the phone number formatting like brackets and spaces.
273
+ if (event.key !== "Backspace") return;
274
+ var left = event.target.value.substring(0, event.target.selectionStart);
275
+ var right = event.target.value.substring(event.target.selectionEnd);
276
+ var index = left.length - 1;
277
+ while (index > 0 && !isNumeric(left[index])) index--;
278
+ event.target.value = left.substring(0, index + 1) + right;
279
+ });
280
+ var onInputChange = preserveCursor(function (event) {
281
+ var phoneData = getPhoneData(event.target.value, finalCountryCode);
282
+ event.target.value = min.formatIncompletePhoneNumber(event.target.value);
283
+ setCountryCode(phoneData.countryCode);
284
+ onChange(phoneData.phoneNumber);
285
+ });
286
+ var onChangeCountry = function onChangeCountry(countryCode) {
287
+ var phoneData = getPhoneData(value, finalCountryCode);
288
+ var prevPrefix = "+".concat(min.getCountryCallingCode(phoneData.countryCode));
289
+ var nextPrefix = "+".concat(min.getCountryCallingCode(countryCode));
290
+ setCountryCode(countryCode);
291
+ onChange(nextPrefix + value.replace(prevPrefix, ""));
327
292
  };
328
- React.useEffect(function () {
329
- if (internalValue.current === value) return;
330
- setCountryCode(getPhoneData(value, countryCode).countryCode);
331
- }, [value]);
332
293
  return /*#__PURE__*/jsxRuntime.jsx("div", {
333
- className: classnames([className]),
294
+ className: className,
334
295
  children: /*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread({
335
296
  error: error,
297
+ onKeyDown: onKeyDown,
336
298
  ref: ref,
337
299
  "data-testid": "phonenumber-input",
338
300
  type: "tel",
339
301
  value: formattedValue,
340
- placeholder: t("neetoMolecules.phoneNumberInput.placeholder", {
341
- prefix: prefix
342
- }),
343
302
  prefix: /*#__PURE__*/jsxRuntime.jsx(CountryPicker$1, _objectSpread({
344
- countryCode: countryCode,
345
- prefix: prefix,
346
- setCountryCode: setCountryCode,
347
- phoneNumber: value,
348
- onInputChange: handleInputChange
303
+ countryCode: finalCountryCode,
304
+ onChange: onChangeCountry
349
305
  }, selectProps)),
350
- onChange: handleChange
306
+ onChange: onInputChange
351
307
  }, inputProps))
352
308
  });
353
309
  });
@@ -361,4 +317,4 @@ exports.SingleValue = SingleValue$1;
361
317
  exports.getPhoneData = getPhoneData;
362
318
  exports.isPhoneNumberValid = isPhoneNumberValid;
363
319
  exports.validation = validation;
364
- //# sourceMappingURL=phone-number-BtEbUAse.js.map
320
+ //# sourceMappingURL=phone-number-CPwIzezl.js.map