siam-ui-utils 3.0.28 → 3.0.30

package/dist/view-layout/index.js

@@ -1,53 +1,53 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, createElement } from "react";
-import SlotWrapper from "./slot-wrapper.js";
-import EditorLayer from "./editor-layer.js";
-import { GRID_SIZES, LOCALHOST } from "./constants.js";
-import ButtonEditor from "./button-editor.js";
-import "./styles.css";
-const ViewLayout = ({
-  slots = [],
-  size = "md",
-  alto = 80,
-  ancho = 90,
-  server = window?.location?.hostname,
-  ...props
-}) => {
-  const isLocalhost = LOCALHOST.includes(server);
-  const [isEditorActivo, setEditorActivo] = useState(false);
-  const gridCols = GRID_SIZES[size].cols;
-  const gridRows = GRID_SIZES[size].rows;
-  return /* @__PURE__ */ jsxs("div", { className: "visualizador-container", children: [
-    isLocalhost && /* @__PURE__ */ jsx(
-      ButtonEditor,
-      {
-        activo: isEditorActivo,
-        onClick: () => setEditorActivo((prev) => !prev)
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "visualizador-grid-css",
-        style: {
-          maxWidth: `${ancho}vw`,
-          height: `${alto}vh`,
-          gridTemplateColumns: `repeat(${gridCols}, 1fr)`,
-          gridTemplateRows: `repeat(${gridRows}, 1fr)`
-        },
-        ...props,
-        children: [
-          isEditorActivo && /* @__PURE__ */ jsx(EditorLayer, { gridCols, gridRows }),
-          slots.map((slot) => {
-            const { x, y, w, h, legend } = slot;
-            return /* @__PURE__ */ createElement(SlotWrapper, { ...slot, legend, key: slot.slot });
-          })
-        ]
-      }
-    )
-  ] });
-};
-export {
-  ViewLayout
-};
-//# sourceMappingURL=index.js.map
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, createElement } from "react";
+import SlotWrapper from "./slot-wrapper.js";
+import EditorLayer from "./editor-layer.js";
+import { GRID_SIZES, LOCALHOST } from "./constants.js";
+import ButtonEditor from "./button-editor.js";
+import "./styles.css";
+const ViewLayout = ({
+  slots = [],
+  size = "md",
+  alto = 80,
+  ancho = 90,
+  server = window?.location?.hostname,
+  ...props
+}) => {
+  const isLocalhost = LOCALHOST.includes(server);
+  const [isEditorActivo, setEditorActivo] = useState(false);
+  const gridCols = GRID_SIZES[size].cols;
+  const gridRows = GRID_SIZES[size].rows;
+  return /* @__PURE__ */ jsxs("div", { className: "visualizador-container", children: [
+    isLocalhost && /* @__PURE__ */ jsx(
+      ButtonEditor,
+      {
+        activo: isEditorActivo,
+        onClick: () => setEditorActivo((prev) => !prev)
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "visualizador-grid-css",
+        style: {
+          maxWidth: `${ancho}vw`,
+          height: `${alto}vh`,
+          gridTemplateColumns: `repeat(${gridCols}, 1fr)`,
+          gridTemplateRows: `repeat(${gridRows}, 1fr)`
+        },
+        ...props,
+        children: [
+          isEditorActivo && /* @__PURE__ */ jsx(EditorLayer, { gridCols, gridRows }),
+          slots.map((slot) => {
+            const { x, y, w, h, legend } = slot;
+            return /* @__PURE__ */ createElement(SlotWrapper, { ...slot, legend, key: slot.slot });
+          })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  ViewLayout
+};
+//# sourceMappingURL=index.js.map

package/dist/view-layout/slot-wrapper.js

@@ -1,39 +1,39 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-const SlotWrapper = ({
-  slot = 1,
-  component = null,
-  x = 0,
-  y = 0,
-  w = 2,
-  h = 2,
-  align = "stretch",
-  contentSize = "medium",
-  direction = "column",
-  justify = "flex-start",
-  legend,
-  showBorder = false
-}) => {
-  return /* @__PURE__ */ jsxs(
-    "fieldset",
-    {
-      className: `visualizador-slot visualizador-slot-content--${contentSize} visualizador-slot--${direction} visualizador-slot-align--${align} visualizador-slot-justify--${justify} ` + (!showBorder ? "visualizador-slot--no-border" : ""),
-      style: {
-        position: "relative",
-        gridColumn: `${x + 1} / span ${w}`,
-        gridRow: `${y + 1} / span ${h}`,
-        display: "flex",
-        overflow: "hidden",
-        border: showBorder ? void 0 : "none"
-      },
-      children: [
-        /* @__PURE__ */ jsx("legend", { className: "slot-legend", children: legend }),
-        /* @__PURE__ */ jsx("div", { className: "slot-content", children: component })
-      ]
-    },
-    slot
-  );
-};
-export {
-  SlotWrapper as default
-};
-//# sourceMappingURL=slot-wrapper.js.map
+import { jsxs, jsx } from "react/jsx-runtime";
+const SlotWrapper = ({
+  slot = 1,
+  component = null,
+  x = 0,
+  y = 0,
+  w = 2,
+  h = 2,
+  align = "stretch",
+  contentSize = "medium",
+  direction = "column",
+  justify = "flex-start",
+  legend,
+  showBorder = false
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "fieldset",
+    {
+      className: `visualizador-slot visualizador-slot-content--${contentSize} visualizador-slot--${direction} visualizador-slot-align--${align} visualizador-slot-justify--${justify} ` + (!showBorder ? "visualizador-slot--no-border" : ""),
+      style: {
+        position: "relative",
+        gridColumn: `${x + 1} / span ${w}`,
+        gridRow: `${y + 1} / span ${h}`,
+        display: "flex",
+        overflow: "hidden",
+        border: showBorder ? void 0 : "none"
+      },
+      children: [
+        /* @__PURE__ */ jsx("legend", { className: "slot-legend", children: legend }),
+        /* @__PURE__ */ jsx("div", { className: "slot-content", children: component })
+      ]
+    },
+    slot
+  );
+};
+export {
+  SlotWrapper as default
+};
+//# sourceMappingURL=slot-wrapper.js.map

package/dist/view-layout/styles.css

@@ -1,127 +1,127 @@
-.visualizador-container {
-  position: relative;
-}
-
-.visualizador-grid,
-.visualizador-grid-css {
-  width: 100%;
-  height: 100%;
-  min-width: 90vh;
-  min-height: 80vh;
-  background: #ffffff;
-  border-radius: 12px;
-  display: grid;
-  border: solid 2px #900604;
-  position: relative;
-  gap: 1px;
-  box-sizing: content-box;
-}
-
-.visualizador-slot {
-  display: flex;
-  border: 1px solid #900604;
-  border-radius: 7px;
-  background: #fff;
-}
-.visualizador-slot--row, .visualizador-slot-row {
-  flex-direction: row;
-}
-.visualizador-slot--column, .visualizador-slot-column, .visualizador-slot-column-col {
-  flex-direction: column;
-}
-.visualizador-slot-content--small {
-  font-size: 0.85rem;
-}
-.visualizador-slot-content--medium {
-  font-size: 1rem;
-}
-.visualizador-slot-content--large {
-  font-size: 1.5rem;
-}
-.visualizador-slot-align--start {
-  align-items: flex-start;
-}
-.visualizador-slot-align--center {
-  align-items: center;
-}
-.visualizador-slot-align--end {
-  align-items: flex-end;
-}
-.visualizador-slot-align--stretch {
-  align-items: stretch;
-}
-.visualizador-slot-justify--start {
-  justify-content: flex-start;
-}
-.visualizador-slot-justify--center {
-  justify-content: center;
-}
-.visualizador-slot-justify--end {
-  justify-content: flex-end;
-}
-.visualizador-slot-justify--space-between {
-  justify-content: space-between;
-}
-.visualizador-slot-justify--space-around {
-  justify-content: space-around;
-}
-.visualizador-slot-justify--space-evenly {
-  justify-content: space-evenly;
-}
-.visualizador-slot--no-border {
-  border: none !important;
-}
-
-.slot-legend {
-  width: auto;
-  font-size: 0.75rem;
-  margin-bottom: 0px !important;
-  margin-left: -20px !important;
-  font-weight: 700;
-  color: #900604;
-  white-space: nowrap;
-}
-
-.editor-layer {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-  z-index: 20;
-  display: grid;
-}
-
-.editor-layer-cell-coord {
-  font-size: 0.75rem;
-  justify-self: center;
-}
-
-.editor-layer-cell {
-  font-size: 0.7em;
-  color: #797979;
-  align-content: center;
-  padding: 2px;
-  text-align: left;
-  pointer-events: none;
-  box-sizing: border-box;
-  border: 1px dashed #bbb;
-}
-
-.visualizador-editor-btn {
-  position: absolute;
-  top: 8px;
-  right: 8px;
-  z-index: 100;
-  padding: 6px 12px;
-  font-size: 1em;
-  color: #fff;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-}
-.visualizador-editor-btn--activo {
-  background: #900604;
-}
-.visualizador-editor-btn--inactivo {
-  background: #bbb;
+.visualizador-container {
+  position: relative;
+}
+
+.visualizador-grid,
+.visualizador-grid-css {
+  width: 100%;
+  height: 100%;
+  min-width: 90vh;
+  min-height: 80vh;
+  background: #ffffff;
+  border-radius: 12px;
+  display: grid;
+  border: solid 2px #900604;
+  position: relative;
+  gap: 1px;
+  box-sizing: content-box;
+}
+
+.visualizador-slot {
+  display: flex;
+  border: 1px solid #900604;
+  border-radius: 7px;
+  background: #fff;
+}
+.visualizador-slot--row, .visualizador-slot-row {
+  flex-direction: row;
+}
+.visualizador-slot--column, .visualizador-slot-column, .visualizador-slot-column-col {
+  flex-direction: column;
+}
+.visualizador-slot-content--small {
+  font-size: 0.85rem;
+}
+.visualizador-slot-content--medium {
+  font-size: 1rem;
+}
+.visualizador-slot-content--large {
+  font-size: 1.5rem;
+}
+.visualizador-slot-align--start {
+  align-items: flex-start;
+}
+.visualizador-slot-align--center {
+  align-items: center;
+}
+.visualizador-slot-align--end {
+  align-items: flex-end;
+}
+.visualizador-slot-align--stretch {
+  align-items: stretch;
+}
+.visualizador-slot-justify--start {
+  justify-content: flex-start;
+}
+.visualizador-slot-justify--center {
+  justify-content: center;
+}
+.visualizador-slot-justify--end {
+  justify-content: flex-end;
+}
+.visualizador-slot-justify--space-between {
+  justify-content: space-between;
+}
+.visualizador-slot-justify--space-around {
+  justify-content: space-around;
+}
+.visualizador-slot-justify--space-evenly {
+  justify-content: space-evenly;
+}
+.visualizador-slot--no-border {
+  border: none !important;
+}
+
+.slot-legend {
+  width: auto;
+  font-size: 0.75rem;
+  margin-bottom: 0px !important;
+  margin-left: -20px !important;
+  font-weight: 700;
+  color: #900604;
+  white-space: nowrap;
+}
+
+.editor-layer {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 20;
+  display: grid;
+}
+
+.editor-layer-cell-coord {
+  font-size: 0.75rem;
+  justify-self: center;
+}
+
+.editor-layer-cell {
+  font-size: 0.7em;
+  color: #797979;
+  align-content: center;
+  padding: 2px;
+  text-align: left;
+  pointer-events: none;
+  box-sizing: border-box;
+  border: 1px dashed #bbb;
+}
+
+.visualizador-editor-btn {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  z-index: 100;
+  padding: 6px 12px;
+  font-size: 1em;
+  color: #fff;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.visualizador-editor-btn--activo {
+  background: #900604;
+}
+.visualizador-editor-btn--inactivo {
+  background: #bbb;
 }

package/dist/where-by-room/index.js

@@ -1,20 +1,20 @@
-import { jsx } from "react/jsx-runtime";
-import { WherebyProvider } from "@whereby.com/browser-sdk/react";
-import "@whereby.com/browser-sdk/embed";
-import { Room } from "./room.js";
-const WhereByRoom = ({ src, onEvent, onActions, iframeClass }) => {
-  return /* @__PURE__ */ jsx(WherebyProvider, { children: /* @__PURE__ */ jsx(
-    Room,
-    {
-      src,
-      onEvent,
-      onActions,
-      iframeClass
-    }
-  ) });
-};
-export {
-  WhereByRoom,
-  WhereByRoom as default
-};
-//# sourceMappingURL=index.js.map
+import { jsx } from "react/jsx-runtime";
+import { WherebyProvider } from "@whereby.com/browser-sdk/react";
+import "@whereby.com/browser-sdk/embed";
+import { Room } from "./room.js";
+const WhereByRoom = ({ src, onEvent, onActions, iframeClass }) => {
+  return /* @__PURE__ */ jsx(WherebyProvider, { children: /* @__PURE__ */ jsx(
+    Room,
+    {
+      src,
+      onEvent,
+      onActions,
+      iframeClass
+    }
+  ) });
+};
+export {
+  WhereByRoom,
+  WhereByRoom as default
+};
+//# sourceMappingURL=index.js.map

package/dist/where-by-room/room.js

@@ -1,78 +1,78 @@
-import { jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import "@whereby.com/browser-sdk/embed";
-const Room = ({ src, onEvent, onActions, iframeClass }) => {
-  const wherebyRef = useRef(null);
-  useEffect(() => {
-    const elm = wherebyRef.current;
-    if (!elm) return;
-    if (onActions) {
-      onActions({
-        endMeeting: () => elm.endMeeting(),
-        knock: () => elm.knock(),
-        cancelKnock: () => elm.cancelKnock(),
-        leaveRoom: () => elm.leaveRoom(),
-        startRecording: () => elm.startRecording(),
-        stopRecording: () => elm.stopRecording(),
-        startStreaming: () => elm.startStreaming(),
-        stopStreaming: () => elm.stopStreaming(),
-        startLiveTranscription: () => elm.startLiveTranscription(),
-        stopLiveTranscription: () => elm.stopLiveTranscription(),
-        toggleCamera: (enabled) => elm.toggleCamera(enabled),
-        toggleMicrophone: (enabled) => elm.toggleMicrophone(enabled),
-        toggleScreenshare: (enabled) => elm.toggleScreenshare(enabled),
-        toggleChat: (enabled) => elm.toggleChat(enabled)
-      });
-    }
-    const events = [
-      "ready",
-      "grant_device_permission",
-      "deny_device_permission",
-      "precall_check_completed",
-      "precall_check_skipped",
-      "knock",
-      "cancel_knock",
-      "join",
-      "leave",
-      "meeting_end",
-      "participantupdate",
-      "participant_join",
-      "participant_leave",
-      "microphone_toggle",
-      "camera_toggle",
-      "screenshare_toggle",
-      "chat_toggle",
-      "people_toggle",
-      "pip_toggle",
-      "streaming_status_change",
-      "recording_status_change",
-      "transcription_status_change",
-      "connection_status_change"
-    ];
-    function handleEvent(e) {
-      if (onEvent) onEvent(e.type, e.detail);
-    }
-    events.forEach((ev) => elm.addEventListener(ev, handleEvent));
-    return () => {
-      events.forEach((ev) => elm.removeEventListener(ev, handleEvent));
-    };
-  }, [onEvent, onActions]);
-  return /* @__PURE__ */ jsx("div", { className: iframeClass, children: /* @__PURE__ */ jsx(
-    "whereby-embed",
-    {
-      ref: wherebyRef,
-      class: iframeClass,
-      room: src,
-      chat: "on",
-      screenshare: "on",
-      audio: "on",
-      video: "on",
-      allow: "camera; microphone; fullscreen"
-    }
-  ) });
-};
-export {
-  Room,
-  Room as default
-};
-//# sourceMappingURL=room.js.map
+import { jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import "@whereby.com/browser-sdk/embed";
+const Room = ({ src, onEvent, onActions, iframeClass }) => {
+  const wherebyRef = useRef(null);
+  useEffect(() => {
+    const elm = wherebyRef.current;
+    if (!elm) return;
+    if (onActions) {
+      onActions({
+        endMeeting: () => elm.endMeeting(),
+        knock: () => elm.knock(),
+        cancelKnock: () => elm.cancelKnock(),
+        leaveRoom: () => elm.leaveRoom(),
+        startRecording: () => elm.startRecording(),
+        stopRecording: () => elm.stopRecording(),
+        startStreaming: () => elm.startStreaming(),
+        stopStreaming: () => elm.stopStreaming(),
+        startLiveTranscription: () => elm.startLiveTranscription(),
+        stopLiveTranscription: () => elm.stopLiveTranscription(),
+        toggleCamera: (enabled) => elm.toggleCamera(enabled),
+        toggleMicrophone: (enabled) => elm.toggleMicrophone(enabled),
+        toggleScreenshare: (enabled) => elm.toggleScreenshare(enabled),
+        toggleChat: (enabled) => elm.toggleChat(enabled)
+      });
+    }
+    const events = [
+      "ready",
+      "grant_device_permission",
+      "deny_device_permission",
+      "precall_check_completed",
+      "precall_check_skipped",
+      "knock",
+      "cancel_knock",
+      "join",
+      "leave",
+      "meeting_end",
+      "participantupdate",
+      "participant_join",
+      "participant_leave",
+      "microphone_toggle",
+      "camera_toggle",
+      "screenshare_toggle",
+      "chat_toggle",
+      "people_toggle",
+      "pip_toggle",
+      "streaming_status_change",
+      "recording_status_change",
+      "transcription_status_change",
+      "connection_status_change"
+    ];
+    function handleEvent(e) {
+      if (onEvent) onEvent(e.type, e.detail);
+    }
+    events.forEach((ev) => elm.addEventListener(ev, handleEvent));
+    return () => {
+      events.forEach((ev) => elm.removeEventListener(ev, handleEvent));
+    };
+  }, [onEvent, onActions]);
+  return /* @__PURE__ */ jsx("div", { className: iframeClass, children: /* @__PURE__ */ jsx(
+    "whereby-embed",
+    {
+      ref: wherebyRef,
+      class: iframeClass,
+      room: src,
+      chat: "on",
+      screenshare: "on",
+      audio: "on",
+      video: "on",
+      allow: "camera; microphone; fullscreen"
+    }
+  ) });
+};
+export {
+  Room,
+  Room as default
+};
+//# sourceMappingURL=room.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "siam-ui-utils",
-  "version": "3.0.28",
+  "version": "3.0.30",
   "keywords": [
     "ampf-react",
     "ampf-utils",

package/dist/_virtual/browser.js

@@ -1,8 +0,0 @@
-import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
-import { __require as requireBrowser } from "../node_modules/invariant/browser.js";
-var browserExports = requireBrowser();
-const invariant = /* @__PURE__ */ getDefaultExportFromCjs(browserExports);
-export {
-  invariant as default
-};
-//# sourceMappingURL=browser.js.map

package/dist/_virtual/browser.js.map

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

package/dist/_virtual/warning.js

@@ -1,8 +0,0 @@
-import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
-import { __require as requireWarning } from "../node_modules/warning/warning.js";
-var warningExports = requireWarning();
-const warning = /* @__PURE__ */ getDefaultExportFromCjs(warningExports);
-export {
-  warning as default
-};
-//# sourceMappingURL=warning.js.map

package/dist/_virtual/warning.js.map

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