@bigbinary/neeto-commons-frontend 2.0.13 → 2.0.15

package/react-utils.cjs.js

@@ -11,11 +11,11 @@ var relativeTime = require('dayjs/plugin/relativeTime');
 var updateLocale = require('dayjs/plugin/updateLocale');
 var react = require('@honeybadger-io/react');
 var reactI18next = require('react-i18next');
-var reactQuery = require('react-query');
 var i18next = require('i18next');
+var yup = require('yup');
+var reactQuery = require('react-query');
 var formik$1 = require('@bigbinary/neetoui/formik');
 var formik = require('formik');
-var yup = require('yup');
 var reactRouterDom = require('react-router-dom');
 var layouts = require('@bigbinary/neetoui/layouts');
 var axios$1 = require('axios');
@@ -290,8 +290,8 @@ var removeFixedColumns = function removeFixedColumns(fixedColumns, columnData) {
 };
 var filterBySearchTerm = function filterBySearchTerm(searchTerm, columns) {
   return ramda.filter(function (_ref) {
-    var name = _ref.name;
-    return ramda.includes(ramda.trim(ramda.toLower(searchTerm)), ramda.trim(ramda.toLower(name)));
+    var title = _ref.title;
+    return ramda.includes(ramda.trim(ramda.toLower(searchTerm)), ramda.trim(ramda.toLower(title)));
   }, columns);
 };
 
@@ -369,16 +369,18 @@ var Columns = function Columns(_ref) {
   }, searchProps)), isNotEmpty(filteredColumns) ? filteredColumns.map(function (_ref4) {
     var dataIndex = _ref4.dataIndex,
         key = _ref4.key,
-        name = _ref4.name;
-    return /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+        title = _ref4.title;
+    return /*#__PURE__*/React__default["default"].createElement(MenuItem, {
       key: key
-    }, /*#__PURE__*/React__default["default"].createElement("label", {
-      className: "neeto-ui-w-full"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+      className: "neeto-ui-w-full neeto-ui-px-3 neeto-ui-py-2 hover:neeto-ui-bg-gray-200 neeto-ui-cursor-pointer",
+      htmlFor: dataIndex
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, _extends$4({
+      id: dataIndex,
       name: dataIndex,
       checked: !hiddenColumns.includes(dataIndex),
       "data-cy": "neeto-ui-columns-checkbox",
-      label: name,
+      label: title,
       onChange: handleChange
     }, checkboxProps))));
   }) : /*#__PURE__*/React__default["default"].createElement("span", {
@@ -524,6 +526,36 @@ var HoneybadgerErrorBoundary = function HoneybadgerErrorBoundary(_ref) {
   }, children);
 };
 
+var EMBED_WIDGET_S3_SCRIPT_STRING = "<script src=\"https://neeto-widget.s3.ap-south-1.amazonaws.com/embedNeetoWidget.js\"></script>";
+var NEETO_WIDGET_USER_IDENTITY_KEY = "NeetoWidgetUserIdentity";
+var SESSION_CONTEXT_KEY = "NeetoReplayWidgetSessionContext";
+var DISABLE_NEETO_CHAT = "enableNeetoChat: false,";
+var DISABLE_NEETO_CHANGELOG = "enableNeetoChangelog: false,";
+var DISABLE_NEETO_REPLAY = "enableNeetoReplay: false,";
+var SAMPLE_CONTEXT_CODE_STRING = "window.".concat(SESSION_CONTEXT_KEY, " = {\n  key1: \"value\",\n  key2: [\"array\", \"of\", \"values\"],\n  /* More key-value pairs */\n}");
+var SAMPLE_USER_IDENTITY_CODE_STRING = "window.".concat(NEETO_WIDGET_USER_IDENTITY_KEY, " = {\n  user_identifier: \"USER_ID_HERE\",\n  name: \"USER_NAME_HERE\",\n  email: \"USER_EMAIL_HERE\",\n  started_at: \"YYYY-MM-DD\",\n}");
+var WIDGET_TYPES = {
+  changelog: "changelog",
+  chat: "chat",
+  replay: "replay"
+};
+var WIDGET_TYPES_VALUES = ramda.values(WIDGET_TYPES);
+var EMAIL_WIDGET_SNIPPET_FORM_VALIDATION_SCHEMA = yup__namespace.object({
+  emails: yup__namespace.array().required().label(i18next__default["default"].t("neetoCommons.widget.email.fields.emails.label")),
+  subject: yup__namespace.string().required().label(i18next__default["default"].t("neetoCommons.widget.email.fields.subject.label"))
+});
+var QUERY_KEYS = {
+  apiKey: "neetoWidgetApiKey"
+};
+var DEFAULT_QUERY_STALE_TIME = 60 * 60 * 1000; // 1 hour in milliseconds
+
+var EMAIL_TYPES = {
+  embedCode: "embedCode",
+  userIdentity: "userIdentity",
+  sessionContext: "sessionContext",
+  "null": ""
+};
+
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var propTypes = {exports: {}};
@@ -1708,6 +1740,125 @@ if (process.env.NODE_ENV !== 'production') {
   propTypes.exports = requireFactoryWithThrowingShims()();
 }
 
+function useDebounce(value) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
+
+  var _useState = React.useState(value),
+      _useState2 = _slicedToArray(_useState, 2),
+      debouncedValue = _useState2[0],
+      setDebouncedValue = _useState2[1];
+
+  React.useEffect(function () {
+    var handler = setTimeout(function () {
+      setDebouncedValue(value);
+    }, delay);
+    return function () {
+      clearTimeout(handler);
+    };
+  }, [value]);
+  return debouncedValue;
+}
+
+var useFuncDebounce = function useFuncDebounce(func) {
+  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
+  var timer = React.useRef(null);
+
+  var debouncedFunc = function debouncedFunc() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    clearTimeout(timer.current);
+    timer.current = setTimeout(function () {
+      return func.apply(void 0, args);
+    }, delay);
+  };
+
+  debouncedFunc.cancel = function () {
+    return clearTimeout(timer.current);
+  };
+
+  return debouncedFunc;
+};
+
+var useForceUpdate = function useForceUpdate() {
+  var _useState = React.useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      setValue = _useState2[1];
+
+  return function () {
+    return setValue(function (value) {
+      return value + 1;
+    });
+  };
+};
+
+var useIsElementVisibleInDom = function useIsElementVisibleInDom(target) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isIntersecting = _useState2[0],
+      setIntersecting = _useState2[1];
+
+  var forceUpdate = useForceUpdate();
+  React.useEffect(function () {
+    if (!target) return forceUpdate();
+    var observer = new IntersectionObserver(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 1),
+          entry = _ref2[0];
+
+      return setIntersecting(entry.isIntersecting);
+    }, options);
+    observer.observe(target);
+    return function () {
+      return observer.unobserve(target);
+    };
+  }, [target, options]);
+  return isIntersecting;
+};
+
+var useOnClickOutside = function useOnClickOutside(ref, handler) {
+  React.useEffect(function () {
+    var listener = function listener(event) {
+      // Do nothing if clicking ref's element or descendent elements
+      if (!ref.current || ref.current.contains(event.target)) {
+        return;
+      }
+
+      handler(event);
+    };
+
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
+    return function () {
+      document.removeEventListener("mousedown", listener);
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [handler]);
+};
+
+var usePrevious = function usePrevious(value) {
+  var ref = React.useRef(value);
+  React.useEffect(function () {
+    ref.current = value;
+  }, [value]);
+  return ref.current;
+};
+
+var useUpdateEffect = function useUpdateEffect(callback) {
+  var dependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var isInitialMount = React.useRef(true);
+  React.useEffect(function () {
+    if (isInitialMount.current) {
+      isInitialMount.current = false;
+      return;
+    }
+
+    callback();
+  }, dependencies);
+};
+
 var classnames$1 = {exports: {}};
 
 /*!
@@ -51558,7 +51709,7 @@ var languageLoaders = {
     return Promise.resolve().then(function () { return apex$1; });
   }),
   apl: createLanguageAsyncLoader("apl", function () {
-    return Promise.resolve().then(function () { return apl; });
+    return Promise.resolve().then(function () { return apl$1; });
   }),
   applescript: createLanguageAsyncLoader("applescript", function () {
     return Promise.resolve().then(function () { return applescript$2; });
@@ -51591,7 +51742,7 @@ var languageLoaders = {
     return Promise.resolve().then(function () { return autoit$2; });
   }),
   avisynth: createLanguageAsyncLoader("avisynth", function () {
-    return Promise.resolve().then(function () { return avisynth$1; });
+    return Promise.resolve().then(function () { return avisynth; });
   }),
   avroIdl: createLanguageAsyncLoader("avroIdl", function () {
     return Promise.resolve().then(function () { return avroIdl; });
@@ -61375,54 +61526,50 @@ var apex$1 = /*#__PURE__*/_mergeNamespaces({
   'default': apex_1
 }, [apex_1]);
 
-var apl_1;
-var hasRequiredApl;
-
-function requireApl () {
-	if (hasRequiredApl) return apl_1;
-	hasRequiredApl = 1;
-
-	apl_1 = apl;
-	apl.displayName = 'apl';
-	apl.aliases = [];
-	function apl(Prism) {
-	  Prism.languages.apl = {
-	    comment: /(?:⍝|#[! ]).*$/m,
-	    string: {
-	      pattern: /'(?:[^'\r\n]|'')*'/,
-	      greedy: true
-	    },
-	    number:
-	      /¯?(?:\d*\.?\b\d+(?:e[+¯]?\d+)?|¯|∞)(?:j¯?(?:(?:\d+(?:\.\d+)?|\.\d+)(?:e[+¯]?\d+)?|¯|∞))?/i,
-	    statement: /:[A-Z][a-z][A-Za-z]*\b/,
-	    'system-function': {
-	      pattern: /⎕[A-Z]+/i,
-	      alias: 'function'
-	    },
-	    constant: /[⍬⌾#⎕⍞]/,
-	    function: /[-+×÷⌈⌊∣|⍳⍸?*⍟○!⌹<≤=>≥≠≡≢∊⍷∪∩~∨∧⍱⍲⍴,⍪⌽⊖⍉↑↓⊂⊃⊆⊇⌷⍋⍒⊤⊥⍕⍎⊣⊢⍁⍂≈⍯↗¤→]/,
-	    'monadic-operator': {
-	      pattern: /[\\\/⌿⍀¨⍨⌶&∥]/,
-	      alias: 'operator'
-	    },
-	    'dyadic-operator': {
-	      pattern: /[.⍣⍠⍤∘⌸@⌺⍥]/,
-	      alias: 'operator'
-	    },
-	    assignment: {
-	      pattern: /←/,
-	      alias: 'keyword'
-	    },
-	    punctuation: /[\[;\]()◇⋄]/,
-	    dfn: {
-	      pattern: /[{}⍺⍵⍶⍹∇⍫:]/,
-	      alias: 'builtin'
-	    }
-	  };
-	}
-	return apl_1;
+var apl_1 = apl;
+apl.displayName = 'apl';
+apl.aliases = [];
+function apl(Prism) {
+  Prism.languages.apl = {
+    comment: /(?:⍝|#[! ]).*$/m,
+    string: {
+      pattern: /'(?:[^'\r\n]|'')*'/,
+      greedy: true
+    },
+    number:
+      /¯?(?:\d*\.?\b\d+(?:e[+¯]?\d+)?|¯|∞)(?:j¯?(?:(?:\d+(?:\.\d+)?|\.\d+)(?:e[+¯]?\d+)?|¯|∞))?/i,
+    statement: /:[A-Z][a-z][A-Za-z]*\b/,
+    'system-function': {
+      pattern: /⎕[A-Z]+/i,
+      alias: 'function'
+    },
+    constant: /[⍬⌾#⎕⍞]/,
+    function: /[-+×÷⌈⌊∣|⍳⍸?*⍟○!⌹<≤=>≥≠≡≢∊⍷∪∩~∨∧⍱⍲⍴,⍪⌽⊖⍉↑↓⊂⊃⊆⊇⌷⍋⍒⊤⊥⍕⍎⊣⊢⍁⍂≈⍯↗¤→]/,
+    'monadic-operator': {
+      pattern: /[\\\/⌿⍀¨⍨⌶&∥]/,
+      alias: 'operator'
+    },
+    'dyadic-operator': {
+      pattern: /[.⍣⍠⍤∘⌸@⌺⍥]/,
+      alias: 'operator'
+    },
+    assignment: {
+      pattern: /←/,
+      alias: 'keyword'
+    },
+    punctuation: /[\[;\]()◇⋄]/,
+    dfn: {
+      pattern: /[{}⍺⍵⍶⍹∇⍫:]/,
+      alias: 'builtin'
+    }
+  };
 }
 
+var apl$1 = /*#__PURE__*/_mergeNamespaces({
+  __proto__: null,
+  'default': apl_1
+}, [apl_1]);
+
 var applescript_1 = applescript$1;
 applescript$1.displayName = 'applescript';
 applescript$1.aliases = [];
@@ -62743,179 +62890,183 @@ var autoit$2 = /*#__PURE__*/_mergeNamespaces({
   'default': autoit_1
 }, [autoit_1]);
 
-var avisynth_1 = avisynth;
-avisynth.displayName = 'avisynth';
-avisynth.aliases = ['avs'];
-function avisynth(Prism) {
+var avisynth_1;
+var hasRequiredAvisynth;
+
+function requireAvisynth () {
+	if (hasRequiredAvisynth) return avisynth_1;
+	hasRequiredAvisynth = 1;
+
+	avisynth_1 = avisynth;
+	avisynth.displayName = 'avisynth';
+	avisynth.aliases = ['avs'];
+	function avisynth(Prism) {
 (function (Prism) {
-    function replace(pattern, replacements) {
-      return pattern.replace(/<<(\d+)>>/g, function (m, index) {
-        return replacements[+index]
-      })
-    }
-    function re(pattern, replacements, flags) {
-      return RegExp(replace(pattern, replacements), flags || '')
-    }
-    var types = /bool|clip|float|int|string|val/.source;
-    var internals = [
-      // bools
-      /is(?:bool|clip|float|int|string)|defined|(?:(?:internal)?function|var)?exists?/
-        .source, // control
-      /apply|assert|default|eval|import|nop|select|undefined/.source, // global
-      /opt_(?:allowfloataudio|avipadscanlines|dwchannelmask|enable_(?:b64a|planartopackedrgb|v210|y3_10_10|y3_10_16)|usewaveextensible|vdubplanarhack)|set(?:cachemode|maxcpu|memorymax|planarlegacyalignment|workingdir)/
-        .source, // conv
-      /hex(?:value)?|value/.source, // numeric
-      /abs|ceil|continued(?:denominator|numerator)?|exp|floor|fmod|frac|log(?:10)?|max|min|muldiv|pi|pow|rand|round|sign|spline|sqrt/
-        .source, // trig
-      /a?sinh?|a?cosh?|a?tan[2h]?/.source, // bit
-      /(?:bit(?:and|not|x?or|[lr]?shift[aslu]?|sh[lr]|sa[lr]|[lr]rotatel?|ro[rl]|te?st|set(?:count)?|cl(?:ea)?r|ch(?:an)?ge?))/
-        .source, // runtime
-      /average(?:[bgr]|chroma[uv]|luma)|(?:[rgb]|chroma[uv]|luma|rgb|[yuv](?=difference(?:fromprevious|tonext)))difference(?:fromprevious|tonext)?|[yuvrgb]plane(?:median|min|max|minmaxdifference)/
-        .source, // script
-      /getprocessinfo|logmsg|script(?:dir(?:utf8)?|file(?:utf8)?|name(?:utf8)?)|setlogparams/
-        .source, // string
-      /chr|(?:fill|find|left|mid|replace|rev|right)str|format|[lu]case|ord|str(?:cmpi?|fromutf8|len|toutf8)|time|trim(?:all|left|right)/
-        .source, // version
-      /isversionorgreater|version(?:number|string)/.source, // helper
-      /buildpixeltype|colorspacenametopixeltype/.source, // avsplus
-      /addautoloaddir|on(?:cpu|cuda)|prefetch|setfiltermtmode/.source
-    ].join('|');
-    var properties = [
-      // content
-      /has(?:audio|video)/.source, // resolution
-      /height|width/.source, // framerate
-      /frame(?:count|rate)|framerate(?:denominator|numerator)/.source, // interlacing
-      /getparity|is(?:field|frame)based/.source, // color format
-      /bitspercomponent|componentsize|hasalpha|is(?:planar(?:rgba?)?|interleaved|rgb(?:24|32|48|64)?|y(?:8|u(?:va?|y2))?|yv(?:12|16|24|411)|420|422|444|packedrgb)|numcomponents|pixeltype/
-        .source, // audio
-      /audio(?:bits|channels|duration|length(?:[fs]|hi|lo)?|rate)|isaudio(?:float|int)/
-        .source
-    ].join('|');
-    var filters = [
-      // source
-      /avi(?:file)?source|directshowsource|image(?:reader|source|sourceanim)|opendmlsource|segmented(?:avisource|directshowsource)|wavsource/
-        .source, // color
-      /coloryuv|convertbacktoyuy2|convertto(?:RGB(?:24|32|48|64)|(?:planar)?RGBA?|Y8?|YV(?:12|16|24|411)|YUVA?(?:411|420|422|444)|YUY2)|fixluminance|gr[ae]yscale|invert|levels|limiter|mergea?rgb|merge(?:chroma|luma)|rgbadjust|show(?:alpha|blue|green|red)|swapuv|tweak|[uv]toy8?|ytouv/
-        .source, // overlay
-      /(?:colorkey|reset)mask|layer|mask(?:hs)?|merge|overlay|subtract/.source, // geometry
-      /addborders|(?:bicubic|bilinear|blackman|gauss|lanczos4|lanczos|point|sinc|spline(?:16|36|64))resize|crop(?:bottom)?|flip(?:horizontal|vertical)|(?:horizontal|vertical)?reduceby2|letterbox|skewrows|turn(?:180|left|right)/
-        .source, // pixel
-      /blur|fixbrokenchromaupsampling|generalconvolution|(?:spatial|temporal)soften|sharpen/
-        .source, // timeline
-      /trim|(?:un)?alignedsplice|(?:assume|assumescaled|change|convert)FPS|(?:delete|duplicate)frame|dissolve|fade(?:in|io|out)[02]?|freezeframe|interleave|loop|reverse|select(?:even|odd|(?:range)?every)/
-        .source, // interlace
-      /assume[bt]ff|assume(?:field|frame)based|bob|complementparity|doubleweave|peculiarblend|pulldown|separate(?:columns|fields|rows)|swapfields|weave(?:columns|rows)?/
-        .source, // audio
-      /amplify(?:db)?|assumesamplerate|audiodub(?:ex)?|audiotrim|convertaudioto(?:(?:8|16|24|32)bit|float)|converttomono|delayaudio|ensurevbrmp3sync|get(?:left|right)?channel|kill(?:audio|video)|mergechannels|mixaudio|monotostereo|normalize|resampleaudio|ssrc|supereq|timestretch/
-        .source, // conditional
-      /animate|applyrange|conditional(?:filter|reader|select)|frameevaluate|scriptclip|tcp(?:server|source)|writefile(?:end|if|start)?/
-        .source, // export
-      /imagewriter/.source, // debug
-      /blackness|blankclip|colorbars(?:hd)?|compare|dumpfiltergraph|echo|histogram|info|messageclip|preroll|setgraphanalysis|show(?:framenumber|smpte|time)|showfiveversions|stack(?:horizontal|vertical)|subtitle|tone|version/
-        .source
-    ].join('|');
-    var allinternals = [internals, properties, filters].join('|');
-    Prism.languages.avisynth = {
-      comment: [
-        {
-          // Matches [* *] nestable block comments, but only supports 1 level of nested comments
-          // /\[\*(?:[^\[*]|\[(?!\*)|\*(?!\])|<self>)*\*\]/
-          pattern:
-            /(^|[^\\])\[\*(?:[^\[*]|\[(?!\*)|\*(?!\])|\[\*(?:[^\[*]|\[(?!\*)|\*(?!\]))*\*\])*\*\]/,
-          lookbehind: true,
-          greedy: true
-        },
-        {
-          // Matches /* */ block comments
-          pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
-          lookbehind: true,
-          greedy: true
-        },
-        {
-          // Matches # comments
-          pattern: /(^|[^\\$])#.*/,
-          lookbehind: true,
-          greedy: true
-        }
-      ],
-      // Handle before strings because optional arguments are surrounded by double quotes
-      argument: {
-        pattern: re(/\b(?:<<0>>)\s+("?)\w+\1/.source, [types], 'i'),
-        inside: {
-          keyword: /^\w+/
-        }
-      },
-      // Optional argument assignment
-      'argument-label': {
-        pattern: /([,(][\s\\]*)\w+\s*=(?!=)/,
-        lookbehind: true,
-        inside: {
-          'argument-name': {
-            pattern: /^\w+/,
-            alias: 'punctuation'
-          },
-          punctuation: /=$/
-        }
-      },
-      string: [
-        {
-          // triple double-quoted
-          pattern: /"""[\s\S]*?"""/,
-          greedy: true
-        },
-        {
-          // single double-quoted
-          pattern: /"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,
-          greedy: true,
-          inside: {
-            constant: {
-              // These *are* case-sensitive!
-              pattern:
-                /\b(?:DEFAULT_MT_MODE|(?:MAINSCRIPT|PROGRAM|SCRIPT)DIR|(?:MACHINE|USER)_(?:CLASSIC|PLUS)_PLUGINS)\b/
-            }
-          }
-        }
-      ],
-      // The special "last" variable that takes the value of the last implicitly returned clip
-      variable: /\b(?:last)\b/i,
-      boolean: /\b(?:false|no|true|yes)\b/i,
-      keyword:
-        /\b(?:catch|else|for|function|global|if|return|try|while|__END__)\b/i,
-      constant: /\bMT_(?:MULTI_INSTANCE|NICE_FILTER|SERIALIZED|SPECIAL_MT)\b/,
-      // AviSynth's internal functions, filters, and properties
-      'builtin-function': {
-        pattern: re(/\b(?:<<0>>)\b/.source, [allinternals], 'i'),
-        alias: 'function'
-      },
-      'type-cast': {
-        pattern: re(/\b(?:<<0>>)(?=\s*\()/.source, [types], 'i'),
-        alias: 'keyword'
-      },
-      // External/user-defined filters
-      function: {
-        pattern: /\b[a-z_]\w*(?=\s*\()|(\.)[a-z_]\w*\b/i,
-        lookbehind: true
-      },
-      // Matches a \ as the first or last character on a line
-      'line-continuation': {
-        pattern: /(^[ \t]*)\\|\\(?=[ \t]*$)/m,
-        lookbehind: true,
-        alias: 'punctuation'
-      },
-      number:
-        /\B\$(?:[\da-f]{6}|[\da-f]{8})\b|(?:(?:\b|\B-)\d+(?:\.\d*)?\b|\B\.\d+\b)/i,
-      operator: /\+\+?|[!=<>]=?|&&|\|\||[?:*/%-]/,
-      punctuation: /[{}\[\]();,.]/
-    };
-    Prism.languages.avs = Prism.languages.avisynth;
-  })(Prism);
+	    function replace(pattern, replacements) {
+	      return pattern.replace(/<<(\d+)>>/g, function (m, index) {
+	        return replacements[+index]
+	      })
+	    }
+	    function re(pattern, replacements, flags) {
+	      return RegExp(replace(pattern, replacements), flags || '')
+	    }
+	    var types = /bool|clip|float|int|string|val/.source;
+	    var internals = [
+	      // bools
+	      /is(?:bool|clip|float|int|string)|defined|(?:(?:internal)?function|var)?exists?/
+	        .source, // control
+	      /apply|assert|default|eval|import|nop|select|undefined/.source, // global
+	      /opt_(?:allowfloataudio|avipadscanlines|dwchannelmask|enable_(?:b64a|planartopackedrgb|v210|y3_10_10|y3_10_16)|usewaveextensible|vdubplanarhack)|set(?:cachemode|maxcpu|memorymax|planarlegacyalignment|workingdir)/
+	        .source, // conv
+	      /hex(?:value)?|value/.source, // numeric
+	      /abs|ceil|continued(?:denominator|numerator)?|exp|floor|fmod|frac|log(?:10)?|max|min|muldiv|pi|pow|rand|round|sign|spline|sqrt/
+	        .source, // trig
+	      /a?sinh?|a?cosh?|a?tan[2h]?/.source, // bit
+	      /(?:bit(?:and|not|x?or|[lr]?shift[aslu]?|sh[lr]|sa[lr]|[lr]rotatel?|ro[rl]|te?st|set(?:count)?|cl(?:ea)?r|ch(?:an)?ge?))/
+	        .source, // runtime
+	      /average(?:[bgr]|chroma[uv]|luma)|(?:[rgb]|chroma[uv]|luma|rgb|[yuv](?=difference(?:fromprevious|tonext)))difference(?:fromprevious|tonext)?|[yuvrgb]plane(?:median|min|max|minmaxdifference)/
+	        .source, // script
+	      /getprocessinfo|logmsg|script(?:dir(?:utf8)?|file(?:utf8)?|name(?:utf8)?)|setlogparams/
+	        .source, // string
+	      /chr|(?:fill|find|left|mid|replace|rev|right)str|format|[lu]case|ord|str(?:cmpi?|fromutf8|len|toutf8)|time|trim(?:all|left|right)/
+	        .source, // version
+	      /isversionorgreater|version(?:number|string)/.source, // helper
+	      /buildpixeltype|colorspacenametopixeltype/.source, // avsplus
+	      /addautoloaddir|on(?:cpu|cuda)|prefetch|setfiltermtmode/.source
+	    ].join('|');
+	    var properties = [
+	      // content
+	      /has(?:audio|video)/.source, // resolution
+	      /height|width/.source, // framerate
+	      /frame(?:count|rate)|framerate(?:denominator|numerator)/.source, // interlacing
+	      /getparity|is(?:field|frame)based/.source, // color format
+	      /bitspercomponent|componentsize|hasalpha|is(?:planar(?:rgba?)?|interleaved|rgb(?:24|32|48|64)?|y(?:8|u(?:va?|y2))?|yv(?:12|16|24|411)|420|422|444|packedrgb)|numcomponents|pixeltype/
+	        .source, // audio
+	      /audio(?:bits|channels|duration|length(?:[fs]|hi|lo)?|rate)|isaudio(?:float|int)/
+	        .source
+	    ].join('|');
+	    var filters = [
+	      // source
+	      /avi(?:file)?source|directshowsource|image(?:reader|source|sourceanim)|opendmlsource|segmented(?:avisource|directshowsource)|wavsource/
+	        .source, // color
+	      /coloryuv|convertbacktoyuy2|convertto(?:RGB(?:24|32|48|64)|(?:planar)?RGBA?|Y8?|YV(?:12|16|24|411)|YUVA?(?:411|420|422|444)|YUY2)|fixluminance|gr[ae]yscale|invert|levels|limiter|mergea?rgb|merge(?:chroma|luma)|rgbadjust|show(?:alpha|blue|green|red)|swapuv|tweak|[uv]toy8?|ytouv/
+	        .source, // overlay
+	      /(?:colorkey|reset)mask|layer|mask(?:hs)?|merge|overlay|subtract/.source, // geometry
+	      /addborders|(?:bicubic|bilinear|blackman|gauss|lanczos4|lanczos|point|sinc|spline(?:16|36|64))resize|crop(?:bottom)?|flip(?:horizontal|vertical)|(?:horizontal|vertical)?reduceby2|letterbox|skewrows|turn(?:180|left|right)/
+	        .source, // pixel
+	      /blur|fixbrokenchromaupsampling|generalconvolution|(?:spatial|temporal)soften|sharpen/
+	        .source, // timeline
+	      /trim|(?:un)?alignedsplice|(?:assume|assumescaled|change|convert)FPS|(?:delete|duplicate)frame|dissolve|fade(?:in|io|out)[02]?|freezeframe|interleave|loop|reverse|select(?:even|odd|(?:range)?every)/
+	        .source, // interlace
+	      /assume[bt]ff|assume(?:field|frame)based|bob|complementparity|doubleweave|peculiarblend|pulldown|separate(?:columns|fields|rows)|swapfields|weave(?:columns|rows)?/
+	        .source, // audio
+	      /amplify(?:db)?|assumesamplerate|audiodub(?:ex)?|audiotrim|convertaudioto(?:(?:8|16|24|32)bit|float)|converttomono|delayaudio|ensurevbrmp3sync|get(?:left|right)?channel|kill(?:audio|video)|mergechannels|mixaudio|monotostereo|normalize|resampleaudio|ssrc|supereq|timestretch/
+	        .source, // conditional
+	      /animate|applyrange|conditional(?:filter|reader|select)|frameevaluate|scriptclip|tcp(?:server|source)|writefile(?:end|if|start)?/
+	        .source, // export
+	      /imagewriter/.source, // debug
+	      /blackness|blankclip|colorbars(?:hd)?|compare|dumpfiltergraph|echo|histogram|info|messageclip|preroll|setgraphanalysis|show(?:framenumber|smpte|time)|showfiveversions|stack(?:horizontal|vertical)|subtitle|tone|version/
+	        .source
+	    ].join('|');
+	    var allinternals = [internals, properties, filters].join('|');
+	    Prism.languages.avisynth = {
+	      comment: [
+	        {
+	          // Matches [* *] nestable block comments, but only supports 1 level of nested comments
+	          // /\[\*(?:[^\[*]|\[(?!\*)|\*(?!\])|<self>)*\*\]/
+	          pattern:
+	            /(^|[^\\])\[\*(?:[^\[*]|\[(?!\*)|\*(?!\])|\[\*(?:[^\[*]|\[(?!\*)|\*(?!\]))*\*\])*\*\]/,
+	          lookbehind: true,
+	          greedy: true
+	        },
+	        {
+	          // Matches /* */ block comments
+	          pattern: /(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,
+	          lookbehind: true,
+	          greedy: true
+	        },
+	        {
+	          // Matches # comments
+	          pattern: /(^|[^\\$])#.*/,
+	          lookbehind: true,
+	          greedy: true
+	        }
+	      ],
+	      // Handle before strings because optional arguments are surrounded by double quotes
+	      argument: {
+	        pattern: re(/\b(?:<<0>>)\s+("?)\w+\1/.source, [types], 'i'),
+	        inside: {
+	          keyword: /^\w+/
+	        }
+	      },
+	      // Optional argument assignment
+	      'argument-label': {
+	        pattern: /([,(][\s\\]*)\w+\s*=(?!=)/,
+	        lookbehind: true,
+	        inside: {
+	          'argument-name': {
+	            pattern: /^\w+/,
+	            alias: 'punctuation'
+	          },
+	          punctuation: /=$/
+	        }
+	      },
+	      string: [
+	        {
+	          // triple double-quoted
+	          pattern: /"""[\s\S]*?"""/,
+	          greedy: true
+	        },
+	        {
+	          // single double-quoted
+	          pattern: /"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"/,
+	          greedy: true,
+	          inside: {
+	            constant: {
+	              // These *are* case-sensitive!
+	              pattern:
+	                /\b(?:DEFAULT_MT_MODE|(?:MAINSCRIPT|PROGRAM|SCRIPT)DIR|(?:MACHINE|USER)_(?:CLASSIC|PLUS)_PLUGINS)\b/
+	            }
+	          }
+	        }
+	      ],
+	      // The special "last" variable that takes the value of the last implicitly returned clip
+	      variable: /\b(?:last)\b/i,
+	      boolean: /\b(?:false|no|true|yes)\b/i,
+	      keyword:
+	        /\b(?:catch|else|for|function|global|if|return|try|while|__END__)\b/i,
+	      constant: /\bMT_(?:MULTI_INSTANCE|NICE_FILTER|SERIALIZED|SPECIAL_MT)\b/,
+	      // AviSynth's internal functions, filters, and properties
+	      'builtin-function': {
+	        pattern: re(/\b(?:<<0>>)\b/.source, [allinternals], 'i'),
+	        alias: 'function'
+	      },
+	      'type-cast': {
+	        pattern: re(/\b(?:<<0>>)(?=\s*\()/.source, [types], 'i'),
+	        alias: 'keyword'
+	      },
+	      // External/user-defined filters
+	      function: {
+	        pattern: /\b[a-z_]\w*(?=\s*\()|(\.)[a-z_]\w*\b/i,
+	        lookbehind: true
+	      },
+	      // Matches a \ as the first or last character on a line
+	      'line-continuation': {
+	        pattern: /(^[ \t]*)\\|\\(?=[ \t]*$)/m,
+	        lookbehind: true,
+	        alias: 'punctuation'
+	      },
+	      number:
+	        /\B\$(?:[\da-f]{6}|[\da-f]{8})\b|(?:(?:\b|\B-)\d+(?:\.\d*)?\b|\B\.\d+\b)/i,
+	      operator: /\+\+?|[!=<>]=?|&&|\|\||[?:*/%-]/,
+	      punctuation: /[{}\[\]();,.]/
+	    };
+	    Prism.languages.avs = Prism.languages.avisynth;
+	  })(Prism);
+	}
+	return avisynth_1;
 }
 
-var avisynth$1 = /*#__PURE__*/_mergeNamespaces({
-  __proto__: null,
-  'default': avisynth_1
-}, [avisynth_1]);
-
 var avroIdl_1;
 var hasRequiredAvroIdl;
 
@@ -84149,7 +84300,7 @@ refractor.register(al_1);
 refractor.register(antlr4_1);
 refractor.register(apacheconf_1);
 refractor.register(apex_1);
-refractor.register(requireApl());
+refractor.register(apl_1);
 refractor.register(applescript_1);
 refractor.register(aql_1);
 refractor.register(arduino_1);
@@ -84160,7 +84311,7 @@ refractor.register(asmatmel_1);
 refractor.register(aspnet_1);
 refractor.register(autohotkey_1);
 refractor.register(autoit_1);
-refractor.register(avisynth_1);
+refractor.register(requireAvisynth());
 refractor.register(requireAvroIdl());
 refractor.register(requireBash());
 refractor.register(requireBasic());
@@ -85594,7 +85745,7 @@ var copyToClipboard = /*#__PURE__*/function () {
 
 var CodeBlock = function CodeBlock(_ref) {
   var _ref$title = _ref.title,
-      title = _ref$title === void 0 ? "Code snippet" : _ref$title,
+      title = _ref$title === void 0 ? /*#__PURE__*/React__default["default"].createElement("div", null, "Code snippet") : _ref$title,
       codeString = _ref.codeString,
       _ref$showCopyButton = _ref.showCopyButton,
       showCopyButton = _ref$showCopyButton === void 0 ? true : _ref$showCopyButton,
@@ -85655,7 +85806,7 @@ var CodeBlock = function CodeBlock(_ref) {
 };
 
 CodeBlock.propTypes = {
-  title: propTypes.exports.string,
+  title: propTypes.exports.object,
   codeString: propTypes.exports.string,
   showCopyButton: propTypes.exports.bool,
   className: propTypes.exports.string,
@@ -85663,32 +85814,13 @@ CodeBlock.propTypes = {
   codeStyles: propTypes.exports.object
 };
 
-var EMBED_WIDGET_S3_SCRIPT_STRING = "<script src=\"https://neeto-widget.s3.ap-south-1.amazonaws.com/embedNeetoWidget.js\"></script>";
-var DISABLE_NEETO_CHAT = "disableNeetoChat: true,";
-var DISABLE_NEETO_CHANGELOG = "disableNeetoChangelog: true,";
-var DISABLE_NEETO_REPLAY = "disableNeetoReplay: true,";
-var SAMPLE_CONTEXT_CODE_STRING = "window.NeetoReplayWidgetSessionContext = {\n  key1: \"value\",\n  key2: [\"array\", \"of\", \"values\"],\n  /* More key-value pairs */\n}";
-var SAMPLE_USER_IDENTITY_CODE_STRING = "window.NeetoWidgetUserIdentity = {\n  user_identifier: \"USER_ID_HERE\",\n  name: \"USER_NAME_HERE\",\n  email: \"USER_EMAIL_HERE\",\n  started_at: \"YYYY-MM-DD\",\n}";
-var WIDGET_TYPES = {
-  changelog: "changelog",
-  chat: "chat",
-  replay: "replay"
-};
-var WIDGET_TYPES_VALUES = ramda.values(WIDGET_TYPES);
-var EMAIL_WIDGET_SNIPPET_FORM_VALIDATION_SCHEMA = yup__namespace.object({
-  emails: yup__namespace.array().required().label(i18next__default["default"].t("neetoCommons.widget.email.fields.emails.label")),
-  subject: yup__namespace.string().required().label(i18next__default["default"].t("neetoCommons.widget.email.fields.subject.label"))
-});
-var QUERY_KEYS = {
-  apiKey: "neetoWidgetApiKey"
-};
-var DEFAULT_QUERY_STALE_TIME = 60 * 60 * 1000; // 1 hour in milliseconds
-
 var getWidgetApiKeyUrl = function getWidgetApiKeyUrl() {
   return "api/v1/widget/api_keys/".concat(window.globalProps.organization.subdomain);
 };
 var EMBED_CODE_EMAIL_URL = "api/v1/widget/email_snippets";
 var WIDGET_KB_BASE_URL = "https://neetowidgethelp.neetokb.com";
+var NEETO_REPLAY_CONFIGURE_URL = "".concat(WIDGET_KB_BASE_URL, "/articles/configure-neetoreplay");
+var NEETO_CHAT_USER_IDENTITY_URL = "".concat(WIDGET_KB_BASE_URL, "/articles/configuring-neetochat");
 var WIDGET_KB_HELP_URL = {
   changelog: "".concat(WIDGET_KB_BASE_URL, "/categories/getting-started-with-neetochangelog"),
   chat: "".concat(WIDGET_KB_BASE_URL, "/categories/getting-started-with-neetochat"),
@@ -85748,16 +85880,6 @@ var embedWidgetEnvironment = function embedWidgetEnvironment() {
   }
 };
 
-var getSampleUserIdentity = function getSampleUserIdentity(enabledWidgets) {
-  return indentAndFormat(SAMPLE_USER_IDENTITY_CODE_STRING, function (cmd) {
-    if (!enabledWidgets.chat && !cmd.includes("email") && !cmd.includes("{") && !cmd.includes("}") || !enabledWidgets.chat && !enabledWidgets.replay) {
-      return getCommentedCommand(cmd, false, true);
-    }
-
-    return cmd;
-  });
-};
-
 var embedWidgetApiKey = function embedWidgetApiKey(apiKey) {
   return "apiKey: \"".concat(apiKey, "\",");
 };
@@ -85780,17 +85902,28 @@ var embedWidgetFunctionCall = function embedWidgetFunctionCall(enabledWidgets, a
   }), "\n});");
 };
 
+var filterMarkedCommands = function filterMarkedCommands(queryString) {
+  return queryString.split("\n").filter(function (line) {
+    return !line.includes("///") && line.trim();
+  }).join("\n");
+};
+
+var getSampleUserIdentity = function getSampleUserIdentity(enabledWidgets) {
+  return filterMarkedCommands(SAMPLE_USER_IDENTITY_CODE_STRING.split("\n").map(function (cmd) {
+    if (!enabledWidgets.chat && !cmd.includes("email") && !cmd.includes("{") && !cmd.includes("}") || !enabledWidgets.chat && !enabledWidgets.replay) {
+      return getCommentedCommand(cmd, false, true);
+    }
+
+    return cmd;
+  }).join("\n"));
+};
 var sampleConsolidatedCodeString = function sampleConsolidatedCodeString(enabledWidgets, apiKey) {
-  return "".concat(EMBED_WIDGET_S3_SCRIPT_STRING, "\n<script>\n  ").concat(getSampleUserIdentity(enabledWidgets), "\n\n  ").concat(indentAndFormat(SAMPLE_CONTEXT_CODE_STRING, function (cmd) {
-    return getCommentedCommand(cmd, enabledWidgets.replay, true);
-  }), "\n\n  ").concat(indentAndFormat(embedWidgetFunctionCall(enabledWidgets, apiKey)), "\n</script>");
+  return filterMarkedCommands("".concat(EMBED_WIDGET_S3_SCRIPT_STRING, "\n<script>\n  ").concat(enabledWidgets.chat || enabledWidgets.replay ? "window.".concat(NEETO_WIDGET_USER_IDENTITY_KEY, " = {};") : "", "\n  ").concat(enabledWidgets.replay ? "window.".concat(SESSION_CONTEXT_KEY, " = {};") : "", "\n\n  ").concat(indentAndFormat(embedWidgetFunctionCall(enabledWidgets, apiKey)), "\n</script>"));
 };
-var getEmailWidgetSnippetFormInitialValues = function getEmailWidgetSnippetFormInitialValues(selectedWidgets) {
+var getEmailWidgetSnippetFormInitialValues = function getEmailWidgetSnippetFormInitialValues(subject) {
   return {
     emails: "",
-    subject: i18next__default["default"].t("neetoCommons.widget.email.fields.subject.default", {
-      selectedWidgets: selectedWidgets
-    })
+    subject: subject
   };
 };
 var getSelectedWidgetsCombinedText = function getSelectedWidgetsCombinedText(widgets) {
@@ -85816,7 +85949,10 @@ var CodeSnippet = function CodeSnippet(_ref) {
       _ref$onSent = _ref.onSent,
       onSent = _ref$onSent === void 0 ? noop$2 : _ref$onSent,
       codeString = _ref.codeString,
-      selectedWidgets = _ref.selectedWidgets;
+      _ref$subject = _ref.subject,
+      subject = _ref$subject === void 0 ? "" : _ref$subject,
+      _ref$body = _ref.body,
+      body = _ref$body === void 0 ? "" : _ref$body;
 
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
@@ -85844,7 +85980,7 @@ var CodeSnippet = function CodeSnippet(_ref) {
               emailMutation.mutate({
                 subject: formData.subject,
                 emails: ramda.pluck("value", formData.emails),
-                message: getDefaultBody(),
+                message: body,
                 snippet: codeString
               });
 
@@ -85861,19 +85997,13 @@ var CodeSnippet = function CodeSnippet(_ref) {
     };
   }();
 
-  var getDefaultBody = function getDefaultBody() {
-    return t("neetoCommons.widget.email.body", {
-      selectedWidgets: getSelectedWidgetsCombinedText(selectedWidgets)
-    });
-  };
-
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
     className: "rounded-lg w-1/2 mx-auto",
     isOpen: isModalOpen,
     size: "medium",
     onClose: onClose
   }, /*#__PURE__*/React__default["default"].createElement(formik.Formik, {
-    initialValues: getEmailWidgetSnippetFormInitialValues(getSelectedWidgetsCombinedText(selectedWidgets)),
+    initialValues: getEmailWidgetSnippetFormInitialValues(subject),
     validationSchema: EMAIL_WIDGET_SNIPPET_FORM_VALIDATION_SCHEMA,
     onSubmit: handleSubmit
   }, /*#__PURE__*/React__default["default"].createElement(formik.Form, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
@@ -85896,7 +86026,7 @@ var CodeSnippet = function CodeSnippet(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "mb-6",
     style: "body1"
-  }, getDefaultBody()), /*#__PURE__*/React__default["default"].createElement(CodeBlock, {
+  }, body), /*#__PURE__*/React__default["default"].createElement(CodeBlock, {
     className: "neeto-ui-bg-primary-100 neeto-ui-rounded-xl overflow-hidden",
     codeString: codeString,
     copyButton: false,
@@ -85922,11 +86052,18 @@ CodeSnippet.propTypes = {
   onClose: propTypes.exports.func,
   onSent: propTypes.exports.func,
   codeString: propTypes.exports.string,
-  selectedWidgets: propTypes.exports.arrayOf(propTypes.exports.string)
+  subject: propTypes.exports.string,
+  body: propTypes.exports.string
 };
 
 var useFetchApiKey = function useFetchApiKey() {
   return reactQuery.useQuery(QUERY_KEYS.apiKey, function () {
+    if (window.globalProps.railsEnv === "heroku" || !process.env.ENABLE_SSO) {
+      return Promise.resolve({
+        widgetApiKey: "placeholder-api-key"
+      });
+    }
+
     return queryWidgetApiKey();
   }, {
     staleTime: DEFAULT_QUERY_STALE_TIME
@@ -85944,9 +86081,8 @@ var SelectionTabs = function SelectionTabs(_ref) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "mb-1",
         key: widget
-      }, primarySelectedWidget !== widget ? /*#__PURE__*/React__default["default"].createElement(neetoui.Checkbox, {
+      }, primarySelectedWidget !== widget ? /*#__PURE__*/React__default["default"].createElement(neetoui.Switch, {
         label: "neeto".concat(capitalize(widget)),
-        size: "small",
         checked: selectedWidgets.includes(widget),
         onChange: function onChange() {
           return updateSelectedWidgets(widget);
@@ -85958,7 +86094,7 @@ var SelectionTabs = function SelectionTabs(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mb-4 px-2 w-full flex items-center justify-between gap-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-center justify-start gap-2"
+    className: "flex items-center justify-start gap-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "font-semibold text-base"
   }, "neeto", formattedPrimaryWidget), /*#__PURE__*/React__default["default"].createElement("a", {
@@ -85966,7 +86102,7 @@ var SelectionTabs = function SelectionTabs(_ref) {
     target: "_blank",
     rel: "noreferrer"
   }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Help, {
-    size: 18
+    size: 16
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex items-center justify-end gap-2"
   }, renderSelectedTab()));
@@ -85979,8 +86115,6 @@ SelectionTabs.propTypes = {
 };
 
 var EmbedCode = function EmbedCode(_ref) {
-  var _apiKeyResult$data2;
-
   var _ref$primaryApp = _ref.primaryApp,
       primaryApp = _ref$primaryApp === void 0 ? "" : _ref$primaryApp,
       _ref$initialSelectedW = _ref.initialSelectedWidgets,
@@ -85992,16 +86126,18 @@ var EmbedCode = function EmbedCode(_ref) {
   var apiKeyResult = useFetchApiKey();
   var initialWidgets = ramda.uniq(ramda.intersection(ramda.append(primaryApp, initialSelectedWidgets), WIDGET_TYPES_VALUES));
 
-  var _useState = React.useState(false),
+  var _useState = React.useState(EMAIL_TYPES["null"]),
       _useState2 = _slicedToArray(_useState, 2),
-      isSendViaEmailModalOpen = _useState2[0],
-      setIsSendViaEmailModalOpen = _useState2[1];
+      emailType = _useState2[0],
+      setEmailType = _useState2[1];
 
   var _useState3 = React.useState(ramda.intersection(initialWidgets, WIDGET_TYPES_VALUES)),
       _useState4 = _slicedToArray(_useState3, 2),
       selectedWidgets = _useState4[0],
       setSelectedWidgets = _useState4[1];
 
+  var previousEmailType = usePrevious(emailType);
+
   var updateSelectedWidgets = function updateSelectedWidgets(widget) {
     if (selectedWidgets.includes(widget)) {
       setSelectedWidgets(ramda.without([widget], selectedWidgets));
@@ -86013,25 +86149,64 @@ var EmbedCode = function EmbedCode(_ref) {
   var enabledWidgets = ramda.fromPairs(selectedWidgets.map(function (widget) {
     return [widget, true];
   }));
-  var codeString = React.useMemo(function () {
+
+  var getEmbedCodeString = function getEmbedCodeString() {
     var _apiKeyResult$data;
 
     if ((_apiKeyResult$data = apiKeyResult.data) !== null && _apiKeyResult$data !== void 0 && _apiKeyResult$data.widgetApiKey) {
-      return sampleConsolidatedCodeString(enabledWidgets, apiKeyResult.data.widgetApiKey).split("\n").filter(function (line) {
-        return !line.includes("///") && line.trim();
-      }).join("\n");
+      return sampleConsolidatedCodeString(enabledWidgets, apiKeyResult.data.widgetApiKey);
     }
 
     return "";
-  }, [enabledWidgets, (_apiKeyResult$data2 = apiKeyResult.data) === null || _apiKeyResult$data2 === void 0 ? void 0 : _apiKeyResult$data2.widgetApiKey]);
+  };
+
+  var getSnippetProps = function getSnippetProps(selectedEmailType) {
+    switch (selectedEmailType) {
+      case EMAIL_TYPES.embedCode:
+        return {
+          codeString: getEmbedCodeString(),
+          subject: t("neetoCommons.widget.email.fields.subject.values.embedCode", {
+            selectedWidgets: getSelectedWidgetsCombinedText(selectedWidgets)
+          }),
+          body: t("neetoCommons.widget.email.body.values.embedCode", {
+            selectedWidgets: getSelectedWidgetsCombinedText(selectedWidgets),
+            neetoKbUrl: WIDGET_KB_BASE_URL
+          })
+        };
+
+      case EMAIL_TYPES.userIdentity:
+        return {
+          codeString: getSampleUserIdentity(enabledWidgets),
+          subject: t("neetoCommons.widget.email.fields.subject.values.userIdentity"),
+          body: t("neetoCommons.widget.email.body.values.userIdentity", {
+            userIdentityKbUrl: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL
+          })
+        };
+
+      case EMAIL_TYPES.sessionContext:
+        return {
+          codeString: SAMPLE_CONTEXT_CODE_STRING,
+          subject: t("neetoCommons.widget.email.fields.subject.values.sessionContext"),
+          body: t("neetoCommons.widget.email.body.values.sessionContext", {
+            sessionContextKbUrl: NEETO_REPLAY_CONFIGURE_URL
+          })
+        };
+
+      case EMAIL_TYPES["null"]:
+        return previousEmailType !== EMAIL_TYPES["null"] ? getSnippetProps(previousEmailType) : {};
+
+      default:
+        throw new Error("Invalid email type received.");
+    }
+  };
 
-  var handleSendViaEmail = function handleSendViaEmail() {
+  var handleSendViaEmail = function handleSendViaEmail(selectedEmail) {
     if (ramda.isEmpty(selectedWidgets)) {
       neetoui.Toastr.error(t("neetoCommons.widget.installation.snippet.disabledError"));
       return;
     }
 
-    setIsSendViaEmailModalOpen(true);
+    setEmailType(selectedEmail);
   };
 
   if (apiKeyResult.isLoading) {
@@ -86041,20 +86216,22 @@ var EmbedCode = function EmbedCode(_ref) {
   }
 
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "mx-auto w-full flex-col items-center justify-start"
+    className: "mx-auto w-full flex-col items-center justify-start mb-10"
   }, /*#__PURE__*/React__default["default"].createElement(SelectionTabs, {
     primarySelectedWidget: primaryApp,
     selectedWidgets: selectedWidgets,
     updateSelectedWidgets: updateSelectedWidgets
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "mx-auto w-full max-w-2xl flex-grow flex-col items-center justify-start"
+    className: "mx-auto w-full max-w-2xl flex-grow flex-col items-center justify-start mb-6"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mx-auto mb-4 w-full"
   }, /*#__PURE__*/React__default["default"].createElement(CodeBlock, {
-    codeString: codeString,
+    codeString: getEmbedCodeString(),
     className: "neeto-ui-bg-primary-100 neeto-ui-rounded-xl overflow-hidden",
-    title: "Embed Code",
-    sendViaEmail: handleSendViaEmail
+    title: /*#__PURE__*/React__default["default"].createElement("div", null, "Embed code"),
+    sendViaEmail: function sendViaEmail() {
+      return handleSendViaEmail(EMAIL_TYPES.embedCode);
+    }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
   }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
@@ -86070,14 +86247,56 @@ var EmbedCode = function EmbedCode(_ref) {
         className: "font-normal"
       })
     }
-  }, "Place the embed code in your HTML file. This will embed the selected widgets in your website.")), /*#__PURE__*/React__default["default"].createElement(CodeSnippet, {
-    codeString: codeString,
-    selectedWidgets: selectedWidgets,
-    isModalOpen: isSendViaEmailModalOpen && isNotEmpty(selectedWidgets),
+  }, "Place the embed code in your HTML file. This will embed the selected widgets in your website."))), enabledWidgets.chat || enabledWidgets.replay ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mx-auto w-full max-w-2xl flex-grow flex-col items-center justify-start mb-6"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mx-auto mb-4 w-full"
+  }, /*#__PURE__*/React__default["default"].createElement(CodeBlock, {
+    codeString: getSampleUserIdentity(enabledWidgets),
+    className: "neeto-ui-bg-primary-100 neeto-ui-rounded-xl overflow-hidden",
+    sendViaEmail: function sendViaEmail() {
+      return handleSendViaEmail(EMAIL_TYPES.userIdentity);
+    },
+    title: /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "flex items-center justify-start"
+    }, /*#__PURE__*/React__default["default"].createElement("div", null, "User identity (Optional)"), /*#__PURE__*/React__default["default"].createElement("a", {
+      href: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL,
+      target: "_blank",
+      rel: "noreferrer",
+      className: "ml-1"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Help, {
+      size: 16
+    })))
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "w-full"
+  }, t("neetoCommons.widget.installation.instructions.userIdentity"))) : null, enabledWidgets.replay ? /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mx-auto w-full max-w-2xl flex-grow flex-col items-center justify-start"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mx-auto mb-4 w-full"
+  }, /*#__PURE__*/React__default["default"].createElement(CodeBlock, {
+    codeString: SAMPLE_CONTEXT_CODE_STRING,
+    className: "neeto-ui-bg-primary-100 neeto-ui-rounded-xl overflow-hidden",
+    sendViaEmail: function sendViaEmail() {
+      return handleSendViaEmail(EMAIL_TYPES.sessionContext);
+    },
+    title: /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "flex items-center justify-start"
+    }, /*#__PURE__*/React__default["default"].createElement("div", null, "Session context (Optional)"), /*#__PURE__*/React__default["default"].createElement("a", {
+      href: NEETO_REPLAY_CONFIGURE_URL,
+      target: "_blank",
+      rel: "noreferrer",
+      className: "ml-1"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Help, {
+      size: 16
+    })))
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "w-full"
+  }, t("neetoCommons.widget.installation.instructions.sessionContext"))) : null, /*#__PURE__*/React__default["default"].createElement(CodeSnippet, _extends$4({
+    isModalOpen: !!emailType && isNotEmpty(selectedWidgets),
     onClose: function onClose() {
-      return setIsSendViaEmailModalOpen(false);
+      return setEmailType(EMAIL_TYPES["null"]);
     }
-  })));
+  }, getSnippetProps(emailType))));
 };
 
 EmbedCode.propTypes = {
@@ -86257,126 +86476,8 @@ var Sidebar = function Sidebar(_ref) {
 };
 
 var NeetoWidget = {
-  EmbedCode: EmbedCodeQueryClient
-};
-
-function useDebounce(value) {
-  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
-
-  var _useState = React.useState(value),
-      _useState2 = _slicedToArray(_useState, 2),
-      debouncedValue = _useState2[0],
-      setDebouncedValue = _useState2[1];
-
-  React.useEffect(function () {
-    var handler = setTimeout(function () {
-      setDebouncedValue(value);
-    }, delay);
-    return function () {
-      clearTimeout(handler);
-    };
-  }, [value]);
-  return debouncedValue;
-}
-
-var useFuncDebounce = function useFuncDebounce(func) {
-  var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
-  var timer = React.useRef(null);
-
-  var debouncedFunc = function debouncedFunc() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    clearTimeout(timer.current);
-    timer.current = setTimeout(function () {
-      return func.apply(void 0, args);
-    }, delay);
-  };
-
-  debouncedFunc.cancel = function () {
-    return clearTimeout(timer.current);
-  };
-
-  return debouncedFunc;
-};
-
-var useForceUpdate = function useForceUpdate() {
-  var _useState = React.useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      setValue = _useState2[1];
-
-  return function () {
-    return setValue(function (value) {
-      return value + 1;
-    });
-  };
-};
-
-var useIsElementVisibleInDom = function useIsElementVisibleInDom(target) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
-
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isIntersecting = _useState2[0],
-      setIntersecting = _useState2[1];
-
-  var forceUpdate = useForceUpdate();
-  React.useEffect(function () {
-    if (!target) return forceUpdate();
-    var observer = new IntersectionObserver(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 1),
-          entry = _ref2[0];
-
-      return setIntersecting(entry.isIntersecting);
-    }, options);
-    observer.observe(target);
-    return function () {
-      return observer.unobserve(target);
-    };
-  }, [target, options]);
-  return isIntersecting;
-};
-
-var useOnClickOutside = function useOnClickOutside(ref, handler) {
-  React.useEffect(function () {
-    var listener = function listener(event) {
-      // Do nothing if clicking ref's element or descendent elements
-      if (!ref.current || ref.current.contains(event.target)) {
-        return;
-      }
-
-      handler(event);
-    };
-
-    document.addEventListener("mousedown", listener);
-    document.addEventListener("touchstart", listener);
-    return function () {
-      document.removeEventListener("mousedown", listener);
-      document.removeEventListener("touchstart", listener);
-    };
-  }, [handler]);
-};
-
-var usePrevious = function usePrevious(value) {
-  var ref = React.useRef(value);
-  React.useEffect(function () {
-    ref.current = value;
-  }, [value]);
-  return ref.current;
-};
-
-var useUpdateEffect = function useUpdateEffect(callback) {
-  var dependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var isInitialMount = React.useRef(true);
-  React.useEffect(function () {
-    if (isInitialMount.current) {
-      isInitialMount.current = false;
-      return;
-    }
-
-    callback();
-  }, dependencies);
+  EmbedCode: EmbedCodeQueryClient,
+  WIDGET_TYPES: WIDGET_TYPES
 };
 
 var ReducerBasedProvider = function ReducerBasedProvider(initialValue, StateContext, DispatchContext, reducer) {
@@ -88072,12 +88173,12 @@ var zephir = /*#__PURE__*/_mergeNamespaces({
   'default': zephirExports
 }, [zephirExports]);
 
-var aplExports = requireApl();
+var avisynthExports = requireAvisynth();
 
-var apl = /*#__PURE__*/_mergeNamespaces({
+var avisynth = /*#__PURE__*/_mergeNamespaces({
   __proto__: null,
-  'default': aplExports
-}, [aplExports]);
+  'default': avisynthExports
+}, [avisynthExports]);
 
 var avroIdlExports = requireAvroIdl();