@bigbinary/neeto-commons-frontend 2.0.34 → 2.0.36

package/react-utils.cjs.js

@@ -17,7 +17,7 @@ var relativeTime = require('dayjs/plugin/relativeTime');
 var updateLocale = require('dayjs/plugin/updateLocale');
 var reactQuery = require('react-query');
 var axios$1 = require('axios');
-var react$1 = require('@honeybadger-io/react');
+var react = require('@honeybadger-io/react');
 var reactRouterDom = require('react-router-dom');
 var customParseFormat = require('dayjs/plugin/customParseFormat');
 var timezone = require('dayjs/plugin/timezone');
@@ -1365,9 +1365,9 @@ var ContactUs = function ContactUs() {
         label: i18next.t("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();
         }
       })
     }
@@ -1459,10 +1459,10 @@ var UnsupportedBrowser = function UnsupportedBrowser(_ref) {
   var browserName = _ref.browserName,
     browserVersion = _ref.browserVersion;
   return /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    i18nKey: "neetoCommons.browserSupport.unsupportedBrowser",
     components: {
       contactUs: /*#__PURE__*/React__default["default"].createElement(ContactUs, null)
     },
+    i18nKey: "neetoCommons.browserSupport.unsupportedBrowser",
     values: {
       browserName: browserName,
       browserVersion: getBrowserMajorVersion(browserVersion)
@@ -1476,9 +1476,9 @@ var DownloadLink = function DownloadLink(_ref) {
     i18nKey: "neetoCommons.browserSupport.downloadLink.main",
     components: {
       button: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+        href: link,
         label: i18next.t("neetoCommons.browserSupport.downloadLink.buttonLabel"),
-        style: "link",
-        href: link
+        style: "link"
       })
     }
   });
@@ -1526,8 +1526,8 @@ var BrowserSupport = function BrowserSupport(_ref) {
   }, isUnsupportedBrowserVersion ? /*#__PURE__*/React__default["default"].createElement(UnsupportedBrowserVersion, {
     browserName: browserName,
     browserVersion: browserVersion,
-    requiredMinBrowserVersion: requiredMinBrowserVersion,
-    downloadPageLink: downloadPageLink
+    downloadPageLink: downloadPageLink,
+    requiredMinBrowserVersion: requiredMinBrowserVersion
   }) : /*#__PURE__*/React__default["default"].createElement(UnsupportedBrowser, {
     browserName: browserName,
     browserVersion: browserVersion
@@ -1585,38 +1585,14 @@ var isNotEmpty = /*#__PURE__*/ramda.complement(ramda.isEmpty);
 var isNotPresent = /*#__PURE__*/ramda.either(ramda.isNil, ramda.isEmpty);
 var isPresent = /*#__PURE__*/ramda.complement(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;
@@ -1773,18 +1749,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["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement("div", null, isSearchable && /*#__PURE__*/React__default["default"].createElement(neetoui.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["default"].createElement(neetoIcons.Search, null),
     type: "search",
-    value: searchTerm
+    value: searchTerm,
+    onChange: handleSearch
   }, searchProps)), isNotEmpty(filteredColumns) ? filteredColumns.map(function (_ref4) {
     var dataIndex = _ref4.dataIndex,
       key = _ref4.key,
@@ -1795,11 +1771,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["default"].createElement(neetoui.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["default"].createElement("span", {
@@ -2355,25 +2331,17 @@ const createImpl = (createState) => {
   return useBoundStore;
 };
 const create$9 = (createState) => createState ? createImpl(createState) : createImpl;
-var react = (createState) => {
-  if ((undefined && undefined.MODE) !== "production") {
-    console.warn(
-      "[DEPRECATED] default export is deprecated, instead import { create } from'zustand'"
-    );
-  }
-  return create$9(createState);
-};
 
 var useDisplayErrorPage = function useDisplayErrorPage() {
   return useErrorDisplayStore(ramda.prop("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 = React.useState(value),
     _useState2 = _slicedToArray(_useState, 2),
@@ -2388,7 +2356,7 @@ function useDebounce(value) {
     };
   }, [value]);
   return debouncedValue;
-}
+};
 
 var useFuncDebounce = function useFuncDebounce(func) {
   var delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 350;
@@ -2409,6 +2377,7 @@ var useFuncDebounce = function useFuncDebounce(func) {
 };
 
 var useForceUpdate = function useForceUpdate() {
+  // eslint-disable-next-line react/hook-use-state
   var _useState = React.useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     setValue = _useState2[1];
@@ -2424,14 +2393,14 @@ var useIsElementVisibleInDom = function useIsElementVisibleInDom(target) {
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isIntersecting = _useState2[0],
-    setIntersecting = _useState2[1];
+    setIsIntersecting = _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);
+      return setIsIntersecting(entry.isIntersecting);
     }, options);
     observer.observe(target);
     return function () {
@@ -3542,25 +3511,25 @@ var TagBlock = function TagBlock(_ref) {
       "flex-col items-start": stacked
     })
   }, status === "failed" ? /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
+    indicatorStyle: "danger",
     label: t("neetoCommons.customDomain.status.".concat(camelCasedStatus)),
-    style: "secondary",
-    indicatorStyle: "danger"
+    style: "secondary"
   }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.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["default"].createElement("div", {
     className: classnames("flex items-center justify-between gap-2", {
       "w-full": stacked
     })
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.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["default"].createElement(neetoui.Button, {
-    label: t("neetoCommons.customDomain.validation.buttonLabel.cnameCheck"),
     className: "text-xs",
     style: "link",
+    label: t("neetoCommons.customDomain.validation.buttonLabel.cnameCheck"),
     onClick: handleValidateCname
   }))));
 };
@@ -3594,10 +3563,10 @@ var renderColumnData = function renderColumnData(enableManagePane, enableDeleteA
         }
       }, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
         autoWidth: true,
-        icon: neetoIcons.MenuHorizontal,
         buttonProps: {
           style: "text"
         },
+        icon: neetoIcons.MenuHorizontal,
         position: "bottom-end",
         strategy: "fixed"
       }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
@@ -3652,8 +3621,8 @@ var Record = function Record(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "grid gap-4 mt-6"
   }, customDomain.status !== "active" && /*#__PURE__*/React__default["default"].createElement(neetoui.Callout, {
-    style: "info",
-    icon: neetoIcons.Info
+    icon: neetoIcons.Info,
+    style: "info"
   }, recordDescription), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
     disabled: true,
     "data-cy": joinHyphenCase(recordNameLabel),
@@ -3667,8 +3636,8 @@ var Record = function Record(_ref) {
       }
     })
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
-    "data-cy": joinHyphenCase(recordValueLabel),
     disabled: true,
+    "data-cy": joinHyphenCase(recordValueLabel),
     label: recordValueLabel,
     value: recordValue,
     suffix: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
@@ -3723,12 +3692,12 @@ var CustomDomainInfo = function CustomDomainInfo(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
     i18nKey: "neetoCommons.customDomain.messageBlock.dnsStatus"
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    style: "link",
     href: "mailto:support@neeto.com",
-    label: "support@neeto.com"
+    label: "support@neeto.com",
+    style: "link"
   })), /*#__PURE__*/React__default["default"].createElement(neetoui.Callout, {
-    style: "info",
-    icon: neetoIcons.Info
+    icon: neetoIcons.Info,
+    style: "info"
   }, t("neetoCommons.customDomain.messageBlock.cnameAddedTime", {
     time: timeFormat.fromNow(time)
   })));
@@ -3884,16 +3853,16 @@ var Manage = function Manage(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(formik.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["default"].createElement(formik.Form, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.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
@@ -3905,10 +3874,10 @@ var Manage = function Manage(_ref) {
     }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "space-y-6 w-full"
     }, !!customDomain && /*#__PURE__*/React__default["default"].createElement(TagBlock, {
-      status: customDomain.status,
-      isCnameRecordsAdded: customDomain.addedCnameAt,
+      stacked: true,
       handleValidateCname: handleValidateCname,
-      stacked: true
+      isCnameRecordsAdded: customDomain.addedCnameAt,
+      status: customDomain.status
     }), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "space-y-2"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
@@ -3918,31 +3887,31 @@ var Manage = function Manage(_ref) {
     }) : t("neetoCommons.customDomain.label")), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex items-start gap-2"
     }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
-      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["default"].createElement(neetoui.Button, {
+      "data-cy": "submit-custom-domain-button",
       disabled: !dirty || isCreating,
+      icon: neetoIcons.Check,
       loading: isCreating,
       style: "primary",
-      type: "submit",
-      icon: neetoIcons.Check,
-      "data-cy": "submit-custom-domain-button"
+      type: "submit"
     }))), !!customDomain && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Record, {
       customDomain: customDomain
     }), customDomain.status === "pending_txt_validation" && /*#__PURE__*/React__default["default"].createElement(neetoui.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["default"].createElement(neetoui.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["default"].createElement(CustomDomainInfo, {
       time: customDomain.addedCnameAt
     })))));
@@ -3992,8 +3961,16 @@ var CustomDomain = function CustomDomain(_ref) {
     setIsAlertOpen(true);
   };
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(layouts.Container, null, /*#__PURE__*/React__default["default"].createElement(layouts.Header, _extends$3({
-    title: t("neetoCommons.customDomain.customDomain", {
-      count: ENTITY_COUNT.plural
+    actionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.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,
@@ -4007,16 +3984,8 @@ var CustomDomain = function CustomDomain(_ref) {
       }),
       "data-cy": "custom-domain-search-field"
     },
-    actionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.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["default"].createElement("div", {
     className: "w-full h-screen"
@@ -4024,24 +3993,19 @@ var CustomDomain = function CustomDomain(_ref) {
     className: "w-full flex-grow"
   }, /*#__PURE__*/React__default["default"].createElement(layouts.SubHeader, {
     leftActionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.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["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.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["default"].createElement("div", {
     className: "flex h-full w-full flex-grow items-center justify-center"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.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", {
@@ -4051,36 +4015,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["default"].createElement(Manage, {
     customDomain: customDomain,
     isOpen: isPaneOpen,
+    setCustomDomain: setCustomDomain,
     onClose: function onClose() {
       return setIsPaneOpen(false);
-    },
-    setCustomDomain: setCustomDomain
+    }
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.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["default"].createElement(reactI18next.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);
+    }
   }));
 };
 
@@ -4096,8 +4065,8 @@ var DateFormat = ramda.fromPairs(ramda.keys(timeFormat).map(function (key) {
       style: "body2"
     }, typographyProps), timeFormat[key](date));
     return key === "extended" ? dateDisplay : /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, _extends$3({
-      position: "top",
-      content: timeFormat.extended(date)
+      content: timeFormat.extended(date),
+      position: "top"
     }, tooltipProps), dateDisplay);
   }];
 }));
@@ -4154,32 +4123,32 @@ var FallbackComponent = function FallbackComponent() {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "m-auto mb-8 flex items-center justify-center"
   }, /*#__PURE__*/React__default["default"].createElement(SvgFallbackComponent, null)), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "mb-4",
     component: "h2",
     style: "h2",
-    weight: "semibold",
-    className: "mb-4"
+    weight: "semibold"
   }, t("neetoCommons.fallbackComponent.somethingWentWrong")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "mb-8 text-gray-600",
     component: "p",
     style: "body1",
-    weight: "normal",
-    className: "mb-8 text-gray-600"
+    weight: "normal"
   }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
     i18nKey: "neetoCommons.fallbackComponent.description",
     components: {
       reloading: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-        label: t("neetoCommons.fallbackComponent.reloadingButtonLabel"),
         style: "link",
+        label: t("neetoCommons.fallbackComponent.reloadingButtonLabel"),
         onClick: function onClick() {
           return window.location.reload();
         }
       }),
       contactus: /*#__PURE__*/React__default["default"].createElement(neetoui.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();
         }
       })
     }
@@ -4192,11 +4161,11 @@ var HoneybadgerErrorBoundary = function HoneybadgerErrorBoundary(_ref) {
     ErrorComponent = _ref$ErrorComponent === void 0 ? FallbackComponent : _ref$ErrorComponent,
     _ref$filterErrors = _ref.filterErrors,
     filterErrors = _ref$filterErrors === void 0 ? undefined : _ref$filterErrors;
-  react$1.Honeybadger.beforeNotify(function (notice) {
+  react.Honeybadger.beforeNotify(function (notice) {
     if (ignorableErrorsRegex.test(notice.message)) return false;
     return filterErrors === null || filterErrors === void 0 ? void 0 : filterErrors(notice);
   });
-  var honeybadger = react$1.Honeybadger.configure({
+  var honeybadger = react.Honeybadger.configure({
     apiKey: globalProps.honeybadgerApiKey,
     environment: globalProps.nodeEnv,
     revision: process.env.HEROKU_SLUG_COMMIT,
@@ -4209,9 +4178,9 @@ var HoneybadgerErrorBoundary = function HoneybadgerErrorBoundary(_ref) {
   return (
     /*#__PURE__*/
     // @ts-ignore
-    React__default["default"].createElement(react$1.HoneybadgerErrorBoundary, {
-      honeybadger: honeybadger,
-      ErrorComponent: ErrorComponent
+    React__default["default"].createElement(react.HoneybadgerErrorBoundary, {
+      ErrorComponent: ErrorComponent,
+      honeybadger: honeybadger
     }, children)
   );
 };
@@ -7495,11 +7464,11 @@ var Row = function Row(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex w-full flex-row justify-between bg-white px-1 py-2"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.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["default"].createElement(neetoui.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["default"].createElement("div", {
     className: "w-4/12 flex-grow px-3 py-2 text-center"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
@@ -7513,9 +7482,9 @@ var Row = function Row(_ref) {
       return setIsDeleteIpRangeAlertOpen(true);
     }
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.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")
@@ -57231,7 +57200,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; });
@@ -65643,10 +65612,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])*')/;
@@ -65721,7 +65690,7 @@ function css$2(Prism) {
   })(Prism);
 }
 
-var css$3 = /*#__PURE__*/_mergeNamespaces({
+var css$4 = /*#__PURE__*/_mergeNamespaces({
 	__proto__: null,
 	'default': css_1
 }, [css_1]);
@@ -65963,7 +65932,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;
 
@@ -65991,7 +65960,7 @@ refract.listLanguages = listLanguages;
 
 // Register bundled grammars.
 register(markup);
-register(css$1);
+register(css$2);
 register(clike);
 register(js);
 
@@ -90232,9 +90201,9 @@ var CodeBlock = function CodeBlock(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-bg-primary-100 flex w-full items-center justify-between gap-2 p-3"
   }, title && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "h4",
     className: "m-0",
-    "data-cy": "code-block-title-text"
+    "data-cy": "code-block-title-text",
+    style: "h4"
   }, title), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex items-center justify-end gap-2"
   }, sendViaEmail ? /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
@@ -90242,17 +90211,17 @@ var CodeBlock = function CodeBlock(_ref) {
     style: "secondary",
     onClick: sendViaEmail
   }) : null, showCopyButton && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    style: "primary",
     icon: isCopied ? neetoIcons.Check : neetoIcons.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["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));
 };
 
@@ -90423,24 +90392,24 @@ var CodeSnippet = function CodeSnippet(_ref) {
   }, t("neetoCommons.widget.email.title"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "space-y-4 w-full"
   }, /*#__PURE__*/React__default["default"].createElement(formik$1.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["default"].createElement(formik$1.Input, {
+    required: true,
     label: t("neetoCommons.widget.email.fields.subject.label"),
     name: "subject",
-    type: "text",
-    required: true
+    type: "text"
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "body2"
   }, body), /*#__PURE__*/React__default["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["default"].createElement(neetoui.Pane.Footer, {
     className: "gap-x-2"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
@@ -90479,8 +90448,8 @@ var SelectionTabs = function SelectionTabs(_ref) {
         className: "mb-1",
         key: widget
       }, primarySelectedWidget !== widget ? /*#__PURE__*/React__default["default"].createElement(neetoui.Switch, {
-        label: "neeto".concat(capitalize(widget)),
         checked: selectedWidgets.includes(widget),
+        label: "neeto".concat(capitalize(widget)),
         onChange: function onChange() {
           return updateSelectedWidgets(widget);
         }
@@ -90494,9 +90463,9 @@ var SelectionTabs = function SelectionTabs(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "font-semibold text-base"
   }, "neeto", formattedPrimaryWidget), /*#__PURE__*/React__default["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["default"].createElement(neetoIcons.Help, {
     size: 16
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -90556,11 +90525,6 @@ var EmbedCode = function EmbedCode(_ref) {
             ref: bodyRef
           }, /*#__PURE__*/React__default["default"].createElement(reactI18next.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["default"].createElement("p", {
                 style: {
@@ -90568,17 +90532,22 @@ var EmbedCode = function EmbedCode(_ref) {
                 }
               }),
               configureLink: /*#__PURE__*/React__default["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["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
             }
           }))
         };
@@ -90588,9 +90557,6 @@ var EmbedCode = function EmbedCode(_ref) {
           subject: t("neetoCommons.widget.email.fields.subject.values.userIdentity"),
           body: /*#__PURE__*/React__default["default"].createElement(reactI18next.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["default"].createElement("p", {
                 style: {
@@ -90598,11 +90564,14 @@ var EmbedCode = function EmbedCode(_ref) {
                 }
               }),
               configureLink: /*#__PURE__*/React__default["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
             }
           })
         };
@@ -90612,9 +90581,6 @@ var EmbedCode = function EmbedCode(_ref) {
           subject: t("neetoCommons.widget.email.fields.subject.values.sessionContext"),
           body: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
             i18nKey: "neetoCommons.widget.email.body.values.sessionContext",
-            values: {
-              sessionContextKbUrl: NEETO_REPLAY_CONFIGURE_URL
-            },
             components: {
               p: /*#__PURE__*/React__default["default"].createElement("p", {
                 style: {
@@ -90622,11 +90588,14 @@ var EmbedCode = function EmbedCode(_ref) {
                 }
               }),
               configureLink: /*#__PURE__*/React__default["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
             }
           })
         };
@@ -90660,19 +90629,16 @@ var EmbedCode = function EmbedCode(_ref) {
     className: "mx-auto mb-4 w-full",
     "data-testid": "embed-code-block"
   }, /*#__PURE__*/React__default["default"].createElement(CodeBlock, {
-    codeString: getEmbedCodeString(),
     className: "neeto-ui-bg-primary-100 neeto-ui-rounded-xl overflow-hidden",
-    title: /*#__PURE__*/React__default["default"].createElement("div", null, "Embed code"),
+    codeString: getEmbedCodeString(),
     sendViaEmail: function sendViaEmail() {
       return handleSendViaEmail(EMAIL_TYPES.embedCode);
-    }
+    },
+    title: /*#__PURE__*/React__default["default"].createElement("div", null, "Embed code")
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
   }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
     i18nKey: "neetoCommons.widget.installation.instructions.placement",
-    values: {
-      selectedWidgets: isNotEmpty(selectedWidgets) ? getSelectedWidgetsCombinedText(selectedWidgets, true) : "none of the widgets"
-    },
     components: {
       fontBold: /*#__PURE__*/React__default["default"].createElement("span", {
         className: "font-semibold"
@@ -90680,24 +90646,27 @@ var EmbedCode = function EmbedCode(_ref) {
       fontNormal: /*#__PURE__*/React__default["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["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",
+    codeString: getSampleUserIdentity(enabledWidgets),
     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",
+      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["default"].createElement(neetoIcons.Help, {
       size: 16
     })))
@@ -90708,18 +90677,18 @@ var EmbedCode = function EmbedCode(_ref) {
   }, /*#__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",
+    codeString: SAMPLE_CONTEXT_CODE_STRING,
     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", {
+      className: "ml-1",
       href: NEETO_REPLAY_CONFIGURE_URL,
-      target: "_blank",
       rel: "noreferrer",
-      className: "ml-1"
+      target: "_blank"
     }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Help, {
       size: 16
     })))
@@ -90753,6 +90722,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 = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = React.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["default"].createElement(neetoui.Button, _extends$3({
+      "data-cy": "view-draft-button",
+      "data-testid": "view-draft-button",
+      icon: neetoIcons.ExternalLink,
+      style: "secondary",
+      target: "_blank",
+      tooltipProps: {
+        content: t("neetoCommons.publishBlock.viewDraftVersion"),
+        position: "top"
+      }
+    }, props));
+  };
+  var ResetDraftButton = function ResetDraftButton(props) {
+    return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$3({
+      "data-cy": "draft-button",
+      "data-testid": "draft-button",
+      disabled: isResetting,
+      icon: neetoIcons.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["default"].createElement(neetoui.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["default"].createElement(neetoui.Button, _extends$3({
+      className: classnames({
+        "pointer-events-none": props.disabled
+      }),
+      "data-cy": "publish-preview-button",
+      "data-testid": "publish-preview-button",
+      icon: neetoIcons.ExternalLink,
+      target: "_blank",
+      tooltipProps: {
+        content: t("neetoCommons.publishBlock.viewPublishedVersion"),
+        position: "top"
+      }
+    }, props));
+  };
+  var draftBlockButtons = renderDraftButtons({
+    ViewDraftButton: ViewDraftButton,
+    ResetDraftButton: ResetDraftButton
+  });
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-commons-publish-block"
+  }, draftBlockButtons && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex items-center gap-2"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "neeto-ui-text-gray-700",
+    lineHeight: "normal",
+    style: "body2"
+  }, t("neetoCommons.common.actions.draft")), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "space-x-1"
+  }, draftBlockButtons)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-ui-bg-gray-300 h-full w-px"
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "neeto-commons-publish-block__action-btn"
+  }, renderPublishButtons({
+    PublishButton: PublishButton,
+    PublishPreviewButton: PublishPreviewButton
+  })), /*#__PURE__*/React__default["default"].createElement(neetoui.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 = {
@@ -91260,14 +91348,14 @@ var Form = function Form(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "mt-1 flex w-16 items-center justify-start"
   }, /*#__PURE__*/React__default["default"].createElement(formik$1.Checkbox, {
+    "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["default"].createElement(neetoui.Typography, {
     className: "ml-2 capitalize",
     component: "span",
@@ -91275,10 +91363,10 @@ var Form = function Form(_ref) {
     style: "body2",
     weight: "semibold"
   }, t("neetoCommons.schedule.days.".concat(day)))), /*#__PURE__*/React__default["default"].createElement(ScheduleRow, {
+    day: day,
     setFieldValue: setFieldValue,
     values: values,
-    wdayIndex: index,
-    day: day
+    wdayIndex: index
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
     closeOnSelect: true,
     buttonStyle: "secondary",
@@ -91309,9 +91397,9 @@ var Form = function Form(_ref) {
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
       className: "w-full cursor-pointer capitalize"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.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);
       }
@@ -91357,14 +91445,14 @@ var Fields = function Fields(_ref) {
         className: "space-y-4"
       }, values.wdays.map(function (item, index) {
         return /*#__PURE__*/React__default["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
         });
       }));
     }
@@ -91403,8 +91491,8 @@ var Header = function Header(_ref) {
   }, isEditing ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex items-center space-x-4"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.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["default"].createElement(neetoui.Button, {
     "data-cy": "weekly-hours-save-changes-button",
@@ -91419,11 +91507,11 @@ var Header = function Header(_ref) {
     style: "h3",
     weight: "semibold"
   }, t("neetoCommons.schedule.weeklyHours")), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
+    icon: neetoIcons.MenuVertical,
     buttonProps: {
       style: "text",
       "data-testid": "weekly-hours-edit-dropdown-icon"
-    },
-    icon: neetoIcons.MenuVertical
+    }
   }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
     "data-cy": "weekly-hours-edit-link",
     onClick: function onClick() {
@@ -91504,9 +91592,9 @@ var Schedule = /*#__PURE__*/React.forwardRef(function (_ref, scheduleRef) {
     isEditing: isEditing,
     setIsEditing: setIsEditing
   }), isEditing || !showHeader ? /*#__PURE__*/React__default["default"].createElement(formik.Form, null, /*#__PURE__*/React__default["default"].createElement(Fields, {
-    scheduleRef: scheduleRef,
     handleCopy: handleCopy,
-    handleValuesChanged: handleValuesChanged
+    handleValuesChanged: handleValuesChanged,
+    scheduleRef: scheduleRef
   })) : /*#__PURE__*/React__default["default"].createElement(DisplayAvailability, {
     periods: periods
   }))));
@@ -91562,8 +91650,8 @@ var buildProductLogo = function buildProductLogo() {
   }
   return {
     logo: /*#__PURE__*/React__default["default"].createElement(ProductLogo, {
-      width: PRODUCT_LOGO_WIDTH,
-      height: PRODUCT_LOGO_HEIGHT
+      height: PRODUCT_LOGO_HEIGHT,
+      width: PRODUCT_LOGO_WIDTH
     })
   };
 };
@@ -91592,9 +91680,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 = ramda.mergeLeft(profileInfoOverrides, {
     name: "".concat(globalProps.user.firstName, " ").concat(globalProps.user.lastName),
@@ -91628,23 +91716,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(ramda.not);
-    },
-    showAppSwitcher: showAppSwitcher
+    }
   }), showAppSwitcher && /*#__PURE__*/React__default["default"].createElement(layouts.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
@@ -91903,10 +91996,11 @@ var handleMetaClick = ramda.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["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactHelmet.Helmet, null, /*#__PURE__*/React__default["default"].createElement("title", null, pageTitle)), /*#__PURE__*/React__default["default"].createElement(Component, props));
   };
+  return PageTitle;
 };
 
 var setWithoutModifyingActions = function setWithoutModifyingActions(set) {
@@ -92025,7 +92119,7 @@ var LOGIN_FORM_VALIDATION_SCHEMA = yup__namespace.object().shape({
   password: yup__namespace.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") || "";
@@ -92046,30 +92140,30 @@ function SignInForm(_ref) {
     className: "mb-6"
   }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
     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["default"].createElement("div", {
     className: "mb-6"
   }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
     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["default"].createElement(formik$1.Button, {
-    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 = React.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -92140,19 +92234,19 @@ function SignIn(_ref) {
   }, "Login to your", " ", /*#__PURE__*/React__default["default"].createElement("b", {
     "data-test-id": "organization-name"
   }, globalProps.organization.name), " ", "account"), /*#__PURE__*/React__default["default"].createElement(neetoui.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["default"].createElement("div", {
     className: "my-6 text-center text-lg font-semibold"
   }, "OR"), /*#__PURE__*/React__default["default"].createElement(SignInForm, {
     handleFormSubmit: handleFormSubmit
   })));
-}
+};
 
 var _1cExports = require_1c();
 
@@ -95412,6 +95506,7 @@ exports.IpRestriction = IpRestriction;
 exports.LoginPage = SignIn;
 exports.NeetoWidget = NeetoWidget;
 exports.PrivateRoute = PrivateRoute;
+exports.PublishBlock = PublishBlock;
 exports.Schedule = Schedule;
 exports.Sidebar = Sidebar;
 exports.TimeFormat = TimeFormat;