@bigbinary/neeto-molecules 1.19.10-beta → 1.19.11

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/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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"}
+{"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/ProductEmbed.js

@@ -5,12 +5,22 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var classnames = require('classnames');
 var neetoIcons = require('@bigbinary/neeto-icons');
-var neetoui = require('@bigbinary/neetoui');
+var Button = require('@bigbinary/neetoui/Button');
+var Typography = require('@bigbinary/neetoui/Typography');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var Codeblock = require('./Codeblock.js');
 var i18next = require('i18next');
+var Input = require('@bigbinary/neetoui/Input');
+var Callout = require('@bigbinary/neetoui/Callout');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var Label = require('@bigbinary/neetoui/Label');
+var Checkbox = require('@bigbinary/neetoui/Checkbox');
+var Select = require('@bigbinary/neetoui/Select');
+var ColorPicker = require('@bigbinary/neetoui/ColorPicker');
+var Tab = require('@bigbinary/neetoui/Tab');
+var Radio = require('@bigbinary/neetoui/Radio');
+var Spinner = require('@bigbinary/neetoui/Spinner');
 var injectCss = require('./inject-css-80a5faa3.js');
 require('@babel/runtime/helpers/extends');
 require('react-syntax-highlighter');
@@ -25,7 +35,18 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
+var Callout__default = /*#__PURE__*/_interopDefaultLegacy(Callout);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
+var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
+var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
+var ColorPicker__default = /*#__PURE__*/_interopDefaultLegacy(ColorPicker);
+var Tab__default = /*#__PURE__*/_interopDefaultLegacy(Tab);
+var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
+var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
 
 var Code = function Code(_ref) {
   var code = _ref.code;
@@ -219,14 +240,14 @@ var DynamicQueryParams = function DynamicQueryParams(_ref) {
       queryParams: buildQueryParamsFromInputFields(queryParams)
     });
   }, [queryParams]);
-  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
     className: "mb-2",
     "data-cy": "dynamic-query-params-label"
   }, t("neetoMolecules.productEmbed.customization.queryParam.label")), queryParams.map(function (param, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "mb-1 flex gap-1",
       key: index
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
+    }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
       "data-cy": "dynamic-query-key-name-input",
       "data-testid": "dynamic-query-key-name-input",
       name: "queryParams.".concat(index, ".name"),
@@ -235,7 +256,7 @@ var DynamicQueryParams = function DynamicQueryParams(_ref) {
       onChange: function onChange(e) {
         return handleInputChange(index, "name", e.target.value);
       }
-    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
+    }), /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
       "data-cy": "dynamic-query-key-value-input",
       "data-testid": "dynamic-query-key-value-input",
       name: "queryParams.".concat(index, ".value"),
@@ -244,7 +265,7 @@ var DynamicQueryParams = function DynamicQueryParams(_ref) {
       onChange: function onChange(e) {
         return handleInputChange(index, "value", e.target.value);
       }
-    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
       "data-cy": "dynamic-query-delete-button",
       icon: neetoIcons.Delete,
       style: "text",
@@ -252,7 +273,7 @@ var DynamicQueryParams = function DynamicQueryParams(_ref) {
         return handleRemoveQueryParam(index);
       }
     }));
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     className: "my-2",
     "data-cy": "dynamic-query-add-new-button",
     icon: neetoIcons.Plus,
@@ -278,12 +299,12 @@ var ElementPopup$1 = function ElementPopup(_ref) {
   }, []);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "space-y-6"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     "data-cy": "element-popup-header",
     style: "h4"
-  }, t("neetoMolecules.productEmbed.customization.elementPopup.title")), /*#__PURE__*/React__default["default"].createElement(neetoui.Callout, {
+  }, t("neetoMolecules.productEmbed.customization.elementPopup.title")), /*#__PURE__*/React__default["default"].createElement(Callout__default["default"], {
     "data-cy": "element-popup-description"
-  }, t("neetoMolecules.productEmbed.customization.elementPopup.description")), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
+  }, t("neetoMolecules.productEmbed.customization.elementPopup.description")), /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
     className: "w-full",
     "data-cy": "element-id-input-field",
     "data-testid": "element-id-input-field",
@@ -320,10 +341,10 @@ var FloatingPopup$1 = function FloatingPopup(_ref) {
   }, []);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "space-y-6"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     "data-cy": "popup-customization-header",
     style: "h4"
-  }, t("neetoMolecules.productEmbed.customization.floatingPopup.title")), icon && /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
+  }, t("neetoMolecules.productEmbed.customization.floatingPopup.title")), icon && /*#__PURE__*/React__default["default"].createElement(Checkbox__default["default"], {
     checked: showIcon,
     "data-cy": "show-icon-checkbox",
     "data-testid": "show-icon-checkbox",
@@ -335,7 +356,7 @@ var FloatingPopup$1 = function FloatingPopup(_ref) {
     }
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "space-y-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
+  }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
     "data-cy": "button-text-input-field",
     "data-testid": "button-text-input-field",
     value: btnText,
@@ -347,7 +368,7 @@ var FloatingPopup$1 = function FloatingPopup(_ref) {
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "space-y-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, {
+  }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
     "data-cy": "button-position-select-field",
     "data-testid": "button-position-select-field",
     options: FLOATING_BUTTON_POSITIONS,
@@ -364,7 +385,7 @@ var FloatingPopup$1 = function FloatingPopup(_ref) {
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex items-center justify-between gap-x-2",
     "data-cy": "button-color-label"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, t("neetoMolecules.productEmbed.customization.floatingPopup.button.color")), /*#__PURE__*/React__default["default"].createElement(neetoui.ColorPicker, {
+  }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, t("neetoMolecules.productEmbed.customization.floatingPopup.button.color")), /*#__PURE__*/React__default["default"].createElement(ColorPicker__default["default"], {
     color: btnColor,
     onChange: function onChange(e) {
       return updateCustomization({
@@ -374,7 +395,7 @@ var FloatingPopup$1 = function FloatingPopup(_ref) {
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex items-center justify-between gap-x-2",
     "data-cy": "button-text-color-label"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, t("neetoMolecules.productEmbed.customization.floatingPopup.button.textColor")), /*#__PURE__*/React__default["default"].createElement(neetoui.ColorPicker, {
+  }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], null, t("neetoMolecules.productEmbed.customization.floatingPopup.button.textColor")), /*#__PURE__*/React__default["default"].createElement(ColorPicker__default["default"], {
     color: btnTextColor,
     onChange: function onChange(e) {
       return updateCustomization({
@@ -407,16 +428,16 @@ var Inline$1 = function Inline(_ref) {
   }, []);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex flex-col gap-y-6"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     "data-cy": "customization-text",
     style: "h4"
   }, t("neetoMolecules.productEmbed.customization.inline.title")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex flex-col gap-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+  }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
     "data-cy": "window-size-text"
   }, t("neetoMolecules.productEmbed.customization.inline.sizeOfEmbedWindow")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex justify-between gap-x-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
+  }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
     className: "neeto-molecules-product-embed-size-input",
     "data-cy": "inline-width-input-field",
     "data-testid": "inline-width-input-field",
@@ -429,7 +450,7 @@ var Inline$1 = function Inline(_ref) {
     onChange: function onChange(e) {
       return handleInputChange(e, "width");
     }
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
+  }), /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
     className: "neeto-molecules-product-embed-size-input",
     "data-cy": "inline-height-input-field",
     "data-testid": "inline-height-input-field",
@@ -444,9 +465,9 @@ var Inline$1 = function Inline(_ref) {
     }
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex flex-col gap-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+  }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
     "data-cy": "inline-element-id-input-label"
-  }, t("neetoMolecules.productEmbed.customization.inline.elementId")), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
+  }, t("neetoMolecules.productEmbed.customization.inline.elementId")), /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
     "data-cy": "inline-element-id-input-field",
     "data-testid": "inline-element-id-input-field",
     value: elementSelector,
@@ -477,14 +498,14 @@ var Header = function Header(_ref) {
     setTab = _ref.setTab;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex w-full pt-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tab, {
+  }, /*#__PURE__*/React__default["default"].createElement(Tab__default["default"], {
     noUnderline: true,
     className: "neeto-molecules-product-embed-tab"
   }, TABS.map(function (_ref2) {
     var key = _ref2.key,
       label = _ref2.label,
       icon = _ref2.icon;
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Tab.Item, {
+    return /*#__PURE__*/React__default["default"].createElement(Tab__default["default"].Item, {
       icon: icon,
       active: tab === key,
       "data-cy": "".concat(key, "-tab"),
@@ -501,7 +522,7 @@ var Options = function Options(_ref) {
   var options = _ref.options,
     selectedOption = _ref.selectedOption,
     setSelectedOption = _ref.setSelectedOption;
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Radio, {
+  return /*#__PURE__*/React__default["default"].createElement(Radio__default["default"], {
     stacked: true,
     containerClassName: "w-full flex flex-col gap-y-6",
     name: "options"
@@ -519,7 +540,7 @@ var Options = function Options(_ref) {
       key: key
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex items-center"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Radio.Item, {
+    }, /*#__PURE__*/React__default["default"].createElement(Radio__default["default"].Item, {
       label: label,
       checked: key === selectedOption,
       className: "mb-0",
@@ -531,7 +552,7 @@ var Options = function Options(_ref) {
       onChange: function onChange(event) {
         return setSelectedOption(event.target.value);
       }
-    })), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    })), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
       className: "w-full pl-6 pt-1",
       "data-cy": "".concat(key, "-embed-option-description"),
       style: "body2"
@@ -574,7 +595,7 @@ var ElementPopup = function ElementPopup(_ref) {
   }, []);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "relative flex h-full w-full items-center justify-center p-6"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     "data-cy": "preview-element-popup-button",
     "data-testid": "preview-element-popup-button",
     id: elementSelector,
@@ -604,7 +625,7 @@ var FloatingPopup = function FloatingPopup(_ref) {
   }, [btnColor, btnTextColor]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "relative h-full w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     "data-cy": "popup-preview-button",
     icon: icon && showIcon ? icon : null,
     iconPosition: "left",
@@ -643,7 +664,7 @@ var Preview = function Preview(_ref) {
   if (isScriptLoading) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex min-h-0 flex-grow items-center justify-center overflow-y-auto"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null));
+    }, /*#__PURE__*/React__default["default"].createElement(Spinner__default["default"], null));
   }
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-rounded-lg neeto-ui-border-gray-300 neeto-ui-bg-white relative flex w-full flex-col overflow-hidden border"
@@ -727,7 +748,7 @@ var ProductEmbed = function ProductEmbed(_ref) {
     "data-testid": "embed-product"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-molecules-embed-left-sidebar border-r"
-  }, goBackLink && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }, goBackLink && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
     className: "mb-4 px-0",
     "data-cy": "back-button",
     "data-testid": "back-button",
@@ -737,10 +758,10 @@ var ProductEmbed = function ProductEmbed(_ref) {
     size: "small",
     style: "icon",
     to: goBackLink
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     "data-cy": "embed-options-header-title",
     style: "h3"
-  }, t("neetoMolecules.productEmbed.embedOptions.title")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, t("neetoMolecules.productEmbed.embedOptions.title")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
     className: "mt-1",
     "data-cy": "embed-options-header-description",
     style: "body3"