@bigbinary/neeto-commons-frontend 2.0.34 → 2.0.36

package/react-utils.js

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import React__default, { useState, useEffect, useDebugValue, useRef, useImperativeHandle, forwardRef } from 'react';
 import { Button, Callout, Typography, Dropdown, Input, Label, Checkbox, Toastr, Tag, Pane, PageLoader, Table, NoData, Alert, Tooltip, Spinner, Switch } from '@bigbinary/neetoui';
-import i18next, { t } from 'i18next';
+import i18next, { t as t$1 } from 'i18next';
 import { mergeLeft, curryN, isNil, complement as complement$1, isEmpty, either as either$1, curry, includes, __, filter, trim, toLower, identity, without, append, prop as prop$1, fromPairs, keys, values, last as last$1, pluck, any, uniq, intersection, difference, pick, assoc, not as not$2, toPairs } from 'ramda';
 import { Trans, useTranslation } from 'react-i18next';
-import { Search, MenuHorizontal, Info as Info$3, Copy, Check, Close, Delete, Edit, Plus, Help, MenuVertical, Clock, ChatBubble, LeftArrow as LeftArrow$1, User, Settings } from '@bigbinary/neeto-icons';
+import { Search, MenuHorizontal, Info as Info$3, Copy, Check, Close, Delete, Edit, Plus, Help, ExternalLink, Undo, MenuVertical, Clock, ChatBubble, LeftArrow as LeftArrow$1, User, Settings } from '@bigbinary/neeto-icons';
 import { Container, Header as Header$1, SubHeader, Sidebar as Sidebar$1, AppSwitcher } from '@bigbinary/neetoui/layouts';
 import { Input as Input$1, Form as Form$2, Button as Button$1, MultiEmailInput, Select, Checkbox as Checkbox$1 } from '@bigbinary/neetoui/formik';
 import { Formik, Form as Form$1, FieldArray, ErrorMessage, useFormikContext } from 'formik';
@@ -1325,12 +1325,12 @@ var ContactUs = function ContactUs() {
     components: {
       button: /*#__PURE__*/React__default.createElement(Button, {
         className: "ml-1",
-        label: t("neetoCommons.browserSupport.contactUs.buttonLabel"),
+        label: t$1("neetoCommons.browserSupport.contactUs.buttonLabel"),
         style: "link",
         onClick: function onClick() {
-          var _window, _window$NeetoChat, _window2, _window2$NeetoChat;
-          (_window = window) === null || _window === void 0 ? void 0 : (_window$NeetoChat = _window.NeetoChat) === null || _window$NeetoChat === void 0 ? void 0 : _window$NeetoChat.contextualHelp.openWidget();
-          (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$NeetoChat = _window2.NeetoChat) === null || _window2$NeetoChat === void 0 ? void 0 : _window2$NeetoChat.contextualHelp.maximizeWidget();
+          var _window$NeetoChat, _window$NeetoChat$con, _window$NeetoChat2, _window$NeetoChat2$co;
+          (_window$NeetoChat = window.NeetoChat) === null || _window$NeetoChat === void 0 ? void 0 : (_window$NeetoChat$con = _window$NeetoChat.contextualHelp) === null || _window$NeetoChat$con === void 0 ? void 0 : _window$NeetoChat$con.maximizeWidget();
+          (_window$NeetoChat2 = window.NeetoChat) === null || _window$NeetoChat2 === void 0 ? void 0 : (_window$NeetoChat2$co = _window$NeetoChat2.contextualHelp) === null || _window$NeetoChat2$co === void 0 ? void 0 : _window$NeetoChat2$co.openWidget();
         }
       })
     }
@@ -1422,10 +1422,10 @@ var UnsupportedBrowser = function UnsupportedBrowser(_ref) {
   var browserName = _ref.browserName,
     browserVersion = _ref.browserVersion;
   return /*#__PURE__*/React__default.createElement(Trans, {
-    i18nKey: "neetoCommons.browserSupport.unsupportedBrowser",
     components: {
       contactUs: /*#__PURE__*/React__default.createElement(ContactUs, null)
     },
+    i18nKey: "neetoCommons.browserSupport.unsupportedBrowser",
     values: {
       browserName: browserName,
       browserVersion: getBrowserMajorVersion(browserVersion)
@@ -1439,9 +1439,9 @@ var DownloadLink = function DownloadLink(_ref) {
     i18nKey: "neetoCommons.browserSupport.downloadLink.main",
     components: {
       button: /*#__PURE__*/React__default.createElement(Button, {
-        label: t("neetoCommons.browserSupport.downloadLink.buttonLabel"),
-        style: "link",
-        href: link
+        href: link,
+        label: t$1("neetoCommons.browserSupport.downloadLink.buttonLabel"),
+        style: "link"
       })
     }
   });
@@ -1472,7 +1472,7 @@ var BrowserSupport = function BrowserSupport(_ref) {
   var _ref$overrides = _ref.overrides,
     overrides = _ref$overrides === void 0 ? {} : _ref$overrides;
   var platformInfo = platform.parse(navigator.userAgent);
-  var browserName = platformInfo.name || t("neetoCommons.browserSupport.unknownBrowserMsg");
+  var browserName = platformInfo.name || t$1("neetoCommons.browserSupport.unknownBrowserMsg");
   var browserVersion = platformInfo.version || "";
   var supportedBrowserVersionsMap = mergeLeft(overrides, DEFAULT_MINIMUM_SUPPORTED_BROWSER_VERSIONS);
   var requiredMinBrowserVersion = getRequiredMinBrowserVersion(browserName, supportedBrowserVersionsMap);
@@ -1489,8 +1489,8 @@ var BrowserSupport = function BrowserSupport(_ref) {
   }, isUnsupportedBrowserVersion ? /*#__PURE__*/React__default.createElement(UnsupportedBrowserVersion, {
     browserName: browserName,
     browserVersion: browserVersion,
-    requiredMinBrowserVersion: requiredMinBrowserVersion,
-    downloadPageLink: downloadPageLink
+    downloadPageLink: downloadPageLink,
+    requiredMinBrowserVersion: requiredMinBrowserVersion
   }) : /*#__PURE__*/React__default.createElement(UnsupportedBrowser, {
     browserName: browserName,
     browserVersion: browserVersion
@@ -1548,38 +1548,14 @@ var isNotEmpty = /*#__PURE__*/complement$1(isEmpty);
 var isNotPresent = /*#__PURE__*/either$1(isNil, isEmpty);
 var isPresent = /*#__PURE__*/complement$1(isNotPresent);
 
-var slugify = function slugify(string) {
-  return string.toString().toLowerCase().replace(/\s+/g, "-") // Replace spaces with -
-  .replace(/&/g, "-and-") // Replace & with 'and'
-  .replace(/[^\w-]+/g, "") // Remove all non-word characters
-  .replace(/--+/g, "-") // Replace multiple - with single -
-  .replace(/^-+/, "") // Trim - from start of text
-  .replace(/-+$/, "");
-}; // Trim - from end of text
-
-var humanize = function humanize(string) {
-  string = string.replace(/[_-]+/g, " ").replace(/\s{2,}/g, " ").replace(/([a-z\d])([A-Z])/g, "$1" + " " + "$2").replace(/([A-Z]+)([A-Z][a-z\d]+)/g, "$1" + " " + "$2").toLowerCase().trim();
-  string = string.charAt(0).toUpperCase() + string.slice(1);
-  return string;
-};
 var snakeToCamelCase = function snakeToCamelCase(string) {
   return string.replace(/(_\w)/g, function (letter) {
     return letter[1].toUpperCase();
   });
 };
-var camelToSnakeCase = function camelToSnakeCase(string) {
-  return string.replace(/[A-Z]/g, function (letter) {
-    return "_".concat(letter.toLowerCase());
-  });
-};
 var capitalize = function capitalize(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 };
-nullSafe(slugify);
-nullSafe(humanize);
-nullSafe(snakeToCamelCase);
-nullSafe(camelToSnakeCase);
-nullSafe(capitalize);
 
 var matchesImpl = function matchesImpl(pattern, object) {
   var __parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : object;
@@ -1736,18 +1712,18 @@ var Columns = function Columns(_ref) {
     buttonStyle: "text",
     closeOnSelect: false,
     label: "Columns",
+    position: "bottom-end",
     onClose: function onClose() {
       return setSearchTerm("");
-    },
-    position: "bottom-end"
+    }
   }, dropdownProps), /*#__PURE__*/React__default.createElement(Menu, null, /*#__PURE__*/React__default.createElement("div", null, isSearchable && /*#__PURE__*/React__default.createElement(Input, _extends$3({
     className: "neeto-ui-px-3 neeto-ui-py-2",
     "data-cy": "neeto-ui-columns-search",
-    onChange: handleSearch,
     placeholder: "Search columns",
     prefix: /*#__PURE__*/React__default.createElement(Search, null),
     type: "search",
-    value: searchTerm
+    value: searchTerm,
+    onChange: handleSearch
   }, searchProps)), isNotEmpty(filteredColumns) ? filteredColumns.map(function (_ref4) {
     var dataIndex = _ref4.dataIndex,
       key = _ref4.key,
@@ -1758,11 +1734,11 @@ var Columns = function Columns(_ref) {
       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.createElement(Checkbox, _extends$3({
-      id: dataIndex,
-      name: dataIndex,
       checked: !hiddenColumns.includes(dataIndex),
       "data-cy": "neeto-ui-columns-checkbox",
+      id: dataIndex,
       label: title,
+      name: dataIndex,
       onChange: handleChange
     }, checkboxProps))));
   }) : /*#__PURE__*/React__default.createElement("span", {
@@ -2318,25 +2294,17 @@ const createImpl = (createState) => {
   return useBoundStore;
 };
 const create$9 = (createState) => createState ? createImpl(createState) : createImpl;
-var react = (createState) => {
-  if ((import.meta.env && import.meta.env.MODE) !== "production") {
-    console.warn(
-      "[DEPRECATED] default export is deprecated, instead import { create } from'zustand'"
-    );
-  }
-  return create$9(createState);
-};
 
 var useDisplayErrorPage = function useDisplayErrorPage() {
   return useErrorDisplayStore(prop$1("show404Page"));
 };
-var useErrorDisplayStore = react(function () {
+var useErrorDisplayStore = create$9(function () {
   return {
     show404Page: false
   };
 });
 
-function useDebounce(value) {
+var useDebounce = function useDebounce(value) {
   var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
   var _useState = useState(value),
     _useState2 = _slicedToArray(_useState, 2),
@@ -2351,7 +2319,7 @@ function useDebounce(value) {
     };
   }, [value]);
   return debouncedValue;
-}
+};
 
 var useFuncDebounce = function useFuncDebounce(func) {
   var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
@@ -2372,6 +2340,7 @@ var useFuncDebounce = function useFuncDebounce(func) {
 };
 
 var useForceUpdate = function useForceUpdate() {
+  // eslint-disable-next-line react/hook-use-state
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     setValue = _useState2[1];
@@ -2387,14 +2356,14 @@ var useIsElementVisibleInDom = function useIsElementVisibleInDom(target) {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isIntersecting = _useState2[0],
-    setIntersecting = _useState2[1];
+    setIsIntersecting = _useState2[1];
   var forceUpdate = useForceUpdate();
   useEffect(function () {
     if (!target) return forceUpdate();
     var observer = new IntersectionObserver(function (_ref) {
       var _ref2 = _slicedToArray(_ref, 1),
         entry = _ref2[0];
-      return setIntersecting(entry.isIntersecting);
+      return setIsIntersecting(entry.isIntersecting);
     }, options);
     observer.observe(target);
     return function () {
@@ -2454,7 +2423,7 @@ var INITIAL_VALUES$1 = {
   hostname: ""
 };
 var CUSTOM_DOMAIN_VALIDATION_SCHEMA = yup.object().shape({
-  hostname: yup.string().required(t("neetoCommons.customDomain.formikValidation.required")).matches(HOSTNAME_REGEX, t("neetoCommons.customDomain.formikValidation.valid"))
+  hostname: yup.string().required(t$1("neetoCommons.customDomain.formikValidation.required")).matches(HOSTNAME_REGEX, t$1("neetoCommons.customDomain.formikValidation.valid"))
 });
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -3505,25 +3474,25 @@ var TagBlock = function TagBlock(_ref) {
       "flex-col items-start": stacked
     })
   }, status === "failed" ? /*#__PURE__*/React__default.createElement(Tag, {
+    indicatorStyle: "danger",
     label: t("neetoCommons.customDomain.status.".concat(camelCasedStatus)),
-    style: "secondary",
-    indicatorStyle: "danger"
+    style: "secondary"
   }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tag, {
-    label: t("neetoCommons.customDomain.status.txt.".concat(camelCasedStatus)),
+    indicatorStyle: isTxtValidated ? "success" : "warning",
     style: "secondary",
-    indicatorStyle: isTxtValidated ? "success" : "warning"
+    label: t("neetoCommons.customDomain.status.txt.".concat(camelCasedStatus))
   }), isTxtValidated && /*#__PURE__*/React__default.createElement("div", {
     className: classnames("flex items-center justify-between gap-2", {
       "w-full": stacked
     })
   }, /*#__PURE__*/React__default.createElement(Tag, {
-    label: t("neetoCommons.customDomain.status.cname.".concat(camelCasedStatus)),
+    indicatorStyle: status === "active" ? "success" : "warning",
     style: "secondary",
-    indicatorStyle: status === "active" ? "success" : "warning"
+    label: t("neetoCommons.customDomain.status.cname.".concat(camelCasedStatus))
   }), isCnameRecordsAdded && status === "pending_cname_validation" && /*#__PURE__*/React__default.createElement(Button, {
-    label: t("neetoCommons.customDomain.validation.buttonLabel.cnameCheck"),
     className: "text-xs",
     style: "link",
+    label: t("neetoCommons.customDomain.validation.buttonLabel.cnameCheck"),
     onClick: handleValidateCname
   }))));
 };
@@ -3532,13 +3501,13 @@ var Menu = Dropdown.Menu,
   MenuItem = Dropdown.MenuItem;
 var renderColumnData = function renderColumnData(enableManagePane, enableDeleteAlert) {
   return [{
-    title: t("neetoCommons.customDomain.customDomain", {
+    title: t$1("neetoCommons.customDomain.customDomain", {
       count: ENTITY_COUNT.singular
     }),
     dataIndex: "hostname",
     key: "hostname"
   }, {
-    title: t("neetoCommons.common.status"),
+    title: t$1("neetoCommons.common.status"),
     dataIndex: "status",
     key: "status",
     render: function render(status) {
@@ -3557,21 +3526,21 @@ var renderColumnData = function renderColumnData(enableManagePane, enableDeleteA
         }
       }, /*#__PURE__*/React__default.createElement(Dropdown, {
         autoWidth: true,
-        icon: MenuHorizontal,
         buttonProps: {
           style: "text"
         },
+        icon: MenuHorizontal,
         position: "bottom-end",
         strategy: "fixed"
       }, /*#__PURE__*/React__default.createElement(Menu, null, /*#__PURE__*/React__default.createElement(MenuItem.Button, {
         onClick: function onClick() {
           return enableManagePane(customDomain);
         }
-      }, t("neetoCommons.common.actions.edit")), /*#__PURE__*/React__default.createElement(MenuItem.Button, {
+      }, t$1("neetoCommons.common.actions.edit")), /*#__PURE__*/React__default.createElement(MenuItem.Button, {
         onClick: function onClick() {
           return enableDeleteAlert(customDomain);
         }
-      }, t("neetoCommons.common.actions.delete")))));
+      }, t$1("neetoCommons.common.actions.delete")))));
     }
   }];
 };
@@ -3584,16 +3553,16 @@ var recordData = function recordData(customDomain) {
   var recordName = isTxtValidated ? hostname : "_acme-challenge.".concat(hostname);
   var recordValue = isTxtValidated ? dnsTarget : txtValue;
   var recordType = isTxtValidated ? "CNAME" : "TXT";
-  var recordDescription = t("neetoCommons.customDomain.validation.desc", {
+  var recordDescription = t$1("neetoCommons.customDomain.validation.desc", {
     record: recordType
   });
-  var recordNameLabel = t("neetoCommons.customDomain.validation.record", {
+  var recordNameLabel = t$1("neetoCommons.customDomain.validation.record", {
     record: recordType,
-    type: t("neetoCommons.common.name")
+    type: t$1("neetoCommons.common.name")
   });
-  var recordValueLabel = t("neetoCommons.customDomain.validation.record", {
+  var recordValueLabel = t$1("neetoCommons.customDomain.validation.record", {
     record: recordType,
-    type: t("neetoCommons.common.value")
+    type: t$1("neetoCommons.common.value")
   });
   return {
     recordName: recordName,
@@ -3615,8 +3584,8 @@ var Record = function Record(_ref) {
   return /*#__PURE__*/React__default.createElement("div", {
     className: "grid gap-4 mt-6"
   }, customDomain.status !== "active" && /*#__PURE__*/React__default.createElement(Callout, {
-    style: "info",
-    icon: Info$3
+    icon: Info$3,
+    style: "info"
   }, recordDescription), /*#__PURE__*/React__default.createElement(Input, {
     disabled: true,
     "data-cy": joinHyphenCase(recordNameLabel),
@@ -3630,8 +3599,8 @@ var Record = function Record(_ref) {
       }
     })
   }), /*#__PURE__*/React__default.createElement(Input, {
-    "data-cy": joinHyphenCase(recordValueLabel),
     disabled: true,
+    "data-cy": joinHyphenCase(recordValueLabel),
     label: recordValueLabel,
     value: recordValue,
     suffix: /*#__PURE__*/React__default.createElement(Button, {
@@ -3686,12 +3655,12 @@ var CustomDomainInfo = function CustomDomainInfo(_ref) {
   }, /*#__PURE__*/React__default.createElement(Trans, {
     i18nKey: "neetoCommons.customDomain.messageBlock.dnsStatus"
   }), /*#__PURE__*/React__default.createElement(Button, {
-    style: "link",
     href: "mailto:support@neeto.com",
-    label: "support@neeto.com"
+    label: "support@neeto.com",
+    style: "link"
   })), /*#__PURE__*/React__default.createElement(Callout, {
-    style: "info",
-    icon: Info$3
+    icon: Info$3,
+    style: "info"
   }, t("neetoCommons.customDomain.messageBlock.cnameAddedTime", {
     time: timeFormat.fromNow(time)
   })));
@@ -3847,16 +3816,16 @@ var Manage = function Manage(_ref) {
   }, /*#__PURE__*/React__default.createElement(Formik, {
     enableReinitialize: true,
     initialValues: customDomain || INITIAL_VALUES$1,
-    validationSchema: CUSTOM_DOMAIN_VALIDATION_SCHEMA,
     validateOnBlur: isCreating,
     validateOnChange: isCreating,
+    validationSchema: CUSTOM_DOMAIN_VALIDATION_SCHEMA,
     onSubmit: handleSubmit
   }, function (_ref2) {
     var dirty = _ref2.dirty;
     return /*#__PURE__*/React__default.createElement(Form$1, null, /*#__PURE__*/React__default.createElement(Pane.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
+      "data-cy": "add-custom-domain-pane-heading",
       style: "h2",
-      weight: "semibold",
-      "data-cy": "add-custom-domain-pane-heading"
+      weight: "semibold"
     }, customDomain ? t("neetoCommons.common.actions.editTitle", {
       entity: t("neetoCommons.customDomain.customDomain", {
         count: ENTITY_COUNT.singular
@@ -3868,10 +3837,10 @@ var Manage = function Manage(_ref) {
     }))), /*#__PURE__*/React__default.createElement(Pane.Body, null, /*#__PURE__*/React__default.createElement("div", {
       className: "space-y-6 w-full"
     }, !!customDomain && /*#__PURE__*/React__default.createElement(TagBlock, {
-      status: customDomain.status,
-      isCnameRecordsAdded: customDomain.addedCnameAt,
+      stacked: true,
       handleValidateCname: handleValidateCname,
-      stacked: true
+      isCnameRecordsAdded: customDomain.addedCnameAt,
+      status: customDomain.status
     }), /*#__PURE__*/React__default.createElement("div", {
       className: "space-y-2"
     }, /*#__PURE__*/React__default.createElement(Label, {
@@ -3881,31 +3850,31 @@ var Manage = function Manage(_ref) {
     }) : t("neetoCommons.customDomain.label")), /*#__PURE__*/React__default.createElement("div", {
       className: "flex items-start gap-2"
     }, /*#__PURE__*/React__default.createElement(Input$1, {
-      disabled: !!customDomain,
       autoFocus: true,
+      "data-cy": "custom-domain-input-field",
+      disabled: !!customDomain,
       name: "hostname",
-      placeholder: t("neetoCommons.customDomain.placeholder"),
-      "data-cy": "custom-domain-input-field"
+      placeholder: t("neetoCommons.customDomain.placeholder")
     }), !customDomain && /*#__PURE__*/React__default.createElement(Button, {
+      "data-cy": "submit-custom-domain-button",
       disabled: !dirty || isCreating,
+      icon: Check,
       loading: isCreating,
       style: "primary",
-      type: "submit",
-      icon: Check,
-      "data-cy": "submit-custom-domain-button"
+      type: "submit"
     }))), !!customDomain && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Record, {
       customDomain: customDomain
     }), customDomain.status === "pending_txt_validation" && /*#__PURE__*/React__default.createElement(Button, {
-      label: t("neetoCommons.customDomain.validation.buttonLabel.txt"),
-      onClick: handleValidateTxt,
+      "data-cy": "validate-txt-record-button",
       disabled: isValidating,
       loading: isValidating,
-      "data-cy": "validate-txt-record-button"
+      label: t("neetoCommons.customDomain.validation.buttonLabel.txt"),
+      onClick: handleValidateTxt
     }), customDomain.status === "pending_cname_validation" && !customDomain.addedCnameAt && /*#__PURE__*/React__default.createElement(Button, {
       "data-cy": "validate-cname-record-button",
+      loading: isCnameValidating || isUpdating,
       label: t("neetoCommons.customDomain.validation.buttonLabel.cnameAdded"),
-      onClick: handleUpdateCname,
-      loading: isCnameValidating || isUpdating
+      onClick: handleUpdateCname
     }), customDomain.status === "pending_cname_validation" && customDomain.addedCnameAt && /*#__PURE__*/React__default.createElement(CustomDomainInfo, {
       time: customDomain.addedCnameAt
     })))));
@@ -3955,8 +3924,16 @@ var CustomDomain = function CustomDomain(_ref) {
     setIsAlertOpen(true);
   };
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Header$1, _extends$3({
-    title: t("neetoCommons.customDomain.customDomain", {
-      count: ENTITY_COUNT.plural
+    actionBlock: /*#__PURE__*/React__default.createElement(Button, {
+      "data-cy": "add-new-custom-domain-button",
+      label: t("neetoCommons.common.actions.addNew", {
+        entity: t("neetoCommons.customDomain.customDomain", {
+          count: ENTITY_COUNT.singular
+        }).toLocaleLowerCase()
+      }),
+      onClick: function onClick() {
+        return enableManagePane(null);
+      }
     }),
     searchProps: {
       value: searchTerm,
@@ -3970,16 +3947,8 @@ var CustomDomain = function CustomDomain(_ref) {
       }),
       "data-cy": "custom-domain-search-field"
     },
-    actionBlock: /*#__PURE__*/React__default.createElement(Button, {
-      "data-cy": "add-new-custom-domain-button",
-      label: t("neetoCommons.common.actions.addNew", {
-        entity: t("neetoCommons.customDomain.customDomain", {
-          count: ENTITY_COUNT.singular
-        }).toLocaleLowerCase()
-      }),
-      onClick: function onClick() {
-        return enableManagePane(null);
-      }
+    title: t("neetoCommons.customDomain.customDomain", {
+      count: ENTITY_COUNT.plural
     })
   }, headerProps)), isLoading && /*#__PURE__*/React__default.createElement("div", {
     className: "w-full h-screen"
@@ -3987,24 +3956,19 @@ var CustomDomain = function CustomDomain(_ref) {
     className: "w-full flex-grow"
   }, /*#__PURE__*/React__default.createElement(SubHeader, {
     leftActionBlock: /*#__PURE__*/React__default.createElement(Typography, {
-      component: "h4",
-      className: "neeto-ui-gray-800 font-semibold"
+      className: "neeto-ui-gray-800 font-semibold",
+      component: "h4"
     }, t("neetoCommons.customDomain.customDomainWithCount", {
       count: data === null || data === void 0 ? void 0 : (_data$customDomains = data.customDomains) === null || _data$customDomains === void 0 ? void 0 : _data$customDomains.length
     }))
   }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Table, {
-    rowData: data === null || data === void 0 ? void 0 : data.customDomains,
-    columnData: renderColumnData(enableManagePane, enableDeleteAlert),
     allowRowClick: false,
-    rowSelection: false
+    rowData: data === null || data === void 0 ? void 0 : data.customDomains,
+    rowSelection: false,
+    columnData: renderColumnData(enableManagePane, enableDeleteAlert)
   }))) : /*#__PURE__*/React__default.createElement("div", {
     className: "flex h-full w-full flex-grow items-center justify-center"
   }, /*#__PURE__*/React__default.createElement(NoData, {
-    title: t("neetoCommons.common.notFound.title", {
-      entity: t("neetoCommons.customDomain.customDomain", {
-        count: ENTITY_COUNT.plural
-      }).toLocaleLowerCase()
-    }),
     primaryButtonProps: {
       label: t("neetoCommons.common.actions.addNew", {
         entity: t("neetoCommons.customDomain.customDomain", {
@@ -4014,36 +3978,41 @@ var CustomDomain = function CustomDomain(_ref) {
       onClick: function onClick() {
         return enableManagePane(null);
       }
-    }
+    },
+    title: t("neetoCommons.common.notFound.title", {
+      entity: t("neetoCommons.customDomain.customDomain", {
+        count: ENTITY_COUNT.plural
+      }).toLocaleLowerCase()
+    })
   })))), /*#__PURE__*/React__default.createElement(Manage, {
     customDomain: customDomain,
     isOpen: isPaneOpen,
+    setCustomDomain: setCustomDomain,
     onClose: function onClose() {
       return setIsPaneOpen(false);
-    },
-    setCustomDomain: setCustomDomain
+    }
   }), /*#__PURE__*/React__default.createElement(Alert, {
+    cancelButtonLabel: t("neetoCommons.common.deleteAlert.no"),
     isOpen: isAlertOpen,
+    isSubmitting: isDeleting,
     submitButtonLabel: t("neetoCommons.common.deleteAlert.yes"),
-    cancelButtonLabel: t("neetoCommons.common.deleteAlert.no"),
-    title: t("neetoCommons.common.deleteAlert.title", {
-      entity: t("neetoCommons.customDomain.customDomain", {
-        count: ENTITY_COUNT.singular
-      }).toLocaleLowerCase()
-    }),
     message: /*#__PURE__*/React__default.createElement(Trans, {
       i18nKey: "neetoCommons.customDomain.alertMessage",
       values: {
         hostname: customDomain === null || customDomain === void 0 ? void 0 : customDomain.hostname
       }
     }),
-    onSubmit: function onSubmit() {
-      return deleteCustomDomain(customDomain === null || customDomain === void 0 ? void 0 : customDomain.id);
-    },
+    title: t("neetoCommons.common.deleteAlert.title", {
+      entity: t("neetoCommons.customDomain.customDomain", {
+        count: ENTITY_COUNT.singular
+      }).toLocaleLowerCase()
+    }),
     onClose: function onClose() {
       return setIsAlertOpen(false);
     },
-    isSubmitting: isDeleting
+    onSubmit: function onSubmit() {
+      return deleteCustomDomain(customDomain === null || customDomain === void 0 ? void 0 : customDomain.id);
+    }
   }));
 };
 
@@ -4059,8 +4028,8 @@ var DateFormat = fromPairs(keys(timeFormat).map(function (key) {
       style: "body2"
     }, typographyProps), timeFormat[key](date));
     return key === "extended" ? dateDisplay : /*#__PURE__*/React__default.createElement(Tooltip, _extends$3({
-      position: "top",
-      content: timeFormat.extended(date)
+      content: timeFormat.extended(date),
+      position: "top"
     }, tooltipProps), dateDisplay);
   }];
 }));
@@ -4117,32 +4086,32 @@ var FallbackComponent = function FallbackComponent() {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "m-auto mb-8 flex items-center justify-center"
   }, /*#__PURE__*/React__default.createElement(SvgFallbackComponent, null)), /*#__PURE__*/React__default.createElement(Typography, {
+    className: "mb-4",
     component: "h2",
     style: "h2",
-    weight: "semibold",
-    className: "mb-4"
+    weight: "semibold"
   }, t("neetoCommons.fallbackComponent.somethingWentWrong")), /*#__PURE__*/React__default.createElement(Typography, {
+    className: "mb-8 text-gray-600",
     component: "p",
     style: "body1",
-    weight: "normal",
-    className: "mb-8 text-gray-600"
+    weight: "normal"
   }, /*#__PURE__*/React__default.createElement(Trans, {
     i18nKey: "neetoCommons.fallbackComponent.description",
     components: {
       reloading: /*#__PURE__*/React__default.createElement(Button, {
-        label: t("neetoCommons.fallbackComponent.reloadingButtonLabel"),
         style: "link",
+        label: t("neetoCommons.fallbackComponent.reloadingButtonLabel"),
         onClick: function onClick() {
           return window.location.reload();
         }
       }),
       contactus: /*#__PURE__*/React__default.createElement(Button, {
-        label: t("neetoCommons.fallbackComponent.contactusButtonLabel"),
         style: "link",
+        label: t("neetoCommons.fallbackComponent.contactusButtonLabel"),
         onClick: function onClick() {
-          var _window, _window$NeetoChat, _window2, _window2$NeetoChat;
-          (_window = window) === null || _window === void 0 ? void 0 : (_window$NeetoChat = _window.NeetoChat) === null || _window$NeetoChat === void 0 ? void 0 : _window$NeetoChat.contextualHelp.openWidget();
-          (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$NeetoChat = _window2.NeetoChat) === null || _window2$NeetoChat === void 0 ? void 0 : _window2$NeetoChat.contextualHelp.maximizeWidget();
+          var _window$NeetoChat, _window$NeetoChat$con, _window$NeetoChat2, _window$NeetoChat2$co;
+          (_window$NeetoChat = window.NeetoChat) === null || _window$NeetoChat === void 0 ? void 0 : (_window$NeetoChat$con = _window$NeetoChat.contextualHelp) === null || _window$NeetoChat$con === void 0 ? void 0 : _window$NeetoChat$con.maximizeWidget();
+          (_window$NeetoChat2 = window.NeetoChat) === null || _window$NeetoChat2 === void 0 ? void 0 : (_window$NeetoChat2$co = _window$NeetoChat2.contextualHelp) === null || _window$NeetoChat2$co === void 0 ? void 0 : _window$NeetoChat2$co.openWidget();
         }
       })
     }
@@ -4173,8 +4142,8 @@ var HoneybadgerErrorBoundary = function HoneybadgerErrorBoundary(_ref) {
     /*#__PURE__*/
     // @ts-ignore
     React__default.createElement(HoneybadgerErrorBoundary$1, {
-      honeybadger: honeybadger,
-      ErrorComponent: ErrorComponent
+      ErrorComponent: ErrorComponent,
+      honeybadger: honeybadger
     }, children)
   );
 };
@@ -7298,13 +7267,13 @@ var INITIAL_VALUES = {
   ipEnd: ""
 };
 var IP_RESTRICTION_FORM_VALIDATION = yup.object().shape({
-  ipStart: yup.string().validIPv4(t("neetoCommons.ipRestriction.validations.invalidIp")).required(),
-  ipEnd: yup.string().validIPv4(t("neetoCommons.ipRestriction.validations.invalidIp")).when("ipStart", function (ipStart, schema) {
+  ipStart: yup.string().validIPv4(t$1("neetoCommons.ipRestriction.validations.invalidIp")).required(),
+  ipEnd: yup.string().validIPv4(t$1("neetoCommons.ipRestriction.validations.invalidIp")).when("ipStart", function (ipStart, schema) {
     return schema.test({
       test: function test(ipEnd) {
         return isValidIPv4String(ipEnd) && isValidIPv4String(ipStart) && isValidIPv4Range(ipStart, ipEnd);
       },
-      message: t("neetoCommons.ipRestriction.validations.ipEndGreaterThanIpStart")
+      message: t$1("neetoCommons.ipRestriction.validations.ipEndGreaterThanIpStart")
     });
   }).required()
 });
@@ -7458,11 +7427,11 @@ var Row = function Row(_ref) {
   return /*#__PURE__*/React__default.createElement("div", {
     className: "flex w-full flex-row justify-between bg-white px-1 py-2"
   }, /*#__PURE__*/React__default.createElement(Typography, {
-    style: "body2",
-    className: "w-4/12 flex-grow px-3 py-2 text-left"
+    className: "w-4/12 flex-grow px-3 py-2 text-left",
+    style: "body2"
   }, data.ipStart), /*#__PURE__*/React__default.createElement(Typography, {
-    style: "body2",
-    className: "w-4/12 flex-grow px-3 py-2 text-left"
+    className: "w-4/12 flex-grow px-3 py-2 text-left",
+    style: "body2"
   }, data.ipEnd), /*#__PURE__*/React__default.createElement("div", {
     className: "w-4/12 flex-grow px-3 py-2 text-center"
   }, /*#__PURE__*/React__default.createElement(Button, {
@@ -7476,9 +7445,9 @@ var Row = function Row(_ref) {
       return setIsDeleteIpRangeAlertOpen(true);
     }
   }), /*#__PURE__*/React__default.createElement(Alert, {
+    cancelButtonLabel: t("neetoCommons.common.deleteAlert.no"),
     isOpen: isDeleteIpRangeAlertOpen,
     submitButtonLabel: t("neetoCommons.common.deleteAlert.yes"),
-    cancelButtonLabel: t("neetoCommons.common.deleteAlert.no"),
     message: t("neetoCommons.ipRestriction.allowedIpRangeConfirmation", data),
     title: t("neetoCommons.common.deleteAlert.title", {
       entity: t("neetoCommons.ipRestriction.allowedIpRangeTitle")
@@ -57194,7 +57163,7 @@ var languageLoaders = {
     return Promise.resolve().then(function () { return cssExtras; });
   }),
   css: createLanguageAsyncLoader("css", function () {
-    return Promise.resolve().then(function () { return css$3; });
+    return Promise.resolve().then(function () { return css$4; });
   }),
   csv: createLanguageAsyncLoader("csv", function () {
     return Promise.resolve().then(function () { return csv; });
@@ -65606,10 +65575,10 @@ var markup$2 = /*#__PURE__*/_mergeNamespaces({
 	'default': markup_1
 }, [markup_1]);
 
-var css_1 = css$2;
-css$2.displayName = 'css';
-css$2.aliases = [];
-function css$2(Prism) {
+var css_1 = css$3;
+css$3.displayName = 'css';
+css$3.aliases = [];
+function css$3(Prism) {
 (function (Prism) {
     var string =
       /(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;
@@ -65684,7 +65653,7 @@ function css$2(Prism) {
   })(Prism);
 }
 
-var css$3 = /*#__PURE__*/_mergeNamespaces({
+var css$4 = /*#__PURE__*/_mergeNamespaces({
 	__proto__: null,
 	'default': css_1
 }, [css_1]);
@@ -65926,7 +65895,7 @@ var h = hastscript.exports;
 var decode = parseEntities_1;
 var Prism = prismCore.exports;
 var markup = markup_1;
-var css$1 = css_1;
+var css$2 = css_1;
 var clike = clike_1;
 var js = javascript_1;
 
@@ -65954,7 +65923,7 @@ refract.listLanguages = listLanguages;
 
 // Register bundled grammars.
 register(markup);
-register(css$1);
+register(css$2);
 register(clike);
 register(js);
 
@@ -90195,9 +90164,9 @@ var CodeBlock = function CodeBlock(_ref) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-bg-primary-100 flex w-full items-center justify-between gap-2 p-3"
   }, title && /*#__PURE__*/React__default.createElement(Typography, {
-    style: "h4",
     className: "m-0",
-    "data-cy": "code-block-title-text"
+    "data-cy": "code-block-title-text",
+    style: "h4"
   }, title), /*#__PURE__*/React__default.createElement("div", {
     className: "flex items-center justify-end gap-2"
   }, sendViaEmail ? /*#__PURE__*/React__default.createElement(Button, {
@@ -90205,17 +90174,17 @@ var CodeBlock = function CodeBlock(_ref) {
     style: "secondary",
     onClick: sendViaEmail
   }) : null, showCopyButton && /*#__PURE__*/React__default.createElement(Button, {
-    style: "primary",
     icon: isCopied ? Check : Copy,
+    style: "primary",
     label: isCopied ? t("neetoCommons.widget.installation.snippet.copied") : t("neetoCommons.widget.installation.snippet.copy"),
     onClick: function onClick() {
       return copyToClipboard(codeString);
     }
   }))), /*#__PURE__*/React__default.createElement(SyntaxHighlighter, {
-    language: "javascript",
-    style: a11yDark,
+    className: "neeto-ui-bg-gray-800 m-0",
     customStyle: codeStyles,
-    className: "neeto-ui-bg-gray-800 m-0"
+    language: "javascript",
+    style: a11yDark
   }, codeString));
 };
 
@@ -90386,24 +90355,24 @@ var CodeSnippet = function CodeSnippet(_ref) {
   }, t("neetoCommons.widget.email.title"))), /*#__PURE__*/React__default.createElement(Pane.Body, null, /*#__PURE__*/React__default.createElement("div", {
     className: "space-y-4 w-full"
   }, /*#__PURE__*/React__default.createElement(MultiEmailInput, {
+    required: true,
     label: "".concat(t("neetoCommons.widget.email.fields.emails.label"), "*"),
     name: "emails",
-    placeholder: t("neetoCommons.widget.email.fields.emails.placeholder"),
-    required: true
+    placeholder: t("neetoCommons.widget.email.fields.emails.placeholder")
   }), /*#__PURE__*/React__default.createElement(Input$1, {
+    required: true,
     label: t("neetoCommons.widget.email.fields.subject.label"),
     name: "subject",
-    type: "text",
-    required: true
+    type: "text"
   }), /*#__PURE__*/React__default.createElement(Typography, {
     style: "body2"
   }, body), /*#__PURE__*/React__default.createElement(CodeBlock, {
     className: "neeto-ui-bg-primary-100 neeto-ui-rounded-xl overflow-hidden",
     codeString: codeString,
-    showCopyButton: false,
     codeStyles: {
       maxHeight: 300
-    }
+    },
+    showCopyButton: false
   }))), /*#__PURE__*/React__default.createElement(Pane.Footer, {
     className: "gap-x-2"
   }, /*#__PURE__*/React__default.createElement(Button, {
@@ -90442,8 +90411,8 @@ var SelectionTabs = function SelectionTabs(_ref) {
         className: "mb-1",
         key: widget
       }, primarySelectedWidget !== widget ? /*#__PURE__*/React__default.createElement(Switch, {
-        label: "neeto".concat(capitalize(widget)),
         checked: selectedWidgets.includes(widget),
+        label: "neeto".concat(capitalize(widget)),
         onChange: function onChange() {
           return updateSelectedWidgets(widget);
         }
@@ -90457,9 +90426,9 @@ var SelectionTabs = function SelectionTabs(_ref) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "font-semibold text-base"
   }, "neeto", formattedPrimaryWidget), /*#__PURE__*/React__default.createElement("a", {
-    href: primarySelectedWidget ? WIDGET_KB_HELP_URL[primarySelectedWidget] : WIDGET_KB_BASE_URL,
+    rel: "noreferrer",
     target: "_blank",
-    rel: "noreferrer"
+    href: primarySelectedWidget ? WIDGET_KB_HELP_URL[primarySelectedWidget] : WIDGET_KB_BASE_URL
   }, /*#__PURE__*/React__default.createElement(Help, {
     size: 16
   }))), /*#__PURE__*/React__default.createElement("div", {
@@ -90519,11 +90488,6 @@ var EmbedCode = function EmbedCode(_ref) {
             ref: bodyRef
           }, /*#__PURE__*/React__default.createElement(Trans, {
             i18nKey: "neetoCommons.widget.email.body.values.embedCode",
-            values: {
-              selectedWidgets: getSelectedWidgetsCombinedText(selectedWidgets),
-              neetoKbUrl: NEETO_CHAT_CONFIGURE_URL,
-              helpEmail: INSTALLATION_HELP_EMAIL
-            },
             components: {
               p: /*#__PURE__*/React__default.createElement("p", {
                 style: {
@@ -90531,17 +90495,22 @@ var EmbedCode = function EmbedCode(_ref) {
                 }
               }),
               configureLink: /*#__PURE__*/React__default.createElement("a", {
-                href: NEETO_CHAT_CONFIGURE_URL,
-                target: "_blank",
                 className: "neeto-ui-text-primary-800",
-                rel: "noreferrer"
+                href: NEETO_CHAT_CONFIGURE_URL,
+                rel: "noreferrer",
+                target: "_blank"
               }),
               mail: /*#__PURE__*/React__default.createElement("a", {
-                href: "mailto:".concat(INSTALLATION_HELP_EMAIL),
-                target: "_blank",
                 className: "neeto-ui-text-primary-800",
-                rel: "noreferrer"
+                href: "mailto:".concat(INSTALLATION_HELP_EMAIL),
+                rel: "noreferrer",
+                target: "_blank"
               })
+            },
+            values: {
+              selectedWidgets: getSelectedWidgetsCombinedText(selectedWidgets),
+              neetoKbUrl: NEETO_CHAT_CONFIGURE_URL,
+              helpEmail: INSTALLATION_HELP_EMAIL
             }
           }))
         };
@@ -90551,9 +90520,6 @@ var EmbedCode = function EmbedCode(_ref) {
           subject: t("neetoCommons.widget.email.fields.subject.values.userIdentity"),
           body: /*#__PURE__*/React__default.createElement(Trans, {
             i18nKey: "neetoCommons.widget.email.body.values.userIdentity",
-            values: {
-              userIdentityKbUrl: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL
-            },
             components: {
               p: /*#__PURE__*/React__default.createElement("p", {
                 style: {
@@ -90561,11 +90527,14 @@ var EmbedCode = function EmbedCode(_ref) {
                 }
               }),
               configureLink: /*#__PURE__*/React__default.createElement("a", {
-                href: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL,
-                target: "_blank",
                 className: "neeto-ui-text-primary-800",
-                rel: "noreferrer"
+                rel: "noreferrer",
+                target: "_blank",
+                href: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL
               })
+            },
+            values: {
+              userIdentityKbUrl: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL
             }
           })
         };
@@ -90575,9 +90544,6 @@ var EmbedCode = function EmbedCode(_ref) {
           subject: t("neetoCommons.widget.email.fields.subject.values.sessionContext"),
           body: /*#__PURE__*/React__default.createElement(Trans, {
             i18nKey: "neetoCommons.widget.email.body.values.sessionContext",
-            values: {
-              sessionContextKbUrl: NEETO_REPLAY_CONFIGURE_URL
-            },
             components: {
               p: /*#__PURE__*/React__default.createElement("p", {
                 style: {
@@ -90585,11 +90551,14 @@ var EmbedCode = function EmbedCode(_ref) {
                 }
               }),
               configureLink: /*#__PURE__*/React__default.createElement("a", {
-                href: NEETO_REPLAY_CONFIGURE_URL,
-                target: "_blank",
                 className: "neeto-ui-text-primary-800",
-                rel: "noreferrer"
+                href: NEETO_REPLAY_CONFIGURE_URL,
+                rel: "noreferrer",
+                target: "_blank"
               })
+            },
+            values: {
+              sessionContextKbUrl: NEETO_REPLAY_CONFIGURE_URL
             }
           })
         };
@@ -90623,19 +90592,16 @@ var EmbedCode = function EmbedCode(_ref) {
     className: "mx-auto mb-4 w-full",
     "data-testid": "embed-code-block"
   }, /*#__PURE__*/React__default.createElement(CodeBlock, {
-    codeString: getEmbedCodeString(),
     className: "neeto-ui-bg-primary-100 neeto-ui-rounded-xl overflow-hidden",
-    title: /*#__PURE__*/React__default.createElement("div", null, "Embed code"),
+    codeString: getEmbedCodeString(),
     sendViaEmail: function sendViaEmail() {
       return handleSendViaEmail(EMAIL_TYPES.embedCode);
-    }
+    },
+    title: /*#__PURE__*/React__default.createElement("div", null, "Embed code")
   })), /*#__PURE__*/React__default.createElement("div", {
     className: "w-full"
   }, /*#__PURE__*/React__default.createElement(Trans, {
     i18nKey: "neetoCommons.widget.installation.instructions.placement",
-    values: {
-      selectedWidgets: isNotEmpty(selectedWidgets) ? getSelectedWidgetsCombinedText(selectedWidgets, true) : "none of the widgets"
-    },
     components: {
       fontBold: /*#__PURE__*/React__default.createElement("span", {
         className: "font-semibold"
@@ -90643,24 +90609,27 @@ var EmbedCode = function EmbedCode(_ref) {
       fontNormal: /*#__PURE__*/React__default.createElement("span", {
         className: "font-normal"
       })
+    },
+    values: {
+      selectedWidgets: isNotEmpty(selectedWidgets) ? getSelectedWidgetsCombinedText(selectedWidgets, true) : "none of the widgets"
     }
   }, "Place the embed code in your HTML file. This will embed the selected widgets in your website."))), enabledWidgets.chat || enabledWidgets.replay ? /*#__PURE__*/React__default.createElement("div", {
     className: "mx-auto w-full max-w-2xl flex-grow flex-col items-center justify-start mb-6"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "mx-auto mb-4 w-full"
   }, /*#__PURE__*/React__default.createElement(CodeBlock, {
-    codeString: getSampleUserIdentity(enabledWidgets),
     className: "neeto-ui-bg-primary-100 neeto-ui-rounded-xl overflow-hidden",
+    codeString: getSampleUserIdentity(enabledWidgets),
     sendViaEmail: function sendViaEmail() {
       return handleSendViaEmail(EMAIL_TYPES.userIdentity);
     },
     title: /*#__PURE__*/React__default.createElement("div", {
       className: "flex items-center justify-start"
     }, /*#__PURE__*/React__default.createElement("div", null, "User identity (Optional)"), /*#__PURE__*/React__default.createElement("a", {
-      href: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL,
-      target: "_blank",
+      className: "ml-1",
       rel: "noreferrer",
-      className: "ml-1"
+      target: "_blank",
+      href: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL
     }, /*#__PURE__*/React__default.createElement(Help, {
       size: 16
     })))
@@ -90671,18 +90640,18 @@ var EmbedCode = function EmbedCode(_ref) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "mx-auto mb-4 w-full"
   }, /*#__PURE__*/React__default.createElement(CodeBlock, {
-    codeString: SAMPLE_CONTEXT_CODE_STRING,
     className: "neeto-ui-bg-primary-100 neeto-ui-rounded-xl overflow-hidden",
+    codeString: SAMPLE_CONTEXT_CODE_STRING,
     sendViaEmail: function sendViaEmail() {
       return handleSendViaEmail(EMAIL_TYPES.sessionContext);
     },
     title: /*#__PURE__*/React__default.createElement("div", {
       className: "flex items-center justify-start"
     }, /*#__PURE__*/React__default.createElement("div", null, "Session context (Optional)"), /*#__PURE__*/React__default.createElement("a", {
+      className: "ml-1",
       href: NEETO_REPLAY_CONFIGURE_URL,
-      target: "_blank",
       rel: "noreferrer",
-      className: "ml-1"
+      target: "_blank"
     }, /*#__PURE__*/React__default.createElement(Help, {
       size: 16
     })))
@@ -90716,6 +90685,125 @@ var PrivateRoute = function PrivateRoute(_ref) {
   });
 };
 
+var PublishBlock = function PublishBlock(_ref) {
+  var entityId = _ref.entityId,
+    publishMutation = _ref.publishMutation,
+    resetDraftMutation = _ref.resetDraftMutation,
+    renderDraftButtons = _ref.renderDraftButtons,
+    renderPublishButtons = _ref.renderPublishButtons,
+    _ref$resetAlertProps = _ref.resetAlertProps,
+    resetAlertProps = _ref$resetAlertProps === void 0 ? {} : _ref$resetAlertProps;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isResetAlertOpen = _useState2[0],
+    setIsResetAlertOpen = _useState2[1];
+  var _publishMutation = publishMutation(),
+    publishForm = _publishMutation.mutate,
+    isPublishing = _publishMutation.isLoading;
+  var _resetDraftMutation = resetDraftMutation(),
+    resetForm = _resetDraftMutation.mutate,
+    isResetting = _resetDraftMutation.isLoading;
+  var handleReset = function handleReset() {
+    return resetForm(entityId, {
+      onSuccess: function onSuccess() {
+        return setIsResetAlertOpen(false);
+      }
+    });
+  };
+  var ViewDraftButton = function ViewDraftButton(props) {
+    return /*#__PURE__*/React__default.createElement(Button, _extends$3({
+      "data-cy": "view-draft-button",
+      "data-testid": "view-draft-button",
+      icon: ExternalLink,
+      style: "secondary",
+      target: "_blank",
+      tooltipProps: {
+        content: t("neetoCommons.publishBlock.viewDraftVersion"),
+        position: "top"
+      }
+    }, props));
+  };
+  var ResetDraftButton = function ResetDraftButton(props) {
+    return /*#__PURE__*/React__default.createElement(Button, _extends$3({
+      "data-cy": "draft-button",
+      "data-testid": "draft-button",
+      disabled: isResetting,
+      icon: Undo,
+      loading: isResetting,
+      style: "secondary",
+      tooltipProps: {
+        content: t("neetoCommons.publishBlock.deleteDraftVersion"),
+        position: "top"
+      },
+      onClick: function onClick() {
+        return setIsResetAlertOpen(true);
+      }
+    }, props));
+  };
+  var PublishButton = function PublishButton(props) {
+    return /*#__PURE__*/React__default.createElement(Button, _extends$3({
+      "data-cy": "publish-button",
+      "data-testid": "publish-button",
+      label: t("neetoCommons.common.actions.publish"),
+      loading: isPublishing,
+      onClick: function onClick() {
+        return publishForm(entityId);
+      }
+    }, props, {
+      disabled: isPublishing || props.disabled
+    }));
+  };
+  var PublishPreviewButton = function PublishPreviewButton(props) {
+    return /*#__PURE__*/React__default.createElement(Button, _extends$3({
+      className: classnames({
+        "pointer-events-none": props.disabled
+      }),
+      "data-cy": "publish-preview-button",
+      "data-testid": "publish-preview-button",
+      icon: ExternalLink,
+      target: "_blank",
+      tooltipProps: {
+        content: t("neetoCommons.publishBlock.viewPublishedVersion"),
+        position: "top"
+      }
+    }, props));
+  };
+  var draftBlockButtons = renderDraftButtons({
+    ViewDraftButton: ViewDraftButton,
+    ResetDraftButton: ResetDraftButton
+  });
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-commons-publish-block"
+  }, draftBlockButtons && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+    className: "flex items-center gap-2"
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    className: "neeto-ui-text-gray-700",
+    lineHeight: "normal",
+    style: "body2"
+  }, t("neetoCommons.common.actions.draft")), /*#__PURE__*/React__default.createElement("div", {
+    className: "space-x-1"
+  }, draftBlockButtons)), /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-bg-gray-300 h-full w-px"
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-commons-publish-block__action-btn"
+  }, renderPublishButtons({
+    PublishButton: PublishButton,
+    PublishPreviewButton: PublishPreviewButton
+  })), /*#__PURE__*/React__default.createElement(Alert, _extends$3({
+    "data-cy": "reset-alert",
+    "data-testid": "reset-alert",
+    isOpen: isResetAlertOpen,
+    isSubmitting: isResetting,
+    submitButtonLabel: t("neetoCommons.common.actions.reset"),
+    onClose: function onClose() {
+      return setIsResetAlertOpen(false);
+    },
+    onSubmit: handleReset
+  }, resetAlertProps)));
+};
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var REMOVE_SELECT_DOWN_ARROW = {
@@ -91223,14 +91311,14 @@ var Form = function Form(_ref) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "mt-1 flex w-16 items-center justify-start"
   }, /*#__PURE__*/React__default.createElement(Checkbox$1, {
+    "aria-label": "wdays[".concat(index, "].available"),
     checked: values.wdays[index].available,
     "data-cy": joinHyphenCase(day, "weekly-hours-checkbox"),
     id: "day",
     name: "wdays[".concat(index, "].available"),
     onChange: function onChange() {
       return handleCheckbox(setFieldValue, values);
-    },
-    "aria-label": "wdays[".concat(index, "].available")
+    }
   }), /*#__PURE__*/React__default.createElement(Typography, {
     className: "ml-2 capitalize",
     component: "span",
@@ -91238,10 +91326,10 @@ var Form = function Form(_ref) {
     style: "body2",
     weight: "semibold"
   }, t("neetoCommons.schedule.days.".concat(day)))), /*#__PURE__*/React__default.createElement(ScheduleRow, {
+    day: day,
     setFieldValue: setFieldValue,
     values: values,
-    wdayIndex: index,
-    day: day
+    wdayIndex: index
   }), /*#__PURE__*/React__default.createElement(Dropdown, {
     closeOnSelect: true,
     buttonStyle: "secondary",
@@ -91272,9 +91360,9 @@ var Form = function Form(_ref) {
     }, /*#__PURE__*/React__default.createElement(Label, {
       className: "w-full cursor-pointer capitalize"
     }, /*#__PURE__*/React__default.createElement(Checkbox, {
+      checked: wdaysToCopy.includes(day),
       id: day,
       label: t("neetoCommons.schedule.days.".concat(day)),
-      checked: wdaysToCopy.includes(day),
       onChange: function onChange(e) {
         return handleCopyChange(e, day);
       }
@@ -91320,14 +91408,14 @@ var Fields = function Fields(_ref) {
         className: "space-y-4"
       }, values.wdays.map(function (item, index) {
         return /*#__PURE__*/React__default.createElement(Form, {
+          day: DAYS.find(function (day) {
+            return day === item.wday;
+          }),
           handleCopy: handleCopy,
           index: index,
           key: item.wday,
           setFieldValue: setFieldValue,
-          values: values,
-          day: DAYS.find(function (day) {
-            return day === item.wday;
-          })
+          values: values
         });
       }));
     }
@@ -91366,8 +91454,8 @@ var Header = function Header(_ref) {
   }, isEditing ? /*#__PURE__*/React__default.createElement("div", {
     className: "flex items-center space-x-4"
   }, /*#__PURE__*/React__default.createElement(Button, {
-    label: !dirty ? t("neetoCommons.common.actions.cancel") : t("neetoCommons.common.actions.reset"),
     style: "secondary",
+    label: !dirty ? t("neetoCommons.common.actions.cancel") : t("neetoCommons.common.actions.reset"),
     onClick: handleReset
   }), /*#__PURE__*/React__default.createElement(Button, {
     "data-cy": "weekly-hours-save-changes-button",
@@ -91382,11 +91470,11 @@ var Header = function Header(_ref) {
     style: "h3",
     weight: "semibold"
   }, t("neetoCommons.schedule.weeklyHours")), /*#__PURE__*/React__default.createElement(Dropdown, {
+    icon: MenuVertical,
     buttonProps: {
       style: "text",
       "data-testid": "weekly-hours-edit-dropdown-icon"
-    },
-    icon: MenuVertical
+    }
   }, /*#__PURE__*/React__default.createElement(Menu, null, /*#__PURE__*/React__default.createElement(MenuItem.Button, {
     "data-cy": "weekly-hours-edit-link",
     onClick: function onClick() {
@@ -91467,9 +91555,9 @@ var Schedule = /*#__PURE__*/forwardRef(function (_ref, scheduleRef) {
     isEditing: isEditing,
     setIsEditing: setIsEditing
   }), isEditing || !showHeader ? /*#__PURE__*/React__default.createElement(Form$1, null, /*#__PURE__*/React__default.createElement(Fields, {
-    scheduleRef: scheduleRef,
     handleCopy: handleCopy,
-    handleValuesChanged: handleValuesChanged
+    handleValuesChanged: handleValuesChanged,
+    scheduleRef: scheduleRef
   })) : /*#__PURE__*/React__default.createElement(DisplayAvailability, {
     periods: periods
   }))));
@@ -91525,8 +91613,8 @@ var buildProductLogo = function buildProductLogo() {
   }
   return {
     logo: /*#__PURE__*/React__default.createElement(ProductLogo, {
-      width: PRODUCT_LOGO_WIDTH,
-      height: PRODUCT_LOGO_HEIGHT
+      height: PRODUCT_LOGO_HEIGHT,
+      width: PRODUCT_LOGO_WIDTH
     })
   };
 };
@@ -91555,9 +91643,9 @@ var Sidebar = function Sidebar(_ref) {
     window.location.href = "/logout";
   };
   var openChatWidget = function openChatWidget() {
-    var _window, _window$NeetoChat, _window2, _window2$NeetoChat;
-    (_window = window) === null || _window === void 0 ? void 0 : (_window$NeetoChat = _window.NeetoChat) === null || _window$NeetoChat === void 0 ? void 0 : _window$NeetoChat.contextualHelp.openWidget();
-    (_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$NeetoChat = _window2.NeetoChat) === null || _window2$NeetoChat === void 0 ? void 0 : _window2$NeetoChat.contextualHelp.maximizeWidget();
+    var _window$NeetoChat, _window$NeetoChat$con, _window$NeetoChat2, _window$NeetoChat2$co;
+    (_window$NeetoChat = window.NeetoChat) === null || _window$NeetoChat === void 0 ? void 0 : (_window$NeetoChat$con = _window$NeetoChat.contextualHelp) === null || _window$NeetoChat$con === void 0 ? void 0 : _window$NeetoChat$con.maximizeWidget();
+    (_window$NeetoChat2 = window.NeetoChat) === null || _window$NeetoChat2 === void 0 ? void 0 : (_window$NeetoChat2$co = _window$NeetoChat2.contextualHelp) === null || _window$NeetoChat2$co === void 0 ? void 0 : _window$NeetoChat2$co.openWidget();
   };
   var profileInfo = mergeLeft(profileInfoOverrides, {
     name: "".concat(globalProps.user.firstName, " ").concat(globalProps.user.lastName),
@@ -91591,23 +91679,28 @@ var Sidebar = function Sidebar(_ref) {
     isCollapsed: true,
     appName: "neeto".concat(capitalize(appName)),
     navLinks: navLinks,
-    profileInfo: profileInfo,
     organizationInfo: organizationInfo,
+    profileInfo: profileInfo,
+    showAppSwitcher: showAppSwitcher,
     onAppSwitcherToggle: function onAppSwitcherToggle() {
       return setIsAppSwitcherOpen(not$2);
-    },
-    showAppSwitcher: showAppSwitcher
+    }
   }), showAppSwitcher && /*#__PURE__*/React__default.createElement(AppSwitcher, {
+    activeApp: capitalize(appName),
+    environment: process.env.RAILS_ENV,
     isOpen: isAppSwitcherOpen,
+    neetoApps: globalProps.neetoApps,
     onClose: function onClose() {
       return setIsAppSwitcherOpen(false);
-    },
-    neetoApps: globalProps.neetoApps,
-    activeApp: capitalize(appName),
-    environment: process.env.RAILS_ENV
+    }
   }));
 };
 
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
+
+var css$1 = ".neeto-commons-publish-block{align-items:center;display:flex;gap:12px;justify-content:flex-end}.neeto-commons-publish-block__action-btn{align-items:center;display:inline-flex;flex-direction:row;gap:1px;justify-content:center}.neeto-commons-publish-block__action-btn>.neeto-ui-btn:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.neeto-commons-publish-block__action-btn>.neeto-ui-btn:last-child{border-bottom-left-radius:0;border-top-left-radius:0}";
+n(css$1,{});
+
 var NeetoWidget = {
   EmbedCode: EmbedCodeQueryClient,
   WIDGET_TYPES: WIDGET_TYPES
@@ -91866,10 +91959,11 @@ var handleMetaClick = curry(function (history, params, event) {
 
 var withTitle = function withTitle(Component) {
   var title = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
-  return function PageTitle(props) {
+  var PageTitle = function PageTitle(props) {
     var pageTitle = title ? "".concat(title, " | ").concat(globalProps.appName) : globalProps.appName;
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Helmet, null, /*#__PURE__*/React__default.createElement("title", null, pageTitle)), /*#__PURE__*/React__default.createElement(Component, props));
   };
+  return PageTitle;
 };
 
 var setWithoutModifyingActions = function setWithoutModifyingActions(set) {
@@ -91988,7 +92082,7 @@ var LOGIN_FORM_VALIDATION_SCHEMA = yup.object().shape({
   password: yup.string().required("Password is required")
 });
 
-function SignInForm(_ref) {
+var SignInForm = function SignInForm(_ref) {
   var handleFormSubmit = _ref.handleFormSubmit;
   var emailFromSearchParams = function emailFromSearchParams() {
     return new URLSearchParams(window.location.search).get("email") || "";
@@ -92009,30 +92103,30 @@ function SignInForm(_ref) {
     className: "mb-6"
   }, /*#__PURE__*/React__default.createElement(Input$1, {
     required: true,
-    label: "Email",
-    name: "email",
+    "data-cy": "login-email-text-field",
     "data-test-id": "login-email",
-    "data-cy": "login-email-text-field"
+    label: "Email",
+    name: "email"
   })), /*#__PURE__*/React__default.createElement("div", {
     className: "mb-6"
   }, /*#__PURE__*/React__default.createElement(Input$1, {
     required: true,
-    type: "password",
+    "data-cy": "login-password-text-field",
+    "data-test-id": "login-password",
     label: "Password",
     name: "password",
-    "data-test-id": "login-password",
-    "data-cy": "login-password-text-field"
+    type: "password"
   })), /*#__PURE__*/React__default.createElement(Button$1, {
-    style: "secondary",
-    type: "submit",
+    fullWidth: true,
+    "data-cy": "login-submit-button",
     "data-test-id": "login-submit-button",
     label: "Login",
-    fullWidth: true,
-    "data-cy": "login-submit-button"
+    style: "secondary",
+    type: "submit"
   })));
-}
+};
 
-function SignIn(_ref) {
+var SignIn = function SignIn(_ref) {
   var handleSubmit = _ref.handleSubmit;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -92103,19 +92197,19 @@ function SignIn(_ref) {
   }, "Login to your", " ", /*#__PURE__*/React__default.createElement("b", {
     "data-test-id": "organization-name"
   }, globalProps.organization.name), " ", "account"), /*#__PURE__*/React__default.createElement(Button, {
-    style: "primary",
-    size: "large",
-    label: "Login as Oliver",
+    fullWidth: true,
     disabled: isSubmitting,
+    label: "Login as Oliver",
     loading: isSubmitting,
-    onClick: loginAsOliver,
-    fullWidth: true
+    size: "large",
+    style: "primary",
+    onClick: loginAsOliver
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "my-6 text-center text-lg font-semibold"
   }, "OR"), /*#__PURE__*/React__default.createElement(SignInForm, {
     handleFormSubmit: handleFormSubmit
   })));
-}
+};
 
 var _1cExports = require_1c();
 
@@ -95365,4 +95459,4 @@ var zig = /*#__PURE__*/_mergeNamespaces({
 	'default': zigExports
 }, [zigExports]);
 
-export { BrowserSupport, Columns, CustomDomain, DateFormat, ErrorPage, HoneybadgerErrorBoundary, IpRestriction, SignIn as LoginPage, NeetoWidget, PrivateRoute, Schedule, Sidebar, TimeFormat, destroyBrowserSubscription, handleMetaClick, registerBrowserNotifications, useDebounce, useDisplayErrorPage, useFuncDebounce, useIsElementVisibleInDom, useLocalStorage, useOnClickOutside, usePrevious, useUpdateEffect, withImmutableActions, withTitle };
+export { BrowserSupport, Columns, CustomDomain, DateFormat, ErrorPage, HoneybadgerErrorBoundary, IpRestriction, SignIn as LoginPage, NeetoWidget, PrivateRoute, PublishBlock, Schedule, Sidebar, TimeFormat, destroyBrowserSubscription, handleMetaClick, registerBrowserNotifications, useDebounce, useDisplayErrorPage, useFuncDebounce, useIsElementVisibleInDom, useLocalStorage, useOnClickOutside, usePrevious, useUpdateEffect, withImmutableActions, withTitle };