@seamly/web-ui 25.5.0 → 25.5.1

package/build/dist/lib/style-guide.js

@@ -2757,17 +2757,17 @@ __webpack_require__(8237);
 /******/ 	});
 /************************************************************************/
 /******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
+/******/ 	const __webpack_module_cache__ = {};
 /******/ 	
 /******/ 	// The require function
 /******/ 	function __webpack_require__(moduleId) {
 /******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		const cachedModule = __webpack_module_cache__[moduleId];
 /******/ 		if (cachedModule !== undefined) {
 /******/ 			return cachedModule.exports;
 /******/ 		}
 /******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 		const module = __webpack_module_cache__[moduleId] = {
 /******/ 			// no module.id needed
 /******/ 			// no module.loaded needed
 /******/ 			exports: {}
@@ -2783,11 +2783,26 @@ __webpack_require__(8237);
 /************************************************************************/
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
+/******/ 		// define getter/value functions for harmony exports
 /******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 			if(Array.isArray(definition)) {
+/******/ 				var i = 0;
+/******/ 				while(i < definition.length) {
+/******/ 					var key = definition[i++];
+/******/ 					var binding = definition[i++];
+/******/ 					if(!__webpack_require__.o(exports, key)) {
+/******/ 						if(binding === 0) {
+/******/ 							Object.defineProperty(exports, key, { enumerable: true, value: definition[i++] });
+/******/ 						} else {
+/******/ 							Object.defineProperty(exports, key, { enumerable: true, get: binding });
+/******/ 						}
+/******/ 					} else if(binding === 0) { i++; }
+/******/ 				}
+/******/ 			} else {
+/******/ 				for(var key in definition) {
+/******/ 					if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 						Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 					}
 /******/ 				}
 /******/ 			}
 /******/ 		};
@@ -2814,7 +2829,7 @@ __webpack_require__(8237);
 /******/ 	(() => {
 /******/ 		// define __esModule on exports
 /******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			if(Symbol.toStringTag) {
 /******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 /******/ 			}
 /******/ 			Object.defineProperty(exports, '__esModule', { value: true });
@@ -2822,7 +2837,7 @@ __webpack_require__(8237);
 /******/ 	})();
 /******/ 	
 /************************************************************************/
-var __webpack_exports__ = {};
+let __webpack_exports__ = {};
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
@@ -3732,7 +3747,7 @@ const deletedFileDownloadAgentMessage = {
     id: (0,web_ui_namespaceObject.randomId)()
   }
 };
-const fileDownloadUserMessageImage = {
+const userImageMessage = {
   type: 'message',
   payload: {
     ...messageBodyUploadImage,
@@ -3741,16 +3756,26 @@ const fileDownloadUserMessageImage = {
     id: (0,web_ui_namespaceObject.randomId)()
   }
 };
-sessionStorage.setItem(`image-${fileDownloadUserMessageImage.payload.id}`, fileDownloadUserMessageImage.payload.body.url);
-const emptyUrlFileDownloadUserMessage = {
-  ...fileDownloadUserMessageImage,
+sessionStorage.setItem(`image-${userImageMessage.payload.id}`, userImageMessage.payload.body.url);
+const fileDownloadUserMessage = {
+  type: 'message',
   payload: {
-    ...fileDownloadUserMessageImage.payload,
-    id: (0,web_ui_namespaceObject.randomId)(),
+    ...messageBodyUploadUrl,
+    fromClient: true,
+    participant: 'client',
+    id: (0,web_ui_namespaceObject.randomId)()
+  }
+};
+const deletedFileDownloadUserMessage = {
+  ...fileDownloadUserMessage,
+  payload: {
+    ...fileDownloadUserMessage.payload,
     body: {
-      ...fileDownloadUserMessageImage.payload.body,
-      url: null
-    }
+      ...fileDownloadUserMessage.payload.body,
+      isDeleted: true,
+      url: undefined
+    },
+    id: (0,web_ui_namespaceObject.randomId)()
   }
 };
 const uploadBusy = {
@@ -3958,7 +3983,7 @@ const standardState = {
         ...choicePromptMessage.payload,
         id: `${choicePromptMessage.payload.id}XXX`
       }
-    }, longTextMessage, participantTransferMessage, userMessage, textMessageBoldItalicUnderline, userMessageWithLinks, newTopicDivider, imageMessage, fileDownloadAgentMessageById, fileDownloadAgentMessageByUrl, fileDownloadAgentMessageImage, deletedFileDownloadAgentMessage, userMessageLong, videoMessage, textMessageWithLinks, textMessageWithLongLink, imageMessageWithLightbox, fileDownloadUserMessageImage, emptyUrlFileDownloadUserMessage, textMesageWithBullets, textMesageWithOrderedList, choicePromptMessage]
+    }, longTextMessage, participantTransferMessage, userMessage, textMessageBoldItalicUnderline, userMessageWithLinks, newTopicDivider, imageMessage, fileDownloadAgentMessageById, fileDownloadAgentMessageByUrl, fileDownloadAgentMessageImage, deletedFileDownloadAgentMessage, userMessageLong, videoMessage, textMessageWithLinks, textMessageWithLongLink, imageMessageWithLightbox, userImageMessage, fileDownloadUserMessage, deletedFileDownloadUserMessage, textMesageWithBullets, textMesageWithOrderedList, choicePromptMessage]
   },
   userMessages: {
     category: categoryKeys.messages,
@@ -3966,7 +3991,7 @@ const standardState = {
     description: '',
     ...baseState,
     participantInfo,
-    events: [userMessage, userMessageLong, fileDownloadUserMessageImage, emptyUrlFileDownloadUserMessage, userMessageWithLinks]
+    events: [userMessage, userMessageLong, userImageMessage, fileDownloadUserMessage, deletedFileDownloadUserMessage, userMessageWithLinks]
   },
   withParticipants: {
     category: categoryKeys.messages,
@@ -4003,7 +4028,7 @@ const standardState = {
     description: '',
     ...baseState,
     participantInfo,
-    events: [imageMessage, videoMessage, imageMessageWithLightbox, fileDownloadAgentMessageById, fileDownloadAgentMessageByUrl, fileDownloadAgentMessageImage, deletedFileDownloadAgentMessage, fileDownloadUserMessageImage, emptyUrlFileDownloadUserMessage]
+    events: [imageMessage, videoMessage, imageMessageWithLightbox, fileDownloadAgentMessageById, fileDownloadAgentMessageByUrl, fileDownloadAgentMessageImage, deletedFileDownloadAgentMessage, userImageMessage, fileDownloadUserMessage, deletedFileDownloadUserMessage]
   },
   systemMessages: {
     category: categoryKeys.messages,
@@ -4914,7 +4939,7 @@ const standardState = {
         ...choicePromptMessage.payload,
         id: `${choicePromptMessage.payload.id}XXX`
       }
-    }, longTextMessage, userMessage, textMessageBoldItalicUnderline, newTopicDivider, newTranslationDividerStartTwo, newTranslationDividerStop, imageMessage, fileDownloadAgentMessageById, fileDownloadAgentMessageByUrl, fileDownloadAgentMessageImage, deletedFileDownloadAgentMessage, userMessageLong, videoMessage, textMessageWithLinks, textMessageWithLongLink, imageMessageWithLightbox, fileDownloadUserMessageImage, emptyUrlFileDownloadUserMessage, textMesageWithBullets, textMesageWithOrderedList, choicePromptMessage, newTranslationDividerStop].map(addTranslationData),
+    }, longTextMessage, userMessage, textMessageBoldItalicUnderline, newTopicDivider, newTranslationDividerStartTwo, newTranslationDividerStop, imageMessage, fileDownloadAgentMessageById, fileDownloadAgentMessageByUrl, fileDownloadAgentMessageImage, deletedFileDownloadAgentMessage, userMessageLong, videoMessage, textMessageWithLinks, textMessageWithLongLink, imageMessageWithLightbox, userImageMessage, fileDownloadUserMessage, textMesageWithBullets, textMesageWithOrderedList, choicePromptMessage, newTranslationDividerStop].map(addTranslationData),
     translations: {
       ...translationsSlice,
       currentLocale: 'nl',
@@ -4928,7 +4953,7 @@ const standardState = {
             id: `${choicePromptMessage.payload.id}XXX`
           }
         }, longTextMessage, userMessage, textMessageBoldItalicUnderline, newTopicDivider].map(p => p.payload.id),
-        [newTranslationDividerStartTwo.payload.id]: [imageMessage, fileDownloadAgentMessageById, fileDownloadAgentMessageByUrl, fileDownloadAgentMessageImage, deletedFileDownloadAgentMessage, userMessageLong, videoMessage, textMessageWithLinks, textMessageWithLongLink, imageMessageWithLightbox, fileDownloadUserMessageImage, emptyUrlFileDownloadUserMessage, textMesageWithBullets, textMesageWithOrderedList, choicePromptMessage].map(p => p.payload.id)
+        [newTranslationDividerStartTwo.payload.id]: [imageMessage, fileDownloadAgentMessageById, fileDownloadAgentMessageByUrl, fileDownloadAgentMessageImage, deletedFileDownloadAgentMessage, userMessageLong, videoMessage, textMessageWithLinks, textMessageWithLongLink, imageMessageWithLightbox, userImageMessage, fileDownloadUserMessage, textMesageWithBullets, textMesageWithOrderedList, choicePromptMessage].map(p => p.payload.id)
       },
       languages: [{
         locale: 'nl',
@@ -5918,7 +5943,7 @@ function createAction(type, prepareAction) {
   }
   actionCreator.toString = () => `${type}`;
   actionCreator.type = type;
-  actionCreator.match = (action) => isAction(action) && action.type === type;
+  actionCreator.match = (action) => redux_toolkit_modern_isAction(action) && action.type === type;
   return actionCreator;
 }
 function isActionCreator(action) {
@@ -5936,7 +5961,7 @@ function isValidKey(key) {
 function getMessage(type) {
   const splitType = type ? `${type}`.split("/") : [];
   const actionName = splitType[splitType.length - 1] || "actionCreator";
-  return `Detected an action creator with type "${type || "unknown"}" being dispatched. 
+  return `Detected an action creator with type "${type || "unknown"}" being dispatched.
 Make sure you're calling the action creator before dispatching, i.e. \`dispatch(${actionName}())\` instead of \`dispatch(${actionName})\`. This is necessary even if the action has no payload.`;
 }
 function createActionCreatorInvariantMiddleware(options = {}) {
@@ -6187,6 +6212,20 @@ var createQueueWithTimer = (timeout) => {
     setTimeout(notify, timeout);
   };
 };
+var createRafWithFallbackTimer = (raf, timeout) => {
+  return (notify) => {
+    let called = false;
+    const callback = () => {
+      if (called) return;
+      called = true;
+      cancelAnimationFrame(rafId);
+      clearTimeout(timerId);
+      notify();
+    };
+    const rafId = raf(callback);
+    const timerId = setTimeout(callback, timeout);
+  };
+};
 var autoBatchEnhancer = (options = {
   type: "raf"
 }) => (next) => (...args) => {
@@ -6197,7 +6236,7 @@ var autoBatchEnhancer = (options = {
   const listeners = /* @__PURE__ */ new Set();
   const queueCallback = options.type === "tick" ? queueMicrotask : options.type === "raf" ? (
     // requestAnimationFrame won't exist in SSR environments. Fall back to a vague approximation just to keep from erroring.
-    typeof window !== "undefined" && window.requestAnimationFrame ? window.requestAnimationFrame : createQueueWithTimer(10)
+    typeof window !== "undefined" && window.requestAnimationFrame ? createRafWithFallbackTimer(window.requestAnimationFrame, 100) : createQueueWithTimer(10)
   ) : options.type === "callback" ? options.queueNotification : createQueueWithTimer(options.timeout);
   const notifyListeners = () => {
     notificationQueued = false;
@@ -6500,12 +6539,14 @@ var nanoid = (size = 21) => {
 };
 
 // src/createAsyncThunk.ts
-var commonProperties = ["name", "message", "stack", "code"];
+var commonProperties = (/* unused pure expression or super */ null && (["name", "message", "stack", "code"]));
 var RejectWithValue = class {
   constructor(payload, meta) {
     this.payload = payload;
     this.meta = meta;
   }
+  payload;
+  meta;
   /*
   type-only property to distinguish between RejectWithValue and FulfillWithMeta
   does not exist at runtime
@@ -6517,6 +6558,8 @@ var FulfillWithMeta = class {
     this.payload = payload;
     this.meta = meta;
   }
+  payload;
+  meta;
   /*
   type-only property to distinguish between RejectWithValue and FulfillWithMeta
   does not exist at runtime
@@ -6538,7 +6581,7 @@ var miniSerializeError = (value) => {
   };
 };
 var externalAbortMessage = "External signal was aborted";
-var createAsyncThunk = /* @__PURE__ */ (() => {
+var createAsyncThunk = /* @__PURE__ */ (/* unused pure expression or super */ null && ((() => {
   function createAsyncThunk2(typePrefix, payloadCreator, options) {
     const fulfilled = createAction(typePrefix + "/fulfilled", (payload, requestId, arg, meta) => ({
       payload,
@@ -6592,7 +6635,7 @@ var createAsyncThunk = /* @__PURE__ */ (() => {
             });
           }
         }
-        const promise = async function() {
+        const promise = (async function() {
           let finalAction;
           try {
             let conditionResult = options?.condition?.(arg, {
@@ -6633,12 +6676,12 @@ var createAsyncThunk = /* @__PURE__ */ (() => {
               requestId,
               signal: abortController.signal,
               abort,
-              rejectWithValue: (value, meta) => {
+              rejectWithValue: ((value, meta) => {
                 return new RejectWithValue(value, meta);
-              },
-              fulfillWithValue: (value, meta) => {
+              }),
+              fulfillWithValue: ((value, meta) => {
                 return new FulfillWithMeta(value, meta);
-              }
+              })
             })).then((result) => {
               if (result instanceof RejectWithValue) {
                 throw result;
@@ -6660,7 +6703,7 @@ var createAsyncThunk = /* @__PURE__ */ (() => {
             dispatch(finalAction);
           }
           return finalAction;
-        }();
+        })();
         return Object.assign(promise, {
           abort,
           requestId,
@@ -6681,7 +6724,7 @@ var createAsyncThunk = /* @__PURE__ */ (() => {
   }
   createAsyncThunk2.withTypes = () => createAsyncThunk2;
   return createAsyncThunk2;
-})();
+})()));
 function unwrapResult(action) {
   if (action.meta && action.meta.rejectedWithValue) {
     throw action.payload;
@@ -6696,16 +6739,16 @@ function isThenable(value) {
 }
 
 // src/createSlice.ts
-var asyncThunkSymbol = /* @__PURE__ */ Symbol.for("rtk-slice-createasyncthunk");
-var asyncThunkCreator = {
+var asyncThunkSymbol = /* @__PURE__ */ (/* unused pure expression or super */ null && (Symbol.for("rtk-slice-createasyncthunk")));
+var asyncThunkCreator = (/* unused pure expression or super */ null && ({
   [asyncThunkSymbol]: createAsyncThunk
-};
-var ReducerType = /* @__PURE__ */ ((ReducerType2) => {
+}));
+var ReducerType = /* @__PURE__ */ (/* unused pure expression or super */ null && (((ReducerType2) => {
   ReducerType2["reducer"] = "reducer";
   ReducerType2["reducerWithPrepare"] = "reducerWithPrepare";
   ReducerType2["asyncThunk"] = "asyncThunk";
   return ReducerType2;
-})(ReducerType || {});
+})(ReducerType || {})));
 function getType(slice, actionKey) {
   return `${slice}/${actionKey}`;
 }
@@ -7414,6 +7457,7 @@ var TaskAbortError = class {
     this.code = code;
     this.message = `${task} ${cancelled} (reason: ${code})`;
   }
+  code;
   name = "TaskAbortError";
   message;
 };
@@ -7493,7 +7537,7 @@ var createDelay = (signal) => {
 var {
   assign: redux_toolkit_modern_assign
 } = Object;
-var INTERNAL_NIL_TOKEN = {};
+var INTERNAL_NIL_TOKEN = (/* unused pure expression or super */ null && ({}));
 var alm = "listenerMiddleware";
 var createFork = (parentAbortSignal, parentBlockingPromises) => {
   const linkControllers = (controller) => addAbortSignalListener(parentAbortSignal, () => controller.abort(parentAbortSignal.reason));
@@ -7553,7 +7597,7 @@ var createTakePattern = (startListening, signal) => {
       unsubscribe();
     }
   };
-  return (predicate, timeout) => catchRejection(take(predicate, timeout));
+  return ((predicate, timeout) => catchRejection(take(predicate, timeout)));
 };
 var getListenerEntryPropsFrom = (options) => {
   let {
@@ -7581,7 +7625,7 @@ var getListenerEntryPropsFrom = (options) => {
     effect
   };
 };
-var createListenerEntry = /* @__PURE__ */ redux_toolkit_modern_assign((options) => {
+var createListenerEntry = /* @__PURE__ */ (/* unused pure expression or super */ null && (redux_toolkit_modern_assign((options) => {
   const {
     type,
     predicate,
@@ -7600,7 +7644,7 @@ var createListenerEntry = /* @__PURE__ */ redux_toolkit_modern_assign((options)
   return entry;
 }, {
   withTypes: () => createListenerEntry
-});
+})));
 var findListenerEntry = (listenerMap, options) => {
   const {
     type,
@@ -7634,13 +7678,13 @@ var safelyNotifyError = (errorHandler, errorToNotify, errorInfo) => {
     }, 0);
   }
 };
-var addListener = /* @__PURE__ */ redux_toolkit_modern_assign(/* @__PURE__ */ createAction(`${alm}/add`), {
+var addListener = /* @__PURE__ */ (/* unused pure expression or super */ null && (redux_toolkit_modern_assign(/* @__PURE__ */ createAction(`${alm}/add`), {
   withTypes: () => addListener
-});
+})));
 var clearAllListeners = /* @__PURE__ */ (/* unused pure expression or super */ null && (createAction(`${alm}/removeAll`)));
-var removeListener = /* @__PURE__ */ redux_toolkit_modern_assign(/* @__PURE__ */ createAction(`${alm}/remove`), {
+var removeListener = /* @__PURE__ */ (/* unused pure expression or super */ null && (redux_toolkit_modern_assign(/* @__PURE__ */ createAction(`${alm}/remove`), {
   withTypes: () => removeListener
-});
+})));
 var defaultErrorHandler = (...args) => {
   console.error(`${alm}/error`, ...args);
 };
@@ -7674,10 +7718,10 @@ var createListenerMiddleware = (middlewareOptions = {}) => {
       }
     };
   };
-  const startListening = (options) => {
+  const startListening = ((options) => {
     const entry = findListenerEntry(listenerMap, options) ?? createListenerEntry(options);
     return insertEntry(entry);
-  };
+  });
   redux_toolkit_modern_assign(startListening, {
     withTypes: () => startListening
   });
@@ -7852,9 +7896,9 @@ var createDynamicMiddleware = () => {
 
 var isSliceLike = (maybeSliceLike) => "reducerPath" in maybeSliceLike && typeof maybeSliceLike.reducerPath === "string";
 var getReducers = (slices) => slices.flatMap((sliceOrMap) => isSliceLike(sliceOrMap) ? [[sliceOrMap.reducerPath, sliceOrMap.reducer]] : Object.entries(sliceOrMap));
-var ORIGINAL_STATE = Symbol.for("rtk-state-proxy-original");
+var ORIGINAL_STATE = /* @__PURE__ */ (/* unused pure expression or super */ null && (Symbol.for("rtk-state-proxy-original")));
 var isStateProxy = (value) => !!value && !!value[ORIGINAL_STATE];
-var stateProxyMap = /* @__PURE__ */ new WeakMap();
+var stateProxyMap = /* @__PURE__ */ (/* unused pure expression or super */ null && (new WeakMap()));
 var createStateProxy = (state, reducerMap, initialStateCache) => getOrInsertComputed(stateProxyMap, state, () => new Proxy(state, {
   get: (target, prop, receiver) => {
     if (prop === ORIGINAL_STATE) return target;
@@ -7883,7 +7927,7 @@ var original = (state) => {
   }
   return state[ORIGINAL_STATE];
 };
-var emptyObject = {};
+var emptyObject = (/* unused pure expression or super */ null && ({}));
 var noopReducer = (state = emptyObject) => state;
 function combineSlices(...slices) {
   const reducerMap = Object.fromEntries(getReducers(slices));