@bigbinary/neeto-molecules 1.0.37 → 1.0.39

package/dist/NeetoWidget.cjs.js

@@ -2342,7 +2342,7 @@ var CodeBlock = function CodeBlock(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames(["relative", className])
   }, /*#__PURE__*/React__default["default"].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__default["default"].createElement(neetoui.Typography, {
     className: "m-0 flex-shrink-0",
     "data-cy": "code-block-title-text",
@@ -2354,7 +2354,7 @@ var CodeBlock = function CodeBlock(_ref) {
     value: selectedFramework,
     onChange: setSelectedFramework
   }), /*#__PURE__*/React__default["default"].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__default["default"].createElement(neetoui.Button, {
     style: "text",
     label: t("neetoMolecules.widget.installation.snippet.sendViaEmail"),
@@ -2367,7 +2367,7 @@ var CodeBlock = function CodeBlock(_ref) {
       return utils.copyToClipboard(codeString);
     }
   }))), /*#__PURE__*/React__default["default"].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"
   }));
@@ -2907,7 +2907,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 = ramda.assoc("frameworkProps", {
@@ -3036,7 +3036,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;
@@ -3076,6 +3078,8 @@ var EmbedCode = function EmbedCode(_ref) {
   var enabledWidgets = ramda.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;
@@ -3222,7 +3226,7 @@ var EmbedCode = function EmbedCode(_ref) {
     className: "mx-auto mb-2 w-full",
     "data-testid": "embed-code-block"
   }, /*#__PURE__*/React__default["default"].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);
@@ -3243,12 +3247,12 @@ var EmbedCode = function EmbedCode(_ref) {
       })
     },
     i18nKey: pure.isNotEmpty(selectedWidgets) ? "neetoMolecules.widget.installation.instructions.placement.selectedWidgets" : "neetoMolecules.widget.installation.instructions.placement.noneOfThese"
-  }))), enabledWidgets.chat || enabledWidgets.replay ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), shouldShowUserIdentity ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mb-8 w-full flex-grow flex-col items-center justify-start"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mx-auto mb-2 w-full"
   }, /*#__PURE__*/React__default["default"].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
@@ -3269,12 +3273,12 @@ var EmbedCode = function EmbedCode(_ref) {
     })))
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
-  }, t("neetoMolecules.widget.installation.instructions.userIdentity"))) : null, enabledWidgets.replay ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, t("neetoMolecules.widget.installation.instructions.userIdentity"))) : null, shouldShowSessionContext ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full flex-grow flex-col items-center justify-start"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mx-auto mb-2 w-full"
   }, /*#__PURE__*/React__default["default"].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);