@bigbinary/neeto-molecules 1.1.9 → 1.1.11

package/dist/NeetoWidget/EmbedCode.js

@@ -0,0 +1,281 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState, useRef, useEffect } from "react";
+import classnames from "classnames";
+import { capitalize, isNotEmpty } from "@bigbinary/neeto-commons-frontend/pure";
+import { usePrevious } from "@bigbinary/neeto-commons-frontend/react-utils";
+import { Info } from "@bigbinary/neeto-icons";
+import { Toastr } from "@bigbinary/neetoui";
+import { fromPairs, isEmpty, prop } from "ramda";
+import { Trans, useTranslation } from "react-i18next";
+import PageLoader from "../PageLoader";
+import CodeBlock from "./CodeBlock";
+import CodeSnippet from "./CodeSnippet";
+import { EMAIL_TYPES, SAMPLE_CONTEXT_CODE_STRING, INSTALLATION_HELP_EMAIL, FRAMEWORK_SELECT_OPTIONS, NEETO_CHAT_USER_IDENTITY_URL, NEETO_REPLAY_CONFIGURE_URL } from "./constants";
+import useForceUpdate from "./hooks/useForceUpdate";
+import { useFetchApiKey, useFetchConfigurations, useUpdateConfigurations } from "./queries";
+import SelectionSwitches from "./SelectionSwitches";
+import { getSampleUserIdentity, getSortedPrefixedWidgets, sampleConsolidatedCodeString } from "./utils";
+var EmbedCode = function EmbedCode(_ref) {
+  var showSessionContext = _ref.showSessionContext,
+    showUserIdentity = _ref.showUserIdentity,
+    _ref$primaryApp = _ref.primaryApp,
+    primaryApp = _ref$primaryApp === void 0 ? "" : _ref$primaryApp,
+    _ref$maxWidth = _ref.maxWidth,
+    maxWidth = _ref$maxWidth === void 0 ? "max-w-3xl" : _ref$maxWidth;
+  var _useState = useState(EMAIL_TYPES["null"]),
+    _useState2 = _slicedToArray(_useState, 2),
+    emailType = _useState2[0],
+    setEmailType = _useState2[1];
+  var _useState3 = useState(FRAMEWORK_SELECT_OPTIONS[0]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedFramework = _useState4[0],
+    setSelectedFramework = _useState4[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var bodyRef = useRef();
+  var forceUpdate = useForceUpdate();
+  useEffect(function () {
+    forceUpdate();
+  }, []);
+  var _useFetchApiKey = useFetchApiKey(),
+    _useFetchApiKey$data = _useFetchApiKey.data,
+    _useFetchApiKey$data2 = _useFetchApiKey$data === void 0 ? {} : _useFetchApiKey$data,
+    _useFetchApiKey$data3 = _useFetchApiKey$data2.widgetApiKey,
+    widgetApiKey = _useFetchApiKey$data3 === void 0 ? "" : _useFetchApiKey$data3,
+    isLoadingApiKey = _useFetchApiKey.isLoading;
+  var _useFetchConfiguratio = useFetchConfigurations(),
+    _useFetchConfiguratio2 = _useFetchConfiguratio.data,
+    _useFetchConfiguratio3 = _useFetchConfiguratio2 === void 0 ? {} : _useFetchConfiguratio2,
+    _useFetchConfiguratio4 = _useFetchConfiguratio3.neetoWidgetTokens,
+    neetoWidgetTokens = _useFetchConfiguratio4 === void 0 ? [] : _useFetchConfiguratio4,
+    isLoadingConfigurations = _useFetchConfiguratio.isLoading;
+  var _useUpdateConfigurati = useUpdateConfigurations(),
+    updateWidgetConfiguration = _useUpdateConfigurati.mutate;
+  var previousEmailType = usePrevious(emailType);
+  var selectedWidgets = neetoWidgetTokens.filter(prop("enabled")).map(function (item) {
+    return item.clientApplicationName.toLowerCase();
+  });
+  var enabledClientApps = neetoWidgetTokens.filter(prop("clientApplicationEnabled")).map(function (item) {
+    return item.clientApplicationName.toLowerCase();
+  });
+  var enabledWidgets = fromPairs(selectedWidgets.map(function (widget) {
+    return [widget, true];
+  }));
+  var shouldShowUserIdentity = showUserIdentity !== null && showUserIdentity !== void 0 ? showUserIdentity : enabledWidgets.chat || enabledWidgets.replay;
+  var shouldShowSessionContext = showSessionContext !== null && showSessionContext !== void 0 ? showSessionContext : enabledWidgets.replay;
+  var updateSelectedWidgets = function updateSelectedWidgets(widget) {
+    var widgetId = neetoWidgetTokens.find(function (item) {
+      return item.clientApplicationName.toLowerCase() === widget;
+    }).id;
+    var isEnabled = !selectedWidgets.includes(widget);
+    updateWidgetConfiguration({
+      id: widgetId,
+      payload: {
+        enabled: isEnabled
+      }
+    }, {
+      onSuccess: function onSuccess() {
+        var productName = "neeto".concat(capitalize(widget));
+        var response = isEnabled ? "neetoMolecules.widget.installation.enabled" : "neetoMolecules.widget.installation.disabled";
+        Toastr.success(t(response, {
+          productName: productName
+        }));
+      }
+    });
+  };
+  var getEmbedCodeString = function getEmbedCodeString() {
+    return isNotEmpty(widgetApiKey) ? sampleConsolidatedCodeString(enabledWidgets, widgetApiKey) : "";
+  };
+  var getSnippetProps = function getSnippetProps(selectedEmailType) {
+    switch (selectedEmailType) {
+      case EMAIL_TYPES.embedCode:
+        return {
+          codeString: getEmbedCodeString(),
+          subject: t("neetoMolecules.widget.email.fields.subject.values.embedCode"),
+          body: /*#__PURE__*/React.createElement("div", {
+            ref: bodyRef
+          }, /*#__PURE__*/React.createElement(Trans, {
+            i18nKey: "neetoMolecules.widget.email.body.values.embedCode",
+            components: {
+              p: /*#__PURE__*/React.createElement("p", {
+                style: {
+                  marginBottom: "8px"
+                }
+              }),
+              mail: /*#__PURE__*/React.createElement("a", {
+                className: "neeto-ui-text-primary-800",
+                href: "mailto:".concat(INSTALLATION_HELP_EMAIL),
+                rel: "noreferrer",
+                target: "_blank"
+              })
+            },
+            values: {
+              val: getSortedPrefixedWidgets(selectedWidgets),
+              helpEmail: INSTALLATION_HELP_EMAIL
+            }
+          }))
+        };
+      case EMAIL_TYPES.userIdentity:
+        return {
+          emailType: EMAIL_TYPES.userIdentity,
+          enabledWidgets: enabledWidgets,
+          subject: t("neetoMolecules.widget.email.fields.subject.values.userIdentity"),
+          body: /*#__PURE__*/React.createElement("div", {
+            ref: bodyRef
+          }, /*#__PURE__*/React.createElement(Trans, {
+            i18nKey: "neetoMolecules.widget.email.body.values.userIdentity",
+            components: {
+              p: /*#__PURE__*/React.createElement("p", {
+                style: {
+                  marginBottom: "8px"
+                }
+              }),
+              configureLink: /*#__PURE__*/React.createElement("a", {
+                className: "neeto-ui-text-primary-800",
+                rel: "noreferrer",
+                target: "_blank",
+                href: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL
+              })
+            },
+            values: {
+              userIdentityKbUrl: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL
+            }
+          }))
+        };
+      case EMAIL_TYPES.sessionContext:
+        return {
+          codeString: SAMPLE_CONTEXT_CODE_STRING,
+          subject: t("neetoMolecules.widget.email.fields.subject.values.sessionContext"),
+          body: /*#__PURE__*/React.createElement("div", {
+            ref: bodyRef
+          }, /*#__PURE__*/React.createElement(Trans, {
+            i18nKey: "neetoMolecules.widget.email.body.values.sessionContext",
+            values: {
+              sessionContextKbUrl: NEETO_REPLAY_CONFIGURE_URL
+            },
+            components: {
+              p: /*#__PURE__*/React.createElement("p", {
+                style: {
+                  marginBottom: "8px"
+                }
+              }),
+              configureLink: /*#__PURE__*/React.createElement("a", {
+                className: "neeto-ui-text-primary-800",
+                href: NEETO_REPLAY_CONFIGURE_URL,
+                rel: "noreferrer",
+                target: "_blank"
+              })
+            }
+          }))
+        };
+      case EMAIL_TYPES["null"]:
+        return previousEmailType !== EMAIL_TYPES["null"] ? getSnippetProps(previousEmailType) : {};
+      default:
+        throw new Error(t("neetoMolecules.widget.email.invalidType"));
+    }
+  };
+  var handleSendViaEmail = function handleSendViaEmail(selectedEmail) {
+    if (isEmpty(selectedWidgets)) {
+      Toastr.error(t("neetoMolecules.widget.installation.snippet.disabledError"));
+      return;
+    }
+    setEmailType(selectedEmail);
+  };
+  if (isLoadingApiKey || isLoadingConfigurations) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "h-full w-full"
+    }, /*#__PURE__*/React.createElement(PageLoader, null));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "mx-auto mb-10 w-full flex-col items-center justify-start"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames("mx-auto", maxWidth)
+  }, /*#__PURE__*/React.createElement(SelectionSwitches, {
+    enabledClientApps: enabledClientApps,
+    primaryApp: primaryApp,
+    selectedWidgets: selectedWidgets,
+    updateSelectedWidgets: updateSelectedWidgets
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "mb-8 w-full flex-grow flex-col items-center justify-start"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mx-auto mb-2 w-full",
+    "data-testid": "embed-code-block"
+  }, /*#__PURE__*/React.createElement(CodeBlock, {
+    className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg",
+    codeString: getEmbedCodeString(),
+    sendViaEmail: function sendViaEmail() {
+      return handleSendViaEmail(EMAIL_TYPES.embedCode);
+    },
+    title: /*#__PURE__*/React.createElement("div", null, t("neetoMolecules.widget.title.embedCode"))
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "w-full"
+  }, /*#__PURE__*/React.createElement(Trans, {
+    values: {
+      val: getSortedPrefixedWidgets(selectedWidgets)
+    },
+    components: {
+      fontBold: /*#__PURE__*/React.createElement("span", {
+        className: "font-semibold"
+      }),
+      fontNormal: /*#__PURE__*/React.createElement("span", {
+        className: "font-normal"
+      })
+    },
+    i18nKey: isNotEmpty(selectedWidgets) ? "neetoMolecules.widget.installation.instructions.placement.selectedWidgets" : "neetoMolecules.widget.installation.instructions.placement.noneOfThese"
+  }))), shouldShowUserIdentity ? /*#__PURE__*/React.createElement("div", {
+    className: "mb-8 w-full flex-grow flex-col items-center justify-start"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mx-auto mb-2 w-full"
+  }, /*#__PURE__*/React.createElement(CodeBlock, {
+    className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg",
+    frameworkProps: {
+      selectedFramework: selectedFramework,
+      setSelectedFramework: setSelectedFramework
+    },
+    codeString: getSampleUserIdentity(enabledWidgets, selectedFramework.value),
+    sendViaEmail: function sendViaEmail() {
+      return handleSendViaEmail(EMAIL_TYPES.userIdentity);
+    },
+    title: /*#__PURE__*/React.createElement("div", {
+      className: "flex items-center justify-start"
+    }, /*#__PURE__*/React.createElement("div", null, t("neetoMolecules.widget.title.userIdentity")), /*#__PURE__*/React.createElement("a", {
+      className: "ml-1",
+      rel: "noreferrer",
+      target: "_blank",
+      href: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL
+    }, /*#__PURE__*/React.createElement(Info, {
+      size: 16
+    })))
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "w-full"
+  }, t("neetoMolecules.widget.installation.instructions.userIdentity"))) : null, shouldShowSessionContext ? /*#__PURE__*/React.createElement("div", {
+    className: "w-full flex-grow flex-col items-center justify-start"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mx-auto mb-2 w-full"
+  }, /*#__PURE__*/React.createElement(CodeBlock, {
+    className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg",
+    codeString: SAMPLE_CONTEXT_CODE_STRING,
+    sendViaEmail: function sendViaEmail() {
+      return handleSendViaEmail(EMAIL_TYPES.sessionContext);
+    },
+    title: /*#__PURE__*/React.createElement("div", {
+      className: "flex items-center justify-start"
+    }, /*#__PURE__*/React.createElement("div", null, t("neetoMolecules.widget.title.sessionContext")), /*#__PURE__*/React.createElement("a", {
+      className: "ml-1",
+      href: NEETO_REPLAY_CONFIGURE_URL,
+      rel: "noreferrer",
+      target: "_blank"
+    }, /*#__PURE__*/React.createElement(Info, {
+      size: 16
+    })))
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "w-full"
+  }, t("neetoMolecules.widget.installation.instructions.sessionContext"))) : null), /*#__PURE__*/React.createElement(CodeSnippet, _extends({
+    isPaneOpen: !!emailType && isNotEmpty(selectedWidgets),
+    onClose: function onClose() {
+      return setEmailType(EMAIL_TYPES["null"]);
+    }
+  }, getSnippetProps(emailType))));
+};
+export default /*#__PURE__*/React.memo(EmbedCode);

package/dist/NeetoWidget/Main.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { Info } from "@bigbinary/neeto-icons";
+import { Callout } from "@bigbinary/neetoui";
+import { useTranslation } from "react-i18next";
+import { QueryClient, QueryClientProvider } from "react-query";
+import EmbedCode from "./EmbedCode";
+var queryClient = new QueryClient();
+var Main = function Main(props) {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var shouldRenderEmbedCode = window.globalProps.ssoEnabled;
+  return shouldRenderEmbedCode ? /*#__PURE__*/React.createElement(QueryClientProvider, {
+    client: queryClient
+  }, /*#__PURE__*/React.createElement(EmbedCode, props)) : /*#__PURE__*/React.createElement(Callout, {
+    icon: Info,
+    style: "info"
+  }, t("neetoMolecules.widget.developmentInfo"));
+};
+export default Main;

package/dist/NeetoWidget/SelectionSwitches/TooltipSwitch.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { capitalize } from "@bigbinary/neeto-commons-frontend/pure";
+import { withT } from "@bigbinary/neeto-commons-frontend/react-utils";
+import { Switch, Tooltip } from "@bigbinary/neetoui";
+var TooltipSwitch = withT(function (_ref) {
+  var t = _ref.t,
+    enabledClientApps = _ref.enabledClientApps,
+    widget = _ref.widget,
+    selectedWidgets = _ref.selectedWidgets,
+    updateSelectedWidgets = _ref.updateSelectedWidgets;
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    disabled: enabledClientApps.includes(widget),
+    placement: "right",
+    content: t("neetoMolecules.widget.tooltips.productIsDisabled", {
+      productName: "neeto".concat(capitalize(widget))
+    })
+  }, /*#__PURE__*/React.createElement(Switch, {
+    checked: selectedWidgets.includes(widget),
+    disabled: !enabledClientApps.includes(widget),
+    onChange: function onChange() {
+      return updateSelectedWidgets(widget);
+    }
+  }));
+});
+export default TooltipSwitch;

package/dist/NeetoWidget/SelectionSwitches/index.js

@@ -0,0 +1,44 @@
+import React from "react";
+import { capitalize, isNotEmpty } from "@bigbinary/neeto-commons-frontend/pure";
+import { Info } from "@bigbinary/neeto-icons";
+import { Label } from "@bigbinary/neetoui";
+import TooltipSwitch from "./TooltipSwitch";
+import { WIDGET_TYPES_VALUES, WIDGET_KB_HELP_URL } from "../constants";
+var SelectionSwitches = function SelectionSwitches(_ref) {
+  var selectedWidgets = _ref.selectedWidgets,
+    updateSelectedWidgets = _ref.updateSelectedWidgets,
+    primaryApp = _ref.primaryApp,
+    enabledClientApps = _ref.enabledClientApps;
+  var primaryWidget = WIDGET_TYPES_VALUES.includes(primaryApp) ? primaryApp : "";
+  return /*#__PURE__*/React.createElement("div", {
+    className: "mb-4 flex w-full items-center justify-between gap-2"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center space-x-2"
+  }, isNotEmpty(primaryWidget) && /*#__PURE__*/React.createElement(TooltipSwitch, {
+    enabledClientApps: enabledClientApps,
+    selectedWidgets: selectedWidgets,
+    updateSelectedWidgets: updateSelectedWidgets,
+    widget: primaryWidget
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center space-x-1"
+  }, /*#__PURE__*/React.createElement(Label, null, "neeto", capitalize(primaryWidget)), /*#__PURE__*/React.createElement("a", {
+    href: WIDGET_KB_HELP_URL[primaryApp],
+    rel: "noreferrer",
+    target: "_blank"
+  }, /*#__PURE__*/React.createElement(Info, {
+    size: 16
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-end gap-6"
+  }, WIDGET_TYPES_VALUES.map(function (widget, index) {
+    return primaryApp !== widget && /*#__PURE__*/React.createElement("div", {
+      className: "flex items-center space-x-2",
+      key: index
+    }, /*#__PURE__*/React.createElement(TooltipSwitch, {
+      enabledClientApps: enabledClientApps,
+      selectedWidgets: selectedWidgets,
+      updateSelectedWidgets: updateSelectedWidgets,
+      widget: widget
+    }), /*#__PURE__*/React.createElement(Label, null, "neeto", capitalize(widget)));
+  })));
+};
+export default SelectionSwitches;

package/dist/NeetoWidget/SyntaxHighlighter.js

@@ -0,0 +1,17 @@
+import React, { useEffect } from "react";
+import Prism from "prismjs";
+import "prismjs/themes/prism-tomorrow.css";
+var SyntaxHighlighter = function SyntaxHighlighter(_ref) {
+  var className = _ref.className,
+    code = _ref.code,
+    language = _ref.language;
+  useEffect(function () {
+    Prism.highlightAll();
+  }, [code]);
+  return /*#__PURE__*/React.createElement("pre", {
+    className: className
+  }, /*#__PURE__*/React.createElement("code", {
+    className: "language-".concat(language)
+  }, code));
+};
+export default /*#__PURE__*/React.memo(SyntaxHighlighter);

package/dist/NeetoWidget/api.js

@@ -0,0 +1,20 @@
+import { EMBED_CODE_EMAIL_URL, WIDGET_CONFIG_URL } from "./constants";
+import { getWidgetApiKeyUrl } from "./utils";
+var _require = require("axios"),
+  axios = _require["default"];
+export var queryWidgetApiKey = function queryWidgetApiKey() {
+  return axios.get(getWidgetApiKeyUrl(), {
+    showToastr: false
+  });
+};
+export var emailWidgetSnippet = function emailWidgetSnippet(data) {
+  return axios.post(EMBED_CODE_EMAIL_URL, data);
+};
+export var fetchWidgetConfiguration = function fetchWidgetConfiguration() {
+  return axios.get(WIDGET_CONFIG_URL);
+};
+export var updateWidgetConfiguration = function updateWidgetConfiguration(_ref) {
+  var id = _ref.id,
+    payload = _ref.payload;
+  return axios.put("".concat(WIDGET_CONFIG_URL, "/").concat(id), payload);
+};

package/dist/NeetoWidget/constants.js

@@ -0,0 +1,62 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _SAMPLE_USER_IDENTITY;
+import { values } from "ramda";
+export var NEETO_WIDGET_USER_IDENTITY_KEY = "NeetoWidgetUserIdentity";
+export var SESSION_CONTEXT_KEY = "NeetoReplayWidgetSessionContext";
+export var INSTALLATION_HELP_EMAIL = "support@neeto.com";
+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}");
+export var WIDGET_TYPES = {
+  changelog: "changelog",
+  chat: "chat",
+  replay: "replay"
+};
+export var WIDGET_TYPES_VALUES = values(WIDGET_TYPES);
+export var QUERY_KEYS = {
+  apiKey: "neetoWidgetApiKey",
+  configuration: "neetoWidgetConfiguration"
+};
+export var DEFAULT_QUERY_STALE_TIME = 60 * 60 * 1000; // 1 hour in milliseconds
+
+export var EMAIL_TYPES = {
+  embedCode: "embedCode",
+  userIdentity: "userIdentity",
+  sessionContext: "sessionContext",
+  "null": ""
+};
+export var RAILS_ENV = {
+  production: "production",
+  staging: "staging",
+  development: "development"
+};
+export var NEETO_WIDGET_SCRIPT_URL = {
+  staging: "https://d13nryxs46eypn.cloudfront.net/neeto-widget-staging.js",
+  production: "https://d13nryxs46eypn.cloudfront.net/neeto-widget.js"
+};
+export var AVAILABLE_FRAMEWORK_OPTIONS = Object.freeze({
+  rails: "rails",
+  django: "django",
+  php: "php"
+});
+export var FRAMEWORK_SELECT_OPTIONS = [{
+  label: "Ruby(Rails)",
+  value: AVAILABLE_FRAMEWORK_OPTIONS.rails
+}, {
+  label: "Python(Django)",
+  value: AVAILABLE_FRAMEWORK_OPTIONS.django
+}, {
+  label: "PHP",
+  value: AVAILABLE_FRAMEWORK_OPTIONS.php
+}];
+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);
+export var WIDGET_CONFIG_URL = "api/widget/v1/neeto_widget_tokens";
+export var EMBED_CODE_EMAIL_URL = "api/widget/v1/email_snippets";
+export var CHAT_WIDGET_KB_BASE_URL = "https://help.neetochat.com";
+export var CHANGELOG_WIDGET_KB_BASE_URL = "https://help.neetochangelog.com";
+export var REPLAY_WIDGET_KB_BASE_URL = "https://help.neetoreplay.com";
+export var NEETO_REPLAY_CONFIGURE_URL = "".concat(REPLAY_WIDGET_KB_BASE_URL, "/articles/configure-widget");
+export var NEETO_CHAT_USER_IDENTITY_URL = "".concat(CHAT_WIDGET_KB_BASE_URL, "/articles/info-about-logged-in-users");
+export var WIDGET_KB_HELP_URL = {
+  changelog: "".concat(CHANGELOG_WIDGET_KB_BASE_URL, "/categories/widget-installation-usage"),
+  chat: "".concat(CHAT_WIDGET_KB_BASE_URL, "/categories/installation"),
+  replay: "".concat(REPLAY_WIDGET_KB_BASE_URL, "/categories/widget-installation-usage")
+};

package/dist/NeetoWidget/hooks/useForceUpdate.js

@@ -0,0 +1,14 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { useState } from "react";
+var useForceUpdate = function useForceUpdate() {
+  // eslint-disable-next-line react/hook-use-state
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    setValue = _useState2[1];
+  return function () {
+    return setValue(function (value) {
+      return value + 1;
+    });
+  };
+};
+export default useForceUpdate;

package/dist/NeetoWidget/index.js

@@ -0,0 +1,7 @@
+import { WIDGET_TYPES } from "./constants";
+import Main from "./Main";
+var NeetoWidget = {
+  EmbedCode: Main,
+  WIDGET_TYPES: WIDGET_TYPES
+};
+export default NeetoWidget;

package/dist/NeetoWidget/mutations.js

@@ -0,0 +1,9 @@
+import { useMutation } from "react-query";
+import { emailWidgetSnippet } from "./api";
+export var useEmailEmbedCode = function useEmailEmbedCode(onSuccess) {
+  return useMutation(function (emailData) {
+    return emailWidgetSnippet(emailData);
+  }, {
+    onSuccess: onSuccess
+  });
+};

package/dist/NeetoWidget/queries.js

@@ -0,0 +1,32 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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; }
+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; }
+import { useQuery, useQueryClient, useMutation } from "react-query";
+import { queryWidgetApiKey, fetchWidgetConfiguration, updateWidgetConfiguration } from "./api";
+import { DEFAULT_QUERY_STALE_TIME, QUERY_KEYS } from "./constants";
+export var useFetchApiKey = function useFetchApiKey() {
+  return useQuery(QUERY_KEYS.apiKey, function () {
+    if (window.globalProps.railsEnv === "heroku" || !process.env.ENABLE_SSO) {
+      return Promise.resolve({
+        widgetApiKey: "placeholder-api-key"
+      });
+    }
+    return queryWidgetApiKey();
+  }, {
+    staleTime: DEFAULT_QUERY_STALE_TIME
+  });
+};
+export var useFetchConfigurations = function useFetchConfigurations() {
+  return useQuery(QUERY_KEYS.configuration, fetchWidgetConfiguration, {
+    staleTime: DEFAULT_QUERY_STALE_TIME
+  });
+};
+export var useUpdateConfigurations = function useUpdateConfigurations() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var queryClient = useQueryClient();
+  return useMutation(updateWidgetConfiguration, _objectSpread(_objectSpread({}, options), {}, {
+    onSuccess: function onSuccess() {
+      return queryClient.invalidateQueries(QUERY_KEYS.configuration);
+    }
+  }));
+};

package/dist/NeetoWidget/utils.js

@@ -0,0 +1,83 @@
+import i18next from "i18next";
+import { capitalize } from "@bigbinary/neeto-commons-frontend/pure";
+import { identity, last } from "ramda";
+import * as yup from "yup";
+import { NEETO_WIDGET_USER_IDENTITY_KEY, SESSION_CONTEXT_KEY, RAILS_ENV, NEETO_WIDGET_SCRIPT_URL, SAMPLE_USER_IDENTITY_CODE_STRING } from "./constants";
+var buildEmbedWidgetScript = function buildEmbedWidgetScript() {
+  var widgetScriptUrl = window.globalProps.railsEnv === RAILS_ENV.production ? NEETO_WIDGET_SCRIPT_URL.production : NEETO_WIDGET_SCRIPT_URL.staging;
+  return "<script src=\"".concat(widgetScriptUrl, "\"></script>");
+};
+var indentAndFormat = function indentAndFormat(str) {
+  var formatter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : identity;
+  return str.split("\n").map(formatter).join("\n  ");
+};
+var getCommentedCommand = function getCommentedCommand(command, isEnabled) {
+  return isEnabled ? command : "/// ".concat(command);
+};
+var embedWidgetEnvironment = function embedWidgetEnvironment() {
+  switch (window.globalProps.railsEnv) {
+    case RAILS_ENV.production:
+      return "";
+    case RAILS_ENV.development:
+      return "environment: \"".concat(RAILS_ENV.development, "\",");
+    case RAILS_ENV.staging:
+      return "environment: \"".concat(RAILS_ENV.staging, "\",");
+    default:
+      return "/* Unidentified RAILS_ENV, */";
+  }
+};
+var embedWidgetApiKey = function embedWidgetApiKey(apiKey) {
+  return "apiKey: \"".concat(apiKey, "\",");
+};
+var addChangelogOptions = function addChangelogOptions() {
+  return "neetoChangelogOptions: {\n  elementId: \"neetochangelog-trigger\",\n},";
+};
+var wrapBlockInOnLoad = function wrapBlockInOnLoad(codeBlock) {
+  return "window.addEventListener(\"load\", () => ".concat(codeBlock, ");");
+};
+var embedWidgetFunctionCall = function embedWidgetFunctionCall(enabledWidgets, apiKey) {
+  return "embedNeetoWidget({\n  ".concat(embedWidgetEnvironment(), "\n  ").concat(indentAndFormat(embedWidgetApiKey(apiKey)), "\n  ").concat(indentAndFormat(addChangelogOptions(), function (cmd) {
+    return getCommentedCommand(cmd, enabledWidgets.changelog);
+  }), "\n})");
+};
+var filterMarkedCommands = function filterMarkedCommands(queryString) {
+  return queryString.split("\n").filter(function (line) {
+    return !line.includes("///") && line.trim();
+  }).join("\n");
+};
+export var getSampleUserIdentity = function getSampleUserIdentity(enabledWidgets, selectedFramework) {
+  var splitCodeLines = SAMPLE_USER_IDENTITY_CODE_STRING[selectedFramework].split("\n");
+  return filterMarkedCommands(splitCodeLines.map(function (cmd) {
+    var isEmailKey = cmd.includes("email");
+    var isObjectStartLine = cmd === splitCodeLines[0];
+    var isObjectEndLine = cmd === last(splitCodeLines);
+    var isLineHidden = !isEmailKey && !isObjectStartLine && !isObjectEndLine;
+    if (!enabledWidgets.chat && isLineHidden || !enabledWidgets.chat && !enabledWidgets.replay) {
+      return null;
+    }
+    return cmd;
+  }).join("\n"));
+};
+export var sampleConsolidatedCodeString = function sampleConsolidatedCodeString(enabledWidgets, apiKey) {
+  return filterMarkedCommands("".concat(buildEmbedWidgetScript(), "\n<script>\n  ").concat(enabledWidgets.chat || enabledWidgets.replay ? "window.".concat(NEETO_WIDGET_USER_IDENTITY_KEY, " = {};") : "", "\n  ").concat(enabledWidgets.replay ? "window.".concat(SESSION_CONTEXT_KEY, " = {};") : "", "\n\n  ").concat(indentAndFormat(wrapBlockInOnLoad(embedWidgetFunctionCall(enabledWidgets, apiKey))), "\n</script>"));
+};
+export var getEmailWidgetSnippetFormInitialValues = function getEmailWidgetSnippetFormInitialValues(subject) {
+  return {
+    emails: "",
+    subject: subject
+  };
+};
+export var getSortedPrefixedWidgets = function getSortedPrefixedWidgets(widgets) {
+  return widgets.sort().map(function (widget) {
+    return "neeto".concat(capitalize(widget));
+  });
+};
+export var getEmailWidgetSnippetValidationSchema = function getEmailWidgetSnippetValidationSchema() {
+  return yup.object({
+    emails: yup.array().required().label(i18next.t("neetoMolecules.widget.email.fields.emails.label")),
+    subject: yup.string().required().label(i18next.t("neetoMolecules.widget.email.fields.subject.label"))
+  });
+};
+export var getWidgetApiKeyUrl = function getWidgetApiKeyUrl() {
+  return "api/widget/v1/api_keys/".concat(window.globalProps.organization.subdomain);
+};