@bigbinary/neeto-molecules 1.0.55-beta → 1.0.56

package/dist/NeetoWidget.js

@@ -1,12 +1,12 @@
 import { values, last, identity, assoc, pluck, any, prop, fromPairs, isEmpty } from 'ramda';
-import React, { useEffect, useState, useRef } from 'react';
+import * as React from 'react';
+import React__default, { useEffect, useState, useRef } from 'react';
 import { Check, Copy, Info } from '@bigbinary/neeto-icons';
 import { Typography, Select, Button, Pane, Toastr, Switch, Label, Callout } from '@bigbinary/neetoui';
 import { useTranslation, Trans } from 'react-i18next';
 import { useMutation, useQuery, useQueryClient, QueryClient, QueryClientProvider } from 'react-query';
 import { capitalize, noop, isNotEmpty } from '@bigbinary/neeto-commons-frontend/pure';
 import { usePrevious } from '@bigbinary/neeto-commons-frontend/react-utils';
-import { Neeto } from '@bigbinary/neeto-icons/logos';
 import { copyToClipboard } from '@bigbinary/neeto-commons-frontend/utils';
 import { Formik, Form } from 'formik';
 import { MultiEmailInput, Input } from '@bigbinary/neetoui/formik';
@@ -115,8 +115,8 @@ var WIDGET_KB_HELP_URL = {
   replay: "".concat(REPLAY_WIDGET_KB_BASE_URL, "/categories/widget-installation-usage")
 };
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
+function _extends$1() {
+  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -127,7 +127,7 @@ function _extends() {
     }
     return target;
   };
-  return _extends.apply(this, arguments);
+  return _extends$1.apply(this, arguments);
 }
 
 function _arrayWithHoles(arr) {
@@ -277,6 +277,52 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
+var _path, _path2, _g, _defs;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var SvgNeeto = function SvgNeeto(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 50,
+    height: 50,
+    viewBox: "0 0 415 415",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M414.989 207.495C414.989 92.899 322.091 0 207.495 0H0v414.989h414.989V207.495Z",
+    fill: "#0043AC"
+  })), /*#__PURE__*/React.createElement("mask", {
+    id: "neeto_svg__a",
+    style: {
+      maskType: "alpha"
+    },
+    maskUnits: "userSpaceOnUse",
+    x: 0,
+    y: 0,
+    width: 415,
+    height: 415
+  }, _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
+    d: "M414.989 207.495C414.989 92.899 322.091 0 207.495 0H0v414.989h414.989V207.495Z",
+    fill: "#0043AC"
+  }))), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    mask: "url(#neeto_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M233.747 348.74c88.579 101.145 172.015 116.411 202.661 111.401v32.491H-8.032V230.487c43.685-2.726 153.2 17.108 241.779 118.253Z",
+    fill: "url(#neeto_svg__b)"
+  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("radialGradient", {
+    id: "neeto_svg__b",
+    cx: 0,
+    cy: 0,
+    r: 1,
+    gradientUnits: "userSpaceOnUse",
+    gradientTransform: "rotate(47.118 -220.556 214.818) scale(427.964 725.049)"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#0043AC"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: 1,
+    stopColor: "#3DB1CA",
+    stopOpacity: 0.8
+  })))));
+};
+
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
 var css$1 = ".neeto-molecules-pageloader__wrapper{height:100%;position:relative;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader{height:100%;left:0;position:absolute;top:0;width:100%}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__content{height:66px;margin-bottom:16px;overflow:hidden;padding:8px;position:relative;width:66px}.neeto-molecules-pageloader__wrapper .neeto-molecules-pageloader__text{color:rgb(var(--neeto-ui-gray-800));font-size:1.25rem;line-height:1.75rem;margin-bottom:4rem;text-align:center}.neeto-molecules-pageloader__spinner{display:flex;gap:2px;height:25px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.neeto-molecules-pageloader__spinner>div{animation:neeto-ui-stretch-delay 1.2s ease-in-out infinite;background-color:#fff;border-radius:2px;display:inline-flex;height:100%;width:2px}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect2{animation-delay:-1.1s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect3{animation-delay:-1s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect4{animation-delay:-.9s}.neeto-molecules-pageloader__spinner .neeto-molecules-pageloader__rect5{animation-delay:-.8s}@keyframes neeto-ui-stretch-delay{0%,40%,to{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}";
@@ -287,28 +333,28 @@ var PageLoader = function PageLoader(_ref) {
   var _ref$text = _ref.text,
     text = _ref$text === void 0 ? "" : _ref$text,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default.createElement("div", _extends$1({
     className: "neeto-molecules-pageloader__wrapper"
-  }, otherProps), /*#__PURE__*/React.createElement("div", {
+  }, otherProps), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-pageloader neeto-ui-flex neeto-ui-flex-col neeto-ui-items-center neeto-ui-justify-center"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-pageloader__content neeto-ui-flex neeto-ui-flex-shrink-0 neeto-ui-items-center neeto-ui-justify-center"
-  }, /*#__PURE__*/React.createElement(Neeto, {
+  }, /*#__PURE__*/React__default.createElement(SvgNeeto, {
     className: "neeto-molecules-pageloader__logo",
     size: 50
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-pageloader__spinner"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-pageloader__rect1"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-pageloader__rect2"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-pageloader__rect3"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-pageloader__rect4"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-molecules-pageloader__rect5"
-  }))), text && /*#__PURE__*/React.createElement(Typography, {
+  }))), text && /*#__PURE__*/React__default.createElement(Typography, {
     style: "h5",
     weight: "semibold"
   }, text)));
@@ -2276,16 +2322,16 @@ var SyntaxHighlighter = function SyntaxHighlighter(_ref) {
   useEffect(function () {
     Prism.highlightAll();
   }, [code]);
-  return /*#__PURE__*/React.createElement("pre", {
+  return /*#__PURE__*/React__default.createElement("pre", {
     className: className
-  }, /*#__PURE__*/React.createElement("code", {
+  }, /*#__PURE__*/React__default.createElement("code", {
     className: "language-".concat(language)
   }, code));
 };
 
 var CodeBlock = function CodeBlock(_ref) {
   var _ref$title = _ref.title,
-    title = _ref$title === void 0 ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Trans, {
+    title = _ref$title === void 0 ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Trans, {
       i18nKey: "neetoMolecules.codeblock.codeSnippet"
     })) : _ref$title,
     codeString = _ref.codeString,
@@ -2315,34 +2361,34 @@ var CodeBlock = function CodeBlock(_ref) {
       return clearTimeout(timer);
     };
   }, [isCopied]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: classnames(["relative", className])
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg flex w-full flex-wrap items-center justify-between gap-2 rounded-b-none p-3"
-  }, title && /*#__PURE__*/React.createElement(Typography, {
+  }, title && /*#__PURE__*/React__default.createElement(Typography, {
     className: "m-0 flex-shrink-0",
     "data-cy": "code-block-title-text",
     style: "h4"
-  }, title), selectedFramework && /*#__PURE__*/React.createElement(Select, {
+  }, title), selectedFramework && /*#__PURE__*/React__default.createElement(Select, {
     className: "w-40",
     "data-testid": "framework-select",
     options: FRAMEWORK_SELECT_OPTIONS,
     value: selectedFramework,
     onChange: setSelectedFramework
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "ml-auto flex flex-shrink-0 items-center justify-end gap-2"
-  }, sendViaEmail ? /*#__PURE__*/React.createElement(Button, {
+  }, sendViaEmail ? /*#__PURE__*/React__default.createElement(Button, {
     style: "text",
     label: t("neetoMolecules.widget.installation.snippet.sendViaEmail"),
     onClick: sendViaEmail
-  }) : null, showCopyButton && /*#__PURE__*/React.createElement(Button, {
+  }) : null, showCopyButton && /*#__PURE__*/React__default.createElement(Button, {
     icon: isCopied ? Check : Copy,
     style: "primary",
     label: isCopied ? t("neetoMolecules.widget.installation.snippet.copied") : t("neetoMolecules.widget.installation.snippet.copy"),
     onClick: function onClick() {
       return copyToClipboard(codeString);
     }
-  }))), /*#__PURE__*/React.createElement(SyntaxHighlighter, {
+  }))), /*#__PURE__*/React__default.createElement(SyntaxHighlighter, {
     className: "neeto-ui-bg-gray-800 neeto-ui-rounded-lg m-0 rounded-t-none",
     code: codeString,
     language: "javascript"
@@ -2893,37 +2939,37 @@ var CodeSnippet = function CodeSnippet(_ref) {
     }
     return props;
   };
-  return /*#__PURE__*/React.createElement(Pane, {
+  return /*#__PURE__*/React__default.createElement(Pane, {
     isOpen: isPaneOpen,
     onClose: onClose
-  }, /*#__PURE__*/React.createElement(Formik, {
+  }, /*#__PURE__*/React__default.createElement(Formik, {
     initialValues: getEmailWidgetSnippetFormInitialValues(subject),
     validationSchema: getEmailWidgetSnippetValidationSchema(),
     onSubmit: handleSubmit
-  }, /*#__PURE__*/React.createElement(Form, null, /*#__PURE__*/React.createElement(Pane.Header, null, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Form, null, /*#__PURE__*/React__default.createElement(Pane.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
     style: "h2"
-  }, t("neetoMolecules.widget.email.title"))), /*#__PURE__*/React.createElement(Pane.Body, null, /*#__PURE__*/React.createElement("div", {
+  }, t("neetoMolecules.widget.email.title"))), /*#__PURE__*/React__default.createElement(Pane.Body, null, /*#__PURE__*/React__default.createElement("div", {
     className: "w-full space-y-4"
-  }, /*#__PURE__*/React.createElement(MultiEmailInput, {
+  }, /*#__PURE__*/React__default.createElement(MultiEmailInput, {
     required: true,
     label: t("neetoMolecules.widget.email.fields.emails.label"),
     name: "emails",
     placeholder: t("neetoMolecules.widget.email.fields.emails.placeholder")
-  }), /*#__PURE__*/React.createElement(Input, {
+  }), /*#__PURE__*/React__default.createElement(Input, {
     required: true,
     label: t("neetoMolecules.widget.email.fields.subject.label"),
     name: "subject",
     type: "text"
-  }), /*#__PURE__*/React.createElement(Typography, {
+  }), /*#__PURE__*/React__default.createElement(Typography, {
     style: "body2"
-  }, body), /*#__PURE__*/React.createElement(CodeBlock, renderCodeBlockProps()))), /*#__PURE__*/React.createElement(Pane.Footer, {
+  }, body), /*#__PURE__*/React__default.createElement(CodeBlock, renderCodeBlockProps()))), /*#__PURE__*/React__default.createElement(Pane.Footer, {
     className: "gap-x-2"
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React__default.createElement(Button, {
     disabled: emailMutation.isLoading,
     label: t("neetoMolecules.widget.email.actions.send"),
     loading: emailMutation.isLoading,
     type: "submit"
-  }), /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React__default.createElement(Button, {
     label: t("neetoMolecules.widget.email.actions.cancel"),
     style: "text",
     onClick: onClose
@@ -2978,35 +3024,35 @@ var SelectionTabs = function SelectionTabs(_ref) {
   var formattedPrimaryWidget = capitalize(WIDGET_TYPES_VALUES.includes(primarySelectedWidget) ? primarySelectedWidget : "");
   var renderSelectedTab = function renderSelectedTab() {
     return WIDGET_TYPES_VALUES.map(function (widget, index) {
-      return primarySelectedWidget !== widget ? /*#__PURE__*/React.createElement("div", {
+      return primarySelectedWidget !== widget ? /*#__PURE__*/React__default.createElement("div", {
         className: "flex items-center space-x-2",
         key: index
-      }, /*#__PURE__*/React.createElement(Switch, {
+      }, /*#__PURE__*/React__default.createElement(Switch, {
         checked: selectedWidgets.includes(widget),
         onChange: function onChange() {
           return updateSelectedWidgets(widget);
         }
-      }), /*#__PURE__*/React.createElement(Label, null, "neeto", capitalize(widget))) : null;
+      }), /*#__PURE__*/React__default.createElement(Label, null, "neeto", capitalize(widget))) : null;
     });
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "mb-4 flex w-full items-center justify-between gap-2"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex items-center space-x-2"
-  }, isNotEmpty(formattedPrimaryWidget) && /*#__PURE__*/React.createElement(Switch, {
+  }, isNotEmpty(formattedPrimaryWidget) && /*#__PURE__*/React__default.createElement(Switch, {
     checked: selectedWidgets.includes(primarySelectedWidget),
     onChange: function onChange() {
       return updateSelectedWidgets(primarySelectedWidget);
     }
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "flex items-center space-x-1"
-  }, /*#__PURE__*/React.createElement(Label, null, "neeto", formattedPrimaryWidget), /*#__PURE__*/React.createElement("a", {
+  }, /*#__PURE__*/React__default.createElement(Label, null, "neeto", formattedPrimaryWidget), /*#__PURE__*/React__default.createElement("a", {
     href: WIDGET_KB_HELP_URL[primarySelectedWidget],
     rel: "noreferrer",
     target: "_blank"
-  }, /*#__PURE__*/React.createElement(Info, {
+  }, /*#__PURE__*/React__default.createElement(Info, {
     size: 16
-  })))), /*#__PURE__*/React.createElement("div", {
+  })))), /*#__PURE__*/React__default.createElement("div", {
     className: "flex items-center justify-end gap-6"
   }, renderSelectedTab()));
 };
@@ -3087,17 +3133,17 @@ var EmbedCode = function EmbedCode(_ref) {
         return {
           codeString: getEmbedCodeString(),
           subject: t("neetoMolecules.widget.email.fields.subject.values.embedCode"),
-          body: /*#__PURE__*/React.createElement("div", {
+          body: /*#__PURE__*/React__default.createElement("div", {
             ref: bodyRef
-          }, /*#__PURE__*/React.createElement(Trans, {
+          }, /*#__PURE__*/React__default.createElement(Trans, {
             i18nKey: "neetoMolecules.widget.email.body.values.embedCode",
             components: {
-              p: /*#__PURE__*/React.createElement("p", {
+              p: /*#__PURE__*/React__default.createElement("p", {
                 style: {
                   marginBottom: "8px"
                 }
               }),
-              mail: /*#__PURE__*/React.createElement("a", {
+              mail: /*#__PURE__*/React__default.createElement("a", {
                 className: "neeto-ui-text-primary-800",
                 href: "mailto:".concat(INSTALLATION_HELP_EMAIL),
                 rel: "noreferrer",
@@ -3115,17 +3161,17 @@ var EmbedCode = function EmbedCode(_ref) {
           emailType: EMAIL_TYPES.userIdentity,
           enabledWidgets: enabledWidgets,
           subject: t("neetoMolecules.widget.email.fields.subject.values.userIdentity"),
-          body: /*#__PURE__*/React.createElement("div", {
+          body: /*#__PURE__*/React__default.createElement("div", {
             ref: bodyRef
-          }, /*#__PURE__*/React.createElement(Trans, {
+          }, /*#__PURE__*/React__default.createElement(Trans, {
             i18nKey: "neetoMolecules.widget.email.body.values.userIdentity",
             components: {
-              p: /*#__PURE__*/React.createElement("p", {
+              p: /*#__PURE__*/React__default.createElement("p", {
                 style: {
                   marginBottom: "8px"
                 }
               }),
-              configureLink: /*#__PURE__*/React.createElement("a", {
+              configureLink: /*#__PURE__*/React__default.createElement("a", {
                 className: "neeto-ui-text-primary-800",
                 rel: "noreferrer",
                 target: "_blank",
@@ -3141,20 +3187,20 @@ var EmbedCode = function EmbedCode(_ref) {
         return {
           codeString: SAMPLE_CONTEXT_CODE_STRING,
           subject: t("neetoMolecules.widget.email.fields.subject.values.sessionContext"),
-          body: /*#__PURE__*/React.createElement("div", {
+          body: /*#__PURE__*/React__default.createElement("div", {
             ref: bodyRef
-          }, /*#__PURE__*/React.createElement(Trans, {
+          }, /*#__PURE__*/React__default.createElement(Trans, {
             i18nKey: "neetoMolecules.widget.email.body.values.sessionContext",
             values: {
               sessionContextKbUrl: NEETO_REPLAY_CONFIGURE_URL
             },
             components: {
-              p: /*#__PURE__*/React.createElement("p", {
+              p: /*#__PURE__*/React__default.createElement("p", {
                 style: {
                   marginBottom: "8px"
                 }
               }),
-              configureLink: /*#__PURE__*/React.createElement("a", {
+              configureLink: /*#__PURE__*/React__default.createElement("a", {
                 className: "neeto-ui-text-primary-800",
                 href: NEETO_REPLAY_CONFIGURE_URL,
                 rel: "noreferrer",
@@ -3177,50 +3223,50 @@ var EmbedCode = function EmbedCode(_ref) {
     setEmailType(selectedEmail);
   };
   if (isLoadingApiKey || isLoadingConfigurations) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       className: "h-full w-full"
-    }, /*#__PURE__*/React.createElement(PageLoader, null));
+    }, /*#__PURE__*/React__default.createElement(PageLoader, null));
   }
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: "mx-auto mb-10 w-full flex-col items-center justify-start"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: classnames("mx-auto", maxWidth)
-  }, /*#__PURE__*/React.createElement(SelectionTabs, {
+  }, /*#__PURE__*/React__default.createElement(SelectionTabs, {
     primarySelectedWidget: primaryApp,
     selectedWidgets: selectedWidgets,
     updateSelectedWidgets: updateSelectedWidgets
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default.createElement("div", {
     className: "mb-8 w-full flex-grow flex-col items-center justify-start"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "mx-auto mb-2 w-full",
     "data-testid": "embed-code-block"
-  }, /*#__PURE__*/React.createElement(CodeBlock, {
+  }, /*#__PURE__*/React__default.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", {
+    title: /*#__PURE__*/React__default.createElement("div", null, t("neetoMolecules.widget.title.embedCode"))
+  })), /*#__PURE__*/React__default.createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React.createElement(Trans, {
+  }, /*#__PURE__*/React__default.createElement(Trans, {
     values: {
       val: getSortedPrefixedWidgets(selectedWidgets)
     },
     components: {
-      fontBold: /*#__PURE__*/React.createElement("span", {
+      fontBold: /*#__PURE__*/React__default.createElement("span", {
         className: "font-semibold"
       }),
-      fontNormal: /*#__PURE__*/React.createElement("span", {
+      fontNormal: /*#__PURE__*/React__default.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", {
+  }))), shouldShowUserIdentity ? /*#__PURE__*/React__default.createElement("div", {
     className: "mb-8 w-full flex-grow flex-col items-center justify-start"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "mx-auto mb-2 w-full"
-  }, /*#__PURE__*/React.createElement(CodeBlock, {
+  }, /*#__PURE__*/React__default.createElement(CodeBlock, {
     className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg",
     frameworkProps: {
       selectedFramework: selectedFramework,
@@ -3230,41 +3276,41 @@ var EmbedCode = function EmbedCode(_ref) {
     sendViaEmail: function sendViaEmail() {
       return handleSendViaEmail(EMAIL_TYPES.userIdentity);
     },
-    title: /*#__PURE__*/React.createElement("div", {
+    title: /*#__PURE__*/React__default.createElement("div", {
       className: "flex items-center justify-start"
-    }, /*#__PURE__*/React.createElement("div", null, t("neetoMolecules.widget.title.userIdentity")), /*#__PURE__*/React.createElement("a", {
+    }, /*#__PURE__*/React__default.createElement("div", null, t("neetoMolecules.widget.title.userIdentity")), /*#__PURE__*/React__default.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, {
+    }, /*#__PURE__*/React__default.createElement(Info, {
       size: 16
     })))
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React__default.createElement("div", {
     className: "w-full"
-  }, t("neetoMolecules.widget.installation.instructions.userIdentity"))) : null, shouldShowSessionContext ? /*#__PURE__*/React.createElement("div", {
+  }, t("neetoMolecules.widget.installation.instructions.userIdentity"))) : null, shouldShowSessionContext ? /*#__PURE__*/React__default.createElement("div", {
     className: "w-full flex-grow flex-col items-center justify-start"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     className: "mx-auto mb-2 w-full"
-  }, /*#__PURE__*/React.createElement(CodeBlock, {
+  }, /*#__PURE__*/React__default.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", {
+    title: /*#__PURE__*/React__default.createElement("div", {
       className: "flex items-center justify-start"
-    }, /*#__PURE__*/React.createElement("div", null, t("neetoMolecules.widget.title.sessionContext")), /*#__PURE__*/React.createElement("a", {
+    }, /*#__PURE__*/React__default.createElement("div", null, t("neetoMolecules.widget.title.sessionContext")), /*#__PURE__*/React__default.createElement("a", {
       className: "ml-1",
       href: NEETO_REPLAY_CONFIGURE_URL,
       rel: "noreferrer",
       target: "_blank"
-    }, /*#__PURE__*/React.createElement(Info, {
+    }, /*#__PURE__*/React__default.createElement(Info, {
       size: 16
     })))
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React__default.createElement("div", {
     className: "w-full"
-  }, t("neetoMolecules.widget.installation.instructions.sessionContext"))) : null), /*#__PURE__*/React.createElement(CodeSnippet, _extends({
+  }, t("neetoMolecules.widget.installation.instructions.sessionContext"))) : null), /*#__PURE__*/React__default.createElement(CodeSnippet, _extends$1({
     isPaneOpen: !!emailType && isNotEmpty(selectedWidgets),
     onClose: function onClose() {
       return setEmailType(EMAIL_TYPES["null"]);
@@ -3277,9 +3323,9 @@ var Main = function Main(props) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var shouldRenderEmbedCode = window.globalProps.ssoEnabled;
-  return shouldRenderEmbedCode ? /*#__PURE__*/React.createElement(QueryClientProvider, {
+  return shouldRenderEmbedCode ? /*#__PURE__*/React__default.createElement(QueryClientProvider, {
     client: queryClient
-  }, /*#__PURE__*/React.createElement(EmbedCode, props)) : /*#__PURE__*/React.createElement(Callout, {
+  }, /*#__PURE__*/React__default.createElement(EmbedCode, props)) : /*#__PURE__*/React__default.createElement(Callout, {
     icon: Info,
     style: "info"
   }, t("neetoMolecules.widget.developmentInfo"));