@sendbird/uikit-react 3.15.13 → 3.15.14

package/dist/index.css

@@ -8532,6 +8532,119 @@ div.sendbird-text-message-item-body {
 .sendbird-theme--dark .sendbird-channel-settings .sendbird-channel-settings__panel-icon--chevron path {
   fill: var(--sendbird-dark-ondark-01);
 }
+.sendbird-input-toggle-button {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  box-sizing: border-box;
+  cursor: pointer;
+}
+
+.sendbird-theme--light .sendbird-input-toggle-button--checked {
+  background-color: var(--sendbird-light-primary-300);
+  border: 1px solid var(--sendbird-light-primary-300);
+}
+
+.sendbird-theme--dark .sendbird-input-toggle-button--checked {
+  background-color: var(--sendbird-dark-primary-200);
+  border: 1px solid var(--sendbird-dark-primary-200);
+}
+
+.sendbird-theme--light .sendbird-input-toggle-button--unchecked {
+  background-color: var(--sendbird-light-background-300);
+  border: 1px solid var(--sendbird-light-background-300);
+}
+
+.sendbird-theme--dark .sendbird-input-toggle-button--unchecked {
+  background-color: var(--sendbird-dark-background-400);
+  border: 1px solid var(--sendbird-dark-background-400);
+}
+
+.sendbird-input-toggle-button--disabled {
+  cursor: not-allowed;
+}
+
+.sendbird-theme--light .sendbird-input-toggle-button--disabled {
+  background-color: var(--sendbird-light-background-200);
+  border: 1px solid var(--sendbird-light-background-200);
+}
+
+.sendbird-theme--dark .sendbird-input-toggle-button--disabled {
+  background-color: var(--sendbird-dark-background-400);
+  border: 1px solid var(--sendbird-dark-background-400);
+}
+
+.sendbird-input-toggle-button input {
+  position: absolute;
+  display: none;
+}
+
+.sendbird-input-toggle-button__inner-dot {
+  position: absolute;
+  border-radius: 50%;
+  animation-iteration-count: 1;
+}
+
+.sendbird-theme--light .sendbird-input-toggle-button__inner-dot {
+  background-color: var(--sendbird-light-background-50);
+}
+
+.sendbird-theme--dark .sendbird-input-toggle-button__inner-dot {
+  background-color: var(--sendbird-dark-background-600);
+}
+
+/* Manage animation and position by status */
+@keyframes sendbirdMoveToEnd {
+  0% {
+    inset-inline-end: 60%;
+  }
+
+  100% {
+    inset-inline-end: 10%;
+  }
+}
+
+@keyframes sendbirdMoveToStart {
+  0% {
+    inset-inline-end: 10%;
+  }
+
+  100% {
+    inset-inline-end: 60%;
+  }
+}
+
+.sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot {
+  animation-name: sendbirdMoveToEnd;
+}
+
+.sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot {
+  animation-name: sendbirdMoveToStart;
+}
+
+.sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot {
+  inset-inline-end: 60%;
+}
+
+.sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot {
+  inset-inline-end: 10%;
+}
+
+.sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot {
+  animation-name: sendbirdMoveToStart;
+}
+
+.sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot {
+  animation-name: sendbirdMoveToEnd;
+}
+
+.sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot {
+  inset-inline-end: 10%;
+}
+
+.sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot {
+  inset-inline-end: 60%;
+}
 .sendbird-channel-profile {
   position: relative;
   text-align: center;
@@ -8850,119 +8963,6 @@ div.sendbird-text-message-item-body {
   background-color: var(--sendbird-dark-background-600);
   border-bottom: 1px solid var(--sendbird-dark-ondark-04);
 }
-.sendbird-input-toggle-button {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  box-sizing: border-box;
-  cursor: pointer;
-}
-
-.sendbird-theme--light .sendbird-input-toggle-button--checked {
-  background-color: var(--sendbird-light-primary-300);
-  border: 1px solid var(--sendbird-light-primary-300);
-}
-
-.sendbird-theme--dark .sendbird-input-toggle-button--checked {
-  background-color: var(--sendbird-dark-primary-200);
-  border: 1px solid var(--sendbird-dark-primary-200);
-}
-
-.sendbird-theme--light .sendbird-input-toggle-button--unchecked {
-  background-color: var(--sendbird-light-background-300);
-  border: 1px solid var(--sendbird-light-background-300);
-}
-
-.sendbird-theme--dark .sendbird-input-toggle-button--unchecked {
-  background-color: var(--sendbird-dark-background-400);
-  border: 1px solid var(--sendbird-dark-background-400);
-}
-
-.sendbird-input-toggle-button--disabled {
-  cursor: not-allowed;
-}
-
-.sendbird-theme--light .sendbird-input-toggle-button--disabled {
-  background-color: var(--sendbird-light-background-200);
-  border: 1px solid var(--sendbird-light-background-200);
-}
-
-.sendbird-theme--dark .sendbird-input-toggle-button--disabled {
-  background-color: var(--sendbird-dark-background-400);
-  border: 1px solid var(--sendbird-dark-background-400);
-}
-
-.sendbird-input-toggle-button input {
-  position: absolute;
-  display: none;
-}
-
-.sendbird-input-toggle-button__inner-dot {
-  position: absolute;
-  border-radius: 50%;
-  animation-iteration-count: 1;
-}
-
-.sendbird-theme--light .sendbird-input-toggle-button__inner-dot {
-  background-color: var(--sendbird-light-background-50);
-}
-
-.sendbird-theme--dark .sendbird-input-toggle-button__inner-dot {
-  background-color: var(--sendbird-dark-background-600);
-}
-
-/* Manage animation and position by status */
-@keyframes sendbirdMoveToEnd {
-  0% {
-    inset-inline-end: 60%;
-  }
-
-  100% {
-    inset-inline-end: 10%;
-  }
-}
-
-@keyframes sendbirdMoveToStart {
-  0% {
-    inset-inline-end: 10%;
-  }
-
-  100% {
-    inset-inline-end: 60%;
-  }
-}
-
-.sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot {
-  animation-name: sendbirdMoveToEnd;
-}
-
-.sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot {
-  animation-name: sendbirdMoveToStart;
-}
-
-.sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot {
-  inset-inline-end: 60%;
-}
-
-.sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot {
-  inset-inline-end: 10%;
-}
-
-.sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-on .sendbird-input-toggle-button__inner-dot {
-  animation-name: sendbirdMoveToStart;
-}
-
-.sendbird-input-toggle-button--reversed .sendbird-input-toggle-button--turned-off .sendbird-input-toggle-button__inner-dot {
-  animation-name: sendbirdMoveToEnd;
-}
-
-.sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--unchecked .sendbird-input-toggle-button__inner-dot {
-  inset-inline-end: 10%;
-}
-
-.sendbird-input-toggle-button--reversed.sendbird-input-toggle-button--checked .sendbird-input-toggle-button__inner-dot {
-  inset-inline-end: 60%;
-}
 .sendbird-message-search-pannel {
   position: relative;
   display: flex;

package/hooks/useConnectionState.js

@@ -1,12 +1,15 @@
 import { useState, useEffect } from 'react';
 import { ConnectionHandler, ConnectionState } from '@sendbird/chat';
-import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { u as uuidv4 } from '../chunks/bundle-4W3uBGU3.js';
-import '../withSendbird.js';
-import '../chunks/bundle-C7jYHvwG.js';
+import { u as uuidv4 } from '../chunks/bundle-CTkGIdt8.js';
+import { u as useSendbird } from '../chunks/bundle-I25ah_Bv.js';
+import '../chunks/bundle-B8Grfnrx.js';
+import '../chunks/bundle-C4OmfIXk.js';
+import '../chunks/bundle-Ob7Cw3V-.js';
+import '@sendbird/chat/groupChannel';
+import '@sendbird/chat/openChannel';
 
 var useConnectionState = function () {
-    var stores = useSendbirdStateContext().stores;
+    var stores = useSendbird().state.stores;
     var sdkStore = stores.sdkStore;
     var sdk = sdkStore.sdk;
     var _a = useState(sdk.connectionState), connectionState = _a[0], setConnectionState = _a[1];

package/hooks/useConnectionState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConnectionState.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useConnectionState.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/hooks/useLocalization.js

@@ -1,7 +1,8 @@
-import { u as useLocalization } from '../chunks/bundle-CIN9yQRB.js';
-import '../chunks/bundle-C7jYHvwG.js';
+import { u as useLocalization } from '../chunks/bundle-l_QLKq1Y.js';
+import '../chunks/bundle-B8Grfnrx.js';
 import 'react';
-import '../chunks/bundle-pOZPN8hk.js';
+import '../chunks/bundle-Y2KBbxRr.js';
+import '../chunks/bundle-BYOddwmS.js';
 
 /**
  * This file is only for re-exporting the `useLocalization` hook.

package/hooks/useLocalization.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocalization.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"useLocalization.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/hooks/useModal.js

@@ -1,29 +1,62 @@
-import '../chunks/bundle-C7jYHvwG.js';
-import 'react';
-import '../chunks/bundle-DYeeW5nS.js';
-import '../chunks/bundle-DUTyBaXr.js';
-export { G as GlobalModalProvider, a as MODAL_ROOT, d as ModalRoot, b as useGlobalModalContext } from '../chunks/bundle-MyLy9AIu.js';
-import '@sendbird/chat/groupChannel';
-import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-CDjVXDOc.js';
-import '../chunks/bundle-Dl9NVsui.js';
-import '../chunks/bundle-DkviGBGz.js';
+import { a as __spreadArray, _ as __assign } from '../chunks/bundle-B8Grfnrx.js';
+import React__default, { createContext, useState, useCallback, useMemo, useContext } from 'react';
+import { K } from '../chunks/bundle-De-3zaYV.js';
+import { n as noop, c as classnames } from '../chunks/bundle-CDcu1I4f.js';
+import { M as Modal } from '../chunks/bundle-LnGQMQVt.js';
+export { a as MODAL_ROOT, b as ModalRoot } from '../chunks/bundle-LnGQMQVt.js';
 import 'react-dom';
-import '../chunks/bundle-CIN9yQRB.js';
-import '../chunks/bundle-pOZPN8hk.js';
-import '../chunks/bundle-DfDrbjM5.js';
+import '../chunks/bundle-l_QLKq1Y.js';
+import '../chunks/bundle-Y2KBbxRr.js';
+import '../chunks/bundle-BYOddwmS.js';
+import '../chunks/bundle-yKqHFFfz.js';
 import '../ui/IconButton.js';
 import '../ui/Button.js';
-import '../chunks/bundle-DImSV9VW.js';
+import '../chunks/bundle-HspRRkmy.js';
 import '../ui/Icon.js';
-import '@sendbird/uikit-tools';
-import '../withSendbird.js';
-import 'css-vars-ponyfill';
+import '../chunks/bundle-CTkGIdt8.js';
+import '../chunks/bundle-I25ah_Bv.js';
+import '../chunks/bundle-C4OmfIXk.js';
+import '../chunks/bundle-Ob7Cw3V-.js';
 import '@sendbird/chat';
-import '../chunks/bundle-4W3uBGU3.js';
+import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
-import '../chunks/bundle-CLonR-iH.js';
-import '../useSendbirdStateContext.js';
-import '../chunks/bundle-C6-Ix-Lk.js';
-import '../ui/SortByRow.js';
+
+var GlobalModalContext = createContext({
+    openModal: noop,
+});
+var GlobalModalProvider = function (_a) {
+    var children = _a.children;
+    // Idea from https://dev.to/nurislamov/simple-modals-queue-in-react-4g6c
+    var _b = useState([]), globalModalQueue = _b[0], setGlobalModalQueue = _b[1];
+    var openModal = useCallback(function (props) {
+        setGlobalModalQueue(function (currentQue) { return __spreadArray(__spreadArray([], currentQue, true), [props], false); });
+    }, []);
+    var closeModal = useCallback(function () {
+        setGlobalModalQueue(function (currentQue) { return currentQue.slice(1); });
+    }, []);
+    var ModalComponent = useMemo(function () { return function () {
+        return K(globalModalQueue)
+            .when(function (q) { return q.length === 0; }, function () {
+            return React__default.createElement(React__default.Fragment, null);
+        })
+            .otherwise(function () {
+            var _a = globalModalQueue[0], modalProps = _a.modalProps, childElement = _a.childElement;
+            return (React__default.createElement(Modal, __assign({}, modalProps, { className: classnames('sendbird-global-modal', modalProps === null || modalProps === void 0 ? void 0 : modalProps.className), onClose: function () {
+                    var _a;
+                    (_a = modalProps === null || modalProps === void 0 ? void 0 : modalProps.onClose) === null || _a === void 0 ? void 0 : _a.call(modalProps);
+                    closeModal();
+                } }), childElement({
+                closeModal: closeModal,
+            })));
+        });
+    }; }, [globalModalQueue]);
+    return (React__default.createElement(GlobalModalContext.Provider, { value: {
+            openModal: openModal,
+        } },
+        React__default.createElement(ModalComponent, null),
+        children));
+};
+var useGlobalModalContext = function () { return useContext(GlobalModalContext); };
+
+export { GlobalModalProvider, useGlobalModalContext };
 //# sourceMappingURL=useModal.js.map

package/hooks/useModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}