@bigbinary/neeto-molecules 1.0.37 → 1.0.39

package/dist/NeetoWidget.js

@@ -2316,7 +2316,7 @@ var CodeBlock = function CodeBlock(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(["relative", className])
   }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-bg-primary-100 flex w-full items-center justify-between gap-2 p-3"
+    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, {
     className: "m-0 flex-shrink-0",
     "data-cy": "code-block-title-text",
@@ -2328,7 +2328,7 @@ var CodeBlock = function CodeBlock(_ref) {
     value: selectedFramework,
     onChange: setSelectedFramework
   }), /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-shrink-0 items-center justify-end gap-2"
+    className: "ml-auto flex flex-shrink-0 items-center justify-end gap-2"
   }, sendViaEmail ? /*#__PURE__*/React.createElement(Button, {
     style: "text",
     label: t("neetoMolecules.widget.installation.snippet.sendViaEmail"),
@@ -2341,7 +2341,7 @@ var CodeBlock = function CodeBlock(_ref) {
       return copyToClipboard(codeString);
     }
   }))), /*#__PURE__*/React.createElement(SyntaxHighlighter, {
-    className: "neeto-ui-bg-gray-800 m-0",
+    className: "neeto-ui-bg-gray-800 neeto-ui-rounded-lg m-0 rounded-t-none",
     code: codeString,
     language: "javascript"
   }));
@@ -2881,7 +2881,7 @@ var CodeSnippet = function CodeSnippet(_ref) {
     var props = {
       codeString: codeToDisplay,
       showCopyButton: false,
-      className: "neeto-ui-bg-primary-100 neeto-ui-rounded-xl overflow-hidden"
+      className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg"
     };
     if (emailType === EMAIL_TYPES.userIdentity) {
       props = assoc("frameworkProps", {
@@ -3010,7 +3010,9 @@ var SelectionTabs = function SelectionTabs(_ref) {
 };
 
 var EmbedCode = function EmbedCode(_ref) {
-  var _ref$primaryApp = _ref.primaryApp,
+  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;
@@ -3050,6 +3052,8 @@ var EmbedCode = function EmbedCode(_ref) {
   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;
@@ -3196,7 +3200,7 @@ var EmbedCode = function EmbedCode(_ref) {
     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-xl overflow-hidden",
+    className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg",
     codeString: getEmbedCodeString(),
     sendViaEmail: function sendViaEmail() {
       return handleSendViaEmail(EMAIL_TYPES.embedCode);
@@ -3217,12 +3221,12 @@ var EmbedCode = function EmbedCode(_ref) {
       })
     },
     i18nKey: isNotEmpty(selectedWidgets) ? "neetoMolecules.widget.installation.instructions.placement.selectedWidgets" : "neetoMolecules.widget.installation.instructions.placement.noneOfThese"
-  }))), enabledWidgets.chat || enabledWidgets.replay ? /*#__PURE__*/React.createElement("div", {
+  }))), 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-xl overflow-hidden",
+    className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg",
     frameworkProps: {
       selectedFramework: selectedFramework,
       setSelectedFramework: setSelectedFramework
@@ -3243,12 +3247,12 @@ var EmbedCode = function EmbedCode(_ref) {
     })))
   })), /*#__PURE__*/React.createElement("div", {
     className: "w-full"
-  }, t("neetoMolecules.widget.installation.instructions.userIdentity"))) : null, enabledWidgets.replay ? /*#__PURE__*/React.createElement("div", {
+  }, 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-xl overflow-hidden",
+    className: "neeto-ui-bg-primary-100 neeto-ui-rounded-lg",
     codeString: SAMPLE_CONTEXT_CODE_STRING,
     sendViaEmail: function sendViaEmail() {
       return handleSendViaEmail(EMAIL_TYPES.sessionContext);