@brightspot/ui 6.4.3-pr.366.2026.10.5-2 → 6.6.0

package/src/legacy/tool-ui/src/rtc/Socket.ts

@@ -7,10 +7,14 @@ export default class Socket {
   private _requests: {
     message: { type: string; [key: string]: unknown }
     callback?: (data?: unknown) => void
-    wait?: boolean
   }[]
   private _sending = false
   private _sessionId?: string
+
+  // Kept when _sessionId is cleared, for sendFinal. Navigating away aborts the event stream, and the error
+  // that follows resets the connection, so by the time the page reports that it is going the live session is
+  // already gone and the tab would have no way left to say it had left.
+  private _closingSessionId?: string
   private _onConnect: () => void = () => {}
   private _onReceive: (data: JSONObject) => void | (() => void) = () => {}
   private _ensureConnectionInterval?: number
@@ -29,10 +33,9 @@ export default class Socket {
   send(
     message: { type: string; [key: string]: unknown },
     callback?: (data?: unknown) => void,
-    wait?: boolean,
   ) {
     if (message) {
-      this._requests.push({ message, callback, wait })
+      this._requests.push({ message, callback })
 
       if (!this._sending) {
         this._sending = true
@@ -60,7 +63,7 @@ export default class Socket {
       return
     }
 
-    const { message, callback, wait } = request
+    const { message, callback } = request
 
     // Query string only used for logging.
     const body = new URLSearchParams()
@@ -94,11 +97,24 @@ export default class Socket {
       .finally(() => {
         this._processRequests()
       })
+  }
 
-    if (wait) {
-      const start = +Date.now()
-      while (Date.now() - start < 500) {}
+  // Sends a message while the page is going away. A normal request is cancelled as the page unloads, so the
+  // server never hears that this tab left and keeps whatever it had locked. A beacon is handed to the browser
+  // to deliver on its own, after the page is gone.
+  sendFinal(message: { type: string; [key: string]: unknown }) {
+    const sessionId = this._sessionId || this._closingSessionId
+
+    if (!message || !sessionId || !navigator.sendBeacon) {
+      return false
     }
+
+    const body = new URLSearchParams()
+
+    body.append('sessionId', sessionId)
+    body.append('message', JSON.stringify(message))
+
+    return navigator.sendBeacon(this._url, body)
   }
 
   // Connects to the server for receiving messages.
@@ -139,6 +155,7 @@ export default class Socket {
       if (data._first) {
         if (typeof data.sessionId === 'string') {
           this._sessionId = data.sessionId
+          this._closingSessionId = data.sessionId
         }
 
         if (this._receiver) {

package/src/legacy/tool-ui/src/rtc/index.ts

@@ -37,7 +37,7 @@ if (window.DISABLE_RTC || !document.documentElement.dataset.userId) {
   const BROADCAST = 'broadcast'
   const CALLBACK = 'callback'
   const CONNECT = 'connect'
-  const DISCONNECT = 'connect'
+  const DISCONNECT = 'disconnect'
   const EXECUTE = 'execute'
   const RESTORE = 'restore'
 
@@ -220,7 +220,20 @@ if (window.DISABLE_RTC || !document.documentElement.dataset.userId) {
     ) {
       rtc.restore(state, data, callback)
 
-      window.addEventListener('unload', () => {
+      // pagehide, not unload: a request started from unload is cancelled as the page goes away, so the tab
+      // was rarely able to say it had left and kept hold of its locks.
+      let sent = false
+
+      window.addEventListener('pagehide', (event) => {
+        // A page entering the back/forward cache is not leaving, and may well come back. Disconnecting here
+        // would drop the locks of someone who then navigates straight back, and would use up the one
+        // disconnect this tab gets to send when it really does go.
+        if (event.persisted || sent) {
+          return
+        }
+
+        sent = true
+
         const message = {
           type: 'disconnect',
           className: state,
@@ -228,7 +241,7 @@ if (window.DISABLE_RTC || !document.documentElement.dataset.userId) {
         }
 
         if (socket) {
-          socket.send(message, callback, true)
+          socket.sendFinal(message)
         } else {
           // Send the action to the leader at [LS].
           channel.postMessage({ type: DISCONNECT, message })

package/src/legacy/tool-ui/src/v5.ts

@@ -31,6 +31,8 @@ import {
   FOCUS_REGION_SELECTOR,
 } from './FocusRegions'
 import './SkipLinks'
+// Library components that Java renders through com.brightspot.ui.dari.
+import '@brightspot/ui/components/badge/Badge.js'
 
 /*
 ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
@@ -1192,10 +1194,13 @@ const renderCETitle = (title: HTMLElement) => {
       }
     }
 
-    // If status name is empty, default to either "New" or "Published"
+    // If status name is empty, default to either "New", "Published" or "Saved"
     if (!newStatus.innerText || newStatus.innerText == '') {
       if (editPage.classList.contains('is-notNew')) {
-        newStatus.innerText = window.BRIGHTSPOT?.ui.workflow.published
+        // Save-only types (no `is-publish`) are never published.
+        newStatus.innerText = editPage.classList.contains('is-publish')
+          ? window.BRIGHTSPOT?.ui.workflow.published
+          : window.BRIGHTSPOT?.ui.workflow.saved ?? 'Saved'
       }
       if (editPage.classList.contains('is-new')) {
         newStatus.innerText = window.BRIGHTSPOT?.ui.tooltips.new

package/dist/storybook/assets/if-defined-C9mNa1xD.js

@@ -1 +0,0 @@
-import{E as r}from"./iframe-ChxxW2FZ.js";const m=o=>o??r;export{m as o};

package/src/legacy/tool-ui/src/main/webapp/dist/4374.37147747a254da8f5f8a.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkbrightspot_cms=self.webpackChunkbrightspot_cms||[]).push([[4374],{4658(e){e.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg=="},41399(e,r,t){t.d(r,{A:()=>f});var a=t(64664),i=t.n(a),o=t(25243),n=t.n(o),s=t(20368),p=t.n(s),l=new URL(t(4658),t.b),c=n()(i()),d=p()(l);c.push([e.id,`.sp-hidden,.sp-initial{display:none}.sp-replacer{max-width:100%;position:relative;user-select:none;width:200px}[dir] .sp-replacer{cursor:pointer}[dir=ltr] .sp-replacer{padding:var(--gap-s) calc(var(--gap-s) + var(--Icon-size)) var(--gap-s) 0}[dir=rtl] .sp-replacer{padding:var(--gap-s) 0 var(--gap-s) calc(var(--gap-s) + var(--Icon-size))}.sp-replacer:before{bottom:0;content:"";height:1px;position:absolute}[dir] .sp-replacer:before{background:var(--Input-borderColor)}[dir=ltr] .sp-replacer:before,[dir=rtl] .sp-replacer:before{left:0;right:0}[dir] .sp-replacer.sp-active{background:var(--Input-focusBackground)}.sp-replacer.sp-active:before{height:2px}[dir] .sp-replacer.sp-active:before,[dir] .sp-replacer:focus:before,[dir] .sp-replacer:hover:before{background:var(--Input-focusColor)}.sp-replacer:focus .sp-dd,.sp-replacer:hover .sp-dd{color:var(--Input-focusColor)}.SearchWidget-filter .sp-replacer{width:100%}.sp-preview{overflow:hidden;text-overflow:ellipsis;user-select:none;white-space:nowrap;width:100%}.sp-preview:before{content:""}.sp-preview[data-placeholder]:after{content:attr(data-placeholder);font-style:italic}[dir=ltr] .sp-preview[data-placeholder]:after{padding-left:30px}[dir=rtl] .sp-preview[data-placeholder]:after{padding-right:30px}.sp-preview[data-color]:after{content:attr(data-color);font-style:normal}[dir=ltr] .sp-preview[data-color]:after{padding-left:30px}[dir=rtl] .sp-preview[data-color]:after{padding-right:30px}.sp-preview[data-placeholder]:not([data-color]):after{color:var(--color-gray5)}.sp-preview-inner,.sp-preview:before{height:var(--Text-height);position:absolute;top:var(--gap-s);width:var(--Text-height)}[dir] .sp-preview-inner,[dir] .sp-preview:before{border-radius:50%}[dir=ltr] .sp-preview-inner,[dir=ltr] .sp-preview:before{left:0}[dir=rtl] .sp-preview-inner,[dir=rtl] .sp-preview:before{right:0}.sp-preview:not([data-placeholder^="#"]) .sp-preview-inner.sp-clear-display:before{--Icon-fill:"FILL" 1;display:inline-block;font-family:Material Symbols Outlined;font-feature-settings:"liga";font-size:var(--Icon-size);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variation-settings:var(--Icon-fill);font-weight:400;letter-spacing:normal;line-height:1;position:relative;text-rendering:optimizeLegibility;text-transform:none;top:calc((var(--Text-height) - var(--Icon-size)) / 2);vertical-align:top;white-space:nowrap;word-wrap:normal;content:"block";font-size:var(--Text-height);top:0}[dir] .sp-preview:not([data-placeholder^="#"]) .sp-preview-inner.sp-clear-display:before{transform:var(--Icon-transform)}[dir=ltr] .sp-preview:not([data-placeholder^="#"]) .sp-preview-inner.sp-clear-display:before{direction:ltr}[dir=rtl] .sp-preview:not([data-placeholder^="#"]) .sp-preview-inner.sp-clear-display:before{direction:rtl}.sp-dd{bottom:calc(var(--gap-s) + (var(--Text-height) - var(--Icon-size)) / 2);height:var(--Icon-size);overflow:hidden;position:absolute;width:var(--Icon-size)}[dir=ltr] .sp-dd{right:var(--gap-s)}[dir=rtl] .sp-dd{left:var(--gap-s)}.sp-dd:before{--Icon-fill:"FILL" 1;display:inline-block;font-family:Material Symbols Outlined;font-feature-settings:"liga";font-size:var(--Icon-size);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variation-settings:var(--Icon-fill);font-weight:400;letter-spacing:normal;line-height:1;position:relative;text-rendering:optimizeLegibility;text-transform:none;top:calc((var(--Text-height) - var(--Icon-size)) / 2);vertical-align:top;white-space:nowrap;word-wrap:normal;content:"arrow_drop_down";top:0;transition:transform var(--time-xs)}[dir] .sp-dd:before{transform:var(--Icon-transform)}[dir=ltr] .sp-dd:before{direction:ltr}[dir=rtl] .sp-dd:before{direction:rtl}.sp-active .sp-dd:before{color:var(--Input-focusColor)}[dir=ltr] .sp-active .sp-dd:before{transform:rotate(-180deg)}[dir=rtl] .sp-active .sp-dd:before{transform:rotate(180deg)}.sp-container{width:auto;z-index:100001}[dir] .sp-container{background:var(--color-white);box-shadow:var(--shadow-3);padding:var(--gap-m)}.sp-container,.sp-container button{user-select:none}.sp-top{position:relative;width:100%}[dir] .sp-fill{padding-top:100%}.sp-color{bottom:calc(var(--gap-s) + var(--Icon-size));position:absolute;top:0}[dir=ltr] .sp-color{left:0;right:calc(var(--gap-s) + var(--Icon-size))}[dir=rtl] .sp-color{right:0;left:calc(var(--gap-s) + var(--Icon-size))}.sp-sat,.sp-val{bottom:0;position:absolute;top:0}[dir=ltr] .sp-sat,[dir=ltr] .sp-val,[dir=rtl] .sp-sat,[dir=rtl] .sp-val{left:0;right:0}[dir=ltr] .sp-sat{background-image:linear-gradient(90deg,#fff,rgba(204,154,129,0))}[dir=rtl] .sp-sat{background-image:linear-gradient(270deg,#fff,rgba(204,154,129,0))}[dir] .sp-val{background-image:linear-gradient(0deg,#000,rgba(204,154,129,0))}.sp-alpha-handle,.sp-dragger,.sp-slider{opacity:.5;position:absolute;user-select:none}[dir] .sp-alpha-handle,[dir] .sp-dragger,[dir] .sp-slider{background:var(--color-white);border:1px solid var(--color-black);cursor:pointer}.sp-dragger{height:10px;top:0;width:10px}[dir] .sp-dragger{border-radius:50%}[dir=ltr] .sp-dragger{left:0}[dir=rtl] .sp-dragger{right:0}.sp-clear{position:absolute;top:0;user-select:none}[dir=ltr] .sp-clear{right:0}[dir=rtl] .sp-clear{left:0}.sp-clear:before{--Icon-fill:"FILL" 1;display:inline-block;font-family:Material Symbols Outlined;font-feature-settings:"liga";font-size:var(--Icon-size);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variation-settings:var(--Icon-fill);font-weight:400;letter-spacing:normal;line-height:1;position:relative;text-rendering:optimizeLegibility;text-transform:none;top:calc((var(--Text-height) - var(--Icon-size)) / 2);vertical-align:top;white-space:nowrap;word-wrap:normal;content:"block"}[dir] .sp-clear:before{transform:var(--Icon-transform)}[dir=ltr] .sp-clear:before{direction:ltr}[dir=rtl] .sp-clear:before{direction:rtl}.sp-hue{bottom:calc(var(--gap-s) + var(--Icon-size));position:absolute;top:calc(var(--Icon-size) + var(--gap-s));width:var(--Icon-size)}[dir] .sp-hue{background:linear-gradient(180deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}[dir=ltr] .sp-hue{right:0}[dir=rtl] .sp-hue{left:0}.sp-slider{height:7px;top:0}[dir=ltr] .sp-slider,[dir=rtl] .sp-slider{left:-1px;right:-1px}.sp-alpha{bottom:0;display:none;height:var(--Icon-size);position:absolute;user-select:none}[dir] .sp-alpha{background:url(${d}) 50%}[dir=ltr] .sp-alpha,[dir=rtl] .sp-alpha{left:0;right:0}.sp-alpha-inner{height:100%;width:100%}.sp-alpha-handle{bottom:-1px;top:-1px;width:7px}[dir=ltr] .sp-alpha-handle{left:50%}[dir=rtl] .sp-alpha-handle{right:50%}[dir] .sp-input-container{margin:calc(0px - var(--gap-m)) 0 var(--gap-m) 0}.sp-container .sp-input{box-sizing:border-box}.sp-cancel{line-height:calc(var(--gap-s) * 2 + var(--Text-height))}[dir=ltr] .sp-cancel{float:right}[dir=rtl] .sp-cancel{float:left}.sp-palette{max-width:calc((var(--gap-s) + var(--gap-m)) * 4)}[dir=ltr] .sp-picker-container{float:left}[dir=rtl] .sp-picker-container{float:right}.sp-palette-container{position:relative}[dir=ltr] .sp-palette-container{float:right}[dir=rtl] .sp-palette-container{float:left}.sp-cf:after,.sp-cf:before{content:"";display:table}.sp-container *{box-sizing:content-box}.sp-palette .sp-thumb-el{display:block;height:var(--gap-l);position:relative;width:var(--gap-l)}[dir] .sp-palette .sp-thumb-el{cursor:pointer}[dir=ltr] .sp-palette .sp-thumb-el{float:left;margin:0 0 var(--gap-s) var(--gap-s)}[dir=rtl] .sp-palette .sp-thumb-el{float:right;margin:0 var(--gap-s) var(--gap-s) 0}.sp-alpha,.sp-preview,.sp-thumb-el{position:relative}.sp-alpha-inner,.sp-preview-inner,.sp-thumb-inner{bottom:0;display:block;position:absolute;top:0}[dir=ltr] .sp-alpha-inner,[dir=ltr] .sp-preview-inner,[dir=ltr] .sp-thumb-inner,[dir=rtl] .sp-alpha-inner,[dir=rtl] .sp-preview-inner,[dir=rtl] .sp-thumb-inner{left:0;right:0}[dir] .sp-palette .sp-thumb-inner{background-position:50% 50%;background-repeat:no-repeat}.sp-palette-button-container{display:none}`,""]);const f=7717==t.j?c:null},25243(e){e.exports=function(e){var r=[];return r.toString=function(){return this.map(function(r){var t="",a=void 0!==r[5];return r[4]&&(t+="@supports (".concat(r[4],") {")),r[2]&&(t+="@media ".concat(r[2]," {")),a&&(t+="@layer".concat(r[5].length>0?" ".concat(r[5]):""," {")),t+=e(r),a&&(t+="}"),r[2]&&(t+="}"),r[4]&&(t+="}"),t}).join("")},r.i=function(e,t,a,i,o){"string"==typeof e&&(e=[[null,e,void 0]]);var n={};if(a)for(var s=0;s<this.length;s++){var p=this[s][0];null!=p&&(n[p]=!0)}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);a&&n[c[0]]||(void 0!==o&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=o),t&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=t):c[2]=t),i&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=i):c[4]="".concat(i)),r.push(c))}},r}},20368(e){e.exports=function(e,r){return r||(r={}),e?(e=String(e.__esModule?e.default:e),/^['"].*['"]$/.test(e)&&(e=e.slice(1,-1)),r.hash&&(e+=r.hash),/["'() \t\n]|(%20)/.test(e)||r.needQuotes?'"'.concat(e.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):e):e}},64664(e){e.exports=function(e){return e[1]}},34374(e,r,t){t.r(r),t.d(r,{default:()=>b});var a=t(96291),i=t.n(a),o=t(96918),n=t.n(o),s=t(77322),p=t.n(s),l=t(55800),c=t.n(l),d=t(10207),f=t.n(d),g=t(37746),h=t.n(g),v=t(41399),u={};u.styleTagTransform=h(),u.setAttributes=c(),u.insert=p().bind(null,"head"),u.domAPI=n(),u.insertStyleElement=f(),i()(v.A,u);const b=v.A&&v.A.locals?v.A.locals:void 0},96291(e){var r=[];function t(e){for(var t=-1,a=0;a<r.length;a++)if(r[a].identifier===e){t=a;break}return t}function a(e,a){for(var o={},n=[],s=0;s<e.length;s++){var p=e[s],l=a.base?p[0]+a.base:p[0],c=o[l]||0,d="".concat(l," ").concat(c);o[l]=c+1;var f=t(d),g={css:p[1],media:p[2],sourceMap:p[3],supports:p[4],layer:p[5]};if(-1!==f)r[f].references++,r[f].updater(g);else{var h=i(g,a);a.byIndex=s,r.splice(s,0,{identifier:d,updater:h,references:1})}n.push(d)}return n}function i(e,r){var t=r.domAPI(r);return t.update(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap&&r.supports===e.supports&&r.layer===e.layer)return;t.update(e=r)}else t.remove()}}e.exports=function(e,i){var o=a(e=e||[],i=i||{});return function(e){e=e||[];for(var n=0;n<o.length;n++){var s=t(o[n]);r[s].references--}for(var p=a(e,i),l=0;l<o.length;l++){var c=t(o[l]);0===r[c].references&&(r[c].updater(),r.splice(c,1))}o=p}}},77322(e){var r={};e.exports=function(e,t){var a=function(e){if(void 0===r[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}r[e]=t}return r[e]}(e);if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}},10207(e){e.exports=function(e){var r=document.createElement("style");return e.setAttributes(r,e.attributes),e.insert(r,e.options),r}},55800(e,r,t){e.exports=function(e){var r=t.nc;r&&e.setAttribute("nonce",r)}},96918(e){e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var r=e.insertStyleElement(e);return{update:function(t){!function(e,r,t){var a="";t.supports&&(a+="@supports (".concat(t.supports,") {")),t.media&&(a+="@media ".concat(t.media," {"));var i=void 0!==t.layer;i&&(a+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),a+=t.css,i&&(a+="}"),t.media&&(a+="}"),t.supports&&(a+="}");var o=t.sourceMap;o&&"undefined"!=typeof btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),r.styleTagTransform(a,e,r.options)}(r,e,t)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(r)}}}},37746(e){e.exports=function(e,r){if(r.styleSheet)r.styleSheet.cssText=e;else{for(;r.firstChild;)r.removeChild(r.firstChild);r.appendChild(document.createTextNode(e))}}}}]);