@bigbinary/neeto-molecules 1.2.0-beta1 → 1.2.0-beta3
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.
- package/README.md +1 -0
- package/dist/BrowserSupport.js +3 -3
- package/dist/Builder.js +5 -5
- package/dist/CalendarView.js +5 -5
- package/dist/{Chevron-c64ff676.js → Chevron-c639aa31.js} +5 -5
- package/dist/{Chevron-c64ff676.js.map → Chevron-c639aa31.js.map} +1 -1
- package/dist/Codeblock.js +4 -4
- package/dist/Columns.js +5 -5
- package/dist/ConfigurePageSidebar.js +5 -5
- package/dist/CopyToClipboardButton.js +4 -4
- package/dist/Currency.js +2 -2
- package/dist/CustomDomain.js +5 -5
- package/dist/CustomDomainDashboard.js +6 -6
- package/dist/DateFormat.js +1 -1
- package/dist/DateRangeFilter.js +9 -8
- package/dist/DateRangeFilter.js.map +1 -1
- package/dist/DeleteArchiveModal.js +1 -1
- package/dist/DocumentEditor.js +4 -4
- package/dist/DynamicVariables.js +3 -3
- package/dist/EmailForm.js +5 -5
- package/dist/EmojiPicker.js +54 -15
- package/dist/EmojiPicker.js.map +1 -1
- package/dist/EmojiReactions.js +1 -1
- package/dist/ErrorPage.js +1 -1
- package/dist/FloatingActionMenu.js +6 -6
- package/dist/FloatingActionMenu.js.map +1 -1
- package/dist/Header.js +4 -4
- package/dist/HelpPopover.js +2 -2
- package/dist/IconPicker.js +3 -3
- package/dist/ImageWithFallback.js +4 -4
- package/dist/InlineInput.js +8 -7
- package/dist/InlineInput.js.map +1 -1
- package/dist/Insights.js +4 -3
- package/dist/Insights.js.map +1 -1
- package/dist/IntegrationCard.js +3 -3
- package/dist/IntegrationDisconnectAlert.js +2 -2
- package/dist/IpRestriction.js +23 -32
- package/dist/IpRestriction.js.map +1 -1
- package/dist/KeyboardShortcuts.js +2 -2
- package/dist/LoginPage.js +7 -6
- package/dist/LoginPage.js.map +1 -1
- package/dist/MadeWith.js +4 -3
- package/dist/MadeWith.js.map +1 -1
- package/dist/MenuBar.js +3 -3
- package/dist/Metadata.js +1 -1
- package/dist/MoreDropdown.js +3 -3
- package/dist/NavigationHeader.js +18 -10
- package/dist/NavigationHeader.js.map +1 -1
- package/dist/NeetoWidget.js +30 -62
- package/dist/NeetoWidget.js.map +1 -1
- package/dist/Onboarding.js +47 -186
- package/dist/Onboarding.js.map +1 -1
- package/dist/OptionFields.js +4 -4
- package/dist/PageLoader.js +6 -66
- package/dist/PageLoader.js.map +1 -1
- package/dist/PhoneNumber.js +28 -19
- package/dist/PhoneNumber.js.map +1 -1
- package/dist/ProductEmbed.js +5 -5
- package/dist/PublishBlock.js +2 -2
- package/dist/Rename.js +5 -5
- package/dist/ResponsiveDevicePicker.js +5 -5
- package/dist/Schedule.js +8 -29
- package/dist/Schedule.js.map +1 -1
- package/dist/Scrollable.js +3 -3
- package/dist/Search.js +4 -4
- package/dist/Security.js +13 -18
- package/dist/Security.js.map +1 -1
- package/dist/SendToFields.js +3 -3
- package/dist/Settings.js +4 -4
- package/dist/ShareRecordingPane.js +4 -4
- package/dist/ShareViaEmail.js +5 -5
- package/dist/ShareViaLink.js +5 -5
- package/dist/ShareViaLink.js.map +1 -1
- package/dist/Sidebar.js +5 -5
- package/dist/StickyRibbonsContainer.js +81 -0
- package/dist/StickyRibbonsContainer.js.map +1 -0
- package/dist/SubHeader.js +5 -5
- package/dist/SuffixedInput.js +4 -4
- package/dist/Taxonomy.js +12 -18
- package/dist/Taxonomy.js.map +1 -1
- package/dist/ThemeSidebar.js +14 -13
- package/dist/ThemeSidebar.js.map +1 -1
- package/dist/TimeFormat.js +1 -1
- package/dist/TimezoneMismatchModal.js +7 -12
- package/dist/TimezoneMismatchModal.js.map +1 -1
- package/dist/ToggleFeatureCard.js +4 -4
- package/dist/cjs/BrowserSupport.js +9 -6
- package/dist/cjs/BrowserSupport.js.map +1 -1
- package/dist/cjs/Builder.js +22 -18
- package/dist/cjs/Builder.js.map +1 -1
- package/dist/cjs/CalendarView.js +19 -15
- package/dist/cjs/CalendarView.js.map +1 -1
- package/dist/cjs/{Chevron-8a4ed9cd.js → Chevron-5fe59f57.js} +16 -13
- package/dist/cjs/{Chevron-8a4ed9cd.js.map → Chevron-5fe59f57.js.map} +1 -1
- package/dist/cjs/Codeblock.js +7 -6
- package/dist/cjs/Codeblock.js.map +1 -1
- package/dist/cjs/Columns.js +5 -5
- package/dist/cjs/ConfigurePageSidebar.js +8 -7
- package/dist/cjs/ConfigurePageSidebar.js.map +1 -1
- package/dist/cjs/CopyToClipboardButton.js +12 -8
- package/dist/cjs/CopyToClipboardButton.js.map +1 -1
- package/dist/cjs/Currency.js +8 -6
- package/dist/cjs/Currency.js.map +1 -1
- package/dist/cjs/CustomDomain.js +8 -7
- package/dist/cjs/CustomDomain.js.map +1 -1
- package/dist/cjs/CustomDomainDashboard.js +13 -11
- package/dist/cjs/CustomDomainDashboard.js.map +1 -1
- package/dist/cjs/DateFormat.js +4 -3
- package/dist/cjs/DateFormat.js.map +1 -1
- package/dist/cjs/DateRangeFilter.js +13 -10
- package/dist/cjs/DateRangeFilter.js.map +1 -1
- package/dist/cjs/DeleteArchiveModal.js +3 -2
- package/dist/cjs/DeleteArchiveModal.js.map +1 -1
- package/dist/cjs/DocumentEditor.js +13 -10
- package/dist/cjs/DocumentEditor.js.map +1 -1
- package/dist/cjs/DynamicVariables.js +9 -6
- package/dist/cjs/DynamicVariables.js.map +1 -1
- package/dist/cjs/EmailForm.js +12 -10
- package/dist/cjs/EmailForm.js.map +1 -1
- package/dist/cjs/EmojiPicker.js +59 -19
- package/dist/cjs/EmojiPicker.js.map +1 -1
- package/dist/cjs/EmojiReactions.js +3 -2
- package/dist/cjs/EmojiReactions.js.map +1 -1
- package/dist/cjs/ErrorPage.js +3 -2
- package/dist/cjs/ErrorPage.js.map +1 -1
- package/dist/cjs/FloatingActionMenu.js +28 -23
- package/dist/cjs/FloatingActionMenu.js.map +1 -1
- package/dist/cjs/Header.js +11 -8
- package/dist/cjs/Header.js.map +1 -1
- package/dist/cjs/HelpPopover.js +8 -6
- package/dist/cjs/HelpPopover.js.map +1 -1
- package/dist/cjs/IconPicker.js +11 -8
- package/dist/cjs/IconPicker.js.map +1 -1
- package/dist/cjs/ImageWithFallback.js +15 -11
- package/dist/cjs/ImageWithFallback.js.map +1 -1
- package/dist/cjs/InlineInput.js +25 -18
- package/dist/cjs/InlineInput.js.map +1 -1
- package/dist/cjs/Insights.js +4 -3
- package/dist/cjs/Insights.js.map +1 -1
- package/dist/cjs/IntegrationCard.js +9 -7
- package/dist/cjs/IntegrationCard.js.map +1 -1
- package/dist/cjs/IntegrationDisconnectAlert.js +6 -4
- package/dist/cjs/IntegrationDisconnectAlert.js.map +1 -1
- package/dist/cjs/IpRestriction.js +27 -34
- package/dist/cjs/IpRestriction.js.map +1 -1
- package/dist/cjs/KeyboardShortcuts.js +9 -7
- package/dist/cjs/KeyboardShortcuts.js.map +1 -1
- package/dist/cjs/LoginPage.js +11 -7
- package/dist/cjs/LoginPage.js.map +1 -1
- package/dist/cjs/MadeWith.js +8 -5
- package/dist/cjs/MadeWith.js.map +1 -1
- package/dist/cjs/MenuBar.js +22 -19
- package/dist/cjs/MenuBar.js.map +1 -1
- package/dist/cjs/Metadata.js +5 -4
- package/dist/cjs/Metadata.js.map +1 -1
- package/dist/cjs/MoreDropdown.js +18 -15
- package/dist/cjs/MoreDropdown.js.map +1 -1
- package/dist/cjs/NavigationHeader.js +23 -13
- package/dist/cjs/NavigationHeader.js.map +1 -1
- package/dist/cjs/NeetoWidget.js +41 -70
- package/dist/cjs/NeetoWidget.js.map +1 -1
- package/dist/cjs/Onboarding.js +46 -187
- package/dist/cjs/Onboarding.js.map +1 -1
- package/dist/cjs/OptionFields.js +21 -17
- package/dist/cjs/OptionFields.js.map +1 -1
- package/dist/cjs/PageLoader.js +9 -85
- package/dist/cjs/PageLoader.js.map +1 -1
- package/dist/cjs/PhoneNumber.js +48 -34
- package/dist/cjs/PhoneNumber.js.map +1 -1
- package/dist/cjs/ProductEmbed.js +24 -21
- package/dist/cjs/ProductEmbed.js.map +1 -1
- package/dist/cjs/PublishBlock.js +13 -11
- package/dist/cjs/PublishBlock.js.map +1 -1
- package/dist/cjs/Rename.js +17 -13
- package/dist/cjs/Rename.js.map +1 -1
- package/dist/cjs/ResponsiveDevicePicker.js +12 -8
- package/dist/cjs/ResponsiveDevicePicker.js.map +1 -1
- package/dist/cjs/Schedule.js +24 -39
- package/dist/cjs/Schedule.js.map +1 -1
- package/dist/cjs/Scrollable.js +9 -6
- package/dist/cjs/Scrollable.js.map +1 -1
- package/dist/cjs/Search.js +12 -8
- package/dist/cjs/Search.js.map +1 -1
- package/dist/cjs/Security.js +20 -22
- package/dist/cjs/Security.js.map +1 -1
- package/dist/cjs/SendToFields.js +12 -9
- package/dist/cjs/SendToFields.js.map +1 -1
- package/dist/cjs/Settings.js +14 -11
- package/dist/cjs/Settings.js.map +1 -1
- package/dist/cjs/ShareRecordingPane.js +16 -12
- package/dist/cjs/ShareRecordingPane.js.map +1 -1
- package/dist/cjs/ShareViaEmail.js +15 -10
- package/dist/cjs/ShareViaEmail.js.map +1 -1
- package/dist/cjs/ShareViaLink.js +9 -8
- package/dist/cjs/ShareViaLink.js.map +1 -1
- package/dist/cjs/Sidebar.js +16 -12
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/StickyRibbonsContainer.js +90 -0
- package/dist/cjs/StickyRibbonsContainer.js.map +1 -0
- package/dist/cjs/SubHeader.js +14 -11
- package/dist/cjs/SubHeader.js.map +1 -1
- package/dist/cjs/SuffixedInput.js +10 -7
- package/dist/cjs/SuffixedInput.js.map +1 -1
- package/dist/cjs/Taxonomy.js +27 -30
- package/dist/cjs/Taxonomy.js.map +1 -1
- package/dist/cjs/ThemeSidebar.js +33 -26
- package/dist/cjs/ThemeSidebar.js.map +1 -1
- package/dist/cjs/TimeFormat.js +1 -1
- package/dist/cjs/TimezoneMismatchModal.js +9 -13
- package/dist/cjs/TimezoneMismatchModal.js.map +1 -1
- package/dist/cjs/ToggleFeatureCard.js +17 -13
- package/dist/cjs/ToggleFeatureCard.js.map +1 -1
- package/dist/cjs/{index-00fdb8c2.js → index-27f4aa6e.js} +18 -21
- package/dist/cjs/index-27f4aa6e.js.map +1 -0
- package/dist/cjs/{useColumns-a1c3668f.js → useColumns-9978cf70.js} +18 -14
- package/dist/cjs/{useColumns-a1c3668f.js.map → useColumns-9978cf70.js.map} +1 -1
- package/dist/{index-90c89467.js → index-f2f4a6ba.js} +14 -19
- package/dist/index-f2f4a6ba.js.map +1 -0
- package/dist/{useColumns-d17d1f72.js → useColumns-751e9192.js} +5 -5
- package/dist/{useColumns-d17d1f72.js.map → useColumns-751e9192.js.map} +1 -1
- package/package.json +6 -7
- package/src/translations/en.json +1 -1
- package/types/Onboarding.d.ts +4 -2
- package/types/ProductEmbed.d.ts +53 -9
- package/types/StickyRibbonsContainer.d.ts +26 -0
- package/dist/cjs/defineProperty-886ed289.js +0 -47
- package/dist/cjs/defineProperty-886ed289.js.map +0 -1
- package/dist/cjs/extends-1b35a664.js +0 -19
- package/dist/cjs/extends-1b35a664.js.map +0 -1
- package/dist/cjs/index-00fdb8c2.js.map +0 -1
- package/dist/cjs/index-c55ad2bc.js +0 -375
- package/dist/cjs/index-c55ad2bc.js.map +0 -1
- package/dist/cjs/objectWithoutProperties-2fed2d7d.js +0 -33
- package/dist/cjs/objectWithoutProperties-2fed2d7d.js.map +0 -1
- package/dist/cjs/slicedToArray-f320d9e7.js +0 -61
- package/dist/cjs/slicedToArray-f320d9e7.js.map +0 -1
- package/dist/cjs/toConsumableArray-9abb3858.js +0 -22
- package/dist/cjs/toConsumableArray-9abb3858.js.map +0 -1
- package/dist/defineProperty-549061a7.js +0 -43
- package/dist/defineProperty-549061a7.js.map +0 -1
- package/dist/extends-093996c9.js +0 -17
- package/dist/extends-093996c9.js.map +0 -1
- package/dist/index-90c89467.js.map +0 -1
- package/dist/index-9720867c.js +0 -372
- package/dist/index-9720867c.js.map +0 -1
- package/dist/objectWithoutProperties-a0edb288.js +0 -31
- package/dist/objectWithoutProperties-a0edb288.js.map +0 -1
- package/dist/slicedToArray-b4278ecd.js +0 -57
- package/dist/slicedToArray-b4278ecd.js.map +0 -1
- package/dist/toConsumableArray-1cc38429.js +0 -20
- package/dist/toConsumableArray-1cc38429.js.map +0 -1
|
@@ -1 +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/stores/useCountryCodeStore.js","../../src/components/PhoneNumber/utils.js","../../src/components/PhoneNumber/hooks/reactQuery/useSetInitialCountry.js","../../src/components/PhoneNumber/PhoneNumberInput.jsx","../../src/components/PhoneNumber/FormikPhoneNumberInput.jsx","../../src/components/PhoneNumber/PhoneNumber.jsx"],"sourcesContent":["import { countries } from \"countries-list\";\nimport { getCountries } from \"libphonenumber-js/min\";\nimport { mergeLeft, assoc } from \"ramda\";\n\nexport const COUNTRY_PICKER_OPTIONS = getCountries()\n .filter(code => countries[code])\n .map(code => ({ label: countries[code].name, value: code }))\n .sort((a, b) => a.label.localeCompare(b.label));\n\nexport const COUNTRY_PICKER_STYLES = {\n menuPortal: mergeLeft({ width: 196, zIndex: 99999 }),\n control: mergeLeft({\n border: \"none !important\",\n cursor: \"pointer\",\n gap: 4,\n }),\n input: assoc(\"position\", \"absolute !important\"),\n valueContainer: assoc(\"padding\", \"0 !important\"),\n indicatorsContainer: assoc(\"paddingRight\", \"0 !important\"),\n};\n","import React from \"react\";\n\nimport { countries } from \"countries-list\";\nimport { Tooltip, Typography } from \"neetoui\";\n\nconst SingleValue = ({ countryCode, showEmoji = false, ...otherProps }) => {\n if (!showEmoji) return null;\n\n const countryData = countries[countryCode];\n\n return (\n <Tooltip content={countryData?.name}>\n <Typography\n className=\"cursor-pointer text-center text-xl\"\n style=\"body2\"\n {...otherProps}\n >\n {countryData?.emoji}\n </Typography>\n </Tooltip>\n );\n};\n\nexport default React.memo(SingleValue);\n","import React, { useState } from \"react\";\n\nimport classnames from \"classnames\";\nimport { getCountryCallingCode } from \"libphonenumber-js/min\";\nimport { Select } from \"neetoui\";\n\nimport { COUNTRY_PICKER_OPTIONS, COUNTRY_PICKER_STYLES } from \"./constants\";\nimport SingleValue from \"./SingleValue\";\n\nconst CountryPicker = ({\n countryCode,\n setCountryCode,\n onInputChange,\n prefix,\n phoneNumber,\n ...otherProps\n}) => {\n const [searchTerm, setSearchTerm] = useState(\"\");\n\n const handleCountryChange = ({ value }) => {\n setCountryCode(value);\n\n onInputChange(\n phoneNumber.replace(prefix, `+${getCountryCallingCode(value)}`)\n );\n };\n\n return (\n <div\n className={classnames(\"flex-shrink-0\", {\n \"w-10\": !searchTerm,\n \"w-24\": searchTerm,\n })}\n >\n <Select\n isSearchable\n data-testid=\"phonenumber-country-picker\"\n options={COUNTRY_PICKER_OPTIONS}\n strategy=\"fixed\"\n styles={COUNTRY_PICKER_STYLES}\n value={{ value: countryCode }}\n components={{\n SingleValue: () => <SingleValue {...{ countryCode }} showEmoji />,\n }}\n isOptionSelected={({ value }, [selectedOption]) =>\n selectedOption?.name === value\n }\n onChange={handleCountryChange}\n onInputChange={setSearchTerm}\n {...otherProps}\n />\n </div>\n );\n};\n\nexport default React.memo(CountryPicker);\n","import withImmutableActions from \"neetocommons/react-utils/withImmutableActions\";\nimport { create } from \"zustand\";\nimport { persist, createJSONStorage } from \"zustand/middleware\";\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nexport const useCountryCodeStore = create(\n withImmutableActions(\n persist(\n (set, _) => ({\n countryCode: null,\n setCountryCode: countryCode => set({ countryCode }),\n }),\n {\n name: \"neeto-ip-location-country-code\",\n storage: createJSONStorage(() => localStorage),\n }\n )\n )\n);\n","import i18next from \"i18next\";\nimport {\n formatIncompletePhoneNumber,\n isValidPhoneNumber,\n parsePhoneNumber,\n} from \"libphonenumber-js/min\";\nimport * as yup from \"yup\";\n\nexport const isPhoneNumberValid = (value = \"\", ...rest) =>\n isValidPhoneNumber(value, ...rest);\n\nexport const validation = (\n message = i18next.t(\"neetoMolecules.phoneNumberInput.validations.invalid\")\n) =>\n yup\n .string()\n .test(\"phoneNumber\", message, phoneNumber =>\n phoneNumber ? isValidPhoneNumber(phoneNumber) : true\n );\n\nexport const getPhoneData = (value, defaultCountryCode) => {\n try {\n const parsedValue = parsePhoneNumber(value, defaultCountryCode);\n\n return {\n phoneNumber: parsedValue.number,\n international: parsedValue.formatInternational(),\n countryCode: parsedValue.country || defaultCountryCode,\n };\n } catch {\n return {\n phoneNumber: value,\n international: formatIncompletePhoneNumber(value, defaultCountryCode),\n countryCode: defaultCountryCode,\n };\n }\n};\n\nexport const getCursorPosition = ({\n event,\n prevFormattedValue,\n newFormattedValue,\n}) => {\n const {\n nativeEvent: { inputType },\n target: { value: newValue, selectionStart },\n } = event;\n\n if (selectionStart === newValue.length) return newFormattedValue.length;\n\n const n = prevFormattedValue\n .substring(0, selectionStart)\n .replace(/\\s/g, \"\").length;\n\n let cursor = 0;\n for (let i = 0; i < n; ++i, ++cursor) {\n if (newFormattedValue[cursor] === \" \") ++cursor;\n }\n\n if (inputType !== \"deleteContentBackward\") {\n if (\n newFormattedValue[selectionStart - 1] === \" \" &&\n prevFormattedValue[selectionStart - 1] === \" \"\n ) {\n return cursor + 2;\n } else if (prevFormattedValue[selectionStart - 1] === \" \") {\n return cursor + 1;\n }\n }\n\n return cursor;\n};\n","import { useEffect } from \"react\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { prop } from \"ramda\";\n\nimport { useCountryCodeStore } from \"components/PhoneNumber/stores/useCountryCodeStore\";\nimport { getPhoneData } from \"components/PhoneNumber/utils\";\n\nconst useSetInitialCountry = (initialCountryCode, initialValue) => {\n const setCountryCode = useCountryCodeStore(prop(\"setCountryCode\"));\n\n const { countryCode: countryCodeFromInitialValue } =\n getPhoneData(initialValue);\n\n const isFetchLocationEnabled =\n !initialCountryCode && !countryCodeFromInitialValue;\n\n // useQuery(\n // \"IP_LOOKUP_LOCATION\",\n // () => neetoIpLookupApi.fetchLocationDetails(),\n // {\n // enabled: isFetchLocationEnabled,\n // onSuccess: ({ countryCode }) => setCountryCode(countryCode),\n // }\n // );\n\n const { data: { countryCode } = {} } = useQuery({\n queryKey: [\"IP_LOOKUP_LOCATION\"],\n enabled: isFetchLocationEnabled,\n });\n\n useEffect(() => {\n if (isFetchLocationEnabled) return;\n\n setCountryCode(\n countryCode || countryCodeFromInitialValue || initialCountryCode\n );\n }, [countryCode]);\n};\n\nexport default useSetInitialCountry;\n","import React, {\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n} from \"react\";\n\nimport classnames from \"classnames\";\nimport {\n formatIncompletePhoneNumber,\n getCountryCallingCode,\n} from \"libphonenumber-js/min\";\nimport { noop } from \"neetocist\";\nimport { Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport CountryPicker from \"./CountryPicker\";\nimport useSetInitialCountry from \"./hooks/reactQuery/useSetInitialCountry\";\nimport { useCountryCodeStore } from \"./stores/useCountryCodeStore\";\nimport { getCursorPosition, getPhoneData } from \"./utils\";\n\nconst PhoneNumberInput = forwardRef(\n (\n {\n value = \"\",\n onChange = noop,\n className,\n error,\n selectProps,\n initialCountryCode,\n ...inputProps\n },\n ref\n ) => {\n const { t } = useTranslation();\n\n const internalValue = useRef(value);\n const initialValue = useMemo(() => value, []);\n\n const { countryCode, setCountryCode } = useCountryCodeStore.pick();\n\n useSetInitialCountry(initialCountryCode, initialValue);\n\n const prefix = countryCode ? `+${getCountryCallingCode(countryCode)}` : \"\";\n const formattedValue = formatIncompletePhoneNumber(value, countryCode);\n\n const handleInputChange = useCallback(value => {\n onChange(value);\n internalValue.current = value;\n }, []);\n\n const handleChange = event => {\n const { phoneNumber, countryCode: newCountryCode } = getPhoneData(\n event.target.value,\n countryCode\n );\n handleInputChange(phoneNumber);\n setCountryCode(newCountryCode);\n\n const cursor = getCursorPosition({\n event,\n prevFormattedValue: formattedValue,\n newFormattedValue: formatIncompletePhoneNumber(\n phoneNumber,\n newCountryCode\n ),\n });\n\n window.requestAnimationFrame(() =>\n event.target.setSelectionRange(cursor, cursor)\n );\n };\n\n useEffect(() => {\n if (internalValue.current === value) return;\n\n setCountryCode(getPhoneData(value, countryCode).countryCode);\n }, [value]);\n\n return (\n <div className={classnames([className])}>\n <Input\n {...{ error, ref }}\n data-testid=\"phonenumber-input\"\n type=\"tel\"\n value={formattedValue}\n placeholder={t(\"neetoMolecules.phoneNumberInput.placeholder\", {\n prefix,\n })}\n prefix={\n <CountryPicker\n {...{ countryCode, prefix, setCountryCode }}\n phoneNumber={value}\n onInputChange={handleInputChange}\n {...selectProps}\n />\n }\n onChange={handleChange}\n {...inputProps}\n />\n </div>\n );\n }\n);\n\nPhoneNumberInput.displayName = \"PhoneNumberInput\";\n\nPhoneNumberInput.propTypes = {\n /**\n * To specify the text to be displayed in the component.\n */\n value: PropTypes.string,\n /**\n * To specify the function to be triggered when the `value` is updated.\n */\n onChange: PropTypes.func,\n /**\n * To specify external classNames that can be provided as overrides to the main wrapper.\n */\n className: PropTypes.string,\n /**\n * To specify the error message to be displayed below the input field.\n */\n error: PropTypes.string,\n /**\n * To specify the additional props to be provided to the country picker `Select` component.\n */\n selectProps: PropTypes.object,\n /**\n * To specify the initial country to be set when component is mounted. Setting this\n * disables the feature of setting the initial country based on user's IP address.\n */\n initialCountryCode: PropTypes.string,\n};\n\nexport default PhoneNumberInput;\n","import React from \"react\";\n\nimport { useField } from \"formik\";\n\nimport PhoneNumberInput from \"./PhoneNumberInput\";\n\nconst FormikPhoneNumberInput = ({ name, ...props }) => {\n const [field, meta, { setValue }] = useField(name);\n\n return (\n <PhoneNumberInput\n {...field}\n error={meta.touched ? meta.error : \"\"}\n onChange={setValue}\n {...props}\n />\n );\n};\n\nexport default FormikPhoneNumberInput;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Typography } from \"neetoui\";\n\nimport SingleValue from \"./CountryPicker/SingleValue\";\nimport { getPhoneData } from \"./utils\";\n\nconst PhoneNumber = ({\n className,\n defaultCountry = \"IN\",\n value,\n showEmoji = false,\n children,\n ...otherProps\n}) => {\n const { international, countryCode } = getPhoneData(\n value || children,\n defaultCountry\n );\n\n return (\n <div className={classnames([\"flex items-center space-x-2\", className])}>\n <SingleValue {...{ countryCode, showEmoji, ...otherProps }} />\n <Typography style=\"body2\" {...otherProps}>\n {international}\n </Typography>\n </div>\n );\n};\nexport default React.memo(PhoneNumber);\n"],"names":["COUNTRY_PICKER_OPTIONS","getCountries","filter","code","countries","map","label","name","value","sort","a","b","localeCompare","COUNTRY_PICKER_STYLES","menuPortal","mergeLeft","width","zIndex","control","border","cursor","gap","input","assoc","valueContainer","indicatorsContainer","SingleValue","_ref","countryCode","_ref$showEmoji","showEmoji","otherProps","_objectWithoutProperties","_excluded","countryData","React","createElement","Tooltip","content","Typography","_extends","className","style","emoji","memo","CountryPicker","setCountryCode","onInputChange","prefix","phoneNumber","_useState","useState","_useState2","_slicedToArray","searchTerm","setSearchTerm","handleCountryChange","_ref2","replace","concat","getCountryCallingCode","classnames","Select","isSearchable","options","strategy","styles","components","_SingleValue","isOptionSelected","_ref3","_ref4","_ref5","selectedOption","onChange","useCountryCodeStore","create","withImmutableActions","persist","set","_","storage","createJSONStorage","localStorage","isPhoneNumberValid","arguments","length","undefined","_len","rest","Array","_key","isValidPhoneNumber","apply","validation","message","i18next","t","yup","string","test","getPhoneData","defaultCountryCode","parsedValue","parsePhoneNumber","number","international","formatInternational","country","_unused","formatIncompletePhoneNumber","getCursorPosition","event","prevFormattedValue","newFormattedValue","inputType","nativeEvent","_event$target","target","newValue","selectionStart","n","substring","i","useSetInitialCountry","initialCountryCode","initialValue","prop","_getPhoneData","countryCodeFromInitialValue","isFetchLocationEnabled","_useQuery","useQuery","queryKey","enabled","_useQuery$data","data","_useQuery$data2","useEffect","PhoneNumberInput","forwardRef","ref","_ref$value","_ref$onChange","noop","error","selectProps","inputProps","_useTranslation","useTranslation","internalValue","useRef","useMemo","_useCountryCodeStore","store","shallow","formattedValue","handleInputChange","useCallback","current","handleChange","newCountryCode","window","requestAnimationFrame","setSelectionRange","Input","type","placeholder","displayName","FormikPhoneNumberInput","props","_useField","useField","_useField2","field","meta","setValue","touched","PhoneNumber","_ref$defaultCountry","defaultCountry","children","_objectSpread"],"mappings":"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"}
|
|
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 { useQuery } from \"@tanstack/react-query\";\nimport { prop } from \"ramda\";\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 const { data } = useQuery({\n queryKey: [\"IP_LOOKUP_LOCATION\"],\n queryFn: () => neetoIpLookupApi.fetchLocationDetails(),\n enabled: isFetchLocationEnabled,\n });\n\n useEffect(() => {\n if (isFetchLocationEnabled) return;\n\n setCountryCode(countryCodeFromInitialValue || initialCountryCode);\n }, []);\n\n useEffect(() => {\n if (!data) return;\n\n setCountryCode(data.countryCode);\n }, [data]);\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","useQuery","queryKey","queryFn","enabled","data","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
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
3
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
+
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var classnames = require('classnames');
|
|
7
7
|
var neetoIcons = require('@bigbinary/neeto-icons');
|
|
@@ -10,19 +10,22 @@ var ramda = require('ramda');
|
|
|
10
10
|
var reactI18next = require('react-i18next');
|
|
11
11
|
var Codeblock = require('./Codeblock.js');
|
|
12
12
|
var i18next = require('i18next');
|
|
13
|
-
var
|
|
13
|
+
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
14
14
|
var injectCss = require('./inject-css-80a5faa3.js');
|
|
15
|
-
require('
|
|
15
|
+
require('@babel/runtime/helpers/extends');
|
|
16
16
|
require('react-syntax-highlighter');
|
|
17
17
|
require('react-syntax-highlighter/dist/esm/styles/prism');
|
|
18
18
|
require('./CopyToClipboardButton.js');
|
|
19
|
-
require('
|
|
19
|
+
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
20
20
|
require('@bigbinary/neeto-commons-frontend/utils/general');
|
|
21
21
|
|
|
22
22
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
23
23
|
|
|
24
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
25
|
+
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
24
26
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
25
27
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
28
|
+
var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
|
|
26
29
|
|
|
27
30
|
var Code = function Code(_ref) {
|
|
28
31
|
var code = _ref.code;
|
|
@@ -53,7 +56,7 @@ var EMBED_OPTIONS = {
|
|
|
53
56
|
FLOATING_POPUP: "floatingPopup",
|
|
54
57
|
ELEMENT_POPUP: "elementPopup"
|
|
55
58
|
};
|
|
56
|
-
var DEFAULT_CUSTOMIZATION =
|
|
59
|
+
var DEFAULT_CUSTOMIZATION = _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({}, EMBED_OPTIONS.INLINE, {
|
|
57
60
|
width: 100,
|
|
58
61
|
height: 100,
|
|
59
62
|
elementSelector: "inline-embed-container"
|
|
@@ -91,7 +94,7 @@ var embedQueryParam = function embedQueryParam(queryParams) {
|
|
|
91
94
|
};
|
|
92
95
|
var parseExtraArgs = function parseExtraArgs(extraArgs) {
|
|
93
96
|
return ramda.toPairs(extraArgs).map(function (_ref) {
|
|
94
|
-
var _ref2 =
|
|
97
|
+
var _ref2 = _slicedToArray__default["default"](_ref, 2),
|
|
95
98
|
key = _ref2[0],
|
|
96
99
|
value = _ref2[1];
|
|
97
100
|
return "\n\t ".concat(key, ": \"").concat(value, "\"");
|
|
@@ -187,17 +190,17 @@ var buildQueryParamsFromInputFields = function buildQueryParamsFromInputFields(i
|
|
|
187
190
|
};
|
|
188
191
|
|
|
189
192
|
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; }
|
|
190
|
-
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) {
|
|
193
|
+
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__default["default"](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; }
|
|
191
194
|
var DynamicQueryParams = function DynamicQueryParams(_ref) {
|
|
192
195
|
var updateCustomization = _ref.updateCustomization;
|
|
193
196
|
var _useTranslation = reactI18next.useTranslation(),
|
|
194
197
|
t = _useTranslation.t;
|
|
195
198
|
var _useState = React.useState([INITIAL_QUERY_PARAM]),
|
|
196
|
-
_useState2 =
|
|
199
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
197
200
|
queryParams = _useState2[0],
|
|
198
201
|
setQueryParams = _useState2[1];
|
|
199
202
|
var handleAddQueryParam = function handleAddQueryParam() {
|
|
200
|
-
setQueryParams([].concat(
|
|
203
|
+
setQueryParams([].concat(_toConsumableArray__default["default"](queryParams), [INITIAL_QUERY_PARAM]));
|
|
201
204
|
};
|
|
202
205
|
var handleRemoveQueryParam = function handleRemoveQueryParam(index) {
|
|
203
206
|
var newQueryParams = queryParams.filter(function (_, i) {
|
|
@@ -207,7 +210,7 @@ var DynamicQueryParams = function DynamicQueryParams(_ref) {
|
|
|
207
210
|
};
|
|
208
211
|
var handleInputChange = function handleInputChange(index, field, value) {
|
|
209
212
|
var newQueryParams = queryParams.map(function (param, i) {
|
|
210
|
-
return i === index ? _objectSpread$1(_objectSpread$1({}, param), {},
|
|
213
|
+
return i === index ? _objectSpread$1(_objectSpread$1({}, param), {}, _defineProperty__default["default"]({}, field, value)) : param;
|
|
211
214
|
});
|
|
212
215
|
setQueryParams(newQueryParams);
|
|
213
216
|
};
|
|
@@ -394,7 +397,7 @@ var Inline$1 = function Inline(_ref) {
|
|
|
394
397
|
t = _useTranslation.t;
|
|
395
398
|
var handleInputChange = function handleInputChange(_ref2, attribute) {
|
|
396
399
|
var value = _ref2.target.value;
|
|
397
|
-
return updateCustomization(
|
|
400
|
+
return updateCustomization(_defineProperty__default["default"]({}, attribute, value));
|
|
398
401
|
};
|
|
399
402
|
React.useEffect(function () {
|
|
400
403
|
if (isQueryParamsEnabled) return;
|
|
@@ -460,7 +463,7 @@ var Customization = function Customization(_ref) {
|
|
|
460
463
|
customization = _ref.customization,
|
|
461
464
|
updateCustomization = _ref.updateCustomization,
|
|
462
465
|
isQueryParamsEnabled = _ref.isQueryParamsEnabled;
|
|
463
|
-
var type =
|
|
466
|
+
var type = _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({}, EMBED_OPTIONS.INLINE, Inline$1), EMBED_OPTIONS.FLOATING_POPUP, FloatingPopup$1), EMBED_OPTIONS.ELEMENT_POPUP, ElementPopup$1);
|
|
464
467
|
var Component = type[option];
|
|
465
468
|
return /*#__PURE__*/React__default["default"].createElement(Component, {
|
|
466
469
|
customization: customization,
|
|
@@ -503,7 +506,7 @@ var Options = function Options(_ref) {
|
|
|
503
506
|
containerClassName: "w-full flex flex-col gap-y-6",
|
|
504
507
|
name: "options"
|
|
505
508
|
}, Object.entries(options).map(function (_ref2) {
|
|
506
|
-
var _ref3 =
|
|
509
|
+
var _ref3 = _slicedToArray__default["default"](_ref2, 2),
|
|
507
510
|
key = _ref3[0],
|
|
508
511
|
_ref3$ = _ref3[1],
|
|
509
512
|
label = _ref3$.label,
|
|
@@ -634,7 +637,7 @@ var Preview = function Preview(_ref) {
|
|
|
634
637
|
customization = _ref.customization,
|
|
635
638
|
_ref$customPreviewIfr = _ref.customPreviewIframeUrl,
|
|
636
639
|
customPreviewIframeUrl = _ref$customPreviewIfr === void 0 ? "" : _ref$customPreviewIfr;
|
|
637
|
-
var preview =
|
|
640
|
+
var preview = _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({}, EMBED_OPTIONS.INLINE, Inline), EMBED_OPTIONS.FLOATING_POPUP, FloatingPopup), EMBED_OPTIONS.ELEMENT_POPUP, ElementPopup);
|
|
638
641
|
var iframeURL = customPreviewIframeUrl || "".concat(location.origin, "/embed/").concat(id);
|
|
639
642
|
var Component = preview[selectedOption];
|
|
640
643
|
if (isScriptLoading) {
|
|
@@ -658,7 +661,7 @@ var css = ".neeto-molecules-product-embed-size-input.neeto-ui-input__wrapper .ne
|
|
|
658
661
|
injectCss.n(css,{});
|
|
659
662
|
|
|
660
663
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
661
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
|
|
664
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
662
665
|
var ProductEmbed = function ProductEmbed(_ref) {
|
|
663
666
|
var _ref$className = _ref.className,
|
|
664
667
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
@@ -676,21 +679,21 @@ var ProductEmbed = function ProductEmbed(_ref) {
|
|
|
676
679
|
_ref$extraArgs = _ref.extraArgs,
|
|
677
680
|
extraArgs = _ref$extraArgs === void 0 ? {} : _ref$extraArgs;
|
|
678
681
|
var _useState = React.useState(true),
|
|
679
|
-
_useState2 =
|
|
682
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
680
683
|
isScriptLoading = _useState2[0],
|
|
681
684
|
setIsScriptLoading = _useState2[1];
|
|
682
685
|
var _useState3 = React.useState(TAB_KEYS.HTML),
|
|
683
|
-
_useState4 =
|
|
686
|
+
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
684
687
|
tab = _useState4[0],
|
|
685
688
|
setTab = _useState4[1];
|
|
686
689
|
var _useState5 = React.useState(EMBED_OPTIONS.INLINE),
|
|
687
|
-
_useState6 =
|
|
690
|
+
_useState6 = _slicedToArray__default["default"](_useState5, 2),
|
|
688
691
|
selectedOption = _useState6[0],
|
|
689
692
|
setSelectedOption = _useState6[1];
|
|
690
693
|
var _useState7 = React.useState(function () {
|
|
691
694
|
return buildDefaultCustomization(options);
|
|
692
695
|
}),
|
|
693
|
-
_useState8 =
|
|
696
|
+
_useState8 = _slicedToArray__default["default"](_useState7, 2),
|
|
694
697
|
customizations = _useState8[0],
|
|
695
698
|
setCustomizations = _useState8[1];
|
|
696
699
|
var _useTranslation = reactI18next.useTranslation(),
|
|
@@ -712,7 +715,7 @@ var ProductEmbed = function ProductEmbed(_ref) {
|
|
|
712
715
|
};
|
|
713
716
|
var updateCustomization = function updateCustomization(props) {
|
|
714
717
|
return setCustomizations(function (prevState) {
|
|
715
|
-
return _objectSpread(_objectSpread({}, prevState), {},
|
|
718
|
+
return _objectSpread(_objectSpread({}, prevState), {}, _defineProperty__default["default"]({}, selectedOption, ramda.mergeLeft(props, prevState[selectedOption])));
|
|
716
719
|
});
|
|
717
720
|
};
|
|
718
721
|
React.useEffect(function () {
|