@bigbinary/neeto-molecules 1.0.22 → 1.0.24

package/dist/NeetoWidget.js

@@ -1,11 +1,11 @@
 import { values, last, identity, assoc, pluck, any, prop, fromPairs, isEmpty } from 'ramda';
 import React, { 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 { Check, Copy, Help } from '@bigbinary/neeto-icons';
-import { Typography, Select, Button, Pane, Toastr, Switch } from '@bigbinary/neetoui';
-import { useTranslation, Trans } from 'react-i18next';
 import { Neeto } from '@bigbinary/neeto-icons/logos';
 import { copyToClipboard } from '@bigbinary/neeto-commons-frontend/utils';
 import { Formik, Form } from 'formik';
@@ -353,7 +353,7 @@ var FRAMEWORK_SELECT_OPTIONS = (cov_ejy6rtpli().s[12]++, [{
   label: "PHP",
   value: AVAILABLE_FRAMEWORK_OPTIONS.php
 }]);
-var SAMPLE_USER_IDENTITY_CODE_STRING = (cov_ejy6rtpli().s[13]++, (_ref$1 = {}, _defineProperty(_ref$1, 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.name %>\", // Email address\n    started_at: \"<%= current_user.created_at.to_i %>\" // Signup date as a Unix timestamp ,\n  }")), _defineProperty(_ref$1, AVAILABLE_FRAMEWORK_OPTIONS.django, "window.".concat(NEETO_WIDGET_USER_IDENTITY_KEY, " = {\n    user_identifier: \"{{ request.user.name|escapejs }}\", // User identifier\n    name: \"{{ request.user.name|escapejs }}\", // Full name\n    email: \"{{ request.user.email|escapejs }}\", // Email address\n    started_at: \"{{ request.user.date_joined|date:'U' }}\" // Signup date as a Unix timestamp\"\n  }")), _defineProperty(_ref$1, 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  }")), _ref$1));
+var SAMPLE_USER_IDENTITY_CODE_STRING = (cov_ejy6rtpli().s[13]++, (_ref$1 = {}, _defineProperty(_ref$1, 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(_ref$1, 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(_ref$1, 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  }")), _ref$1));
 var WIDGET_CONFIG_URL = (cov_ejy6rtpli().s[14]++, "api/widget/v1/neeto_widget_tokens");
 var EMBED_CODE_EMAIL_URL = (cov_ejy6rtpli().s[15]++, "api/widget/v1/email_snippets");
 var WIDGET_KB_BASE_URL = (cov_ejy6rtpli().s[16]++, "https://neetowidgethelp.neetokb.com");
@@ -435,6 +435,69 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+var classnames$1 = {exports: {}};
+
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+
+(function (module) {
+	/* global define */
+
+	(function () {
+
+		var hasOwn = {}.hasOwnProperty;
+
+		function classNames() {
+			var classes = [];
+
+			for (var i = 0; i < arguments.length; i++) {
+				var arg = arguments[i];
+				if (!arg) continue;
+
+				var argType = typeof arg;
+
+				if (argType === 'string' || argType === 'number') {
+					classes.push(arg);
+				} else if (Array.isArray(arg)) {
+					if (arg.length) {
+						var inner = classNames.apply(null, arg);
+						if (inner) {
+							classes.push(inner);
+						}
+					}
+				} else if (argType === 'object') {
+					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
+						classes.push(arg.toString());
+						continue;
+					}
+
+					for (var key in arg) {
+						if (hasOwn.call(arg, key) && arg[key]) {
+							classes.push(key);
+						}
+					}
+				}
+			}
+
+			return classes.join(' ');
+		}
+
+		if (module.exports) {
+			classNames.default = classNames;
+			module.exports = classNames;
+		} else {
+			window.classNames = classNames;
+		}
+	}());
+} (classnames$1));
+
+var classnames = classnames$1.exports;
+
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
@@ -658,69 +721,6 @@ var PageLoader = function PageLoader(_ref) {
 };
 cov_1rnptrlqih().s[2]++;
 
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-var classnames$1 = {exports: {}};
-
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-
-(function (module) {
-	/* global define */
-
-	(function () {
-
-		var hasOwn = {}.hasOwnProperty;
-
-		function classNames() {
-			var classes = [];
-
-			for (var i = 0; i < arguments.length; i++) {
-				var arg = arguments[i];
-				if (!arg) continue;
-
-				var argType = typeof arg;
-
-				if (argType === 'string' || argType === 'number') {
-					classes.push(arg);
-				} else if (Array.isArray(arg)) {
-					if (arg.length) {
-						var inner = classNames.apply(null, arg);
-						if (inner) {
-							classes.push(inner);
-						}
-					}
-				} else if (argType === 'object') {
-					if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {
-						classes.push(arg.toString());
-						continue;
-					}
-
-					for (var key in arg) {
-						if (hasOwn.call(arg, key) && arg[key]) {
-							classes.push(key);
-						}
-					}
-				}
-			}
-
-			return classes.join(' ');
-		}
-
-		if (module.exports) {
-			classNames.default = classNames;
-			module.exports = classNames;
-		} else {
-			window.classNames = classNames;
-		}
-	}());
-} (classnames$1));
-
-var classnames = classnames$1.exports;
-
 var prism = {exports: {}};
 
 (function (module) {
@@ -3601,7 +3601,7 @@ var CodeBlock = function CodeBlock(_ref) {
   })), /*#__PURE__*/React.createElement("div", {
     className: "flex flex-shrink-0 items-center justify-end gap-2"
   }, sendViaEmail ? (cov_2d7912y0n9().b[9][0]++, /*#__PURE__*/React.createElement(Button, {
-    style: "secondary",
+    style: "text",
     label: t("neetoMolecules.widget.installation.snippet.sendViaEmail"),
     onClick: sendViaEmail
   })) : (cov_2d7912y0n9().b[9][1]++, null), (cov_2d7912y0n9().b[10][0]++, showCopyButton) && (cov_2d7912y0n9().b[10][1]++, /*#__PURE__*/React.createElement(Button, {
@@ -3993,7 +3993,7 @@ try {
 
 function cov_1ajsf5p84l() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/NeetoWidget/utils.js";
-  var hash = "1a18af6d8a19aec81d8316de6749ed773a151cfc";
+  var hash = "49a8f712173793016480ba7b66ebcfd23dde4bb9";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -4255,194 +4255,244 @@ function cov_1ajsf5p84l() {
           column: 37
         },
         end: {
-          line: 83,
-          column: 3
+          line: 88,
+          column: 1
         }
       },
       "26": {
         start: {
-          line: 66,
-          column: 2
+          line: 67,
+          column: 4
         },
         end: {
-          line: 83,
-          column: 3
+          line: 67,
+          column: 67
         }
       },
       "27": {
         start: {
-          line: 70,
-          column: 8
+          line: 69,
+          column: 2
         },
         end: {
-          line: 78,
-          column: 9
+          line: 87,
+          column: 4
         }
       },
       "28": {
         start: {
-          line: 77,
-          column: 10
+          line: 72,
+          column: 27
         },
         end: {
-          line: 77,
-          column: 49
+          line: 72,
+          column: 48
         }
       },
       "29": {
         start: {
-          line: 80,
-          column: 8
+          line: 73,
+          column: 34
         },
         end: {
-          line: 80,
-          column: 19
+          line: 73,
+          column: 59
         }
       },
       "30": {
         start: {
-          line: 85,
-          column: 44
+          line: 74,
+          column: 32
         },
         end: {
-          line: 98,
-          column: 11
+          line: 74,
+          column: 60
         }
       },
       "31": {
         start: {
-          line: 86,
-          column: 2
+          line: 76,
+          column: 10
         },
         end: {
-          line: 98,
-          column: 11
+          line: 76,
+          column: 63
         }
       },
       "32": {
         start: {
-          line: 100,
-          column: 54
+          line: 77,
+          column: 8
         },
         end: {
-          line: 103,
-          column: 2
+          line: 82,
+          column: 9
         }
       },
       "33": {
         start: {
-          line: 100,
-          column: 66
+          line: 81,
+          column: 10
         },
         end: {
-          line: 103,
-          column: 1
+          line: 81,
+          column: 22
         }
       },
       "34": {
         start: {
-          line: 105,
-          column: 46
+          line: 84,
+          column: 8
         },
         end: {
-          line: 119,
-          column: 1
+          line: 84,
+          column: 19
         }
       },
       "35": {
         start: {
-          line: 106,
-          column: 26
+          line: 90,
+          column: 44
         },
         end: {
-          line: 106,
-          column: 77
+          line: 103,
+          column: 11
         }
       },
       "36": {
         start: {
-          line: 106,
-          column: 48
+          line: 91,
+          column: 2
         },
         end: {
-          line: 106,
-          column: 76
+          line: 103,
+          column: 11
         }
       },
       "37": {
         start: {
-          line: 108,
-          column: 2
+          line: 105,
+          column: 54
         },
         end: {
-          line: 110,
-          column: 3
+          line: 108,
+          column: 2
         }
       },
       "38": {
         start: {
-          line: 109,
-          column: 4
+          line: 105,
+          column: 66
         },
         end: {
-          line: 109,
-          column: 30
+          line: 108,
+          column: 1
         }
       },
       "39": {
         start: {
-          line: 112,
-          column: 2
+          line: 110,
+          column: 46
         },
         end: {
-          line: 118,
-          column: 5
+          line: 126,
+          column: 1
         }
       },
       "40": {
         start: {
-          line: 121,
-          column: 53
+          line: 111,
+          column: 26
         },
         end: {
-          line: 131,
-          column: 4
+          line: 113,
+          column: 48
         }
       },
       "41": {
         start: {
-          line: 122,
-          column: 2
+          line: 113,
+          column: 19
         },
         end: {
-          line: 131,
-          column: 4
+          line: 113,
+          column: 47
         }
       },
       "42": {
         start: {
-          line: 133,
-          column: 34
+          line: 115,
+          column: 2
         },
         end: {
-          line: 134,
-          column: 71
+          line: 117,
+          column: 3
         }
       },
       "43": {
         start: {
-          line: 134,
-          column: 2
+          line: 116,
+          column: 4
         },
         end: {
-          line: 134,
-          column: 71
+          line: 116,
+          column: 30
         }
-      }
-    },
-    fnMap: {
-      "0": {
-        name: "(anonymous_0)",
+      },
+      "44": {
+        start: {
+          line: 119,
+          column: 2
+        },
+        end: {
+          line: 125,
+          column: 5
+        }
+      },
+      "45": {
+        start: {
+          line: 128,
+          column: 53
+        },
+        end: {
+          line: 138,
+          column: 4
+        }
+      },
+      "46": {
+        start: {
+          line: 129,
+          column: 2
+        },
+        end: {
+          line: 138,
+          column: 4
+        }
+      },
+      "47": {
+        start: {
+          line: 140,
+          column: 34
+        },
+        end: {
+          line: 141,
+          column: 71
+        }
+      },
+      "48": {
+        start: {
+          line: 141,
+          column: 2
+        },
+        end: {
+          line: 141,
+          column: 71
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
         decl: {
           start: {
             line: 14,
@@ -4719,183 +4769,183 @@ function cov_1ajsf5p84l() {
         },
         loc: {
           start: {
-            line: 66,
-            column: 2
+            line: 65,
+            column: 76
           },
           end: {
-            line: 83,
-            column: 3
+            line: 88,
+            column: 1
           }
         },
-        line: 66
+        line: 65
       },
       "12": {
         name: "(anonymous_12)",
         decl: {
           start: {
-            line: 69,
+            line: 71,
             column: 11
           },
           end: {
-            line: 69,
+            line: 71,
             column: 12
           }
         },
         loc: {
           start: {
-            line: 69,
+            line: 71,
             column: 18
           },
           end: {
-            line: 81,
+            line: 85,
             column: 7
           }
         },
-        line: 69
+        line: 71
       },
       "13": {
         name: "(anonymous_13)",
         decl: {
           start: {
-            line: 85,
+            line: 90,
             column: 44
           },
           end: {
-            line: 85,
+            line: 90,
             column: 45
           }
         },
         loc: {
           start: {
-            line: 86,
+            line: 91,
             column: 2
           },
           end: {
-            line: 98,
+            line: 103,
             column: 11
           }
         },
-        line: 86
+        line: 91
       },
       "14": {
         name: "(anonymous_14)",
         decl: {
           start: {
-            line: 100,
+            line: 105,
             column: 54
           },
           end: {
-            line: 100,
+            line: 105,
             column: 55
           }
         },
         loc: {
           start: {
-            line: 100,
+            line: 105,
             column: 66
           },
           end: {
-            line: 103,
+            line: 108,
             column: 1
           }
         },
-        line: 100
+        line: 105
       },
       "15": {
         name: "(anonymous_15)",
         decl: {
           start: {
-            line: 105,
+            line: 110,
             column: 46
           },
           end: {
-            line: 105,
+            line: 110,
             column: 47
           }
         },
         loc: {
           start: {
-            line: 105,
+            line: 110,
             column: 77
           },
           end: {
-            line: 119,
+            line: 126,
             column: 1
           }
         },
-        line: 105
+        line: 110
       },
       "16": {
         name: "(anonymous_16)",
         decl: {
           start: {
-            line: 106,
-            column: 38
+            line: 113,
+            column: 9
           },
           end: {
-            line: 106,
-            column: 39
+            line: 113,
+            column: 10
           }
         },
         loc: {
           start: {
-            line: 106,
-            column: 48
+            line: 113,
+            column: 19
           },
           end: {
-            line: 106,
-            column: 76
+            line: 113,
+            column: 47
           }
         },
-        line: 106
+        line: 113
       },
       "17": {
         name: "(anonymous_17)",
         decl: {
           start: {
-            line: 121,
+            line: 128,
             column: 53
           },
           end: {
-            line: 121,
+            line: 128,
             column: 54
           }
         },
         loc: {
           start: {
-            line: 122,
+            line: 129,
             column: 2
           },
           end: {
-            line: 131,
+            line: 138,
             column: 4
           }
         },
-        line: 122
+        line: 129
       },
       "18": {
         name: "(anonymous_18)",
         decl: {
           start: {
-            line: 133,
+            line: 140,
             column: 34
           },
           end: {
-            line: 133,
+            line: 140,
             column: 35
           }
         },
         loc: {
           start: {
-            line: 134,
+            line: 141,
             column: 2
           },
           end: {
-            line: 134,
+            line: 141,
             column: 71
           }
         },
-        line: 134
+        line: 141
       }
     },
     branchMap: {
@@ -5076,22 +5126,64 @@ function cov_1ajsf5p84l() {
       "5": {
         loc: {
           start: {
-            line: 70,
+            line: 76,
+            column: 10
+          },
+          end: {
+            line: 76,
+            column: 63
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 76,
+            column: 10
+          },
+          end: {
+            line: 76,
+            column: 21
+          }
+        }, {
+          start: {
+            line: 76,
+            column: 25
+          },
+          end: {
+            line: 76,
+            column: 43
+          }
+        }, {
+          start: {
+            line: 76,
+            column: 47
+          },
+          end: {
+            line: 76,
+            column: 63
+          }
+        }],
+        line: 76
+      },
+      "6": {
+        loc: {
+          start: {
+            line: 77,
             column: 8
           },
           end: {
-            line: 78,
+            line: 82,
             column: 9
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 70,
+            line: 77,
             column: 8
           },
           end: {
-            line: 78,
+            line: 82,
             column: 9
           }
         }, {
@@ -5104,219 +5196,201 @@ function cov_1ajsf5p84l() {
             column: undefined
           }
         }],
-        line: 70
+        line: 77
       },
-      "6": {
+      "7": {
         loc: {
           start: {
-            line: 71,
+            line: 78,
             column: 10
           },
           end: {
-            line: 75,
+            line: 79,
             column: 58
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 71,
+            line: 78,
             column: 11
           },
           end: {
-            line: 71,
+            line: 78,
             column: 31
           }
         }, {
           start: {
-            line: 72,
-            column: 12
-          },
-          end: {
-            line: 72,
-            column: 34
-          }
-        }, {
-          start: {
-            line: 73,
-            column: 12
-          },
-          end: {
-            line: 73,
-            column: 30
-          }
-        }, {
-          start: {
-            line: 74,
-            column: 12
+            line: 78,
+            column: 35
           },
           end: {
-            line: 74,
-            column: 30
+            line: 78,
+            column: 47
           }
         }, {
           start: {
-            line: 75,
+            line: 79,
             column: 11
           },
           end: {
-            line: 75,
+            line: 79,
             column: 31
           }
         }, {
           start: {
-            line: 75,
+            line: 79,
             column: 35
           },
           end: {
-            line: 75,
+            line: 79,
             column: 57
           }
         }],
-        line: 71
+        line: 78
       },
-      "7": {
+      "8": {
         loc: {
           start: {
-            line: 89,
+            line: 94,
             column: 4
           },
           end: {
-            line: 91,
+            line: 96,
             column: 10
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 90,
+            line: 95,
             column: 8
           },
           end: {
-            line: 90,
+            line: 95,
             column: 56
           }
         }, {
           start: {
-            line: 91,
+            line: 96,
             column: 8
           },
           end: {
-            line: 91,
+            line: 96,
             column: 10
           }
         }],
-        line: 89
+        line: 94
       },
-      "8": {
+      "9": {
         loc: {
           start: {
-            line: 89,
+            line: 94,
             column: 4
           },
           end: {
-            line: 89,
+            line: 94,
             column: 48
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 89,
+            line: 94,
             column: 4
           },
           end: {
-            line: 89,
+            line: 94,
             column: 23
           }
         }, {
           start: {
-            line: 89,
+            line: 94,
             column: 27
           },
           end: {
-            line: 89,
+            line: 94,
             column: 48
           }
         }],
-        line: 89
+        line: 94
       },
-      "9": {
+      "10": {
         loc: {
           start: {
-            line: 93,
+            line: 98,
             column: 4
           },
           end: {
-            line: 93,
+            line: 98,
             column: 70
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 93,
+            line: 98,
             column: 28
           },
           end: {
-            line: 93,
+            line: 98,
             column: 65
           }
         }, {
           start: {
-            line: 93,
+            line: 98,
             column: 68
           },
           end: {
-            line: 93,
+            line: 98,
             column: 70
           }
         }],
-        line: 93
+        line: 98
       },
-      "10": {
+      "11": {
         loc: {
           start: {
-            line: 105,
+            line: 110,
             column: 56
           },
           end: {
-            line: 105,
+            line: 110,
             column: 72
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 105,
+            line: 110,
             column: 67
           },
           end: {
-            line: 105,
+            line: 110,
             column: 72
           }
         }],
-        line: 105
+        line: 110
       },
-      "11": {
+      "12": {
         loc: {
           start: {
-            line: 108,
+            line: 115,
             column: 2
           },
           end: {
-            line: 110,
+            line: 117,
             column: 3
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 108,
+            line: 115,
             column: 2
           },
           end: {
-            line: 110,
+            line: 117,
             column: 3
           }
         }, {
@@ -5329,40 +5403,40 @@ function cov_1ajsf5p84l() {
             column: undefined
           }
         }],
-        line: 108
+        line: 115
       },
-      "12": {
+      "13": {
         loc: {
           start: {
-            line: 115,
+            line: 122,
             column: 9
           },
           end: {
-            line: 117,
+            line: 124,
             column: 46
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 116,
+            line: 123,
             column: 8
           },
           end: {
-            line: 116,
+            line: 123,
             column: 76
           }
         }, {
           start: {
-            line: 117,
+            line: 124,
             column: 8
           },
           end: {
-            line: 117,
+            line: 124,
             column: 46
           }
         }],
-        line: 115
+        line: 122
       }
     },
     s: {
@@ -5409,7 +5483,12 @@ function cov_1ajsf5p84l() {
       "40": 0,
       "41": 0,
       "42": 0,
-      "43": 0
+      "43": 0,
+      "44": 0,
+      "45": 0,
+      "46": 0,
+      "47": 0,
+      "48": 0
     },
     f: {
       "0": 0,
@@ -5438,17 +5517,18 @@ function cov_1ajsf5p84l() {
       "2": [0, 0],
       "3": [0, 0, 0, 0],
       "4": [0, 0],
-      "5": [0, 0],
-      "6": [0, 0, 0, 0, 0, 0],
-      "7": [0, 0],
+      "5": [0, 0, 0],
+      "6": [0, 0],
+      "7": [0, 0, 0, 0],
       "8": [0, 0],
       "9": [0, 0],
-      "10": [0],
-      "11": [0, 0],
-      "12": [0, 0]
+      "10": [0, 0],
+      "11": [0],
+      "12": [0, 0],
+      "13": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "1a18af6d8a19aec81d8316de6749ed773a151cfc"
+    hash: "49a8f712173793016480ba7b66ebcfd23dde4bb9"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -5548,73 +5628,78 @@ var filterMarkedCommands = function filterMarkedCommands(queryString) {
 cov_1ajsf5p84l().s[25]++;
 var getSampleUserIdentity = function getSampleUserIdentity(enabledWidgets, selectedFramework) {
   cov_1ajsf5p84l().f[11]++;
-  cov_1ajsf5p84l().s[26]++;
-  return filterMarkedCommands(SAMPLE_USER_IDENTITY_CODE_STRING[selectedFramework].split("\n").map(function (cmd) {
+  var splitCodeLines = (cov_1ajsf5p84l().s[26]++, SAMPLE_USER_IDENTITY_CODE_STRING[selectedFramework].split("\n"));
+  cov_1ajsf5p84l().s[27]++;
+  return filterMarkedCommands(splitCodeLines.map(function (cmd) {
     cov_1ajsf5p84l().f[12]++;
-    cov_1ajsf5p84l().s[27]++;
-    if ((cov_1ajsf5p84l().b[6][0]++, !enabledWidgets.chat) && (cov_1ajsf5p84l().b[6][1]++, !cmd.includes("email")) && (cov_1ajsf5p84l().b[6][2]++, !cmd.includes("{")) && (cov_1ajsf5p84l().b[6][3]++, !cmd.includes("}")) || (cov_1ajsf5p84l().b[6][4]++, !enabledWidgets.chat) && (cov_1ajsf5p84l().b[6][5]++, !enabledWidgets.replay)) {
-      cov_1ajsf5p84l().b[5][0]++;
-      cov_1ajsf5p84l().s[28]++;
-      return getCommentedCommand(cmd, false);
+    var isEmailKey = (cov_1ajsf5p84l().s[28]++, cmd.includes("email"));
+    var isObjectStartLine = (cov_1ajsf5p84l().s[29]++, cmd === splitCodeLines[0]);
+    var isObjectEndLine = (cov_1ajsf5p84l().s[30]++, cmd === last(splitCodeLines));
+    var isLineHidden = (cov_1ajsf5p84l().s[31]++, (cov_1ajsf5p84l().b[5][0]++, !isEmailKey) && (cov_1ajsf5p84l().b[5][1]++, !isObjectStartLine) && (cov_1ajsf5p84l().b[5][2]++, !isObjectEndLine));
+    cov_1ajsf5p84l().s[32]++;
+    if ((cov_1ajsf5p84l().b[7][0]++, !enabledWidgets.chat) && (cov_1ajsf5p84l().b[7][1]++, isLineHidden) || (cov_1ajsf5p84l().b[7][2]++, !enabledWidgets.chat) && (cov_1ajsf5p84l().b[7][3]++, !enabledWidgets.replay)) {
+      cov_1ajsf5p84l().b[6][0]++;
+      cov_1ajsf5p84l().s[33]++;
+      return null;
     } else {
-      cov_1ajsf5p84l().b[5][1]++;
+      cov_1ajsf5p84l().b[6][1]++;
     }
-    cov_1ajsf5p84l().s[29]++;
+    cov_1ajsf5p84l().s[34]++;
     return cmd;
   }).join("\n"));
 };
-cov_1ajsf5p84l().s[30]++;
+cov_1ajsf5p84l().s[35]++;
 var sampleConsolidatedCodeString = function sampleConsolidatedCodeString(enabledWidgets, apiKey) {
   cov_1ajsf5p84l().f[13]++;
-  cov_1ajsf5p84l().s[31]++;
-  return filterMarkedCommands("".concat(buildEmbedWidgetScript(), "\n<script>\n  ").concat((cov_1ajsf5p84l().b[8][0]++, enabledWidgets.chat) || (cov_1ajsf5p84l().b[8][1]++, enabledWidgets.replay) ? (cov_1ajsf5p84l().b[7][0]++, "window.".concat(NEETO_WIDGET_USER_IDENTITY_KEY, " = {};")) : (cov_1ajsf5p84l().b[7][1]++, ""), "\n  ").concat(enabledWidgets.replay ? (cov_1ajsf5p84l().b[9][0]++, "window.".concat(SESSION_CONTEXT_KEY, " = {};")) : (cov_1ajsf5p84l().b[9][1]++, ""), "\n\n  ").concat(indentAndFormat(wrapBlockInOnLoad(embedWidgetFunctionCall(enabledWidgets, apiKey))), "\n</script>"));
+  cov_1ajsf5p84l().s[36]++;
+  return filterMarkedCommands("".concat(buildEmbedWidgetScript(), "\n<script>\n  ").concat((cov_1ajsf5p84l().b[9][0]++, enabledWidgets.chat) || (cov_1ajsf5p84l().b[9][1]++, enabledWidgets.replay) ? (cov_1ajsf5p84l().b[8][0]++, "window.".concat(NEETO_WIDGET_USER_IDENTITY_KEY, " = {};")) : (cov_1ajsf5p84l().b[8][1]++, ""), "\n  ").concat(enabledWidgets.replay ? (cov_1ajsf5p84l().b[10][0]++, "window.".concat(SESSION_CONTEXT_KEY, " = {};")) : (cov_1ajsf5p84l().b[10][1]++, ""), "\n\n  ").concat(indentAndFormat(wrapBlockInOnLoad(embedWidgetFunctionCall(enabledWidgets, apiKey))), "\n</script>"));
 };
-cov_1ajsf5p84l().s[32]++;
+cov_1ajsf5p84l().s[37]++;
 var getEmailWidgetSnippetFormInitialValues = function getEmailWidgetSnippetFormInitialValues(subject) {
   cov_1ajsf5p84l().f[14]++;
-  cov_1ajsf5p84l().s[33]++;
+  cov_1ajsf5p84l().s[38]++;
   return {
     emails: "",
     subject: subject
   };
 };
-cov_1ajsf5p84l().s[34]++;
+cov_1ajsf5p84l().s[39]++;
 var getSelectedWidgetsCombinedText = function getSelectedWidgetsCombinedText(widgets) {
-  var withHtml = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (cov_1ajsf5p84l().b[10][0]++, false);
+  var withHtml = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (cov_1ajsf5p84l().b[11][0]++, false);
   cov_1ajsf5p84l().f[15]++;
-  var prefixedWidgets = (cov_1ajsf5p84l().s[35]++, widgets.map(function (widget) {
+  var prefixedWidgets = (cov_1ajsf5p84l().s[40]++, widgets.sort().map(function (widget) {
     cov_1ajsf5p84l().f[16]++;
-    cov_1ajsf5p84l().s[36]++;
+    cov_1ajsf5p84l().s[41]++;
     return "neeto".concat(capitalize(widget));
   }));
-  cov_1ajsf5p84l().s[37]++;
+  cov_1ajsf5p84l().s[42]++;
   if (prefixedWidgets.length === 1) {
-    cov_1ajsf5p84l().b[11][0]++;
-    cov_1ajsf5p84l().s[38]++;
+    cov_1ajsf5p84l().b[12][0]++;
+    cov_1ajsf5p84l().s[43]++;
     return prefixedWidgets[0];
   } else {
-    cov_1ajsf5p84l().b[11][1]++;
+    cov_1ajsf5p84l().b[12][1]++;
   }
-  cov_1ajsf5p84l().s[39]++;
+  cov_1ajsf5p84l().s[44]++;
   return i18next.t("neetoMolecules.common.andSentence", {
     first: prefixedWidgets.slice(0, -1).join(", "),
     last: last(prefixedWidgets),
-    and: withHtml ? (cov_1ajsf5p84l().b[12][0]++, "<fontNormal>".concat(i18next.t("neetoMolecules.common.and"), "</fontNormal>")) : (cov_1ajsf5p84l().b[12][1]++, i18next.t("neetoMolecules.common.and"))
+    and: withHtml ? (cov_1ajsf5p84l().b[13][0]++, "<fontNormal>".concat(i18next.t("neetoMolecules.common.and"), "</fontNormal>")) : (cov_1ajsf5p84l().b[13][1]++, i18next.t("neetoMolecules.common.and"))
   });
 };
-cov_1ajsf5p84l().s[40]++;
+cov_1ajsf5p84l().s[45]++;
 var getEmailWidgetSnippetValidationSchema = function getEmailWidgetSnippetValidationSchema() {
   cov_1ajsf5p84l().f[17]++;
-  cov_1ajsf5p84l().s[41]++;
+  cov_1ajsf5p84l().s[46]++;
   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"))
   });
 };
-cov_1ajsf5p84l().s[42]++;
+cov_1ajsf5p84l().s[47]++;
 var getWidgetApiKeyUrl = function getWidgetApiKeyUrl() {
   cov_1ajsf5p84l().f[18]++;
-  cov_1ajsf5p84l().s[43]++;
+  cov_1ajsf5p84l().s[48]++;
   return "api/widget/v1/api_keys/".concat(window.globalProps.organization.subdomain);
 };
 
@@ -7342,7 +7427,7 @@ var useUpdateConfigurations = function useUpdateConfigurations() {
 
 function cov_jv5dgcssl() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/NeetoWidget/SelectionTabs.jsx";
-  var hash = "9a90c60536fb7d810d7570300512475ee8d3c519";
+  var hash = "ba4d9e58d2ad34cad60a23b5c7cfedc40cd2f5be";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -7354,7 +7439,7 @@ function cov_jv5dgcssl() {
           column: 22
         },
         end: {
-          line: 68,
+          line: 71,
           column: 1
         }
       },
@@ -7374,8 +7459,8 @@ function cov_jv5dgcssl() {
           column: 28
         },
         end: {
-          line: 36,
-          column: 6
+          line: 37,
+          column: 5
         }
       },
       "3": {
@@ -7384,8 +7469,8 @@ function cov_jv5dgcssl() {
           column: 4
         },
         end: {
-          line: 36,
-          column: 6
+          line: 37,
+          column: 5
         }
       },
       "4": {
@@ -7394,8 +7479,8 @@ function cov_jv5dgcssl() {
           column: 6
         },
         end: {
-          line: 35,
-          column: 12
+          line: 36,
+          column: 14
         }
       },
       "5": {
@@ -7410,31 +7495,31 @@ function cov_jv5dgcssl() {
       },
       "6": {
         start: {
-          line: 38,
+          line: 39,
           column: 2
         },
         end: {
-          line: 67,
+          line: 70,
           column: 4
         }
       },
       "7": {
         start: {
-          line: 48,
+          line: 45,
           column: 28
         },
         end: {
-          line: 48,
+          line: 45,
           column: 72
         }
       },
       "8": {
         start: {
-          line: 70,
+          line: 73,
           column: 0
         },
         end: {
-          line: 74,
+          line: 77,
           column: 2
         }
       }
@@ -7458,7 +7543,7 @@ function cov_jv5dgcssl() {
             column: 6
           },
           end: {
-            line: 68,
+            line: 71,
             column: 1
           }
         },
@@ -7482,8 +7567,8 @@ function cov_jv5dgcssl() {
             column: 4
           },
           end: {
-            line: 36,
-            column: 6
+            line: 37,
+            column: 5
           }
         },
         line: 26
@@ -7506,8 +7591,8 @@ function cov_jv5dgcssl() {
             column: 6
           },
           end: {
-            line: 35,
-            column: 12
+            line: 36,
+            column: 14
           }
         },
         line: 27
@@ -7540,25 +7625,25 @@ function cov_jv5dgcssl() {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 48,
+            line: 45,
             column: 22
           },
           end: {
-            line: 48,
+            line: 45,
             column: 23
           }
         },
         loc: {
           start: {
-            line: 48,
+            line: 45,
             column: 28
           },
           end: {
-            line: 48,
+            line: 45,
             column: 72
           }
         },
-        line: 48
+        line: 45
       }
     },
     branchMap: {
@@ -7598,101 +7683,101 @@ function cov_jv5dgcssl() {
       "1": {
         loc: {
           start: {
-            line: 28,
-            column: 9
+            line: 27,
+            column: 6
           },
           end: {
-            line: 34,
-            column: 16
+            line: 36,
+            column: 14
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 29,
-            column: 10
+            line: 28,
+            column: 8
           },
           end: {
-            line: 33,
-            column: 12
+            line: 35,
+            column: 14
           }
         }, {
           start: {
-            line: 34,
-            column: 12
+            line: 36,
+            column: 10
           },
           end: {
-            line: 34,
-            column: 16
+            line: 36,
+            column: 14
           }
         }],
-        line: 28
+        line: 27
       },
       "2": {
         loc: {
           start: {
-            line: 45,
+            line: 42,
             column: 9
           },
           end: {
-            line: 50,
+            line: 47,
             column: 9
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 45,
+            line: 42,
             column: 9
           },
           end: {
-            line: 45,
+            line: 42,
             column: 43
           }
         }, {
           start: {
-            line: 46,
+            line: 43,
             column: 10
           },
           end: {
-            line: 49,
+            line: 46,
             column: 12
           }
         }],
-        line: 45
+        line: 42
       },
       "3": {
         loc: {
           start: {
-            line: 55,
-            column: 12
+            line: 57,
+            column: 14
           },
           end: {
-            line: 57,
-            column: 34
+            line: 59,
+            column: 36
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 56,
-            column: 16
+            line: 58,
+            column: 18
           },
           end: {
-            line: 56,
-            column: 57
+            line: 58,
+            column: 59
           }
         }, {
           start: {
-            line: 57,
-            column: 16
+            line: 59,
+            column: 18
           },
           end: {
-            line: 57,
-            column: 34
+            line: 59,
+            column: 36
           }
         }],
-        line: 55
+        line: 57
       }
     },
     s: {
@@ -7720,7 +7805,7 @@ function cov_jv5dgcssl() {
       "3": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "9a90c60536fb7d810d7570300512475ee8d3c519"
+    hash: "ba4d9e58d2ad34cad60a23b5c7cfedc40cd2f5be"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -7747,52 +7832,51 @@ var SelectionTabs = function SelectionTabs(_ref) {
   var renderSelectedTab = function renderSelectedTab() {
     cov_jv5dgcssl().f[1]++;
     cov_jv5dgcssl().s[3]++;
-    return WIDGET_TYPES_VALUES.map(function (widget) {
+    return WIDGET_TYPES_VALUES.map(function (widget, index) {
       cov_jv5dgcssl().f[2]++;
       cov_jv5dgcssl().s[4]++;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "mb-1",
-        key: widget
-      }, primarySelectedWidget !== widget ? (cov_jv5dgcssl().b[1][0]++, /*#__PURE__*/React.createElement(Switch, {
+      return primarySelectedWidget !== widget ? (cov_jv5dgcssl().b[1][0]++, /*#__PURE__*/React.createElement("div", {
+        className: "flex items-center space-x-2"
+      }, /*#__PURE__*/React.createElement(Switch, {
         checked: selectedWidgets.includes(widget),
-        label: "neeto".concat(capitalize(widget)),
+        key: index,
         onChange: function onChange() {
           cov_jv5dgcssl().f[3]++;
           cov_jv5dgcssl().s[5]++;
           return updateSelectedWidgets(widget);
         }
-      })) : (cov_jv5dgcssl().b[1][1]++, null));
+      }), /*#__PURE__*/React.createElement(Label, null, "neeto", capitalize(widget)))) : (cov_jv5dgcssl().b[1][1]++, null);
     });
   };
   cov_jv5dgcssl().s[6]++;
   return /*#__PURE__*/React.createElement("div", {
-    className: "mb-4 flex w-full items-center justify-between gap-2 px-2"
+    className: "mb-4 flex w-full items-center justify-between gap-2"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center justify-start gap-1"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "text-base font-semibold"
-  }, "neeto", formattedPrimaryWidget), (cov_jv5dgcssl().b[2][0]++, isNotEmpty(formattedPrimaryWidget)) && (cov_jv5dgcssl().b[2][1]++, /*#__PURE__*/React.createElement(Switch, {
+    className: "flex items-center space-x-2"
+  }, (cov_jv5dgcssl().b[2][0]++, isNotEmpty(formattedPrimaryWidget)) && (cov_jv5dgcssl().b[2][1]++, /*#__PURE__*/React.createElement(Switch, {
     checked: selectedWidgets.includes(primarySelectedWidget),
     onChange: function onChange() {
       cov_jv5dgcssl().f[4]++;
       cov_jv5dgcssl().s[7]++;
       return updateSelectedWidgets(primarySelectedWidget);
     }
-  })), /*#__PURE__*/React.createElement("a", {
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center space-x-1"
+  }, /*#__PURE__*/React.createElement(Label, null, "neeto", formattedPrimaryWidget), /*#__PURE__*/React.createElement("a", {
     rel: "noreferrer",
     target: "_blank",
     href: primarySelectedWidget ? (cov_jv5dgcssl().b[3][0]++, WIDGET_KB_HELP_URL[primarySelectedWidget]) : (cov_jv5dgcssl().b[3][1]++, WIDGET_KB_BASE_URL)
-  }, /*#__PURE__*/React.createElement(Help, {
+  }, /*#__PURE__*/React.createElement(Info, {
     size: 16
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center justify-end gap-2"
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-end gap-6"
   }, renderSelectedTab()));
 };
 cov_jv5dgcssl().s[8]++;
 
 function cov_216ndqorbu() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/NeetoWidget/EmbedCode.jsx";
-  var hash = "4de25cf9d36316a9dd816245bd945edc34959cfc";
+  var hash = "a29f32cd9f65dbcdb30f0b296784abd822305df0";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -7800,471 +7884,471 @@ function cov_216ndqorbu() {
     statementMap: {
       "0": {
         start: {
-          line: 37,
+          line: 38,
           column: 18
         },
         end: {
-          line: 347,
+          line: 354,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 38,
+          line: 39,
           column: 36
         },
         end: {
-          line: 38,
+          line: 39,
           column: 62
         }
       },
       "2": {
         start: {
-          line: 39,
+          line: 40,
           column: 52
         },
         end: {
-          line: 41,
+          line: 42,
           column: 3
         }
       },
       "3": {
         start: {
-          line: 43,
+          line: 44,
           column: 16
         },
         end: {
-          line: 43,
+          line: 44,
           column: 32
         }
       },
       "4": {
         start: {
-          line: 44,
+          line: 45,
           column: 18
         },
         end: {
-          line: 44,
+          line: 45,
           column: 26
         }
       },
       "5": {
         start: {
-          line: 45,
+          line: 46,
           column: 22
         },
         end: {
-          line: 45,
+          line: 46,
           column: 38
         }
       },
       "6": {
         start: {
-          line: 47,
+          line: 48,
           column: 2
         },
         end: {
-          line: 49,
+          line: 50,
           column: 9
         }
       },
       "7": {
         start: {
-          line: 48,
+          line: 49,
           column: 4
         },
         end: {
-          line: 48,
+          line: 49,
           column: 18
         }
       },
       "8": {
         start: {
-          line: 52,
+          line: 53,
           column: 4
         },
         end: {
-          line: 52,
+          line: 53,
           column: 20
         }
       },
       "9": {
         start: {
-          line: 57,
+          line: 58,
           column: 6
         },
         end: {
-          line: 57,
+          line: 58,
           column: 30
         }
       },
       "10": {
         start: {
-          line: 59,
+          line: 60,
           column: 48
         },
         end: {
-          line: 59,
+          line: 60,
           column: 73
         }
       },
       "11": {
         start: {
-          line: 61,
+          line: 62,
           column: 28
         },
         end: {
-          line: 61,
+          line: 62,
           column: 50
         }
       },
       "12": {
         start: {
-          line: 63,
+          line: 64,
           column: 26
         },
         end: {
-          line: 65,
+          line: 66,
           column: 58
         }
       },
       "13": {
         start: {
-          line: 65,
+          line: 66,
           column: 17
         },
         end: {
-          line: 65,
+          line: 66,
           column: 57
         }
       },
       "14": {
         start: {
-          line: 67,
+          line: 68,
           column: 25
         },
         end: {
-          line: 69,
+          line: 70,
           column: 3
         }
       },
       "15": {
         start: {
-          line: 68,
+          line: 69,
           column: 34
         },
         end: {
-          line: 68,
+          line: 69,
           column: 48
         }
       },
       "16": {
         start: {
-          line: 71,
+          line: 72,
           column: 32
         },
         end: {
-          line: 94,
+          line: 95,
           column: 3
         }
       },
       "17": {
         start: {
-          line: 72,
+          line: 73,
           column: 21
         },
         end: {
-          line: 74,
+          line: 75,
           column: 8
         }
       },
       "18": {
         start: {
-          line: 73,
+          line: 74,
           column: 14
         },
         end: {
-          line: 73,
+          line: 74,
           column: 65
         }
       },
       "19": {
         start: {
-          line: 75,
+          line: 76,
           column: 22
         },
         end: {
-          line: 75,
+          line: 76,
           column: 55
         }
       },
       "20": {
         start: {
-          line: 77,
+          line: 78,
           column: 4
         },
         end: {
-          line: 93,
+          line: 94,
           column: 6
         }
       },
       "21": {
         start: {
-          line: 84,
+          line: 85,
           column: 27
         },
         end: {
-          line: 86,
+          line: 87,
           column: 59
         }
       },
       "22": {
         start: {
-          line: 88,
+          line: 89,
           column: 10
         },
         end: {
-          line: 90,
+          line: 91,
           column: 12
         }
       },
       "23": {
         start: {
-          line: 96,
+          line: 97,
           column: 29
         },
         end: {
-          line: 102,
+          line: 103,
           column: 3
         }
       },
       "24": {
         start: {
-          line: 97,
+          line: 98,
           column: 4
         },
         end: {
-          line: 99,
+          line: 100,
           column: 5
         }
       },
       "25": {
         start: {
-          line: 98,
+          line: 99,
           column: 6
         },
         end: {
-          line: 98,
+          line: 99,
           column: 72
         }
       },
       "26": {
         start: {
-          line: 101,
+          line: 102,
           column: 4
         },
         end: {
-          line: 101,
+          line: 102,
           column: 14
         }
       },
       "27": {
         start: {
-          line: 104,
+          line: 105,
           column: 26
         },
         end: {
-          line: 218,
+          line: 219,
           column: 3
         }
       },
       "28": {
         start: {
-          line: 105,
+          line: 106,
           column: 4
         },
         end: {
-          line: 217,
+          line: 218,
           column: 5
         }
       },
       "29": {
         start: {
-          line: 107,
+          line: 108,
           column: 8
         },
         end: {
-          line: 147,
+          line: 148,
           column: 10
         }
       },
       "30": {
         start: {
-          line: 149,
+          line: 150,
           column: 8
         },
         end: {
-          line: 182,
+          line: 183,
           column: 10
         }
       },
       "31": {
         start: {
-          line: 184,
+          line: 185,
           column: 8
         },
         end: {
-          line: 210,
+          line: 211,
           column: 10
         }
       },
       "32": {
         start: {
-          line: 212,
+          line: 213,
           column: 8
         },
         end: {
-          line: 214,
+          line: 215,
           column: 15
         }
       },
       "33": {
         start: {
-          line: 216,
+          line: 217,
           column: 8
         },
         end: {
-          line: 216,
+          line: 217,
           column: 56
         }
       },
       "34": {
         start: {
-          line: 220,
+          line: 221,
           column: 29
         },
         end: {
-          line: 230,
+          line: 231,
           column: 3
         }
       },
       "35": {
         start: {
-          line: 221,
+          line: 222,
           column: 4
         },
         end: {
-          line: 227,
+          line: 228,
           column: 5
         }
       },
       "36": {
         start: {
-          line: 222,
+          line: 223,
           column: 6
         },
         end: {
-          line: 224,
+          line: 225,
           column: 8
         }
       },
       "37": {
         start: {
-          line: 226,
+          line: 227,
           column: 6
         },
         end: {
-          line: 226,
+          line: 227,
           column: 13
         }
       },
       "38": {
         start: {
-          line: 229,
+          line: 230,
           column: 4
         },
         end: {
-          line: 229,
+          line: 230,
           column: 32
         }
       },
       "39": {
         start: {
-          line: 232,
+          line: 233,
           column: 2
         },
         end: {
-          line: 238,
+          line: 239,
           column: 3
         }
       },
       "40": {
         start: {
-          line: 233,
+          line: 234,
           column: 4
         },
         end: {
-          line: 237,
+          line: 238,
           column: 6
         }
       },
       "41": {
         start: {
-          line: 240,
+          line: 241,
           column: 2
         },
         end: {
-          line: 346,
+          line: 353,
           column: 4
         }
       },
       "42": {
         start: {
-          line: 252,
-          column: 32
+          line: 254,
+          column: 34
         },
         end: {
-          line: 252,
-          column: 73
+          line: 254,
+          column: 75
         }
       },
       "43": {
         start: {
-          line: 280,
-          column: 34
+          line: 287,
+          column: 18
         },
         end: {
-          line: 280,
-          column: 78
+          line: 287,
+          column: 62
         }
       },
       "44": {
         start: {
-          line: 316,
-          column: 16
+          line: 322,
+          column: 18
         },
         end: {
-          line: 316,
-          column: 62
+          line: 322,
+          column: 64
         }
       },
       "45": {
         start: {
-          line: 342,
+          line: 349,
           column: 23
         },
         end: {
-          line: 342,
+          line: 349,
           column: 53
         }
       },
       "46": {
         start: {
-          line: 349,
+          line: 356,
           column: 0
         },
         end: {
-          line: 351,
+          line: 359,
           column: 2
         }
       }
@@ -8274,512 +8358,536 @@ function cov_216ndqorbu() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 37,
+            line: 38,
             column: 18
           },
           end: {
-            line: 37,
+            line: 38,
             column: 19
           }
         },
         loc: {
           start: {
-            line: 37,
-            column: 43
+            line: 38,
+            column: 67
           },
           end: {
-            line: 347,
+            line: 354,
             column: 1
           }
         },
-        line: 37
+        line: 38
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 47,
+            line: 48,
             column: 12
           },
           end: {
-            line: 47,
+            line: 48,
             column: 13
           }
         },
         loc: {
           start: {
-            line: 47,
+            line: 48,
             column: 18
           },
           end: {
-            line: 49,
+            line: 50,
             column: 3
           }
         },
-        line: 47
+        line: 48
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 65,
+            line: 66,
             column: 9
           },
           end: {
-            line: 65,
+            line: 66,
             column: 10
           }
         },
         loc: {
           start: {
-            line: 65,
+            line: 66,
             column: 17
           },
           end: {
-            line: 65,
+            line: 66,
             column: 57
           }
         },
-        line: 65
+        line: 66
       },
       "3": {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 68,
+            line: 69,
             column: 24
           },
           end: {
-            line: 68,
+            line: 69,
             column: 25
           }
         },
         loc: {
           start: {
-            line: 68,
+            line: 69,
             column: 34
           },
           end: {
-            line: 68,
+            line: 69,
             column: 48
           }
         },
-        line: 68
+        line: 69
       },
       "4": {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 71,
+            line: 72,
             column: 32
           },
           end: {
-            line: 71,
+            line: 72,
             column: 33
           }
         },
         loc: {
           start: {
-            line: 71,
+            line: 72,
             column: 42
           },
           end: {
-            line: 94,
+            line: 95,
             column: 3
           }
         },
-        line: 71
+        line: 72
       },
       "5": {
         name: "(anonymous_5)",
         decl: {
           start: {
-            line: 73,
+            line: 74,
             column: 6
           },
           end: {
-            line: 73,
+            line: 74,
             column: 7
           }
         },
         loc: {
           start: {
-            line: 73,
+            line: 74,
             column: 14
           },
           end: {
-            line: 73,
+            line: 74,
             column: 65
           }
         },
-        line: 73
+        line: 74
       },
       "6": {
         name: "(anonymous_6)",
         decl: {
           start: {
-            line: 83,
+            line: 84,
             column: 19
           },
           end: {
-            line: 83,
+            line: 84,
             column: 20
           }
         },
         loc: {
           start: {
-            line: 83,
+            line: 84,
             column: 25
           },
           end: {
-            line: 91,
+            line: 92,
             column: 9
           }
         },
-        line: 83
+        line: 84
       },
       "7": {
         name: "(anonymous_7)",
         decl: {
           start: {
-            line: 96,
+            line: 97,
             column: 29
           },
           end: {
-            line: 96,
+            line: 97,
             column: 30
           }
         },
         loc: {
           start: {
-            line: 96,
+            line: 97,
             column: 35
           },
           end: {
-            line: 102,
+            line: 103,
             column: 3
           }
         },
-        line: 96
+        line: 97
       },
       "8": {
         name: "(anonymous_8)",
         decl: {
           start: {
-            line: 104,
+            line: 105,
             column: 26
           },
           end: {
-            line: 104,
+            line: 105,
             column: 27
           }
         },
         loc: {
           start: {
-            line: 104,
+            line: 105,
             column: 47
           },
           end: {
-            line: 218,
+            line: 219,
             column: 3
           }
         },
-        line: 104
+        line: 105
       },
       "9": {
         name: "(anonymous_9)",
         decl: {
           start: {
-            line: 220,
+            line: 221,
             column: 29
           },
           end: {
-            line: 220,
+            line: 221,
             column: 30
           }
         },
         loc: {
           start: {
-            line: 220,
+            line: 221,
             column: 46
           },
           end: {
-            line: 230,
+            line: 231,
             column: 3
           }
         },
-        line: 220
+        line: 221
       },
       "10": {
         name: "(anonymous_10)",
         decl: {
           start: {
-            line: 252,
-            column: 26
+            line: 254,
+            column: 28
           },
           end: {
-            line: 252,
-            column: 27
+            line: 254,
+            column: 29
           }
         },
         loc: {
           start: {
-            line: 252,
-            column: 32
+            line: 254,
+            column: 34
           },
           end: {
-            line: 252,
-            column: 73
+            line: 254,
+            column: 75
           }
         },
-        line: 252
+        line: 254
       },
       "11": {
         name: "(anonymous_11)",
         decl: {
           start: {
-            line: 280,
-            column: 28
+            line: 286,
+            column: 30
           },
           end: {
-            line: 280,
-            column: 29
+            line: 286,
+            column: 31
           }
         },
         loc: {
           start: {
-            line: 280,
-            column: 34
+            line: 287,
+            column: 18
           },
           end: {
-            line: 280,
-            column: 78
+            line: 287,
+            column: 62
           }
         },
-        line: 280
+        line: 287
       },
       "12": {
         name: "(anonymous_12)",
         decl: {
           start: {
-            line: 315,
-            column: 28
+            line: 321,
+            column: 30
           },
           end: {
-            line: 315,
-            column: 29
+            line: 321,
+            column: 31
           }
         },
         loc: {
           start: {
-            line: 316,
-            column: 16
+            line: 322,
+            column: 18
           },
           end: {
-            line: 316,
-            column: 62
+            line: 322,
+            column: 64
           }
         },
-        line: 316
+        line: 322
       },
       "13": {
         name: "(anonymous_13)",
         decl: {
           start: {
-            line: 342,
+            line: 349,
             column: 17
           },
           end: {
-            line: 342,
+            line: 349,
             column: 18
           }
         },
         loc: {
           start: {
-            line: 342,
+            line: 349,
             column: 23
           },
           end: {
-            line: 342,
+            line: 349,
             column: 53
           }
         },
-        line: 342
+        line: 349
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 37,
+            line: 38,
             column: 21
           },
           end: {
-            line: 37,
+            line: 38,
             column: 36
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 37,
+            line: 38,
             column: 34
           },
           end: {
-            line: 37,
+            line: 38,
             column: 36
           }
         }],
-        line: 37
+        line: 38
       },
       "1": {
         loc: {
           start: {
-            line: 51,
+            line: 38,
+            column: 38
+          },
+          end: {
+            line: 38,
+            column: 60
+          }
+        },
+        type: "default-arg",
+        locations: [{
+          start: {
+            line: 38,
+            column: 49
+          },
+          end: {
+            line: 38,
+            column: 60
+          }
+        }],
+        line: 38
+      },
+      "2": {
+        loc: {
+          start: {
+            line: 52,
             column: 16
           },
           end: {
-            line: 51,
+            line: 52,
             column: 42
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 51,
+            line: 52,
             column: 40
           },
           end: {
-            line: 51,
+            line: 52,
             column: 42
           }
         }],
-        line: 51
+        line: 52
       },
-      "2": {
+      "3": {
         loc: {
           start: {
-            line: 51,
+            line: 52,
             column: 18
           },
           end: {
-            line: 51,
+            line: 52,
             column: 35
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 51,
+            line: 52,
             column: 33
           },
           end: {
-            line: 51,
+            line: 52,
             column: 35
           }
         }],
-        line: 51
+        line: 52
       },
-      "3": {
+      "4": {
         loc: {
           start: {
-            line: 55,
+            line: 56,
             column: 10
           },
           end: {
-            line: 55,
+            line: 56,
             column: 41
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 55,
+            line: 56,
             column: 39
           },
           end: {
-            line: 55,
+            line: 56,
             column: 41
           }
         }],
-        line: 55
+        line: 56
       },
-      "4": {
+      "5": {
         loc: {
           start: {
-            line: 55,
+            line: 56,
             column: 12
           },
           end: {
-            line: 55,
+            line: 56,
             column: 34
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 55,
+            line: 56,
             column: 32
           },
           end: {
-            line: 55,
+            line: 56,
             column: 34
           }
         }],
-        line: 55
+        line: 56
       },
-      "5": {
+      "6": {
         loc: {
           start: {
-            line: 84,
+            line: 85,
             column: 27
           },
           end: {
-            line: 86,
+            line: 87,
             column: 59
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 85,
+            line: 86,
             column: 14
           },
           end: {
-            line: 85,
+            line: 86,
             column: 58
           }
         }, {
           start: {
-            line: 86,
+            line: 87,
             column: 14
           },
           end: {
-            line: 86,
+            line: 87,
             column: 59
           }
         }],
-        line: 84
+        line: 85
       },
-      "6": {
+      "7": {
         loc: {
           start: {
-            line: 97,
+            line: 98,
             column: 4
           },
           end: {
-            line: 99,
+            line: 100,
             column: 5
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 97,
+            line: 98,
             column: 4
           },
           end: {
-            line: 99,
+            line: 100,
             column: 5
           }
         }, {
@@ -8792,186 +8900,186 @@ function cov_216ndqorbu() {
             column: undefined
           }
         }],
-        line: 97
+        line: 98
       },
-      "7": {
+      "8": {
         loc: {
           start: {
-            line: 105,
+            line: 106,
             column: 4
           },
           end: {
-            line: 217,
+            line: 218,
             column: 5
           }
         },
         type: "switch",
         locations: [{
           start: {
-            line: 106,
+            line: 107,
             column: 6
           },
           end: {
-            line: 147,
+            line: 148,
             column: 10
           }
         }, {
           start: {
-            line: 148,
+            line: 149,
             column: 6
           },
           end: {
-            line: 182,
+            line: 183,
             column: 10
           }
         }, {
           start: {
-            line: 183,
+            line: 184,
             column: 6
           },
           end: {
-            line: 210,
+            line: 211,
             column: 10
           }
         }, {
           start: {
-            line: 211,
+            line: 212,
             column: 6
           },
           end: {
-            line: 214,
+            line: 215,
             column: 15
           }
         }, {
           start: {
-            line: 215,
+            line: 216,
             column: 6
           },
           end: {
-            line: 216,
+            line: 217,
             column: 56
           }
         }],
-        line: 105
+        line: 106
       },
-      "8": {
+      "9": {
         loc: {
           start: {
-            line: 167,
+            line: 168,
             column: 24
           },
           end: {
-            line: 169,
+            line: 170,
             column: 54
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 168,
+            line: 169,
             column: 28
           },
           end: {
-            line: 168,
+            line: 169,
             column: 56
           }
         }, {
           start: {
-            line: 169,
+            line: 170,
             column: 28
           },
           end: {
-            line: 169,
+            line: 170,
             column: 54
           }
         }],
-        line: 167
+        line: 168
       },
-      "9": {
+      "10": {
         loc: {
           start: {
-            line: 175,
+            line: 176,
             column: 37
           },
           end: {
-            line: 177,
+            line: 178,
             column: 48
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 176,
+            line: 177,
             column: 22
           },
           end: {
-            line: 176,
+            line: 177,
             column: 50
           }
         }, {
           start: {
-            line: 177,
+            line: 178,
             column: 22
           },
           end: {
-            line: 177,
+            line: 178,
             column: 48
           }
         }],
-        line: 175
+        line: 176
       },
-      "10": {
+      "11": {
         loc: {
           start: {
-            line: 212,
+            line: 213,
             column: 15
           },
           end: {
-            line: 214,
+            line: 215,
             column: 14
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 213,
+            line: 214,
             column: 12
           },
           end: {
-            line: 213,
+            line: 214,
             column: 46
           }
         }, {
           start: {
-            line: 214,
+            line: 215,
             column: 12
           },
           end: {
-            line: 214,
+            line: 215,
             column: 14
           }
         }],
-        line: 212
+        line: 213
       },
-      "11": {
+      "12": {
         loc: {
           start: {
-            line: 221,
+            line: 222,
             column: 4
           },
           end: {
-            line: 227,
+            line: 228,
             column: 5
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 221,
+            line: 222,
             column: 4
           },
           end: {
-            line: 227,
+            line: 228,
             column: 5
           }
         }, {
@@ -8984,27 +9092,27 @@ function cov_216ndqorbu() {
             column: undefined
           }
         }],
-        line: 221
+        line: 222
       },
-      "12": {
+      "13": {
         loc: {
           start: {
-            line: 232,
+            line: 233,
             column: 2
           },
           end: {
-            line: 238,
+            line: 239,
             column: 3
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 232,
+            line: 233,
             column: 2
           },
           end: {
-            line: 238,
+            line: 239,
             column: 3
           }
         }, {
@@ -9017,238 +9125,238 @@ function cov_216ndqorbu() {
             column: undefined
           }
         }],
-        line: 232
+        line: 233
       },
-      "13": {
+      "14": {
         loc: {
           start: {
-            line: 232,
+            line: 233,
             column: 6
           },
           end: {
-            line: 232,
+            line: 233,
             column: 48
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 232,
+            line: 233,
             column: 6
           },
           end: {
-            line: 232,
+            line: 233,
             column: 21
           }
         }, {
           start: {
-            line: 232,
+            line: 233,
             column: 25
           },
           end: {
-            line: 232,
+            line: 233,
             column: 48
           }
         }],
-        line: 232
+        line: 233
       },
-      "14": {
+      "15": {
         loc: {
           start: {
-            line: 264,
-            column: 31
+            line: 266,
+            column: 33
           },
           end: {
-            line: 266,
-            column: 39
+            line: 268,
+            column: 41
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 265,
-            column: 18
+            line: 267,
+            column: 20
           },
           end: {
-            line: 265,
-            column: 71
+            line: 267,
+            column: 73
           }
         }, {
           start: {
-            line: 266,
-            column: 18
+            line: 268,
+            column: 20
           },
           end: {
-            line: 266,
-            column: 39
+            line: 268,
+            column: 41
           }
         }],
-        line: 264
+        line: 266
       },
-      "15": {
+      "16": {
         loc: {
           start: {
-            line: 274,
-            column: 7
+            line: 276,
+            column: 9
           },
           end: {
-            line: 308,
-            column: 14
+            line: 314,
+            column: 16
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 275,
-            column: 8
+            line: 277,
+            column: 10
           },
           end: {
-            line: 307,
-            column: 14
+            line: 313,
+            column: 16
           }
         }, {
           start: {
-            line: 308,
-            column: 10
+            line: 314,
+            column: 12
           },
           end: {
-            line: 308,
-            column: 14
+            line: 314,
+            column: 16
           }
         }],
-        line: 274
+        line: 276
       },
-      "16": {
+      "17": {
         loc: {
           start: {
-            line: 274,
-            column: 7
+            line: 276,
+            column: 9
           },
           end: {
-            line: 274,
-            column: 51
+            line: 276,
+            column: 53
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 274,
-            column: 7
+            line: 276,
+            column: 9
           },
           end: {
-            line: 274,
-            column: 26
+            line: 276,
+            column: 28
           }
         }, {
           start: {
-            line: 274,
-            column: 30
+            line: 276,
+            column: 32
           },
           end: {
-            line: 274,
-            column: 51
+            line: 276,
+            column: 53
           }
         }],
-        line: 274
+        line: 276
       },
-      "17": {
+      "18": {
         loc: {
           start: {
-            line: 293,
-            column: 22
+            line: 297,
+            column: 24
           },
           end: {
-            line: 295,
-            column: 52
+            line: 299,
+            column: 54
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 294,
-            column: 26
+            line: 298,
+            column: 28
           },
           end: {
-            line: 294,
-            column: 54
+            line: 298,
+            column: 56
           }
         }, {
           start: {
-            line: 295,
-            column: 26
+            line: 299,
+            column: 28
           },
           end: {
-            line: 295,
-            column: 52
+            line: 299,
+            column: 54
           }
         }],
-        line: 293
+        line: 297
       },
-      "18": {
+      "19": {
         loc: {
           start: {
-            line: 309,
-            column: 7
+            line: 315,
+            column: 9
           },
           end: {
-            line: 339,
-            column: 14
+            line: 345,
+            column: 16
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 310,
-            column: 8
+            line: 316,
+            column: 10
           },
           end: {
-            line: 338,
-            column: 14
+            line: 344,
+            column: 16
           }
         }, {
           start: {
-            line: 339,
-            column: 10
+            line: 345,
+            column: 12
           },
           end: {
-            line: 339,
-            column: 14
+            line: 345,
+            column: 16
           }
         }],
-        line: 309
+        line: 315
       },
-      "19": {
+      "20": {
         loc: {
           start: {
-            line: 341,
+            line: 348,
             column: 20
           },
           end: {
-            line: 341,
+            line: 348,
             column: 62
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 341,
+            line: 348,
             column: 20
           },
           end: {
-            line: 341,
+            line: 348,
             column: 31
           }
         }, {
           start: {
-            line: 341,
+            line: 348,
             column: 35
           },
           end: {
-            line: 341,
+            line: 348,
             column: 62
           }
         }],
-        line: 341
+        line: 348
       }
     },
     s: {
@@ -9322,10 +9430,10 @@ function cov_216ndqorbu() {
       "2": [0],
       "3": [0],
       "4": [0],
-      "5": [0, 0],
+      "5": [0],
       "6": [0, 0],
-      "7": [0, 0, 0, 0, 0],
-      "8": [0, 0],
+      "7": [0, 0],
+      "8": [0, 0, 0, 0, 0],
       "9": [0, 0],
       "10": [0, 0],
       "11": [0, 0],
@@ -9336,10 +9444,11 @@ function cov_216ndqorbu() {
       "16": [0, 0],
       "17": [0, 0],
       "18": [0, 0],
-      "19": [0, 0]
+      "19": [0, 0],
+      "20": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "4de25cf9d36316a9dd816245bd945edc34959cfc"
+    hash: "a29f32cd9f65dbcdb30f0b296784abd822305df0"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -9358,7 +9467,9 @@ cov_216ndqorbu();
 cov_216ndqorbu().s[0]++;
 var EmbedCode = function EmbedCode(_ref) {
   var _ref$primaryApp = _ref.primaryApp,
-    primaryApp = _ref$primaryApp === void 0 ? (cov_216ndqorbu().b[0][0]++, "") : _ref$primaryApp;
+    primaryApp = _ref$primaryApp === void 0 ? (cov_216ndqorbu().b[0][0]++, "") : _ref$primaryApp,
+    _ref$maxWidth = _ref.maxWidth,
+    maxWidth = _ref$maxWidth === void 0 ? (cov_216ndqorbu().b[1][0]++, "max-w-3xl") : _ref$maxWidth;
   cov_216ndqorbu().f[0]++;
   var _ref2 = (cov_216ndqorbu().s[1]++, useState(EMAIL_TYPES["null"])),
     _ref3 = _slicedToArray(_ref2, 2),
@@ -9380,15 +9491,15 @@ var EmbedCode = function EmbedCode(_ref) {
   }, []);
   var _ref7 = (cov_216ndqorbu().s[8]++, useFetchApiKey()),
     _ref7$data = _ref7.data,
-    _ref7$data2 = _ref7$data === void 0 ? (cov_216ndqorbu().b[1][0]++, {}) : _ref7$data,
+    _ref7$data2 = _ref7$data === void 0 ? (cov_216ndqorbu().b[2][0]++, {}) : _ref7$data,
     _ref7$data2$widgetApi = _ref7$data2.widgetApiKey,
-    widgetApiKey = _ref7$data2$widgetApi === void 0 ? (cov_216ndqorbu().b[2][0]++, "") : _ref7$data2$widgetApi,
+    widgetApiKey = _ref7$data2$widgetApi === void 0 ? (cov_216ndqorbu().b[3][0]++, "") : _ref7$data2$widgetApi,
     isLoadingApiKey = _ref7.isLoading;
   var _ref8 = (cov_216ndqorbu().s[9]++, useFetchConfigurations()),
     _ref8$data = _ref8.data,
-    _ref8$data2 = _ref8$data === void 0 ? (cov_216ndqorbu().b[3][0]++, {}) : _ref8$data,
+    _ref8$data2 = _ref8$data === void 0 ? (cov_216ndqorbu().b[4][0]++, {}) : _ref8$data,
     _ref8$data2$neetoWidg = _ref8$data2.neetoWidgetTokens,
-    neetoWidgetTokens = _ref8$data2$neetoWidg === void 0 ? (cov_216ndqorbu().b[4][0]++, []) : _ref8$data2$neetoWidg,
+    neetoWidgetTokens = _ref8$data2$neetoWidg === void 0 ? (cov_216ndqorbu().b[5][0]++, []) : _ref8$data2$neetoWidg,
     isLoadingConfigurations = _ref8.isLoading;
   var _ref9 = (cov_216ndqorbu().s[10]++, useUpdateConfigurations()),
     updateWidgetConfiguration = _ref9.mutate;
@@ -9421,7 +9532,7 @@ var EmbedCode = function EmbedCode(_ref) {
     }, {
       onSuccess: function onSuccess() {
         cov_216ndqorbu().f[6]++;
-        var response = (cov_216ndqorbu().s[21]++, isEnabled ? (cov_216ndqorbu().b[5][0]++, "neetoMolecules.widget.installation.enabled") : (cov_216ndqorbu().b[5][1]++, "neetoMolecules.widget.installation.disabled"));
+        var response = (cov_216ndqorbu().s[21]++, isEnabled ? (cov_216ndqorbu().b[6][0]++, "neetoMolecules.widget.installation.enabled") : (cov_216ndqorbu().b[6][1]++, "neetoMolecules.widget.installation.disabled"));
         cov_216ndqorbu().s[22]++;
         Toastr.success(t(response, {
           productName: "neeto".concat(capitalize(widget))
@@ -9434,11 +9545,11 @@ var EmbedCode = function EmbedCode(_ref) {
     cov_216ndqorbu().f[7]++;
     cov_216ndqorbu().s[24]++;
     if (isNotEmpty(widgetApiKey)) {
-      cov_216ndqorbu().b[6][0]++;
+      cov_216ndqorbu().b[7][0]++;
       cov_216ndqorbu().s[25]++;
       return sampleConsolidatedCodeString(enabledWidgets, widgetApiKey);
     } else {
-      cov_216ndqorbu().b[6][1]++;
+      cov_216ndqorbu().b[7][1]++;
     }
     cov_216ndqorbu().s[26]++;
     return "";
@@ -9449,7 +9560,7 @@ var EmbedCode = function EmbedCode(_ref) {
     cov_216ndqorbu().s[28]++;
     switch (selectedEmailType) {
       case EMAIL_TYPES.embedCode:
-        cov_216ndqorbu().b[7][0]++;
+        cov_216ndqorbu().b[8][0]++;
         cov_216ndqorbu().s[29]++;
         return {
           codeString: getEmbedCodeString(),
@@ -9487,7 +9598,7 @@ var EmbedCode = function EmbedCode(_ref) {
           }))
         };
       case EMAIL_TYPES.userIdentity:
-        cov_216ndqorbu().b[7][1]++;
+        cov_216ndqorbu().b[8][1]++;
         cov_216ndqorbu().s[30]++;
         return {
           emailType: EMAIL_TYPES.userIdentity,
@@ -9507,16 +9618,16 @@ var EmbedCode = function EmbedCode(_ref) {
                 className: "neeto-ui-text-primary-800",
                 rel: "noreferrer",
                 target: "_blank",
-                href: enabledWidgets.chat ? (cov_216ndqorbu().b[8][0]++, NEETO_CHAT_USER_IDENTITY_URL) : (cov_216ndqorbu().b[8][1]++, NEETO_REPLAY_CONFIGURE_URL)
+                href: enabledWidgets.chat ? (cov_216ndqorbu().b[9][0]++, NEETO_CHAT_USER_IDENTITY_URL) : (cov_216ndqorbu().b[9][1]++, NEETO_REPLAY_CONFIGURE_URL)
               })
             },
             values: {
-              userIdentityKbUrl: enabledWidgets.chat ? (cov_216ndqorbu().b[9][0]++, NEETO_CHAT_USER_IDENTITY_URL) : (cov_216ndqorbu().b[9][1]++, NEETO_REPLAY_CONFIGURE_URL)
+              userIdentityKbUrl: enabledWidgets.chat ? (cov_216ndqorbu().b[10][0]++, NEETO_CHAT_USER_IDENTITY_URL) : (cov_216ndqorbu().b[10][1]++, NEETO_REPLAY_CONFIGURE_URL)
             }
           }))
         };
       case EMAIL_TYPES.sessionContext:
-        cov_216ndqorbu().b[7][2]++;
+        cov_216ndqorbu().b[8][2]++;
         cov_216ndqorbu().s[31]++;
         return {
           codeString: SAMPLE_CONTEXT_CODE_STRING,
@@ -9544,11 +9655,11 @@ var EmbedCode = function EmbedCode(_ref) {
           }))
         };
       case EMAIL_TYPES["null"]:
-        cov_216ndqorbu().b[7][3]++;
+        cov_216ndqorbu().b[8][3]++;
         cov_216ndqorbu().s[32]++;
-        return previousEmailType !== EMAIL_TYPES["null"] ? (cov_216ndqorbu().b[10][0]++, getSnippetProps(previousEmailType)) : (cov_216ndqorbu().b[10][1]++, {});
+        return previousEmailType !== EMAIL_TYPES["null"] ? (cov_216ndqorbu().b[11][0]++, getSnippetProps(previousEmailType)) : (cov_216ndqorbu().b[11][1]++, {});
       default:
-        cov_216ndqorbu().b[7][4]++;
+        cov_216ndqorbu().b[8][4]++;
         cov_216ndqorbu().s[33]++;
         throw new Error("Invalid email type received.");
     }
@@ -9558,38 +9669,40 @@ var EmbedCode = function EmbedCode(_ref) {
     cov_216ndqorbu().f[9]++;
     cov_216ndqorbu().s[35]++;
     if (isEmpty(selectedWidgets)) {
-      cov_216ndqorbu().b[11][0]++;
+      cov_216ndqorbu().b[12][0]++;
       cov_216ndqorbu().s[36]++;
       Toastr.error(t("neetoMolecules.widget.installation.snippet.disabledError"));
       cov_216ndqorbu().s[37]++;
       return;
     } else {
-      cov_216ndqorbu().b[11][1]++;
+      cov_216ndqorbu().b[12][1]++;
     }
     cov_216ndqorbu().s[38]++;
     setEmailType(selectedEmail);
   };
   cov_216ndqorbu().s[39]++;
-  if ((cov_216ndqorbu().b[13][0]++, isLoadingApiKey) || (cov_216ndqorbu().b[13][1]++, isLoadingConfigurations)) {
-    cov_216ndqorbu().b[12][0]++;
+  if ((cov_216ndqorbu().b[14][0]++, isLoadingApiKey) || (cov_216ndqorbu().b[14][1]++, isLoadingConfigurations)) {
+    cov_216ndqorbu().b[13][0]++;
     cov_216ndqorbu().s[40]++;
     return /*#__PURE__*/React.createElement("div", {
       className: "h-full w-full"
     }, /*#__PURE__*/React.createElement(PageLoader, null));
   } else {
-    cov_216ndqorbu().b[12][1]++;
+    cov_216ndqorbu().b[13][1]++;
   }
   cov_216ndqorbu().s[41]++;
   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(SelectionTabs, {
     primarySelectedWidget: primaryApp,
     selectedWidgets: selectedWidgets,
     updateSelectedWidgets: updateSelectedWidgets
   }), /*#__PURE__*/React.createElement("div", {
-    className: "mx-auto mb-6 w-full max-w-2xl flex-grow flex-col items-center justify-start"
+    className: "mb-8 w-full flex-grow flex-col items-center justify-start"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "mx-auto mb-4 w-full",
+    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",
@@ -9613,40 +9726,40 @@ var EmbedCode = function EmbedCode(_ref) {
       })
     },
     values: {
-      selectedWidgets: isNotEmpty(selectedWidgets) ? (cov_216ndqorbu().b[14][0]++, getSelectedWidgetsCombinedText(selectedWidgets, true)) : (cov_216ndqorbu().b[14][1]++, "none of the widgets")
+      selectedWidgets: isNotEmpty(selectedWidgets) ? (cov_216ndqorbu().b[15][0]++, getSelectedWidgetsCombinedText(selectedWidgets, true)) : (cov_216ndqorbu().b[15][1]++, "none of the widgets")
     }
-  }, "Place the embed code in your HTML file. This will embed the selected widgets in your website."))), (cov_216ndqorbu().b[16][0]++, enabledWidgets.chat) || (cov_216ndqorbu().b[16][1]++, enabledWidgets.replay) ? (cov_216ndqorbu().b[15][0]++, /*#__PURE__*/React.createElement("div", {
-    className: "mx-auto mb-6 w-full max-w-2xl flex-grow flex-col items-center justify-start"
+  }, "Place the embed code in your HTML file. This will embed the selected widgets in your website."))), (cov_216ndqorbu().b[17][0]++, enabledWidgets.chat) || (cov_216ndqorbu().b[17][1]++, enabledWidgets.replay) ? (cov_216ndqorbu().b[16][0]++, /*#__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-4 w-full"
+    className: "mx-auto mb-2 w-full"
   }, /*#__PURE__*/React.createElement(CodeBlock, {
     className: "neeto-ui-bg-primary-100 neeto-ui-rounded-xl overflow-hidden",
     frameworkProps: {
       selectedFramework: selectedFramework,
       setSelectedFramework: setSelectedFramework
     },
+    codeString: getSampleUserIdentity(enabledWidgets, selectedFramework.value),
     sendViaEmail: function sendViaEmail() {
       cov_216ndqorbu().f[11]++;
       cov_216ndqorbu().s[43]++;
       return handleSendViaEmail(EMAIL_TYPES.userIdentity);
     },
-    codeString: getSampleUserIdentity(enabledWidgets, selectedFramework.value),
     title: /*#__PURE__*/React.createElement("div", {
       className: "flex items-center justify-start"
     }, /*#__PURE__*/React.createElement("div", null, "User identity (Optional)"), /*#__PURE__*/React.createElement("a", {
       className: "ml-1",
       rel: "noreferrer",
       target: "_blank",
-      href: enabledWidgets.chat ? (cov_216ndqorbu().b[17][0]++, NEETO_CHAT_USER_IDENTITY_URL) : (cov_216ndqorbu().b[17][1]++, NEETO_REPLAY_CONFIGURE_URL)
-    }, /*#__PURE__*/React.createElement(Help, {
+      href: enabledWidgets.chat ? (cov_216ndqorbu().b[18][0]++, NEETO_CHAT_USER_IDENTITY_URL) : (cov_216ndqorbu().b[18][1]++, NEETO_REPLAY_CONFIGURE_URL)
+    }, /*#__PURE__*/React.createElement(Info, {
       size: 16
     })))
   })), /*#__PURE__*/React.createElement("div", {
     className: "w-full"
-  }, t("neetoMolecules.widget.installation.instructions.userIdentity")))) : (cov_216ndqorbu().b[15][1]++, null), enabledWidgets.replay ? (cov_216ndqorbu().b[18][0]++, /*#__PURE__*/React.createElement("div", {
-    className: "mx-auto w-full max-w-2xl flex-grow flex-col items-center justify-start"
+  }, t("neetoMolecules.widget.installation.instructions.userIdentity")))) : (cov_216ndqorbu().b[16][1]++, null), enabledWidgets.replay ? (cov_216ndqorbu().b[19][0]++, /*#__PURE__*/React.createElement("div", {
+    className: "w-full flex-grow flex-col items-center justify-start"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "mx-auto mb-4 w-full"
+    className: "mx-auto mb-2 w-full"
   }, /*#__PURE__*/React.createElement(CodeBlock, {
     className: "neeto-ui-bg-primary-100 neeto-ui-rounded-xl overflow-hidden",
     codeString: SAMPLE_CONTEXT_CODE_STRING,
@@ -9662,13 +9775,13 @@ var EmbedCode = function EmbedCode(_ref) {
       href: NEETO_REPLAY_CONFIGURE_URL,
       rel: "noreferrer",
       target: "_blank"
-    }, /*#__PURE__*/React.createElement(Help, {
+    }, /*#__PURE__*/React.createElement(Info, {
       size: 16
     })))
   })), /*#__PURE__*/React.createElement("div", {
     className: "w-full"
-  }, t("neetoMolecules.widget.installation.instructions.sessionContext")))) : (cov_216ndqorbu().b[18][1]++, null), /*#__PURE__*/React.createElement(CodeSnippet, _extends({
-    isPaneOpen: (cov_216ndqorbu().b[19][0]++, !!emailType) && (cov_216ndqorbu().b[19][1]++, isNotEmpty(selectedWidgets)),
+  }, t("neetoMolecules.widget.installation.instructions.sessionContext")))) : (cov_216ndqorbu().b[19][1]++, null)), /*#__PURE__*/React.createElement(CodeSnippet, _extends({
+    isPaneOpen: (cov_216ndqorbu().b[20][0]++, !!emailType) && (cov_216ndqorbu().b[20][1]++, isNotEmpty(selectedWidgets)),
     onClose: function onClose() {
       cov_216ndqorbu().f[13]++;
       cov_216ndqorbu().s[45]++;
@@ -9678,52 +9791,72 @@ var EmbedCode = function EmbedCode(_ref) {
 };
 cov_216ndqorbu().s[46]++;
 
-function cov_dmuubj14b() {
-  var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/NeetoWidget/EmbedCodeQueryClient.jsx";
-  var hash = "2943e099ababc6953ade5b6465be1773b78fdd9a";
+function cov_19nsdjzqpb() {
+  var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/NeetoWidget/Main.jsx";
+  var hash = "f8f6a974b4a06560042d191ae12aff007d1a7759";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
-    path: "/home/runner/work/neeto-molecules/neeto-molecules/src/components/NeetoWidget/EmbedCodeQueryClient.jsx",
+    path: "/home/runner/work/neeto-molecules/neeto-molecules/src/components/NeetoWidget/Main.jsx",
     statementMap: {
       "0": {
         start: {
-          line: 8,
+          line: 11,
           column: 20
         },
         end: {
-          line: 8,
+          line: 11,
           column: 37
         }
       },
       "1": {
         start: {
-          line: 10,
-          column: 29
+          line: 13,
+          column: 13
         },
         end: {
-          line: 14,
+          line: 27,
           column: 1
         }
       },
       "2": {
         start: {
-          line: 11,
-          column: 2
+          line: 14,
+          column: 16
         },
         end: {
-          line: 13,
-          column: 24
+          line: 14,
+          column: 32
         }
       },
       "3": {
         start: {
           line: 16,
-          column: 0
+          column: 32
         },
         end: {
+          line: 16,
+          column: 61
+        }
+      },
+      "4": {
+        start: {
           line: 18,
           column: 2
+        },
+        end: {
+          line: 26,
+          column: 4
+        }
+      },
+      "5": {
+        start: {
+          line: 29,
+          column: 0
+        },
+        end: {
+          line: 31,
+          column: 2
         }
       }
     },
@@ -9732,40 +9865,78 @@ function cov_dmuubj14b() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 10,
-            column: 29
+            line: 13,
+            column: 13
           },
           end: {
-            line: 10,
-            column: 30
+            line: 13,
+            column: 14
           }
         },
         loc: {
           start: {
-            line: 11,
-            column: 2
+            line: 13,
+            column: 22
           },
           end: {
-            line: 13,
-            column: 24
+            line: 27,
+            column: 1
           }
         },
-        line: 11
+        line: 13
+      }
+    },
+    branchMap: {
+      "0": {
+        loc: {
+          start: {
+            line: 18,
+            column: 9
+          },
+          end: {
+            line: 26,
+            column: 3
+          }
+        },
+        type: "cond-expr",
+        locations: [{
+          start: {
+            line: 19,
+            column: 4
+          },
+          end: {
+            line: 21,
+            column: 26
+          }
+        }, {
+          start: {
+            line: 23,
+            column: 4
+          },
+          end: {
+            line: 25,
+            column: 14
+          }
+        }],
+        line: 18
       }
     },
-    branchMap: {},
     s: {
       "0": 0,
       "1": 0,
       "2": 0,
-      "3": 0
+      "3": 0,
+      "4": 0,
+      "5": 0
     },
     f: {
       "0": 0
     },
-    b: {},
+    b: {
+      "0": [0, 0]
+    },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "2943e099ababc6953ade5b6465be1773b78fdd9a"
+    hash: "f8f6a974b4a06560042d191ae12aff007d1a7759"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -9774,23 +9945,29 @@ function cov_dmuubj14b() {
   var actualCoverage = coverage[path];
   {
     // @ts-ignore
-    cov_dmuubj14b = function () {
+    cov_19nsdjzqpb = function () {
       return actualCoverage;
     };
   }
   return actualCoverage;
 }
-cov_dmuubj14b();
-var queryClient = (cov_dmuubj14b().s[0]++, new QueryClient());
-cov_dmuubj14b().s[1]++;
-var EmbedCodeQueryClient = function EmbedCodeQueryClient(props) {
-  cov_dmuubj14b().f[0]++;
-  cov_dmuubj14b().s[2]++;
-  return /*#__PURE__*/React.createElement(QueryClientProvider, {
+cov_19nsdjzqpb();
+var queryClient = (cov_19nsdjzqpb().s[0]++, new QueryClient());
+cov_19nsdjzqpb().s[1]++;
+var Main = function Main(props) {
+  cov_19nsdjzqpb().f[0]++;
+  var _ref = (cov_19nsdjzqpb().s[2]++, useTranslation()),
+    t = _ref.t;
+  var shouldRenderEmbedCode = (cov_19nsdjzqpb().s[3]++, window.globalProps.ssoEnabled);
+  cov_19nsdjzqpb().s[4]++;
+  return shouldRenderEmbedCode ? (cov_19nsdjzqpb().b[0][0]++, /*#__PURE__*/React.createElement(QueryClientProvider, {
     client: queryClient
-  }, /*#__PURE__*/React.createElement(EmbedCode, props));
+  }, /*#__PURE__*/React.createElement(EmbedCode, props))) : (cov_19nsdjzqpb().b[0][1]++, /*#__PURE__*/React.createElement(Callout, {
+    icon: Info,
+    style: "info"
+  }, t("neetoMolecules.widget.developmentInfo")));
 };
-cov_dmuubj14b().s[3]++;
+cov_19nsdjzqpb().s[5]++;
 
 function cov_oapvqz4m8() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/NeetoWidget/index.js";
@@ -9836,7 +10013,7 @@ function cov_oapvqz4m8() {
 }
 cov_oapvqz4m8();
 var NeetoWidget = (cov_oapvqz4m8().s[0]++, {
-  EmbedCode: EmbedCodeQueryClient,
+  EmbedCode: Main,
   WIDGET_TYPES: WIDGET_TYPES
 });