@bigbinary/neeto-molecules 1.1.16 → 1.1.18
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/dist/AutoSaveInput.js +658 -0
- package/dist/AutoSaveInput.js.map +1 -0
- package/dist/Breadcrumbs.js +38 -0
- package/dist/Breadcrumbs.js.map +1 -0
- package/dist/BrowserSupport.js +418 -0
- package/dist/BrowserSupport.js.map +1 -0
- package/dist/Builder.js +662 -0
- package/dist/Builder.js.map +1 -0
- package/dist/CalendarView.js +538 -0
- package/dist/CalendarView.js.map +1 -0
- package/dist/Codeblock.js +236 -0
- package/dist/Codeblock.js.map +1 -0
- package/dist/{Columns/index.js → Columns.js} +130 -13
- package/dist/Columns.js.map +1 -0
- package/dist/{ConfirmationModal/index.js → ConfirmationModal.js} +20 -8
- package/dist/ConfirmationModal.js.map +1 -0
- package/dist/Container.js +1211 -0
- package/dist/Container.js.map +1 -0
- package/dist/CopyToClipboardButton.js +209 -0
- package/dist/CopyToClipboardButton.js.map +1 -0
- package/dist/CustomDomain.js +688 -0
- package/dist/CustomDomain.js.map +1 -0
- package/dist/CustomDomainDashboard.js +2283 -0
- package/dist/CustomDomainDashboard.js.map +1 -0
- package/dist/{DateFormat/index.js → DateFormat.js} +25 -8
- package/dist/DateFormat.js.map +1 -0
- package/dist/DateRangeFilter.js +229 -0
- package/dist/DateRangeFilter.js.map +1 -0
- package/dist/DynamicVariables.js +183 -0
- package/dist/DynamicVariables.js.map +1 -0
- package/dist/EmailForm.js +2292 -0
- package/dist/EmailForm.js.map +1 -0
- package/dist/EmailPreview.js +1353 -0
- package/dist/EmailPreview.js.map +1 -0
- package/dist/{ErrorPage/constants.js → ErrorPage.js} +137 -36
- package/dist/ErrorPage.js.map +1 -0
- package/dist/Header.js +122 -0
- package/dist/Header.js.map +1 -0
- package/dist/IconPicker.js +313 -0
- package/dist/IconPicker.js.map +1 -0
- package/dist/ImageWithFallback.js +181 -0
- package/dist/ImageWithFallback.js.map +1 -0
- package/dist/IntegrationCard.js +343 -0
- package/dist/IntegrationCard.js.map +1 -0
- package/dist/IntegrationDisconnectAlert.js +80 -0
- package/dist/IntegrationDisconnectAlert.js.map +1 -0
- package/dist/{IntegrationWalkthroughModal/index.js → IntegrationWalkthroughModal.js} +8 -6
- package/dist/IntegrationWalkthroughModal.js.map +1 -0
- package/dist/IpRestriction.js +857 -0
- package/dist/IpRestriction.js.map +1 -0
- package/dist/KeyboardShortcuts.js +359 -0
- package/dist/KeyboardShortcuts.js.map +1 -0
- package/dist/LoginPage.js +593 -0
- package/dist/LoginPage.js.map +1 -0
- package/dist/MenuBar.js +1461 -0
- package/dist/MenuBar.js.map +1 -0
- package/dist/Metadata.js +206 -0
- package/dist/Metadata.js.map +1 -0
- package/dist/{MoreDropdown/index.js → MoreDropdown.js} +102 -9
- package/dist/MoreDropdown.js.map +1 -0
- package/dist/NavigationHeader.js +690 -0
- package/dist/NavigationHeader.js.map +1 -0
- package/dist/NeetoWidget.js +1333 -0
- package/dist/NeetoWidget.js.map +1 -0
- package/dist/PageLoader.js +134 -0
- package/dist/PageLoader.js.map +1 -0
- package/dist/PhoneNumber.js +365 -0
- package/dist/PhoneNumber.js.map +1 -0
- package/dist/PublishBlock.js +158 -0
- package/dist/PublishBlock.js.map +1 -0
- package/dist/Rename.js +450 -0
- package/dist/Rename.js.map +1 -0
- package/dist/ResponsiveDevicePicker.js +194 -0
- package/dist/ResponsiveDevicePicker.js.map +1 -0
- package/dist/Schedule.js +1046 -0
- package/dist/Schedule.js.map +1 -0
- package/dist/Scrollable.js +122 -0
- package/dist/Scrollable.js.map +1 -0
- package/dist/Search.js +151 -0
- package/dist/Search.js.map +1 -0
- package/dist/Security.js +1835 -0
- package/dist/Security.js.map +1 -0
- package/dist/SendToFields.js +601 -0
- package/dist/SendToFields.js.map +1 -0
- package/dist/Settings.js +435 -0
- package/dist/Settings.js.map +1 -0
- package/dist/ShareViaEmail.js +2277 -0
- package/dist/ShareViaEmail.js.map +1 -0
- package/dist/ShareViaLink.js +628 -0
- package/dist/ShareViaLink.js.map +1 -0
- package/dist/Sidebar.js +972 -0
- package/dist/Sidebar.js.map +1 -0
- package/dist/SubHeader.js +216 -0
- package/dist/SubHeader.js.map +1 -0
- package/dist/{TableWrapper/index.js → TableWrapper.js} +6 -3
- package/dist/TableWrapper.js.map +1 -0
- package/dist/ThemeSidebar.js +1984 -0
- package/dist/ThemeSidebar.js.map +1 -0
- package/dist/TimeFormat.js +47 -0
- package/dist/TimeFormat.js.map +1 -0
- package/dist/TimezoneMismatchModal.js +168 -0
- package/dist/TimezoneMismatchModal.js.map +1 -0
- package/dist/ToggleFeatureCard.js +323 -0
- package/dist/ToggleFeatureCard.js.map +1 -0
- package/package.json +22 -13
- package/dist/AutoSaveInput/autosaveinput.scss +0 -15
- package/dist/AutoSaveInput/constants.js +0 -13
- package/dist/AutoSaveInput/index.js +0 -124
- package/dist/AutoSaveInput/utils.js +0 -10
- package/dist/Breadcrumbs/breadcrumbs.scss +0 -33
- package/dist/Breadcrumbs/index.js +0 -31
- package/dist/BrowserSupport/Callout.js +0 -15
- package/dist/BrowserSupport/ContactUs.js +0 -21
- package/dist/BrowserSupport/DownloadLink.js +0 -17
- package/dist/BrowserSupport/PartialSupportedBrowserVersion.js +0 -17
- package/dist/BrowserSupport/UnknownBrowser.js +0 -13
- package/dist/BrowserSupport/UnsupportedBrowser.js +0 -24
- package/dist/BrowserSupport/UnsupportedBrowserMessage.js +0 -22
- package/dist/BrowserSupport/UnsupportedBrowserVersion.js +0 -27
- package/dist/BrowserSupport/UnsupportedVersionMessage.js +0 -30
- package/dist/BrowserSupport/browsersupport.scss +0 -71
- package/dist/BrowserSupport/constants.js +0 -63
- package/dist/BrowserSupport/index.js +0 -58
- package/dist/BrowserSupport/utils.js +0 -32
- package/dist/Builder/Body.js +0 -9
- package/dist/Builder/ElementsPanel/ElementsList/Element.js +0 -27
- package/dist/Builder/ElementsPanel/ElementsList/Section.js +0 -28
- package/dist/Builder/ElementsPanel/ElementsList/TitleBar.js +0 -28
- package/dist/Builder/ElementsPanel/ElementsList/index.js +0 -63
- package/dist/Builder/ElementsPanel/SelectedElementsList/SelectedElement.js +0 -73
- package/dist/Builder/ElementsPanel/SelectedElementsList/TitleBar.js +0 -50
- package/dist/Builder/ElementsPanel/SelectedElementsList/index.js +0 -91
- package/dist/Builder/ElementsPanel/index.js +0 -70
- package/dist/Builder/PropertiesPanel/EmptyProperty.js +0 -21
- package/dist/Builder/PropertiesPanel/Skeleton.js +0 -24
- package/dist/Builder/PropertiesPanel/index.js +0 -12
- package/dist/Builder/index.js +0 -3
- package/dist/Builder/styles.scss +0 -84
- package/dist/CalendarView/CustomDatePicker.js +0 -87
- package/dist/CalendarView/Header.js +0 -53
- package/dist/CalendarView/constants.js +0 -19
- package/dist/CalendarView/index.js +0 -83
- package/dist/CalendarView/utils.js +0 -50
- package/dist/Codeblock/index.js +0 -30
- package/dist/Columns/utils.js +0 -20
- package/dist/ConfirmationModal/constants.js +0 -3
- package/dist/ConfirmationModal/utils.js +0 -6
- package/dist/Container/container.scss +0 -21
- package/dist/Container/index.js +0 -23
- package/dist/CopyToClipboardButton/constants.js +0 -13
- package/dist/CopyToClipboardButton/copyToClipboard.scss +0 -22
- package/dist/CopyToClipboardButton/index.js +0 -59
- package/dist/CustomDomain/index.js +0 -98
- package/dist/CustomDomainDashboard/DeleteAlert.js +0 -28
- package/dist/CustomDomainDashboard/Header.js +0 -32
- package/dist/CustomDomainDashboard/Manage/Record.js +0 -42
- package/dist/CustomDomainDashboard/Manage/StatusInfo.js +0 -21
- package/dist/CustomDomainDashboard/Manage/TagBlock.js +0 -36
- package/dist/CustomDomainDashboard/Manage/constants.js +0 -4
- package/dist/CustomDomainDashboard/Manage/index.js +0 -125
- package/dist/CustomDomainDashboard/Manage/utils.js +0 -8
- package/dist/CustomDomainDashboard/api.js +0 -35
- package/dist/CustomDomainDashboard/constants.js +0 -2
- package/dist/CustomDomainDashboard/index.js +0 -118
- package/dist/CustomDomainDashboard/useCustomDomainApi.js +0 -71
- package/dist/CustomDomainDashboard/utils.js +0 -84
- package/dist/DateRangeFilter/index.js +0 -60
- package/dist/DateRangeFilter/utils.js +0 -113
- package/dist/DynamicVariables/dynamic-variables.scss +0 -34
- package/dist/DynamicVariables/index.js +0 -59
- package/dist/DynamicVariables/utils.js +0 -37
- package/dist/EmailForm/EmailForm.js +0 -98
- package/dist/EmailForm/EmailFormProvider.js +0 -45
- package/dist/EmailForm/EmailPreview.js +0 -129
- package/dist/EmailForm/ReplyToField.js +0 -55
- package/dist/EmailForm/SendToField.js +0 -28
- package/dist/EmailForm/SubjectField.js +0 -64
- package/dist/EmailForm/constants.js +0 -33
- package/dist/EmailForm/contexts/EmailForm.js +0 -7
- package/dist/EmailForm/index.js +0 -4
- package/dist/EmailForm/utils.js +0 -10
- package/dist/EmailPreview/index.js +0 -2
- package/dist/ErrorPage/index.js +0 -78
- package/dist/Header/Breadcrumbs.js +0 -31
- package/dist/Header/Dropdown.js +0 -12
- package/dist/Header/constants.js +0 -6
- package/dist/Header/header.scss +0 -121
- package/dist/Header/index.js +0 -61
- package/dist/IconPicker/Icon.js +0 -34
- package/dist/IconPicker/NoResults.js +0 -12
- package/dist/IconPicker/constants.js +0 -8
- package/dist/IconPicker/icon-picker.scss +0 -1
- package/dist/IconPicker/index.js +0 -164
- package/dist/ImageWithFallback/ImagePlaceholder.js +0 -16
- package/dist/ImageWithFallback/index.js +0 -31
- package/dist/IntegrationCard/Dropdown.js +0 -45
- package/dist/IntegrationCard/Status.js +0 -25
- package/dist/IntegrationCard/index.js +0 -128
- package/dist/IntegrationDisconnectAlert/index.js +0 -36
- package/dist/IpRestriction/AllowedIpRanges.js +0 -75
- package/dist/IpRestriction/CurrentIp.js +0 -26
- package/dist/IpRestriction/FormRow.js +0 -84
- package/dist/IpRestriction/Row.js +0 -91
- package/dist/IpRestriction/apis/allowed_ip_ranges.js +0 -28
- package/dist/IpRestriction/apis/current_ip.js +0 -11
- package/dist/IpRestriction/apis/ip_restriction.js +0 -16
- package/dist/IpRestriction/constants.js +0 -20
- package/dist/IpRestriction/hooks/reactQuery/useAllowedIpRanges.js +0 -34
- package/dist/IpRestriction/hooks/reactQuery/useCurrentIp.js +0 -10
- package/dist/IpRestriction/hooks/reactQuery/useIpRestrictions.js +0 -18
- package/dist/IpRestriction/index.js +0 -102
- package/dist/IpRestriction/utils.js +0 -85
- package/dist/KeyboardShortcuts/Pane/HotKey.js +0 -44
- package/dist/KeyboardShortcuts/Pane/HotKeyList.js +0 -42
- package/dist/KeyboardShortcuts/Pane/constants.js +0 -25
- package/dist/KeyboardShortcuts/Pane/index.js +0 -61
- package/dist/KeyboardShortcuts/Pane/keyboard-shortcuts.scss +0 -5
- package/dist/KeyboardShortcuts/Pane/utils.js +0 -66
- package/dist/KeyboardShortcuts/hooks/useKeyboardShortcutsPaneState.js +0 -31
- package/dist/KeyboardShortcuts/index.js +0 -9
- package/dist/LoginPage/Form.js +0 -57
- package/dist/LoginPage/constants.js +0 -12
- package/dist/LoginPage/index.js +0 -103
- package/dist/MenuBar/AddNew.js +0 -25
- package/dist/MenuBar/Block.js +0 -60
- package/dist/MenuBar/Item.js +0 -32
- package/dist/MenuBar/Search.js +0 -39
- package/dist/MenuBar/SubTitle.js +0 -23
- package/dist/MenuBar/index.js +0 -46
- package/dist/MenuBar/menubar.scss +0 -154
- package/dist/Metadata/Block.js +0 -30
- package/dist/Metadata/DetailsBlock.js +0 -86
- package/dist/Metadata/constants.js +0 -9
- package/dist/Metadata/index.js +0 -29
- package/dist/Metadata/metadata.scss +0 -15
- package/dist/MoreDropdown/constants.js +0 -25
- package/dist/NavigationHeader/LeftBlock.js +0 -32
- package/dist/NavigationHeader/Navigation.js +0 -24
- package/dist/NavigationHeader/RightBlock.js +0 -68
- package/dist/NavigationHeader/constants.js +0 -11
- package/dist/NavigationHeader/index.js +0 -19
- package/dist/NavigationHeader/navigation-header.scss +0 -3
- package/dist/NeetoWidget/CodeBlock.js +0 -57
- package/dist/NeetoWidget/CodeSnippet.js +0 -119
- package/dist/NeetoWidget/EmbedCode.js +0 -281
- package/dist/NeetoWidget/Main.js +0 -19
- package/dist/NeetoWidget/SelectionSwitches/TooltipSwitch.js +0 -25
- package/dist/NeetoWidget/SelectionSwitches/index.js +0 -44
- package/dist/NeetoWidget/SyntaxHighlighter.js +0 -17
- package/dist/NeetoWidget/api.js +0 -20
- package/dist/NeetoWidget/constants.js +0 -62
- package/dist/NeetoWidget/hooks/useForceUpdate.js +0 -14
- package/dist/NeetoWidget/index.js +0 -7
- package/dist/NeetoWidget/mutations.js +0 -9
- package/dist/NeetoWidget/queries.js +0 -32
- package/dist/NeetoWidget/utils.js +0 -83
- package/dist/PageLoader/index.js +0 -81
- package/dist/PageLoader/page-loader.scss +0 -95
- package/dist/PhoneNumber/CountryPicker/SingleValue.js +0 -21
- package/dist/PhoneNumber/CountryPicker/constants.js +0 -26
- package/dist/PhoneNumber/CountryPicker/index.js +0 -59
- package/dist/PhoneNumber/FormikPhoneNumberInput.js +0 -21
- package/dist/PhoneNumber/PhoneNumber.js +0 -30
- package/dist/PhoneNumber/PhoneNumberInput.js +0 -79
- package/dist/PhoneNumber/index.js +0 -5
- package/dist/PhoneNumber/utils.js +0 -55
- package/dist/PublishBlock/AlertBlock.js +0 -14
- package/dist/PublishBlock/index.js +0 -100
- package/dist/PublishBlock/publish-block.scss +0 -25
- package/dist/Rename/DummySpan.js +0 -21
- package/dist/Rename/constants.js +0 -1
- package/dist/Rename/index.js +0 -191
- package/dist/Rename/rename.scss +0 -69
- package/dist/Rename/utils.js +0 -10
- package/dist/ResponsiveDevicePicker/constants.js +0 -19
- package/dist/ResponsiveDevicePicker/index.js +0 -36
- package/dist/Schedule/DisplayAvailability.js +0 -58
- package/dist/Schedule/Fields.js +0 -43
- package/dist/Schedule/Form/ScheduleRow.js +0 -125
- package/dist/Schedule/Form/constants.js +0 -20
- package/dist/Schedule/Form/index.js +0 -144
- package/dist/Schedule/Form/utils.js +0 -63
- package/dist/Schedule/Header.js +0 -76
- package/dist/Schedule/ScheduleContext.js +0 -8
- package/dist/Schedule/constants.js +0 -8
- package/dist/Schedule/dayjsExtended/constants.js +0 -1
- package/dist/Schedule/dayjsExtended/index.js +0 -14
- package/dist/Schedule/dayjsExtended/range.js +0 -73
- package/dist/Schedule/index.js +0 -80
- package/dist/Schedule/utils.js +0 -152
- package/dist/Scrollable/constants.js +0 -8
- package/dist/Scrollable/index.js +0 -26
- package/dist/Scrollable/scrollable.scss +0 -32
- package/dist/Search/index.js +0 -52
- package/dist/Security/AllowedKeywords/Add.js +0 -38
- package/dist/Security/AllowedKeywords/index.js +0 -38
- package/dist/Security/PasswordBlock.js +0 -31
- package/dist/Security/RadioBlock.js +0 -38
- package/dist/Security/api.js +0 -12
- package/dist/Security/constants.js +0 -58
- package/dist/Security/index.js +0 -68
- package/dist/Security/useSecurityApi.js +0 -22
- package/dist/Security/utils.js +0 -31
- package/dist/SendToFields/FilePicker.js +0 -34
- package/dist/SendToFields/constants.js +0 -6
- package/dist/SendToFields/index.js +0 -102
- package/dist/SendToFields/utils.js +0 -54
- package/dist/Settings/Category.js +0 -30
- package/dist/Settings/Item.js +0 -38
- package/dist/Settings/index.js +0 -37
- package/dist/Settings/utils.js +0 -4
- package/dist/ShareViaEmail/EmailBodyEditor.js +0 -22
- package/dist/ShareViaEmail/FilePicker.js +0 -43
- package/dist/ShareViaEmail/Form.js +0 -105
- package/dist/ShareViaEmail/FormikDatePicker.js +0 -24
- package/dist/ShareViaEmail/constants.js +0 -14
- package/dist/ShareViaEmail/index.js +0 -92
- package/dist/ShareViaEmail/utils.js +0 -72
- package/dist/ShareViaLink/EditURL.js +0 -74
- package/dist/ShareViaLink/Link.js +0 -105
- package/dist/ShareViaLink/QRCode.js +0 -41
- package/dist/ShareViaLink/RegenerateURL.js +0 -47
- package/dist/ShareViaLink/SocialMedia.js +0 -52
- package/dist/ShareViaLink/constants.js +0 -25
- package/dist/ShareViaLink/edit-url.scss +0 -8
- package/dist/ShareViaLink/index.js +0 -46
- package/dist/ShareViaLink/utils.js +0 -47
- package/dist/Sidebar/AppSwitcher/AppLink.js +0 -45
- package/dist/Sidebar/AppSwitcher/Backdrop.js +0 -13
- package/dist/Sidebar/AppSwitcher/Body.js +0 -65
- package/dist/Sidebar/AppSwitcher/Portal.js +0 -27
- package/dist/Sidebar/AppSwitcher/appswitcher.scss +0 -164
- package/dist/Sidebar/AppSwitcher/index.js +0 -47
- package/dist/Sidebar/AppSwitcher/utils.js +0 -25
- package/dist/Sidebar/Chevron.js +0 -14
- package/dist/Sidebar/FeaturedTooltip.js +0 -19
- package/dist/Sidebar/Footer/AppSwitcherButton.js +0 -48
- package/dist/Sidebar/Footer/ProfileButton.js +0 -30
- package/dist/Sidebar/Footer/index.js +0 -56
- package/dist/Sidebar/Footer/utils.js +0 -39
- package/dist/Sidebar/Header.js +0 -33
- package/dist/Sidebar/HelpSection/HelpSectionMenu.js +0 -52
- package/dist/Sidebar/HelpSection/index.js +0 -32
- package/dist/Sidebar/Links.js +0 -112
- package/dist/Sidebar/NavIconWrapper.js +0 -20
- package/dist/Sidebar/ProfileSection/LinkSection.js +0 -36
- package/dist/Sidebar/ProfileSection/ProfileMenu.js +0 -48
- package/dist/Sidebar/ProfileSection/index.js +0 -42
- package/dist/Sidebar/constants.js +0 -40
- package/dist/Sidebar/index.js +0 -94
- package/dist/Sidebar/sidebar.scss +0 -379
- package/dist/Sidebar/utils.js +0 -18
- package/dist/SubHeader/RightBlock/Columns.js +0 -35
- package/dist/SubHeader/RightBlock/Download.js +0 -28
- package/dist/SubHeader/RightBlock/Filter.js +0 -31
- package/dist/SubHeader/RightBlock/index.js +0 -21
- package/dist/SubHeader/RightBlock/utils.js +0 -13
- package/dist/SubHeader/index.js +0 -28
- package/dist/SubHeader/subheader.scss +0 -78
- package/dist/ThemeSidebar/Customize/Logo.js +0 -39
- package/dist/ThemeSidebar/Customize/Properties.js +0 -170
- package/dist/ThemeSidebar/Customize/index.js +0 -66
- package/dist/ThemeSidebar/Themes/ThemeCard.js +0 -135
- package/dist/ThemeSidebar/Themes/index.js +0 -110
- package/dist/ThemeSidebar/TitleBar.js +0 -62
- package/dist/ThemeSidebar/constants.js +0 -127
- package/dist/ThemeSidebar/fields/AlignmentBlock.js +0 -50
- package/dist/ThemeSidebar/fields/Card.js +0 -19
- package/dist/ThemeSidebar/fields/ColorBlock.js +0 -19
- package/dist/ThemeSidebar/fields/FontPickerBlock.js +0 -35
- package/dist/ThemeSidebar/fields/ImageBlock/ImageUploader.js +0 -67
- package/dist/ThemeSidebar/fields/ImageBlock/ProgressBar.js +0 -22
- package/dist/ThemeSidebar/fields/ImageBlock/index.js +0 -55
- package/dist/ThemeSidebar/fields/SelectBlock.js +0 -24
- package/dist/ThemeSidebar/fields/SliderBlock.js +0 -30
- package/dist/ThemeSidebar/fields/SwitchBlock.js +0 -17
- package/dist/ThemeSidebar/fields/TextBlock.js +0 -13
- package/dist/ThemeSidebar/fields/slider.scss +0 -199
- package/dist/ThemeSidebar/hooks/useDirectUploadDropzone.js +0 -149
- package/dist/ThemeSidebar/index.js +0 -118
- package/dist/ThemeSidebar/themeSidebar.scss +0 -45
- package/dist/ThemeSidebar/utils.js +0 -169
- package/dist/TimeFormat/index.js +0 -3
- package/dist/TimezoneMismatchModal/apis/time_zone.js +0 -9
- package/dist/TimezoneMismatchModal/index.js +0 -83
- package/dist/TimezoneMismatchModal/useTimeZoneApi.js +0 -10
- package/dist/TimezoneMismatchModal/utils.js +0 -12
- package/dist/ToggleFeatureCard/ToolTipSwitch.js +0 -31
- package/dist/ToggleFeatureCard/constants.js +0 -5
- package/dist/ToggleFeatureCard/hooks/useScrollIntoView.js +0 -11
- package/dist/ToggleFeatureCard/index.js +0 -148
- package/dist/ToggleFeatureCard/toggleFeatureCard.scss +0 -4
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
|
|
2
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
|
-
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
4
|
-
import React, { useState } from "react";
|
|
5
|
-
import { Formik, Form } from "formik";
|
|
6
|
-
import { noop } from "@bigbinary/neeto-commons-frontend/pure";
|
|
7
|
-
import { Typography, Button, Pane, Toastr } from "@bigbinary/neetoui";
|
|
8
|
-
import { Input, MultiEmailInput } from "@bigbinary/neetoui/formik";
|
|
9
|
-
import { pluck, any, assoc } from "ramda";
|
|
10
|
-
import { useTranslation } from "react-i18next";
|
|
11
|
-
import CodeBlock from "./CodeBlock";
|
|
12
|
-
import { EMAIL_TYPES, FRAMEWORK_SELECT_OPTIONS } from "./constants";
|
|
13
|
-
import { useEmailEmbedCode } from "./mutations";
|
|
14
|
-
import { getEmailWidgetSnippetFormInitialValues, getEmailWidgetSnippetValidationSchema, getSampleUserIdentity } from "./utils";
|
|
15
|
-
var CodeSnippet = function CodeSnippet(_ref) {
|
|
16
|
-
var isPaneOpen = _ref.isPaneOpen,
|
|
17
|
-
onClose = _ref.onClose,
|
|
18
|
-
_ref$onSent = _ref.onSent,
|
|
19
|
-
onSent = _ref$onSent === void 0 ? noop : _ref$onSent,
|
|
20
|
-
codeString = _ref.codeString,
|
|
21
|
-
_ref$subject = _ref.subject,
|
|
22
|
-
subject = _ref$subject === void 0 ? "" : _ref$subject,
|
|
23
|
-
_ref$body = _ref.body,
|
|
24
|
-
body = _ref$body === void 0 ? "" : _ref$body,
|
|
25
|
-
_ref$emailType = _ref.emailType,
|
|
26
|
-
emailType = _ref$emailType === void 0 ? EMAIL_TYPES.embedCode : _ref$emailType,
|
|
27
|
-
_ref$enabledWidgets = _ref.enabledWidgets,
|
|
28
|
-
enabledWidgets = _ref$enabledWidgets === void 0 ? {} : _ref$enabledWidgets;
|
|
29
|
-
var _useTranslation = useTranslation(),
|
|
30
|
-
t = _useTranslation.t;
|
|
31
|
-
var _useState = useState(FRAMEWORK_SELECT_OPTIONS[0]),
|
|
32
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
33
|
-
selectedFramework = _useState2[0],
|
|
34
|
-
setSelectedFramework = _useState2[1];
|
|
35
|
-
var emailMutation = useEmailEmbedCode(onSent);
|
|
36
|
-
var codeToDisplay = emailType === EMAIL_TYPES.userIdentity ? getSampleUserIdentity(enabledWidgets, selectedFramework.value) : codeString;
|
|
37
|
-
var handleSubmit = /*#__PURE__*/function () {
|
|
38
|
-
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(formData) {
|
|
39
|
-
var _body$ref$current$inn, _body$ref;
|
|
40
|
-
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
41
|
-
while (1) switch (_context.prev = _context.next) {
|
|
42
|
-
case 0:
|
|
43
|
-
if (!any(function (_ref3) {
|
|
44
|
-
var valid = _ref3.valid;
|
|
45
|
-
return !valid;
|
|
46
|
-
}, formData.emails)) {
|
|
47
|
-
_context.next = 3;
|
|
48
|
-
break;
|
|
49
|
-
}
|
|
50
|
-
Toastr.error(t("neetoMolecules.widget.email.fields.emails.invalidError"));
|
|
51
|
-
return _context.abrupt("return");
|
|
52
|
-
case 3:
|
|
53
|
-
emailMutation.mutate({
|
|
54
|
-
subject: formData.subject,
|
|
55
|
-
emails: pluck("value", formData.emails),
|
|
56
|
-
message: (_body$ref$current$inn = (_body$ref = body.ref) === null || _body$ref === void 0 ? void 0 : _body$ref.current.innerHTML) !== null && _body$ref$current$inn !== void 0 ? _body$ref$current$inn : body,
|
|
57
|
-
snippet: codeToDisplay
|
|
58
|
-
});
|
|
59
|
-
case 4:
|
|
60
|
-
case "end":
|
|
61
|
-
return _context.stop();
|
|
62
|
-
}
|
|
63
|
-
}, _callee);
|
|
64
|
-
}));
|
|
65
|
-
return function handleSubmit(_x) {
|
|
66
|
-
return _ref2.apply(this, arguments);
|
|
67
|
-
};
|
|
68
|
-
}();
|
|
69
|
-
var renderCodeBlockProps = function renderCodeBlockProps() {
|
|
70
|
-
var props = {
|
|
71
|
-
codeString: codeToDisplay,
|
|
72
|
-
showCopyButton: false,
|
|
73
|
-
className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg"
|
|
74
|
-
};
|
|
75
|
-
if (emailType === EMAIL_TYPES.userIdentity) {
|
|
76
|
-
props = assoc("frameworkProps", {
|
|
77
|
-
selectedFramework: selectedFramework,
|
|
78
|
-
setSelectedFramework: setSelectedFramework
|
|
79
|
-
}, props);
|
|
80
|
-
}
|
|
81
|
-
return props;
|
|
82
|
-
};
|
|
83
|
-
return /*#__PURE__*/React.createElement(Pane, {
|
|
84
|
-
isOpen: isPaneOpen,
|
|
85
|
-
onClose: onClose
|
|
86
|
-
}, /*#__PURE__*/React.createElement(Formik, {
|
|
87
|
-
initialValues: getEmailWidgetSnippetFormInitialValues(subject),
|
|
88
|
-
validationSchema: getEmailWidgetSnippetValidationSchema(),
|
|
89
|
-
onSubmit: handleSubmit
|
|
90
|
-
}, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Pane.Header, null, /*#__PURE__*/React.createElement(Typography, {
|
|
91
|
-
style: "h2"
|
|
92
|
-
}, t("neetoMolecules.widget.email.title"))), /*#__PURE__*/React.createElement(Pane.Body, null, /*#__PURE__*/React.createElement("div", {
|
|
93
|
-
className: "w-full space-y-4"
|
|
94
|
-
}, /*#__PURE__*/React.createElement(MultiEmailInput, {
|
|
95
|
-
required: true,
|
|
96
|
-
label: t("neetoMolecules.widget.email.fields.emails.label"),
|
|
97
|
-
name: "emails",
|
|
98
|
-
placeholder: t("neetoMolecules.widget.email.fields.emails.placeholder")
|
|
99
|
-
}), /*#__PURE__*/React.createElement(Input, {
|
|
100
|
-
required: true,
|
|
101
|
-
label: t("neetoMolecules.widget.email.fields.subject.label"),
|
|
102
|
-
name: "subject",
|
|
103
|
-
type: "text"
|
|
104
|
-
}), /*#__PURE__*/React.createElement(Typography, {
|
|
105
|
-
style: "body2"
|
|
106
|
-
}, body), /*#__PURE__*/React.createElement(CodeBlock, renderCodeBlockProps()))), /*#__PURE__*/React.createElement(Pane.Footer, {
|
|
107
|
-
className: "gap-x-2"
|
|
108
|
-
}, /*#__PURE__*/React.createElement(Button, {
|
|
109
|
-
disabled: emailMutation.isLoading,
|
|
110
|
-
label: t("neetoMolecules.widget.email.actions.send"),
|
|
111
|
-
loading: emailMutation.isLoading,
|
|
112
|
-
type: "submit"
|
|
113
|
-
}), /*#__PURE__*/React.createElement(Button, {
|
|
114
|
-
label: t("neetoMolecules.widget.email.actions.cancel"),
|
|
115
|
-
style: "text",
|
|
116
|
-
onClick: onClose
|
|
117
|
-
})))));
|
|
118
|
-
};
|
|
119
|
-
export default CodeSnippet;
|
|
@@ -1,281 +0,0 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
|
-
import React, { useState, useRef, useEffect } from "react";
|
|
4
|
-
import classnames from "classnames";
|
|
5
|
-
import { capitalize, isNotEmpty } from "@bigbinary/neeto-commons-frontend/pure";
|
|
6
|
-
import { usePrevious } from "@bigbinary/neeto-commons-frontend/react-utils";
|
|
7
|
-
import { Info } from "@bigbinary/neeto-icons";
|
|
8
|
-
import { Toastr } from "@bigbinary/neetoui";
|
|
9
|
-
import { fromPairs, isEmpty, prop } from "ramda";
|
|
10
|
-
import { Trans, useTranslation } from "react-i18next";
|
|
11
|
-
import PageLoader from "../PageLoader";
|
|
12
|
-
import CodeBlock from "./CodeBlock";
|
|
13
|
-
import CodeSnippet from "./CodeSnippet";
|
|
14
|
-
import { EMAIL_TYPES, SAMPLE_CONTEXT_CODE_STRING, INSTALLATION_HELP_EMAIL, FRAMEWORK_SELECT_OPTIONS, NEETO_CHAT_USER_IDENTITY_URL, NEETO_REPLAY_CONFIGURE_URL } from "./constants";
|
|
15
|
-
import useForceUpdate from "./hooks/useForceUpdate";
|
|
16
|
-
import { useFetchApiKey, useFetchConfigurations, useUpdateConfigurations } from "./queries";
|
|
17
|
-
import SelectionSwitches from "./SelectionSwitches";
|
|
18
|
-
import { getSampleUserIdentity, getSortedPrefixedWidgets, sampleConsolidatedCodeString } from "./utils";
|
|
19
|
-
var EmbedCode = function EmbedCode(_ref) {
|
|
20
|
-
var showSessionContext = _ref.showSessionContext,
|
|
21
|
-
showUserIdentity = _ref.showUserIdentity,
|
|
22
|
-
_ref$primaryApp = _ref.primaryApp,
|
|
23
|
-
primaryApp = _ref$primaryApp === void 0 ? "" : _ref$primaryApp,
|
|
24
|
-
_ref$maxWidth = _ref.maxWidth,
|
|
25
|
-
maxWidth = _ref$maxWidth === void 0 ? "max-w-3xl" : _ref$maxWidth;
|
|
26
|
-
var _useState = useState(EMAIL_TYPES["null"]),
|
|
27
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
28
|
-
emailType = _useState2[0],
|
|
29
|
-
setEmailType = _useState2[1];
|
|
30
|
-
var _useState3 = useState(FRAMEWORK_SELECT_OPTIONS[0]),
|
|
31
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
32
|
-
selectedFramework = _useState4[0],
|
|
33
|
-
setSelectedFramework = _useState4[1];
|
|
34
|
-
var _useTranslation = useTranslation(),
|
|
35
|
-
t = _useTranslation.t;
|
|
36
|
-
var bodyRef = useRef();
|
|
37
|
-
var forceUpdate = useForceUpdate();
|
|
38
|
-
useEffect(function () {
|
|
39
|
-
forceUpdate();
|
|
40
|
-
}, []);
|
|
41
|
-
var _useFetchApiKey = useFetchApiKey(),
|
|
42
|
-
_useFetchApiKey$data = _useFetchApiKey.data,
|
|
43
|
-
_useFetchApiKey$data2 = _useFetchApiKey$data === void 0 ? {} : _useFetchApiKey$data,
|
|
44
|
-
_useFetchApiKey$data3 = _useFetchApiKey$data2.widgetApiKey,
|
|
45
|
-
widgetApiKey = _useFetchApiKey$data3 === void 0 ? "" : _useFetchApiKey$data3,
|
|
46
|
-
isLoadingApiKey = _useFetchApiKey.isLoading;
|
|
47
|
-
var _useFetchConfiguratio = useFetchConfigurations(),
|
|
48
|
-
_useFetchConfiguratio2 = _useFetchConfiguratio.data,
|
|
49
|
-
_useFetchConfiguratio3 = _useFetchConfiguratio2 === void 0 ? {} : _useFetchConfiguratio2,
|
|
50
|
-
_useFetchConfiguratio4 = _useFetchConfiguratio3.neetoWidgetTokens,
|
|
51
|
-
neetoWidgetTokens = _useFetchConfiguratio4 === void 0 ? [] : _useFetchConfiguratio4,
|
|
52
|
-
isLoadingConfigurations = _useFetchConfiguratio.isLoading;
|
|
53
|
-
var _useUpdateConfigurati = useUpdateConfigurations(),
|
|
54
|
-
updateWidgetConfiguration = _useUpdateConfigurati.mutate;
|
|
55
|
-
var previousEmailType = usePrevious(emailType);
|
|
56
|
-
var selectedWidgets = neetoWidgetTokens.filter(prop("enabled")).map(function (item) {
|
|
57
|
-
return item.clientApplicationName.toLowerCase();
|
|
58
|
-
});
|
|
59
|
-
var enabledClientApps = neetoWidgetTokens.filter(prop("clientApplicationEnabled")).map(function (item) {
|
|
60
|
-
return item.clientApplicationName.toLowerCase();
|
|
61
|
-
});
|
|
62
|
-
var enabledWidgets = fromPairs(selectedWidgets.map(function (widget) {
|
|
63
|
-
return [widget, true];
|
|
64
|
-
}));
|
|
65
|
-
var shouldShowUserIdentity = showUserIdentity !== null && showUserIdentity !== void 0 ? showUserIdentity : enabledWidgets.chat || enabledWidgets.replay;
|
|
66
|
-
var shouldShowSessionContext = showSessionContext !== null && showSessionContext !== void 0 ? showSessionContext : enabledWidgets.replay;
|
|
67
|
-
var updateSelectedWidgets = function updateSelectedWidgets(widget) {
|
|
68
|
-
var widgetId = neetoWidgetTokens.find(function (item) {
|
|
69
|
-
return item.clientApplicationName.toLowerCase() === widget;
|
|
70
|
-
}).id;
|
|
71
|
-
var isEnabled = !selectedWidgets.includes(widget);
|
|
72
|
-
updateWidgetConfiguration({
|
|
73
|
-
id: widgetId,
|
|
74
|
-
payload: {
|
|
75
|
-
enabled: isEnabled
|
|
76
|
-
}
|
|
77
|
-
}, {
|
|
78
|
-
onSuccess: function onSuccess() {
|
|
79
|
-
var productName = "neeto".concat(capitalize(widget));
|
|
80
|
-
var response = isEnabled ? "neetoMolecules.widget.installation.enabled" : "neetoMolecules.widget.installation.disabled";
|
|
81
|
-
Toastr.success(t(response, {
|
|
82
|
-
productName: productName
|
|
83
|
-
}));
|
|
84
|
-
}
|
|
85
|
-
});
|
|
86
|
-
};
|
|
87
|
-
var getEmbedCodeString = function getEmbedCodeString() {
|
|
88
|
-
return isNotEmpty(widgetApiKey) ? sampleConsolidatedCodeString(enabledWidgets, widgetApiKey) : "";
|
|
89
|
-
};
|
|
90
|
-
var getSnippetProps = function getSnippetProps(selectedEmailType) {
|
|
91
|
-
switch (selectedEmailType) {
|
|
92
|
-
case EMAIL_TYPES.embedCode:
|
|
93
|
-
return {
|
|
94
|
-
codeString: getEmbedCodeString(),
|
|
95
|
-
subject: t("neetoMolecules.widget.email.fields.subject.values.embedCode"),
|
|
96
|
-
body: /*#__PURE__*/React.createElement("div", {
|
|
97
|
-
ref: bodyRef
|
|
98
|
-
}, /*#__PURE__*/React.createElement(Trans, {
|
|
99
|
-
i18nKey: "neetoMolecules.widget.email.body.values.embedCode",
|
|
100
|
-
components: {
|
|
101
|
-
p: /*#__PURE__*/React.createElement("p", {
|
|
102
|
-
style: {
|
|
103
|
-
marginBottom: "8px"
|
|
104
|
-
}
|
|
105
|
-
}),
|
|
106
|
-
mail: /*#__PURE__*/React.createElement("a", {
|
|
107
|
-
className: "neeto-ui-text-primary-800",
|
|
108
|
-
href: "mailto:".concat(INSTALLATION_HELP_EMAIL),
|
|
109
|
-
rel: "noreferrer",
|
|
110
|
-
target: "_blank"
|
|
111
|
-
})
|
|
112
|
-
},
|
|
113
|
-
values: {
|
|
114
|
-
val: getSortedPrefixedWidgets(selectedWidgets),
|
|
115
|
-
helpEmail: INSTALLATION_HELP_EMAIL
|
|
116
|
-
}
|
|
117
|
-
}))
|
|
118
|
-
};
|
|
119
|
-
case EMAIL_TYPES.userIdentity:
|
|
120
|
-
return {
|
|
121
|
-
emailType: EMAIL_TYPES.userIdentity,
|
|
122
|
-
enabledWidgets: enabledWidgets,
|
|
123
|
-
subject: t("neetoMolecules.widget.email.fields.subject.values.userIdentity"),
|
|
124
|
-
body: /*#__PURE__*/React.createElement("div", {
|
|
125
|
-
ref: bodyRef
|
|
126
|
-
}, /*#__PURE__*/React.createElement(Trans, {
|
|
127
|
-
i18nKey: "neetoMolecules.widget.email.body.values.userIdentity",
|
|
128
|
-
components: {
|
|
129
|
-
p: /*#__PURE__*/React.createElement("p", {
|
|
130
|
-
style: {
|
|
131
|
-
marginBottom: "8px"
|
|
132
|
-
}
|
|
133
|
-
}),
|
|
134
|
-
configureLink: /*#__PURE__*/React.createElement("a", {
|
|
135
|
-
className: "neeto-ui-text-primary-800",
|
|
136
|
-
rel: "noreferrer",
|
|
137
|
-
target: "_blank",
|
|
138
|
-
href: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL
|
|
139
|
-
})
|
|
140
|
-
},
|
|
141
|
-
values: {
|
|
142
|
-
userIdentityKbUrl: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL
|
|
143
|
-
}
|
|
144
|
-
}))
|
|
145
|
-
};
|
|
146
|
-
case EMAIL_TYPES.sessionContext:
|
|
147
|
-
return {
|
|
148
|
-
codeString: SAMPLE_CONTEXT_CODE_STRING,
|
|
149
|
-
subject: t("neetoMolecules.widget.email.fields.subject.values.sessionContext"),
|
|
150
|
-
body: /*#__PURE__*/React.createElement("div", {
|
|
151
|
-
ref: bodyRef
|
|
152
|
-
}, /*#__PURE__*/React.createElement(Trans, {
|
|
153
|
-
i18nKey: "neetoMolecules.widget.email.body.values.sessionContext",
|
|
154
|
-
values: {
|
|
155
|
-
sessionContextKbUrl: NEETO_REPLAY_CONFIGURE_URL
|
|
156
|
-
},
|
|
157
|
-
components: {
|
|
158
|
-
p: /*#__PURE__*/React.createElement("p", {
|
|
159
|
-
style: {
|
|
160
|
-
marginBottom: "8px"
|
|
161
|
-
}
|
|
162
|
-
}),
|
|
163
|
-
configureLink: /*#__PURE__*/React.createElement("a", {
|
|
164
|
-
className: "neeto-ui-text-primary-800",
|
|
165
|
-
href: NEETO_REPLAY_CONFIGURE_URL,
|
|
166
|
-
rel: "noreferrer",
|
|
167
|
-
target: "_blank"
|
|
168
|
-
})
|
|
169
|
-
}
|
|
170
|
-
}))
|
|
171
|
-
};
|
|
172
|
-
case EMAIL_TYPES["null"]:
|
|
173
|
-
return previousEmailType !== EMAIL_TYPES["null"] ? getSnippetProps(previousEmailType) : {};
|
|
174
|
-
default:
|
|
175
|
-
throw new Error(t("neetoMolecules.widget.email.invalidType"));
|
|
176
|
-
}
|
|
177
|
-
};
|
|
178
|
-
var handleSendViaEmail = function handleSendViaEmail(selectedEmail) {
|
|
179
|
-
if (isEmpty(selectedWidgets)) {
|
|
180
|
-
Toastr.error(t("neetoMolecules.widget.installation.snippet.disabledError"));
|
|
181
|
-
return;
|
|
182
|
-
}
|
|
183
|
-
setEmailType(selectedEmail);
|
|
184
|
-
};
|
|
185
|
-
if (isLoadingApiKey || isLoadingConfigurations) {
|
|
186
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
187
|
-
className: "h-full w-full"
|
|
188
|
-
}, /*#__PURE__*/React.createElement(PageLoader, null));
|
|
189
|
-
}
|
|
190
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
191
|
-
className: "mx-auto mb-10 w-full flex-col items-center justify-start"
|
|
192
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
193
|
-
className: classnames("mx-auto", maxWidth)
|
|
194
|
-
}, /*#__PURE__*/React.createElement(SelectionSwitches, {
|
|
195
|
-
enabledClientApps: enabledClientApps,
|
|
196
|
-
primaryApp: primaryApp,
|
|
197
|
-
selectedWidgets: selectedWidgets,
|
|
198
|
-
updateSelectedWidgets: updateSelectedWidgets
|
|
199
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
200
|
-
className: "mb-8 w-full flex-grow flex-col items-center justify-start"
|
|
201
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
202
|
-
className: "mx-auto mb-2 w-full",
|
|
203
|
-
"data-testid": "embed-code-block"
|
|
204
|
-
}, /*#__PURE__*/React.createElement(CodeBlock, {
|
|
205
|
-
className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg",
|
|
206
|
-
codeString: getEmbedCodeString(),
|
|
207
|
-
sendViaEmail: function sendViaEmail() {
|
|
208
|
-
return handleSendViaEmail(EMAIL_TYPES.embedCode);
|
|
209
|
-
},
|
|
210
|
-
title: /*#__PURE__*/React.createElement("div", null, t("neetoMolecules.widget.title.embedCode"))
|
|
211
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
212
|
-
className: "w-full"
|
|
213
|
-
}, /*#__PURE__*/React.createElement(Trans, {
|
|
214
|
-
values: {
|
|
215
|
-
val: getSortedPrefixedWidgets(selectedWidgets)
|
|
216
|
-
},
|
|
217
|
-
components: {
|
|
218
|
-
fontBold: /*#__PURE__*/React.createElement("span", {
|
|
219
|
-
className: "font-semibold"
|
|
220
|
-
}),
|
|
221
|
-
fontNormal: /*#__PURE__*/React.createElement("span", {
|
|
222
|
-
className: "font-normal"
|
|
223
|
-
})
|
|
224
|
-
},
|
|
225
|
-
i18nKey: isNotEmpty(selectedWidgets) ? "neetoMolecules.widget.installation.instructions.placement.selectedWidgets" : "neetoMolecules.widget.installation.instructions.placement.noneOfThese"
|
|
226
|
-
}))), shouldShowUserIdentity ? /*#__PURE__*/React.createElement("div", {
|
|
227
|
-
className: "mb-8 w-full flex-grow flex-col items-center justify-start"
|
|
228
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
229
|
-
className: "mx-auto mb-2 w-full"
|
|
230
|
-
}, /*#__PURE__*/React.createElement(CodeBlock, {
|
|
231
|
-
className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg",
|
|
232
|
-
frameworkProps: {
|
|
233
|
-
selectedFramework: selectedFramework,
|
|
234
|
-
setSelectedFramework: setSelectedFramework
|
|
235
|
-
},
|
|
236
|
-
codeString: getSampleUserIdentity(enabledWidgets, selectedFramework.value),
|
|
237
|
-
sendViaEmail: function sendViaEmail() {
|
|
238
|
-
return handleSendViaEmail(EMAIL_TYPES.userIdentity);
|
|
239
|
-
},
|
|
240
|
-
title: /*#__PURE__*/React.createElement("div", {
|
|
241
|
-
className: "flex items-center justify-start"
|
|
242
|
-
}, /*#__PURE__*/React.createElement("div", null, t("neetoMolecules.widget.title.userIdentity")), /*#__PURE__*/React.createElement("a", {
|
|
243
|
-
className: "ml-1",
|
|
244
|
-
rel: "noreferrer",
|
|
245
|
-
target: "_blank",
|
|
246
|
-
href: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL
|
|
247
|
-
}, /*#__PURE__*/React.createElement(Info, {
|
|
248
|
-
size: 16
|
|
249
|
-
})))
|
|
250
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
251
|
-
className: "w-full"
|
|
252
|
-
}, t("neetoMolecules.widget.installation.instructions.userIdentity"))) : null, shouldShowSessionContext ? /*#__PURE__*/React.createElement("div", {
|
|
253
|
-
className: "w-full flex-grow flex-col items-center justify-start"
|
|
254
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
255
|
-
className: "mx-auto mb-2 w-full"
|
|
256
|
-
}, /*#__PURE__*/React.createElement(CodeBlock, {
|
|
257
|
-
className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg",
|
|
258
|
-
codeString: SAMPLE_CONTEXT_CODE_STRING,
|
|
259
|
-
sendViaEmail: function sendViaEmail() {
|
|
260
|
-
return handleSendViaEmail(EMAIL_TYPES.sessionContext);
|
|
261
|
-
},
|
|
262
|
-
title: /*#__PURE__*/React.createElement("div", {
|
|
263
|
-
className: "flex items-center justify-start"
|
|
264
|
-
}, /*#__PURE__*/React.createElement("div", null, t("neetoMolecules.widget.title.sessionContext")), /*#__PURE__*/React.createElement("a", {
|
|
265
|
-
className: "ml-1",
|
|
266
|
-
href: NEETO_REPLAY_CONFIGURE_URL,
|
|
267
|
-
rel: "noreferrer",
|
|
268
|
-
target: "_blank"
|
|
269
|
-
}, /*#__PURE__*/React.createElement(Info, {
|
|
270
|
-
size: 16
|
|
271
|
-
})))
|
|
272
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
273
|
-
className: "w-full"
|
|
274
|
-
}, t("neetoMolecules.widget.installation.instructions.sessionContext"))) : null), /*#__PURE__*/React.createElement(CodeSnippet, _extends({
|
|
275
|
-
isPaneOpen: !!emailType && isNotEmpty(selectedWidgets),
|
|
276
|
-
onClose: function onClose() {
|
|
277
|
-
return setEmailType(EMAIL_TYPES["null"]);
|
|
278
|
-
}
|
|
279
|
-
}, getSnippetProps(emailType))));
|
|
280
|
-
};
|
|
281
|
-
export default /*#__PURE__*/React.memo(EmbedCode);
|
package/dist/NeetoWidget/Main.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Info } from "@bigbinary/neeto-icons";
|
|
3
|
-
import { Callout } from "@bigbinary/neetoui";
|
|
4
|
-
import { useTranslation } from "react-i18next";
|
|
5
|
-
import { QueryClient, QueryClientProvider } from "react-query";
|
|
6
|
-
import EmbedCode from "./EmbedCode";
|
|
7
|
-
var queryClient = new QueryClient();
|
|
8
|
-
var Main = function Main(props) {
|
|
9
|
-
var _useTranslation = useTranslation(),
|
|
10
|
-
t = _useTranslation.t;
|
|
11
|
-
var shouldRenderEmbedCode = window.globalProps.ssoEnabled;
|
|
12
|
-
return shouldRenderEmbedCode ? /*#__PURE__*/React.createElement(QueryClientProvider, {
|
|
13
|
-
client: queryClient
|
|
14
|
-
}, /*#__PURE__*/React.createElement(EmbedCode, props)) : /*#__PURE__*/React.createElement(Callout, {
|
|
15
|
-
icon: Info,
|
|
16
|
-
style: "info"
|
|
17
|
-
}, t("neetoMolecules.widget.developmentInfo"));
|
|
18
|
-
};
|
|
19
|
-
export default Main;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { capitalize } from "@bigbinary/neeto-commons-frontend/pure";
|
|
3
|
-
import { withT } from "@bigbinary/neeto-commons-frontend/react-utils";
|
|
4
|
-
import { Switch, Tooltip } from "@bigbinary/neetoui";
|
|
5
|
-
var TooltipSwitch = withT(function (_ref) {
|
|
6
|
-
var t = _ref.t,
|
|
7
|
-
enabledClientApps = _ref.enabledClientApps,
|
|
8
|
-
widget = _ref.widget,
|
|
9
|
-
selectedWidgets = _ref.selectedWidgets,
|
|
10
|
-
updateSelectedWidgets = _ref.updateSelectedWidgets;
|
|
11
|
-
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
12
|
-
disabled: enabledClientApps.includes(widget),
|
|
13
|
-
placement: "right",
|
|
14
|
-
content: t("neetoMolecules.widget.tooltips.productIsDisabled", {
|
|
15
|
-
productName: "neeto".concat(capitalize(widget))
|
|
16
|
-
})
|
|
17
|
-
}, /*#__PURE__*/React.createElement(Switch, {
|
|
18
|
-
checked: selectedWidgets.includes(widget),
|
|
19
|
-
disabled: !enabledClientApps.includes(widget),
|
|
20
|
-
onChange: function onChange() {
|
|
21
|
-
return updateSelectedWidgets(widget);
|
|
22
|
-
}
|
|
23
|
-
}));
|
|
24
|
-
});
|
|
25
|
-
export default TooltipSwitch;
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { capitalize, isNotEmpty } from "@bigbinary/neeto-commons-frontend/pure";
|
|
3
|
-
import { Info } from "@bigbinary/neeto-icons";
|
|
4
|
-
import { Label } from "@bigbinary/neetoui";
|
|
5
|
-
import TooltipSwitch from "./TooltipSwitch";
|
|
6
|
-
import { WIDGET_TYPES_VALUES, WIDGET_KB_HELP_URL } from "../constants";
|
|
7
|
-
var SelectionSwitches = function SelectionSwitches(_ref) {
|
|
8
|
-
var selectedWidgets = _ref.selectedWidgets,
|
|
9
|
-
updateSelectedWidgets = _ref.updateSelectedWidgets,
|
|
10
|
-
primaryApp = _ref.primaryApp,
|
|
11
|
-
enabledClientApps = _ref.enabledClientApps;
|
|
12
|
-
var primaryWidget = WIDGET_TYPES_VALUES.includes(primaryApp) ? primaryApp : "";
|
|
13
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
14
|
-
className: "mb-4 flex w-full items-center justify-between gap-2"
|
|
15
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
16
|
-
className: "flex items-center space-x-2"
|
|
17
|
-
}, isNotEmpty(primaryWidget) && /*#__PURE__*/React.createElement(TooltipSwitch, {
|
|
18
|
-
enabledClientApps: enabledClientApps,
|
|
19
|
-
selectedWidgets: selectedWidgets,
|
|
20
|
-
updateSelectedWidgets: updateSelectedWidgets,
|
|
21
|
-
widget: primaryWidget
|
|
22
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
23
|
-
className: "flex items-center space-x-1"
|
|
24
|
-
}, /*#__PURE__*/React.createElement(Label, null, "neeto", capitalize(primaryWidget)), /*#__PURE__*/React.createElement("a", {
|
|
25
|
-
href: WIDGET_KB_HELP_URL[primaryApp],
|
|
26
|
-
rel: "noreferrer",
|
|
27
|
-
target: "_blank"
|
|
28
|
-
}, /*#__PURE__*/React.createElement(Info, {
|
|
29
|
-
size: 16
|
|
30
|
-
})))), /*#__PURE__*/React.createElement("div", {
|
|
31
|
-
className: "flex items-center justify-end gap-6"
|
|
32
|
-
}, WIDGET_TYPES_VALUES.map(function (widget, index) {
|
|
33
|
-
return primaryApp !== widget && /*#__PURE__*/React.createElement("div", {
|
|
34
|
-
className: "flex items-center space-x-2",
|
|
35
|
-
key: index
|
|
36
|
-
}, /*#__PURE__*/React.createElement(TooltipSwitch, {
|
|
37
|
-
enabledClientApps: enabledClientApps,
|
|
38
|
-
selectedWidgets: selectedWidgets,
|
|
39
|
-
updateSelectedWidgets: updateSelectedWidgets,
|
|
40
|
-
widget: widget
|
|
41
|
-
}), /*#__PURE__*/React.createElement(Label, null, "neeto", capitalize(widget)));
|
|
42
|
-
})));
|
|
43
|
-
};
|
|
44
|
-
export default SelectionSwitches;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React, { useEffect } from "react";
|
|
2
|
-
import Prism from "prismjs";
|
|
3
|
-
import "prismjs/themes/prism-tomorrow.css";
|
|
4
|
-
var SyntaxHighlighter = function SyntaxHighlighter(_ref) {
|
|
5
|
-
var className = _ref.className,
|
|
6
|
-
code = _ref.code,
|
|
7
|
-
language = _ref.language;
|
|
8
|
-
useEffect(function () {
|
|
9
|
-
Prism.highlightAll();
|
|
10
|
-
}, [code]);
|
|
11
|
-
return /*#__PURE__*/React.createElement("pre", {
|
|
12
|
-
className: className
|
|
13
|
-
}, /*#__PURE__*/React.createElement("code", {
|
|
14
|
-
className: "language-".concat(language)
|
|
15
|
-
}, code));
|
|
16
|
-
};
|
|
17
|
-
export default /*#__PURE__*/React.memo(SyntaxHighlighter);
|
package/dist/NeetoWidget/api.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { EMBED_CODE_EMAIL_URL, WIDGET_CONFIG_URL } from "./constants";
|
|
2
|
-
import { getWidgetApiKeyUrl } from "./utils";
|
|
3
|
-
var _require = require("axios"),
|
|
4
|
-
axios = _require["default"];
|
|
5
|
-
export var queryWidgetApiKey = function queryWidgetApiKey() {
|
|
6
|
-
return axios.get(getWidgetApiKeyUrl(), {
|
|
7
|
-
showToastr: false
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
export var emailWidgetSnippet = function emailWidgetSnippet(data) {
|
|
11
|
-
return axios.post(EMBED_CODE_EMAIL_URL, data);
|
|
12
|
-
};
|
|
13
|
-
export var fetchWidgetConfiguration = function fetchWidgetConfiguration() {
|
|
14
|
-
return axios.get(WIDGET_CONFIG_URL);
|
|
15
|
-
};
|
|
16
|
-
export var updateWidgetConfiguration = function updateWidgetConfiguration(_ref) {
|
|
17
|
-
var id = _ref.id,
|
|
18
|
-
payload = _ref.payload;
|
|
19
|
-
return axios.put("".concat(WIDGET_CONFIG_URL, "/").concat(id), payload);
|
|
20
|
-
};
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
var _SAMPLE_USER_IDENTITY;
|
|
3
|
-
import { values } from "ramda";
|
|
4
|
-
export var NEETO_WIDGET_USER_IDENTITY_KEY = "NeetoWidgetUserIdentity";
|
|
5
|
-
export var SESSION_CONTEXT_KEY = "NeetoReplayWidgetSessionContext";
|
|
6
|
-
export var INSTALLATION_HELP_EMAIL = "support@neeto.com";
|
|
7
|
-
export var SAMPLE_CONTEXT_CODE_STRING = "window.".concat(SESSION_CONTEXT_KEY, " = {\n key1: \"value\",\n key2: [\"array\", \"of\", \"values\"],\n /* More key-value pairs */\n}");
|
|
8
|
-
export var WIDGET_TYPES = {
|
|
9
|
-
changelog: "changelog",
|
|
10
|
-
chat: "chat",
|
|
11
|
-
replay: "replay"
|
|
12
|
-
};
|
|
13
|
-
export var WIDGET_TYPES_VALUES = values(WIDGET_TYPES);
|
|
14
|
-
export var QUERY_KEYS = {
|
|
15
|
-
apiKey: "neetoWidgetApiKey",
|
|
16
|
-
configuration: "neetoWidgetConfiguration"
|
|
17
|
-
};
|
|
18
|
-
export var DEFAULT_QUERY_STALE_TIME = 60 * 60 * 1000; // 1 hour in milliseconds
|
|
19
|
-
|
|
20
|
-
export var EMAIL_TYPES = {
|
|
21
|
-
embedCode: "embedCode",
|
|
22
|
-
userIdentity: "userIdentity",
|
|
23
|
-
sessionContext: "sessionContext",
|
|
24
|
-
"null": ""
|
|
25
|
-
};
|
|
26
|
-
export var RAILS_ENV = {
|
|
27
|
-
production: "production",
|
|
28
|
-
staging: "staging",
|
|
29
|
-
development: "development"
|
|
30
|
-
};
|
|
31
|
-
export var NEETO_WIDGET_SCRIPT_URL = {
|
|
32
|
-
staging: "https://d13nryxs46eypn.cloudfront.net/neeto-widget-staging.js",
|
|
33
|
-
production: "https://d13nryxs46eypn.cloudfront.net/neeto-widget.js"
|
|
34
|
-
};
|
|
35
|
-
export var AVAILABLE_FRAMEWORK_OPTIONS = Object.freeze({
|
|
36
|
-
rails: "rails",
|
|
37
|
-
django: "django",
|
|
38
|
-
php: "php"
|
|
39
|
-
});
|
|
40
|
-
export var FRAMEWORK_SELECT_OPTIONS = [{
|
|
41
|
-
label: "Ruby(Rails)",
|
|
42
|
-
value: AVAILABLE_FRAMEWORK_OPTIONS.rails
|
|
43
|
-
}, {
|
|
44
|
-
label: "Python(Django)",
|
|
45
|
-
value: AVAILABLE_FRAMEWORK_OPTIONS.django
|
|
46
|
-
}, {
|
|
47
|
-
label: "PHP",
|
|
48
|
-
value: AVAILABLE_FRAMEWORK_OPTIONS.php
|
|
49
|
-
}];
|
|
50
|
-
export var SAMPLE_USER_IDENTITY_CODE_STRING = (_SAMPLE_USER_IDENTITY = {}, _defineProperty(_SAMPLE_USER_IDENTITY, AVAILABLE_FRAMEWORK_OPTIONS.rails, "window.".concat(NEETO_WIDGET_USER_IDENTITY_KEY, " = {\n user_identifier: \"<%= current_user.id %>\", // User identifier\"\n name: \"<%= current_user.name %>\", // Full name\n email: \"<%= current_user.email %>\", // Email address\n started_at: \"<%= current_user.created_at.to_i %>\" // Signup date as a Unix timestamp ,\n}")), _defineProperty(_SAMPLE_USER_IDENTITY, AVAILABLE_FRAMEWORK_OPTIONS.django, "window.".concat(NEETO_WIDGET_USER_IDENTITY_KEY, " = {\n user_identifier: \"{{ request.user.id|escapejs }}\", // User identifier\n name: \"{{ request.user.name|escapejs }}\", // Full name\n email: \"{{ request.user.email|escapejs }}\", // Email address\n started_at: \"{{ request.user.created_at|date:'U' }}\" // Signup date as a Unix timestamp\"\n}")), _defineProperty(_SAMPLE_USER_IDENTITY, AVAILABLE_FRAMEWORK_OPTIONS.php, "window.".concat(NEETO_WIDGET_USER_IDENTITY_KEY, " = {\n user_identifier: <?php echo json_encode($current_user->id) ?>, // User identifier\n name: <?php echo json_encode($current_user->name) ?>, // Full name\n email: <?php echo json_encode($current_user->email) ?>, // Email address\n started_at: <?php echo strtotime($current_user->created_at) ?> // Signup date as a Unix timestamp\" ,\n}")), _SAMPLE_USER_IDENTITY);
|
|
51
|
-
export var WIDGET_CONFIG_URL = "api/widget/v1/neeto_widget_tokens";
|
|
52
|
-
export var EMBED_CODE_EMAIL_URL = "api/widget/v1/email_snippets";
|
|
53
|
-
export var CHAT_WIDGET_KB_BASE_URL = "https://help.neetochat.com";
|
|
54
|
-
export var CHANGELOG_WIDGET_KB_BASE_URL = "https://help.neetochangelog.com";
|
|
55
|
-
export var REPLAY_WIDGET_KB_BASE_URL = "https://help.neetoreplay.com";
|
|
56
|
-
export var NEETO_REPLAY_CONFIGURE_URL = "".concat(REPLAY_WIDGET_KB_BASE_URL, "/articles/configure-widget");
|
|
57
|
-
export var NEETO_CHAT_USER_IDENTITY_URL = "".concat(CHAT_WIDGET_KB_BASE_URL, "/articles/info-about-logged-in-users");
|
|
58
|
-
export var WIDGET_KB_HELP_URL = {
|
|
59
|
-
changelog: "".concat(CHANGELOG_WIDGET_KB_BASE_URL, "/categories/widget-installation-usage"),
|
|
60
|
-
chat: "".concat(CHAT_WIDGET_KB_BASE_URL, "/categories/installation"),
|
|
61
|
-
replay: "".concat(REPLAY_WIDGET_KB_BASE_URL, "/categories/widget-installation-usage")
|
|
62
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
|
-
import { useState } from "react";
|
|
3
|
-
var useForceUpdate = function useForceUpdate() {
|
|
4
|
-
// eslint-disable-next-line react/hook-use-state
|
|
5
|
-
var _useState = useState(0),
|
|
6
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
7
|
-
setValue = _useState2[1];
|
|
8
|
-
return function () {
|
|
9
|
-
return setValue(function (value) {
|
|
10
|
-
return value + 1;
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
export default useForceUpdate;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { useMutation } from "react-query";
|
|
2
|
-
import { emailWidgetSnippet } from "./api";
|
|
3
|
-
export var useEmailEmbedCode = function useEmailEmbedCode(onSuccess) {
|
|
4
|
-
return useMutation(function (emailData) {
|
|
5
|
-
return emailWidgetSnippet(emailData);
|
|
6
|
-
}, {
|
|
7
|
-
onSuccess: onSuccess
|
|
8
|
-
});
|
|
9
|
-
};
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
3
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
4
|
-
import { useQuery, useQueryClient, useMutation } from "react-query";
|
|
5
|
-
import { queryWidgetApiKey, fetchWidgetConfiguration, updateWidgetConfiguration } from "./api";
|
|
6
|
-
import { DEFAULT_QUERY_STALE_TIME, QUERY_KEYS } from "./constants";
|
|
7
|
-
export var useFetchApiKey = function useFetchApiKey() {
|
|
8
|
-
return useQuery(QUERY_KEYS.apiKey, function () {
|
|
9
|
-
if (window.globalProps.railsEnv === "heroku" || !process.env.ENABLE_SSO) {
|
|
10
|
-
return Promise.resolve({
|
|
11
|
-
widgetApiKey: "placeholder-api-key"
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
return queryWidgetApiKey();
|
|
15
|
-
}, {
|
|
16
|
-
staleTime: DEFAULT_QUERY_STALE_TIME
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
export var useFetchConfigurations = function useFetchConfigurations() {
|
|
20
|
-
return useQuery(QUERY_KEYS.configuration, fetchWidgetConfiguration, {
|
|
21
|
-
staleTime: DEFAULT_QUERY_STALE_TIME
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
export var useUpdateConfigurations = function useUpdateConfigurations() {
|
|
25
|
-
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
26
|
-
var queryClient = useQueryClient();
|
|
27
|
-
return useMutation(updateWidgetConfiguration, _objectSpread(_objectSpread({}, options), {}, {
|
|
28
|
-
onSuccess: function onSuccess() {
|
|
29
|
-
return queryClient.invalidateQueries(QUERY_KEYS.configuration);
|
|
30
|
-
}
|
|
31
|
-
}));
|
|
32
|
-
};
|