@bigbinary/neeto-molecules 3.7.20 → 3.7.22

package/dist/cjs/NeetoWidget.js

@@ -19,8 +19,8 @@ var Spinner = require('@bigbinary/neetoui/Spinner');
 var jsxRuntime = require('react/jsx-runtime');
 var Select = require('@bigbinary/neetoui/Select');
 var CopyToClipboardButton = require('./CopyToClipboardButton.js');
-var _commonjsHelpers = require('./_commonjsHelpers-b3309d7b.js');
-var injectCss = require('./inject-css-80a5faa3.js');
+var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
+var injectCss = require('./inject-css-vQvjPR2x.js');
 var formik = require('formik');
 var Pane = require('@bigbinary/neetoui/Pane');
 var Input = require('@bigbinary/neetoui/formik/Input');
@@ -37,10 +37,7 @@ require('@bigbinary/neeto-commons-frontend/utils/general');
 require('@bigbinary/neeto-icons/Copy');
 require('@bigbinary/neeto-icons/Check');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -53,32 +50,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
-var Info__default = /*#__PURE__*/_interopDefaultLegacy(Info);
-var Callout__default = /*#__PURE__*/_interopDefaultLegacy(Callout);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var usePrevious__default = /*#__PURE__*/_interopDefaultLegacy(usePrevious);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
-var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
-var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
-var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
-var MultiEmailInput__default = /*#__PURE__*/_interopDefaultLegacy(MultiEmailInput);
-var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
-var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
-var useMutationWithInvalidation__default = /*#__PURE__*/_interopDefaultLegacy(useMutationWithInvalidation);
-var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
-var withT__default = /*#__PURE__*/_interopDefaultLegacy(withT);
-var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
-var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
 var NEETO_WIDGET_USER_IDENTITY_KEY = "NeetoWidgetUserIdentity";
 var SESSION_CONTEXT_KEY = "NeetoReplayWidgetSessionContext";
@@ -136,7 +112,7 @@ var FRAMEWORK_SELECT_OPTIONS = [{
   label: "PHP",
   value: AVAILABLE_FRAMEWORK_OPTIONS.php
 }];
-var SAMPLE_USER_IDENTITY_CODE_STRING = _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({}, 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}")), 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}")), 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}"));
+var SAMPLE_USER_IDENTITY_CODE_STRING = _defineProperty(_defineProperty(_defineProperty({}, 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}")), 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}")), 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}"));
 var WIDGET_CONFIG_URL = "/api/widget/v1/neeto_widget_tokens";
 var EMBED_CODE_EMAIL_URL = "/api/widget/v1/email_snippets";
 var CHAT_WIDGET_KB_BASE_URL = "https://help.neetochat.com";
@@ -160,11 +136,11 @@ var ChatWidgetBody = function ChatWidgetBody(_ref) {
         helpLink: WIDGET_HELP_LINKS.changelog
       },
       components: {
-        p: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        p: /*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "mb-2",
           style: "body2"
         }),
-        a: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        a: /*#__PURE__*/jsxRuntime.jsx(Button, {
           href: WIDGET_HELP_LINKS.changelog,
           rel: "noreferrer",
           style: "link",
@@ -177,11 +153,11 @@ var ChatWidgetBody = function ChatWidgetBody(_ref) {
         helpLink: WIDGET_HELP_LINKS.chat
       },
       components: {
-        p: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        p: /*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "mb-2",
           style: "body2"
         }),
-        a: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        a: /*#__PURE__*/jsxRuntime.jsx(Button, {
           href: WIDGET_HELP_LINKS.chat,
           rel: "noreferrer",
           style: "link",
@@ -194,11 +170,11 @@ var ChatWidgetBody = function ChatWidgetBody(_ref) {
         helpLink: WIDGET_HELP_LINKS.replay
       },
       components: {
-        p: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        p: /*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "mb-2",
           style: "body2"
         }),
-        a: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        a: /*#__PURE__*/jsxRuntime.jsx(Button, {
           href: WIDGET_HELP_LINKS.replay,
           rel: "noreferrer",
           style: "link",
@@ -211,8 +187,6 @@ var ChatWidgetBody = function ChatWidgetBody(_ref) {
 
 var prism = {exports: {}};
 
-prism.exports;
-
 (function (module) {
 	/* **********************************************
 	     Begin prism-core.js
@@ -2206,15 +2180,15 @@ var CodeBlock = function CodeBlock(_ref) {
     selectedFramework = _ref2.selectedFramework,
     setSelectedFramework = _ref2.setSelectedFramework;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: classnames__default["default"](["relative", className]),
+    className: classnames(["relative", className]),
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "neeto-ui-rounded-lg neeto-ui-border-gray-200 neeto-ui-bg-gray-50 flex w-full flex-wrap items-center justify-between gap-2 rounded-b-none border p-3",
-      children: [title && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: [title && /*#__PURE__*/jsxRuntime.jsx(Typography, {
         className: "m-0 flex-shrink-0",
         "data-cy": "code-block-title-text",
         style: "h4",
         children: title
-      }), selectedFramework && /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
+      }), selectedFramework && /*#__PURE__*/jsxRuntime.jsx(Select, {
         className: "w-40",
         "data-testid": "framework-select",
         options: FRAMEWORK_SELECT_OPTIONS,
@@ -2222,7 +2196,7 @@ var CodeBlock = function CodeBlock(_ref) {
         onChange: setSelectedFramework
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "ml-auto flex flex-shrink-0 items-center justify-end gap-2",
-        children: [sendViaEmail ? /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        children: [sendViaEmail ? /*#__PURE__*/jsxRuntime.jsx(Button, {
           style: "text",
           label: t("neetoMolecules.widget.installation.snippet.sendViaEmail"),
           onClick: sendViaEmail
@@ -2314,7 +2288,7 @@ var getSortedPrefixedWidgets = function getSortedPrefixedWidgets(widgets) {
 };
 var getWidgetDescriptions = function getWidgetDescriptions(widgets) {
   var values = Object.entries(WIDGET_DESCRIPTIONS).filter(function (_ref) {
-    var _ref2 = _slicedToArray__default["default"](_ref, 1),
+    var _ref2 = _slicedToArray(_ref, 1),
       widget = _ref2[0];
     return widgets.includes(widget);
   });
@@ -2322,8 +2296,8 @@ var getWidgetDescriptions = function getWidgetDescriptions(widgets) {
 };
 var getEmailWidgetSnippetValidationSchema = function getEmailWidgetSnippetValidationSchema() {
   return yup__namespace.object({
-    emails: yup__namespace.array().required().label(i18next__default["default"].t("neetoMolecules.widget.email.fields.emails.label")),
-    subject: yup__namespace.string().required().label(i18next__default["default"].t("neetoMolecules.widget.email.fields.subject.label"))
+    emails: yup__namespace.array().required().label(i18next.t("neetoMolecules.widget.email.fields.emails.label")),
+    subject: yup__namespace.string().required().label(i18next.t("neetoMolecules.widget.email.fields.subject.label"))
   });
 };
 var getWidgetApiKeyUrl = function getWidgetApiKeyUrl() {
@@ -2339,20 +2313,20 @@ var shouldShowSwitches = function shouldShowSwitches() {
 };
 
 var queryWidgetApiKey = function queryWidgetApiKey() {
-  return axios__default["default"].get(getWidgetApiKeyUrl(), {
+  return axios.get(getWidgetApiKeyUrl(), {
     showToastr: false
   });
 };
 var emailWidgetSnippet = function emailWidgetSnippet(data) {
-  return axios__default["default"].post(EMBED_CODE_EMAIL_URL, data);
+  return axios.post(EMBED_CODE_EMAIL_URL, data);
 };
 var fetchWidgetConfiguration = function fetchWidgetConfiguration() {
-  return axios__default["default"].get(WIDGET_CONFIG_URL);
+  return axios.get(WIDGET_CONFIG_URL);
 };
 var updateWidgetConfiguration = function updateWidgetConfiguration(_ref) {
   var id = _ref.id,
     payload = _ref.payload;
-  return axios__default["default"].put("".concat(WIDGET_CONFIG_URL, "/").concat(id), payload);
+  return axios.put("".concat(WIDGET_CONFIG_URL, "/").concat(id), payload);
 };
 
 var useEmailEmbedCode = function useEmailEmbedCode(onSuccess) {
@@ -2365,7 +2339,7 @@ var useEmailEmbedCode = function useEmailEmbedCode(onSuccess) {
 };
 
 function ownKeys$3(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; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CodeSnippet = function CodeSnippet(_ref) {
   var isPaneOpen = _ref.isPaneOpen,
     onClose = _ref.onClose,
@@ -2383,7 +2357,7 @@ var CodeSnippet = function CodeSnippet(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(FRAMEWORK_SELECT_OPTIONS[0]),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     selectedFramework = _useState2[0],
     setSelectedFramework = _useState2[1];
   var emailMutation = useEmailEmbedCode(onSent);
@@ -2394,7 +2368,7 @@ var CodeSnippet = function CodeSnippet(_ref) {
       var valid = _ref2.valid;
       return !valid;
     }, formData.emails)) {
-      Toastr__default["default"].error(t("neetoMolecules.widget.email.fields.emails.invalidError"));
+      Toastr.error(t("neetoMolecules.widget.email.fields.emails.invalidError"));
       return;
     }
     emailMutation.mutate({
@@ -2418,7 +2392,7 @@ var CodeSnippet = function CodeSnippet(_ref) {
     }
     return props;
   };
-  return /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(Pane, {
     onClose: onClose,
     isOpen: isPaneOpen,
     children: /*#__PURE__*/jsxRuntime.jsx(formik.Formik, {
@@ -2426,37 +2400,37 @@ var CodeSnippet = function CodeSnippet(_ref) {
       validationSchema: getEmailWidgetSnippetValidationSchema(),
       onSubmit: handleSubmit,
       children: /*#__PURE__*/jsxRuntime.jsxs(formik.Form, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
-          children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
+          children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
             style: "h2",
             children: t("neetoMolecules.widget.email.title")
           })
-        }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
+        }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
           children: /*#__PURE__*/jsxRuntime.jsxs("div", {
             className: "w-full space-y-4",
-            children: [/*#__PURE__*/jsxRuntime.jsx(MultiEmailInput__default["default"], {
+            children: [/*#__PURE__*/jsxRuntime.jsx(MultiEmailInput, {
               required: true,
               label: t("neetoMolecules.widget.email.fields.emails.label"),
               name: "emails",
               placeholder: t("neetoMolecules.widget.email.fields.emails.placeholder")
-            }), /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+            }), /*#__PURE__*/jsxRuntime.jsx(Input, {
               required: true,
               label: t("neetoMolecules.widget.email.fields.subject.label"),
               name: "subject",
               type: "text"
-            }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
               style: "body2",
               children: body
             }), /*#__PURE__*/jsxRuntime.jsx(CodeBlock, _objectSpread$3({}, renderCodeBlockProps()))]
           })
-        }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Footer, {
+        }), /*#__PURE__*/jsxRuntime.jsxs(Pane.Footer, {
           className: "gap-x-2",
-          children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
             disabled: emailMutation.isPending,
             label: t("neetoMolecules.widget.email.actions.send"),
             loading: emailMutation.isPending,
             type: "submit"
-          }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          }), /*#__PURE__*/jsxRuntime.jsx(Button, {
             label: t("neetoMolecules.widget.email.actions.cancel"),
             style: "text",
             onClick: onClose
@@ -2470,7 +2444,7 @@ var CodeSnippet = function CodeSnippet(_ref) {
 var useForceUpdate = function useForceUpdate() {
   // eslint-disable-next-line react/hook-use-state
   var _useState = React.useState(0),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     setValue = _useState2[1];
   return function () {
     return setValue(function (value) {
@@ -2480,7 +2454,7 @@ var useForceUpdate = function useForceUpdate() {
 };
 
 function ownKeys$2(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; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFetchApiKey = function useFetchApiKey() {
   return reactQuery.useQuery({
     queryKey: [QUERY_KEYS.apiKey],
@@ -2504,24 +2478,24 @@ var useFetchConfigurations = function useFetchConfigurations() {
 };
 var useUpdateConfigurations = function useUpdateConfigurations() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useMutationWithInvalidation__default["default"](updateWidgetConfiguration, _objectSpread$2({
+  return useMutationWithInvalidation(updateWidgetConfiguration, _objectSpread$2({
     keysToInvalidate: [[QUERY_KEYS.configuration]]
   }, options));
 };
 
-var TooltipSwitch = withT__default["default"](function (_ref) {
+var TooltipSwitch = withT(function (_ref) {
   var t = _ref.t,
     enabledClientApps = _ref.enabledClientApps,
     widget = _ref.widget,
     selectedWidgets = _ref.selectedWidgets,
     updateSelectedWidgets = _ref.updateSelectedWidgets;
-  return /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
     disabled: enabledClientApps.includes(widget),
     placement: "right",
     content: t("neetoMolecules.widget.tooltips.productIsDisabled", {
       productName: "Neeto".concat(neetoCist.capitalize(widget))
     }),
-    children: /*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], {
+    children: /*#__PURE__*/jsxRuntime.jsx(Switch, {
       checked: selectedWidgets.includes(widget),
       disabled: !enabledClientApps.includes(widget),
       onChange: function onChange() {
@@ -2546,7 +2520,7 @@ var SelectionSwitches = function SelectionSwitches(_ref) {
         selectedWidgets: selectedWidgets,
         updateSelectedWidgets: updateSelectedWidgets,
         widget: primaryWidget
-      }), /*#__PURE__*/jsxRuntime.jsxs(Label__default["default"], {
+      }), /*#__PURE__*/jsxRuntime.jsxs(Label, {
         children: ["Neeto", neetoCist.capitalize(primaryWidget)]
       })]
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -2559,7 +2533,7 @@ var SelectionSwitches = function SelectionSwitches(_ref) {
             selectedWidgets: selectedWidgets,
             updateSelectedWidgets: updateSelectedWidgets,
             widget: widget
-          }), /*#__PURE__*/jsxRuntime.jsxs(Label__default["default"], {
+          }), /*#__PURE__*/jsxRuntime.jsxs(Label, {
             children: ["Neeto", neetoCist.capitalize(widget)]
           })]
         }, index);
@@ -2569,7 +2543,7 @@ var SelectionSwitches = function SelectionSwitches(_ref) {
 };
 
 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; }
-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; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EmbedCode = function EmbedCode(_ref) {
   var showSessionContext = _ref.showSessionContext,
     showUserIdentity = _ref.showUserIdentity,
@@ -2578,11 +2552,11 @@ var EmbedCode = function EmbedCode(_ref) {
     _ref$maxWidth = _ref.maxWidth,
     maxWidth = _ref$maxWidth === void 0 ? "max-w-3xl" : _ref$maxWidth;
   var _useState = React.useState(EMAIL_TYPES["null"]),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     emailType = _useState2[0],
     setEmailType = _useState2[1];
   var _useState3 = React.useState(FRAMEWORK_SELECT_OPTIONS[0]),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    _useState4 = _slicedToArray(_useState3, 2),
     selectedFramework = _useState4[0],
     setSelectedFramework = _useState4[1];
   var _useTranslation = reactI18next.useTranslation(),
@@ -2606,7 +2580,7 @@ var EmbedCode = function EmbedCode(_ref) {
     isLoadingConfigurations = _useFetchConfiguratio.isLoading;
   var _useUpdateConfigurati = useUpdateConfigurations(),
     updateWidgetConfiguration = _useUpdateConfigurati.mutate;
-  var previousEmailType = usePrevious__default["default"](emailType);
+  var previousEmailType = usePrevious(emailType);
   var selectedWidgets = neetoWidgetTokens.filter(function (item) {
     return item.enabled && (shouldShowSwitches() || item.clientApplicationName.toLowerCase() === primaryApp);
   }).map(function (item) {
@@ -2635,7 +2609,7 @@ var EmbedCode = function EmbedCode(_ref) {
       onSuccess: function onSuccess() {
         var productName = "neeto".concat(neetoCist.capitalize(widget));
         var response = isEnabled ? "neetoMolecules.widget.installation.enabled" : "neetoMolecules.widget.installation.disabled";
-        Toastr__default["default"].success(t(response, {
+        Toastr.success(t(response, {
           productName: productName
         }));
       }
@@ -2657,7 +2631,7 @@ var EmbedCode = function EmbedCode(_ref) {
             children: [/*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
               i18nKey: "neetoMolecules.widget.email.body.values.embedCode.mainText",
               components: {
-                p: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                p: /*#__PURE__*/jsxRuntime.jsx(Typography, {
                   className: "mb-2",
                   style: "body2"
                 })
@@ -2673,11 +2647,11 @@ var EmbedCode = function EmbedCode(_ref) {
                 helpEmail: INSTALLATION_HELP_EMAIL
               },
               components: {
-                p: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                p: /*#__PURE__*/jsxRuntime.jsx(Typography, {
                   className: "mb-2",
                   style: "body2"
                 }),
-                mail: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                mail: /*#__PURE__*/jsxRuntime.jsx(Button, {
                   href: "mailto:".concat(INSTALLATION_HELP_EMAIL),
                   rel: "noreferrer",
                   style: "link",
@@ -2697,11 +2671,11 @@ var EmbedCode = function EmbedCode(_ref) {
             children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
               i18nKey: "neetoMolecules.widget.email.body.values.userIdentity",
               components: {
-                p: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                p: /*#__PURE__*/jsxRuntime.jsx(Typography, {
                   className: "mb-2",
                   style: "body2"
                 }),
-                configureLink: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                configureLink: /*#__PURE__*/jsxRuntime.jsx(Button, {
                   rel: "noreferrer",
                   style: "link",
                   target: "_blank",
@@ -2726,11 +2700,11 @@ var EmbedCode = function EmbedCode(_ref) {
                 sessionContextKbUrl: NEETO_REPLAY_CONFIGURE_URL
               },
               components: {
-                p: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                p: /*#__PURE__*/jsxRuntime.jsx(Typography, {
                   className: "mb-2",
                   style: "body2"
                 }),
-                configureLink: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                configureLink: /*#__PURE__*/jsxRuntime.jsx(Button, {
                   href: NEETO_REPLAY_CONFIGURE_URL,
                   rel: "noreferrer",
                   style: "link",
@@ -2748,7 +2722,7 @@ var EmbedCode = function EmbedCode(_ref) {
   };
   var handleSendViaEmail = function handleSendViaEmail(selectedEmail) {
     if (ramda.isEmpty(selectedWidgets)) {
-      Toastr__default["default"].error(t("neetoMolecules.widget.installation.snippet.disabledError"));
+      Toastr.error(t("neetoMolecules.widget.installation.snippet.disabledError"));
       return;
     }
     setEmailType(selectedEmail);
@@ -2763,18 +2737,18 @@ var EmbedCode = function EmbedCode(_ref) {
     return "neetoMolecules.widget.installation.instructions.placement.selectedWidgets";
   };
   var embedHelpTextTranslationComponents = {
-    fontBold: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+    fontBold: /*#__PURE__*/jsxRuntime.jsx(Typography, {
       component: "span",
       style: "body2",
       weight: "semibold"
     }),
-    widgetNpmLink: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    widgetNpmLink: /*#__PURE__*/jsxRuntime.jsx(Button, {
       href: USE_NEETO_WIDGET_NPM_PAGE_URL,
       rel: "noreferrer",
       style: "link",
       target: "_blank"
     }),
-    Link: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+    Link: /*#__PURE__*/jsxRuntime.jsx(Button, {
       href: WIDGET_KB_HELP_URL[primaryApp],
       rel: "noreferrer",
       style: "link",
@@ -2784,13 +2758,13 @@ var EmbedCode = function EmbedCode(_ref) {
   if (isLoadingApiKey || isLoadingConfigurations) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex h-full w-full items-center justify-center",
-      children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {})
+      children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {})
     });
   }
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "mx-auto mb-10 w-full flex-col items-center justify-start",
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: classnames__default["default"]("mx-auto", maxWidth),
+      className: classnames("mx-auto", maxWidth),
       children: [shouldShowSwitches() && /*#__PURE__*/jsxRuntime.jsx(SelectionSwitches, {
         enabledClientApps: enabledClientApps,
         primaryApp: primaryApp,
@@ -2840,10 +2814,10 @@ var EmbedCode = function EmbedCode(_ref) {
         }), /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
           i18nKey: "neetoMolecules.widget.installation.instructions.userIdentity",
           components: {
-            p: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            p: /*#__PURE__*/jsxRuntime.jsx(Typography, {
               style: "body2"
             }),
-            Link: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+            Link: /*#__PURE__*/jsxRuntime.jsx(Button, {
               rel: "noreferrer",
               style: "link",
               target: "_blank",
@@ -2866,10 +2840,10 @@ var EmbedCode = function EmbedCode(_ref) {
         }), /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
           i18nKey: "neetoMolecules.widget.installation.instructions.sessionContext",
           components: {
-            p: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            p: /*#__PURE__*/jsxRuntime.jsx(Typography, {
               style: "body2"
             }),
-            Link: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+            Link: /*#__PURE__*/jsxRuntime.jsx(Button, {
               href: NEETO_REPLAY_CONFIGURE_URL,
               rel: "noreferrer",
               style: "link",
@@ -2889,7 +2863,7 @@ var EmbedCode = function EmbedCode(_ref) {
 var EmbedCode$1 = /*#__PURE__*/React.memo(EmbedCode);
 
 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; }
-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; }
+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(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; }
 var queryClient = new reactQuery.QueryClient();
 var Main = function Main(props) {
   var _useTranslation = reactI18next.useTranslation(),
@@ -2898,8 +2872,8 @@ var Main = function Main(props) {
   return shouldRenderEmbedCode ? /*#__PURE__*/jsxRuntime.jsx(reactQuery.QueryClientProvider, {
     client: queryClient,
     children: /*#__PURE__*/jsxRuntime.jsx(EmbedCode$1, _objectSpread({}, props))
-  }) : /*#__PURE__*/jsxRuntime.jsx(Callout__default["default"], {
-    icon: Info__default["default"],
+  }) : /*#__PURE__*/jsxRuntime.jsx(Callout, {
+    icon: Info,
     style: "info",
     children: t("neetoMolecules.widget.developmentInfo")
   });