@snapcall/stream-ui 1.29.0 → 1.29.1

package/dist/stream-ui.esm.js

@@ -5,6 +5,7 @@ import {QueryClient as $3Sbms$QueryClient, QueryClientProvider as $3Sbms$QueryCl
 import $3Sbms$reacthottoast, {toast as $3Sbms$toast, Toaster as $3Sbms$Toaster1, ToastBar as $3Sbms$ToastBar} from "react-hot-toast";
 import $3Sbms$styledcomponents, {keyframes as $3Sbms$keyframes, ThemeProvider as $3Sbms$ThemeProvider, ThemeContext as $3Sbms$ThemeContext, css as $3Sbms$css, createGlobalStyle as $3Sbms$createGlobalStyle} from "styled-components";
 import {useState as $3Sbms$useState, useRef as $3Sbms$useRef, useCallback as $3Sbms$useCallback, useEffect as $3Sbms$useEffect, useContext as $3Sbms$useContext, useMemo as $3Sbms$useMemo, createContext as $3Sbms$createContext, useReducer as $3Sbms$useReducer, useLayoutEffect as $3Sbms$useLayoutEffect, cloneElement as $3Sbms$cloneElement, forwardRef as $3Sbms$forwardRef} from "react";
+import $3Sbms$classnames from "classnames";
 import {TooltipProvider as $3Sbms$TooltipProvider, Toaster as $3Sbms$Toaster, Select as $3Sbms$Select, SelectTrigger as $3Sbms$SelectTrigger, SelectValue as $3Sbms$SelectValue, SelectContent as $3Sbms$SelectContent, SelectGroup as $3Sbms$SelectGroup, SelectItem as $3Sbms$SelectItem, useToast as $3Sbms$useToast, Dialog as $3Sbms$Dialog, DialogContent as $3Sbms$DialogContent, DialogHeader as $3Sbms$DialogHeader, DialogTitle as $3Sbms$DialogTitle, Tabs as $3Sbms$Tabs, TabsList as $3Sbms$TabsList, TabsTrigger as $3Sbms$TabsTrigger, TabsContent as $3Sbms$TabsContent, Input as $3Sbms$Input, Button as $3Sbms$Button, CreatableSelect as $3Sbms$CreatableSelect, Textarea as $3Sbms$Textarea, ToastAction as $3Sbms$ToastAction, Avatar as $3Sbms$Avatar, Tooltip as $3Sbms$Tooltip, TooltipContent as $3Sbms$TooltipContent, TooltipTrigger as $3Sbms$TooltipTrigger, AlertDialog as $3Sbms$AlertDialog, AlertDialogContent as $3Sbms$AlertDialogContent, AlertDialogFooter as $3Sbms$AlertDialogFooter, AlertDialogCancel as $3Sbms$AlertDialogCancel, AlertDialogAction as $3Sbms$AlertDialogAction, RawToast as $3Sbms$RawToast, ToastContent as $3Sbms$ToastContent, Sheet as $3Sbms$Sheet, DialogTrigger as $3Sbms$DialogTrigger, SheetTrigger as $3Sbms$SheetTrigger, SheetHeader as $3Sbms$SheetHeader, SheetClose as $3Sbms$SheetClose, SheetContent as $3Sbms$SheetContent, SheetTitle as $3Sbms$SheetTitle, DialogDescription as $3Sbms$DialogDescription, SheetDescription as $3Sbms$SheetDescription, DialogFooter as $3Sbms$DialogFooter, AlertDialogHeader as $3Sbms$AlertDialogHeader, AlertDialogTitle as $3Sbms$AlertDialogTitle, AlertDialogDescription as $3Sbms$AlertDialogDescription} from "@snapcall/design-system";
 import "inobounce";
 import {useTranslation as $3Sbms$useTranslation, initReactI18next as $3Sbms$initReactI18next, Trans as $3Sbms$Trans} from "react-i18next";
@@ -22,7 +23,6 @@ import {Buffer as $3Sbms$Buffer} from "buffer";
 import {Form as $3Sbms$Form, FormField as $3Sbms$FormField, FormItem as $3Sbms$FormItem, FormLabel as $3Sbms$FormLabel, FormControl as $3Sbms$FormControl, FormMessage as $3Sbms$FormMessage} from "@snapcall/design-system/form";
 import {useForm as $3Sbms$useForm} from "react-hook-form";
 import {createPortal as $3Sbms$createPortal} from "react-dom";
-import $3Sbms$classnames from "classnames";
 import {toCanvas as $3Sbms$toCanvas, toDataURL as $3Sbms$toDataURL} from "qrcode";
 
 
@@ -344,6 +344,7 @@ const $35b37252690084e8$export$1cbfb36c1655a9a = (root, element)=>{
 
 
 
+
 const $a3e657fb86ae23f3$export$604ba5624273df44 = ()=>{
     try {
         const storedTheme = localStorage.getItem('stream_ui_language');
@@ -1325,7 +1326,7 @@ const $120418cdeb6706cf$export$de363e709c412c8a = (fn, wait = 300)=>{
 
 
 
-const $07e4bc01ab825269$export$6ad2c48011488f7 = async (apiUrl, { file: file, token: token })=>{
+const $07e4bc01ab825269$export$6ad2c48011488f7 = async (apiUrl, { file: file, token: token, type: type })=>{
     if (!file) throw new Error(`Missing file on "${file}"`);
     const upload = await fetch(`${apiUrl}/public/streams/${token}/events/upload`, {
         method: 'POST',
@@ -1334,7 +1335,8 @@ const $07e4bc01ab825269$export$6ad2c48011488f7 = async (apiUrl, { file: file, to
         },
         body: JSON.stringify({
             filename: file.name,
-            contentLength: file.size
+            contentLength: file.size,
+            type: type
         })
     });
     const { url: url, headers: headers, filename: filename } = await upload.json();
@@ -2767,9 +2769,10 @@ class $c31e3fb4360572af$export$2e2bcd8739ae039 extends $c31e3fb4360572af$var$Str
             base64Image: base64Image
         });
     }
-    async uploadAsset(file) {
+    async uploadAsset(file, type) {
         return (0, $07e4bc01ab825269$export$6ad2c48011488f7)(this.config.apiUrl, {
             token: this.roomId,
+            type: type,
             file: file
         });
     }
@@ -10949,14 +10952,6 @@ const $946223bbb2c552ef$export$5a5695b638d078e7 = ()=>{
 
 
 
-const $20431dc869bb21e0$var$fileToDataUrl = (file)=>{
-    return new Promise((resolve, reject)=>{
-        const reader = new FileReader();
-        reader.addEventListener('load', ()=>resolve(reader.result));
-        reader.addEventListener('error', ()=>reject(reader.error));
-        reader.readAsDataURL(file);
-    });
-};
 const $20431dc869bb21e0$var$generateVideoThumbnail = (file)=>{
     return new Promise((resolve)=>{
         const canvas = document.createElement('canvas');
@@ -10996,21 +10991,12 @@ const $20431dc869bb21e0$export$b3fd96a52c80b3af = ()=>{
             });
             openAssetsModal();
             try {
-                let url;
                 let thumbnailUrl;
-                let filename;
-                if (type === 'image') {
-                    const dataUrl = await $20431dc869bb21e0$var$fileToDataUrl(file);
-                    const data = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).saveCapture(dataUrl);
-                    url = data.url;
-                    filename = data.filename;
-                } else {
-                    const data = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).uploadAsset(file);
-                    url = data.url;
-                    filename = data.filename;
-                    if (type === 'video') thumbnailUrl = await $20431dc869bb21e0$var$generateVideoThumbnail(file);
-                    if (!url || !filename) throw new Error('upload failed');
-                }
+                const data = await (0, $c9e496369b59be7a$export$2f377c2162fd02b2).uploadAsset(file, type);
+                const url = data.url;
+                const filename = data.filename;
+                if (type === 'video') thumbnailUrl = await $20431dc869bb21e0$var$generateVideoThumbnail(file);
+                if (!url || !filename) throw new Error('upload failed');
                 addAsset({
                     filename: filename,
                     mode: mode,
@@ -14641,7 +14627,7 @@ const $26ed036cbc17809a$var$StreamUI = ({ options: baseOptions })=>{
                 /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$TooltipProvider), {
                     children: /*#__PURE__*/ (0, $3Sbms$jsxs)((0, $4fb4815baa04b470$export$914ddf2021ea8ee6), {
                         ref: streamUIContainerRef,
-                        className: "dark-theme bg-white",
+                        className: (0, $3Sbms$classnames)('bg-white', streamState === 'greeting' ? 'light-theme' : 'dark-theme'),
                         children: [
                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3a42b2ef7646d035$export$2e2bcd8739ae039), {}),
                             /*#__PURE__*/ (0, $3Sbms$jsx)((0, $3Sbms$Toaster), {

package/dist/stream-ui.js

@@ -5,6 +5,7 @@ var $jQDcL$tanstackreactquery = require("@tanstack/react-query");
 var $jQDcL$reacthottoast = require("react-hot-toast");
 var $jQDcL$styledcomponents = require("styled-components");
 var $jQDcL$react = require("react");
+var $jQDcL$classnames = require("classnames");
 var $jQDcL$snapcalldesignsystem = require("@snapcall/design-system");
 require("inobounce");
 var $jQDcL$reacti18next = require("react-i18next");
@@ -22,7 +23,6 @@ var $jQDcL$buffer = require("buffer");
 var $jQDcL$snapcalldesignsystemform = require("@snapcall/design-system/form");
 var $jQDcL$reacthookform = require("react-hook-form");
 var $jQDcL$reactdom = require("react-dom");
-var $jQDcL$classnames = require("classnames");
 var $jQDcL$qrcode = require("qrcode");
 
 
@@ -350,6 +350,7 @@ const $57b7750d9786bf6f$export$1cbfb36c1655a9a = (root, element)=>{
 
 
 
+
 const $393bda1b33846dfc$export$604ba5624273df44 = ()=>{
     try {
         const storedTheme = localStorage.getItem('stream_ui_language');
@@ -1331,7 +1332,7 @@ const $3898fb88b880f5ba$export$de363e709c412c8a = (fn, wait = 300)=>{
 
 
 
-const $987c962fd22b0c93$export$6ad2c48011488f7 = async (apiUrl, { file: file, token: token })=>{
+const $987c962fd22b0c93$export$6ad2c48011488f7 = async (apiUrl, { file: file, token: token, type: type })=>{
     if (!file) throw new Error(`Missing file on "${file}"`);
     const upload = await fetch(`${apiUrl}/public/streams/${token}/events/upload`, {
         method: 'POST',
@@ -1340,7 +1341,8 @@ const $987c962fd22b0c93$export$6ad2c48011488f7 = async (apiUrl, { file: file, to
         },
         body: JSON.stringify({
             filename: file.name,
-            contentLength: file.size
+            contentLength: file.size,
+            type: type
         })
     });
     const { url: url, headers: headers, filename: filename } = await upload.json();
@@ -2773,9 +2775,10 @@ class $1dedebd5ff3002eb$export$2e2bcd8739ae039 extends $1dedebd5ff3002eb$var$Str
             base64Image: base64Image
         });
     }
-    async uploadAsset(file) {
+    async uploadAsset(file, type) {
         return (0, $987c962fd22b0c93$export$6ad2c48011488f7)(this.config.apiUrl, {
             token: this.roomId,
+            type: type,
             file: file
         });
     }
@@ -10955,14 +10958,6 @@ const $8dfcca373a03b9e8$export$5a5695b638d078e7 = ()=>{
 
 
 
-const $ccbd73eb953b0bd0$var$fileToDataUrl = (file)=>{
-    return new Promise((resolve, reject)=>{
-        const reader = new FileReader();
-        reader.addEventListener('load', ()=>resolve(reader.result));
-        reader.addEventListener('error', ()=>reject(reader.error));
-        reader.readAsDataURL(file);
-    });
-};
 const $ccbd73eb953b0bd0$var$generateVideoThumbnail = (file)=>{
     return new Promise((resolve)=>{
         const canvas = document.createElement('canvas');
@@ -11002,21 +10997,12 @@ const $ccbd73eb953b0bd0$export$b3fd96a52c80b3af = ()=>{
             });
             openAssetsModal();
             try {
-                let url;
                 let thumbnailUrl;
-                let filename;
-                if (type === 'image') {
-                    const dataUrl = await $ccbd73eb953b0bd0$var$fileToDataUrl(file);
-                    const data = await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).saveCapture(dataUrl);
-                    url = data.url;
-                    filename = data.filename;
-                } else {
-                    const data = await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).uploadAsset(file);
-                    url = data.url;
-                    filename = data.filename;
-                    if (type === 'video') thumbnailUrl = await $ccbd73eb953b0bd0$var$generateVideoThumbnail(file);
-                    if (!url || !filename) throw new Error('upload failed');
-                }
+                const data = await (0, $c48c1ecc38fed4e9$export$2f377c2162fd02b2).uploadAsset(file, type);
+                const url = data.url;
+                const filename = data.filename;
+                if (type === 'video') thumbnailUrl = await $ccbd73eb953b0bd0$var$generateVideoThumbnail(file);
+                if (!url || !filename) throw new Error('upload failed');
                 addAsset({
                     filename: filename,
                     mode: mode,
@@ -14647,7 +14633,7 @@ const $ee8cb448c2c74888$var$StreamUI = ({ options: baseOptions })=>{
                 /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.TooltipProvider), {
                     children: /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsxs)((0, $e3bb2c5d0e5b45b5$export$914ddf2021ea8ee6), {
                         ref: streamUIContainerRef,
-                        className: "dark-theme bg-white",
+                        className: (0, ($parcel$interopDefault($jQDcL$classnames)))('bg-white', streamState === 'greeting' ? 'light-theme' : 'dark-theme'),
                         children: [
                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $e66cc5db58913155$export$2e2bcd8739ae039), {}),
                             /*#__PURE__*/ (0, $jQDcL$reactjsxruntime.jsx)((0, $jQDcL$snapcalldesignsystem.Toaster), {

package/dist/types.d.ts

@@ -541,7 +541,7 @@ declare class StreamerClient extends StreamerEventTargetType implements AudioLev
         url: string;
         filename: string;
     }>;
-    uploadAsset(file: any): Promise<{
+    uploadAsset(file: any, type: 'image' | 'video' | 'audio'): Promise<{
         url?: string;
         filename: string;
     }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@snapcall/stream-ui",
-  "version": "1.29.0",
+  "version": "1.29.1",
   "description": "",
   "source": "src/index.tsx",
   "main": "dist/stream-ui.js",