@streamplace/components 0.7.35 → 0.8.3

package/dist/components/ui/tooltip.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const theme_1 = require("../../lib/theme/theme");
+const text_1 = require("../ui/text");
+exports.Tooltip = (0, react_1.forwardRef)(({ content, children, position = "top", style }, ref) => {
+    const { theme } = (0, theme_1.useTheme)();
+    const [isVisible, setIsVisible] = (0, react_1.useState)(false);
+    const styles = createStyles(theme, position);
+    const handleHoverIn = () => {
+        setIsVisible(true);
+    };
+    const handleHoverOut = () => {
+        setIsVisible(false);
+    };
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { ref: ref, style: [styles.container, style], onPointerEnter: handleHoverIn, onPointerLeave: handleHoverOut, children: [children, isVisible && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.tooltip, children: (0, jsx_runtime_1.jsx)(text_1.Text, { style: styles.tooltipText, children: content }) }))] }));
+});
+exports.Tooltip.displayName = "Tooltip";
+function createStyles(theme, position) {
+    const positionStyles = {
+        top: {
+            tooltip: {
+                bottom: "100%",
+                left: "50%",
+                transform: [{ translateX: -50 }],
+                marginBottom: theme.spacing[1],
+            },
+            arrow: {
+                top: "100%",
+                left: "50%",
+                transform: [{ translateX: -50 }],
+                borderTopColor: theme.colors.card,
+            },
+        },
+        bottom: {
+            tooltip: {
+                top: "100%",
+                left: "50%",
+                transform: [{ translateX: -50 }],
+                marginTop: theme.spacing[1],
+            },
+            arrow: {
+                bottom: "100%",
+                left: "50%",
+                transform: [{ translateX: -50 }],
+                borderBottomColor: theme.colors.card,
+            },
+        },
+        left: {
+            tooltip: {
+                right: "100%",
+                top: "50%",
+                transform: [{ translateY: -50 }],
+                marginRight: theme.spacing[1],
+            },
+            arrow: {
+                left: "100%",
+                top: "50%",
+                transform: [{ translateY: -50 }],
+                borderLeftColor: theme.colors.card,
+            },
+        },
+        right: {
+            tooltip: {
+                left: "100%",
+                top: "50%",
+                transform: [{ translateY: -50 }],
+                marginLeft: theme.spacing[1],
+            },
+            arrow: {
+                right: "100%",
+                top: "50%",
+                transform: [{ translateY: -50 }],
+                borderRightColor: theme.colors.card,
+            },
+        },
+    };
+    const currentPosition = positionStyles[position];
+    return react_native_1.StyleSheet.create({
+        container: {
+            position: "relative",
+        },
+        tooltip: {
+            position: "absolute",
+            backgroundColor: theme.colors.card,
+            borderRadius: theme.borderRadius.md,
+            padding: theme.spacing[2],
+            maxWidth: 200,
+            ...theme.shadows.lg,
+            ...currentPosition.tooltip,
+            zIndex: 1000,
+        },
+        tooltipText: {
+            color: theme.colors.text,
+            fontSize: 12,
+            lineHeight: 16,
+            textAlign: "left",
+        },
+    });
+}

package/dist/index.js

@@ -36,3 +36,5 @@ exports.Dashboard = tslib_1.__importStar(require("./components/dashboard"));
 // Storage exports
 var storage_1 = require("./storage");
 Object.defineProperty(exports, "storage", { enumerable: true, get: function () { return tslib_1.__importDefault(storage_1).default; } });
+// Content metadata components
+tslib_1.__exportStar(require("./components/content-metadata"), exports);

package/dist/lib/metadata-constants.js

@@ -0,0 +1,157 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.C2PA_WARNING_LABELS = exports.LICENSE_URL_LABELS = exports.LICENSE_OPTIONS = exports.CONTENT_WARNINGS = void 0;
+const streamplace_1 = require("streamplace");
+// Content warnings derived from lexicon schema
+exports.CONTENT_WARNINGS = (() => {
+    // Find the content warnings schema
+    const contentWarningsSchema = streamplace_1.schemas.find((schema) => schema.id === "place.stream.metadata.contentWarnings");
+    if (!contentWarningsSchema?.defs) {
+        throw new Error("Could not find place.stream.metadata.contentWarnings schema");
+    }
+    const contentWarningConstants = [
+        { constant: "place.stream.metadata.contentWarnings#death", label: "Death" },
+        {
+            constant: "place.stream.metadata.contentWarnings#drugUse",
+            label: "Drug Use",
+        },
+        {
+            constant: "place.stream.metadata.contentWarnings#fantasyViolence",
+            label: "Fantasy Violence",
+        },
+        {
+            constant: "place.stream.metadata.contentWarnings#flashingLights",
+            label: "Flashing Lights",
+        },
+        {
+            constant: "place.stream.metadata.contentWarnings#language",
+            label: "Language",
+        },
+        {
+            constant: "place.stream.metadata.contentWarnings#nudity",
+            label: "Nudity",
+        },
+        {
+            constant: "place.stream.metadata.contentWarnings#PII",
+            label: "Personally Identifiable Information",
+        },
+        {
+            constant: "place.stream.metadata.contentWarnings#sexuality",
+            label: "Sexuality",
+        },
+        {
+            constant: "place.stream.metadata.contentWarnings#suffering",
+            label: "Upsetting or Disturbing",
+        },
+        {
+            constant: "place.stream.metadata.contentWarnings#violence",
+            label: "Violence",
+        },
+    ];
+    return contentWarningConstants.map(({ constant, label }) => {
+        // Extract the key from the constant by splitting on '#'
+        const key = constant.split("#")[1];
+        const def = contentWarningsSchema.defs[key];
+        const description = def?.description || `Description for ${label}`;
+        return {
+            value: constant,
+            label: label,
+            description: description,
+        };
+    });
+})();
+// License options derived from lexicon schema
+exports.LICENSE_OPTIONS = (() => {
+    // Find the content rights schema
+    const contentRightsSchema = streamplace_1.schemas.find((schema) => schema.id === "place.stream.metadata.contentRights");
+    if (!contentRightsSchema?.defs) {
+        throw new Error("Could not find place.stream.metadata.contentRights schema");
+    }
+    const licenseConstants = [
+        {
+            constant: "place.stream.metadata.contentRights#all-rights-reserved",
+            label: "All Rights Reserved",
+        },
+        {
+            constant: "place.stream.metadata.contentRights#cc0_1__0",
+            label: "CC0 (Public Domain) 1.0",
+        },
+        {
+            constant: "place.stream.metadata.contentRights#cc-by_4__0",
+            label: "CC BY 4.0",
+        },
+        {
+            constant: "place.stream.metadata.contentRights#cc-by-sa_4__0",
+            label: "CC BY-SA 4.0",
+        },
+        {
+            constant: "place.stream.metadata.contentRights#cc-by-nc_4__0",
+            label: "CC BY-NC 4.0",
+        },
+        {
+            constant: "place.stream.metadata.contentRights#cc-by-nc-sa_4__0",
+            label: "CC BY-NC-SA 4.0",
+        },
+        {
+            constant: "place.stream.metadata.contentRights#cc-by-nd_4__0",
+            label: "CC BY-ND 4.0",
+        },
+        {
+            constant: "place.stream.metadata.contentRights#cc-by-nc-nd_4__0",
+            label: "CC BY-NC-ND 4.0",
+        },
+    ];
+    const options = licenseConstants.map(({ constant, label }) => {
+        // Extract the key from the constant by splitting on '#'
+        const key = constant.split("#")[1];
+        const def = contentRightsSchema.defs[key];
+        const description = def?.description || `Description for ${label}`;
+        return {
+            value: constant,
+            label: label,
+            description: description,
+        };
+    });
+    // Add custom license option
+    options.push({
+        value: "custom",
+        label: "Custom License",
+        description: "Custom license. Define your own terms for how others can use, adapt, or share your content.",
+    });
+    return options;
+})();
+// License URL labels for C2PA manifests
+exports.LICENSE_URL_LABELS = {
+    "http://creativecommons.org/publicdomain/zero/1.0/": "CC0 - Public Domain 1.0",
+    "http://creativecommons.org/licenses/by/4.0/": "CC BY - Attribution 4.0",
+    "http://creativecommons.org/licenses/by-sa/4.0/": "CC BY-SA - Attribution ShareAlike 4.0",
+    "http://creativecommons.org/licenses/by-nc/4.0/": "CC BY-NC - Attribution NonCommercial 4.0",
+    "http://creativecommons.org/licenses/by-nc-sa/4.0/": "CC BY-NC-SA - Attribution NonCommercial ShareAlike 4.0",
+    "http://creativecommons.org/licenses/by-nd/4.0/": "CC BY-ND - Attribution NoDerivatives 4.0",
+    "http://creativecommons.org/licenses/by-nc-nd/4.0/": "CC BY-NC-ND - Attribution NonCommercial NoDerivatives 4.0",
+    "All rights reserved": "All Rights Reserved",
+};
+// C2PA warning labels for content warnings
+exports.C2PA_WARNING_LABELS = {
+    "cwarn:death": "Death",
+    "cwarn:drugUse": "Drug Use",
+    "cwarn:fantasyViolence": "Fantasy Violence",
+    "cwarn:flashingLights": "Flashing Lights",
+    "cwarn:language": "Language",
+    "cwarn:nudity": "Nudity",
+    "cwarn:PII": "Personally Identifiable Information",
+    "cwarn:sexuality": "Sexuality",
+    "cwarn:suffering": "Upsetting or Disturbing",
+    "cwarn:violence": "Violence",
+    // Also support lexicon constants for backward compatibility
+    "place.stream.metadata.contentWarnings#death": "Death",
+    "place.stream.metadata.contentWarnings#drugUse": "Drug Use",
+    "place.stream.metadata.contentWarnings#fantasyViolence": "Fantasy Violence",
+    "place.stream.metadata.contentWarnings#flashingLights": "Flashing Lights",
+    "place.stream.metadata.contentWarnings#language": "Language",
+    "place.stream.metadata.contentWarnings#nudity": "Nudity",
+    "place.stream.metadata.contentWarnings#PII": "Personally Identifiable Information",
+    "place.stream.metadata.contentWarnings#sexuality": "Sexuality",
+    "place.stream.metadata.contentWarnings#suffering": "Upsetting or Disturbing",
+    "place.stream.metadata.contentWarnings#violence": "Violence",
+};

package/dist/lib/theme/theme.js

@@ -166,12 +166,14 @@ function generateThemeColorsFromPalette(palette, isDark) {
         mutedForeground: isDark ? palette[400] : palette[500],
         accent: isDark ? palette[800] : palette[100],
         accentForeground: isDark ? palette[50] : palette[900],
-        destructive: react_native_1.Platform.OS === "ios" ? tokens_1.colors.ios.systemRed : tokens_1.colors.destructive[500],
+        destructive: tokens_1.colors.destructive[700],
         destructiveForeground: tokens_1.colors.white,
-        success: react_native_1.Platform.OS === "ios" ? tokens_1.colors.ios.systemGreen : tokens_1.colors.success[500],
+        success: tokens_1.colors.success[700],
         successForeground: tokens_1.colors.white,
-        warning: react_native_1.Platform.OS === "ios" ? tokens_1.colors.ios.systemOrange : tokens_1.colors.warning[500],
+        warning: tokens_1.colors.warning[700],
         warningForeground: tokens_1.colors.white,
+        info: tokens_1.colors.blue[700],
+        infoForeground: isDark ? palette[50] : palette[900],
         border: isDark ? palette[500] + "30" : palette[200] + "30",
         input: isDark ? palette[800] : palette[200],
         ring: react_native_1.Platform.OS === "ios" ? tokens_1.colors.ios.systemBlue : tokens_1.colors.primary[500],

package/dist/streamplace-provider/index.js

@@ -1,21 +1,31 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StreamplaceProvider = StreamplaceProvider;
+exports.ChatProfileCreator = ChatProfileCreator;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const streamplace_store_1 = require("../streamplace-store/streamplace-store");
+const streamplace_store_1 = require("../streamplace-store");
+const streamplace_store_2 = require("../streamplace-store/streamplace-store");
 const context_1 = require("./context");
 const poller_1 = tslib_1.__importDefault(require("./poller"));
 function StreamplaceProvider({ children, url, oauthSession, }) {
-    console.log("session in provider is", oauthSession);
     // todo: handle url changes?
-    const store = (0, react_1.useRef)((0, streamplace_store_1.makeStreamplaceStore)({ url })).current;
+    const store = (0, react_1.useRef)((0, streamplace_store_2.makeStreamplaceStore)({ url })).current;
     (0, react_1.useEffect)(() => {
         store.setState({ url });
     }, [url]);
     (0, react_1.useEffect)(() => {
         store.setState({ oauthSession });
     }, [oauthSession]);
-    return ((0, jsx_runtime_1.jsx)(context_1.StreamplaceContext.Provider, { value: { store: store }, children: (0, jsx_runtime_1.jsx)(poller_1.default, { children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(context_1.StreamplaceContext.Provider, { value: { store: store }, children: (0, jsx_runtime_1.jsx)(ChatProfileCreator, { oauthSession: oauthSession, children: (0, jsx_runtime_1.jsx)(poller_1.default, { children: children }) }) }));
+}
+function ChatProfileCreator({ oauthSession, children, }) {
+    const getChatProfile = (0, streamplace_store_1.useGetChatProfile)();
+    (0, react_1.useEffect)(() => {
+        if (oauthSession) {
+            getChatProfile();
+        }
+    }, [oauthSession]);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
 }

package/dist/streamplace-store/content-metadata-actions.js

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGetContentMetadata = exports.useSaveContentMetadata = exports.useGetBroadcasterDID = void 0;
+const streamplace_store_1 = require("./streamplace-store");
+const xrpc_1 = require("./xrpc");
+const useGetBroadcasterDID = () => {
+    const pdsAgent = (0, xrpc_1.usePDSAgent)();
+    const did = (0, streamplace_store_1.useDID)();
+    const setBroadcasterDID = (0, streamplace_store_1.useStreamplaceStore)((state) => state.setBroadcasterDID);
+    const setServerDID = (0, streamplace_store_1.useStreamplaceStore)((state) => state.setServerDID);
+    return async () => {
+        if (!pdsAgent || !did) {
+            throw new Error("No PDS agent or DID available");
+        }
+        const result = await pdsAgent.place.stream.broadcast.getBroadcaster();
+        if (!result.success) {
+            throw new Error("Failed to get broadcaster DID");
+        }
+        setBroadcasterDID(result.data.broadcaster);
+        if (result.data.server) {
+            setServerDID(result.data.server);
+        }
+        else {
+            setServerDID(null);
+        }
+    };
+};
+exports.useGetBroadcasterDID = useGetBroadcasterDID;
+const useSaveContentMetadata = () => {
+    const pdsAgent = (0, xrpc_1.usePDSAgent)();
+    const did = (0, streamplace_store_1.useDID)();
+    const setContentMetadata = (0, streamplace_store_1.useSetContentMetadata)();
+    return async (metadataRecord) => {
+        if (!pdsAgent || !did) {
+            throw new Error("No PDS agent or DID available");
+        }
+        try {
+            // Try to update existing record first
+            const result = await pdsAgent.com.atproto.repo.putRecord({
+                repo: did,
+                collection: "place.stream.metadata.configuration",
+                rkey: "self",
+                record: metadataRecord,
+            });
+            const contentMetadata = {
+                record: metadataRecord,
+                uri: result.data.uri,
+                cid: result.data.cid || "",
+                rkey: "self",
+            };
+            setContentMetadata(contentMetadata);
+            return contentMetadata;
+        }
+        catch (error) {
+            // If record doesn't exist, create it
+            if (error instanceof Error &&
+                (error.message?.includes("not found") ||
+                    error.message?.includes("RecordNotFound") ||
+                    error.message?.includes("mst: not found") ||
+                    error?.status === 404)) {
+                const createResult = await pdsAgent.com.atproto.repo.createRecord({
+                    repo: did,
+                    collection: "place.stream.metadata.configuration",
+                    rkey: "self",
+                    record: metadataRecord,
+                });
+                const contentMetadata = {
+                    record: metadataRecord,
+                    uri: createResult.data.uri,
+                    cid: createResult.data.cid || "",
+                    rkey: "self",
+                };
+                setContentMetadata(contentMetadata);
+                return contentMetadata;
+            }
+            throw error;
+        }
+    };
+};
+exports.useSaveContentMetadata = useSaveContentMetadata;
+// Simple get function
+const useGetContentMetadata = () => {
+    const pdsAgent = (0, xrpc_1.usePDSAgent)();
+    const did = (0, streamplace_store_1.useDID)();
+    const setContentMetadata = (0, streamplace_store_1.useSetContentMetadata)();
+    return async (params) => {
+        if (!pdsAgent) {
+            throw new Error("No PDS agent available");
+        }
+        const targetDid = params?.userDid || did;
+        if (!targetDid) {
+            throw new Error("No DID provided or user not authenticated");
+        }
+        try {
+            const result = await pdsAgent.com.atproto.repo.getRecord({
+                repo: targetDid,
+                collection: "place.stream.metadata.configuration",
+                rkey: params?.rkey || "self",
+            });
+            if (!result.success) {
+                throw new Error("Failed to get content metadata record");
+            }
+            const contentMetadata = {
+                record: result.data.value,
+                uri: result.data.uri,
+                cid: result.data.cid || "",
+            };
+            setContentMetadata(contentMetadata);
+            return contentMetadata;
+        }
+        catch (error) {
+            // Handle record not found - this is normal for new users
+            if (error instanceof Error &&
+                (error.message?.includes("not found") ||
+                    error.message?.includes("RecordNotFound") ||
+                    error.message?.includes("mst: not found") ||
+                    error?.status === 404)) {
+                return null;
+            }
+            throw error;
+        }
+    };
+};
+exports.useGetContentMetadata = useGetContentMetadata;

package/dist/streamplace-store/streamplace-store.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useEffectiveVolume = exports.useSetMuted = exports.useSetVolume = exports.useMuted = exports.useVolume = exports.useSetHandle = exports.useHandle = exports.useDID = exports.useUrl = exports.makeStreamplaceStore = void 0;
+exports.useUpdateStreamRecord = exports.useCreateStreamRecord = exports.useEffectiveVolume = exports.useSetMuted = exports.useSetVolume = exports.useMuted = exports.useVolume = exports.useSetContentMetadata = exports.useContentMetadata = exports.useSetHandle = exports.useHandle = exports.useDID = exports.useUrl = exports.makeStreamplaceStore = void 0;
 exports.getStreamplaceStoreFromContext = getStreamplaceStoreFromContext;
 exports.useStreamplaceStore = useStreamplaceStore;
 const tslib_1 = require("tslib");
@@ -25,6 +25,13 @@ const makeStreamplaceStore = ({ url, }) => {
         oauthSession: null,
         handle: null,
         chatProfile: null,
+        broadcasterDID: null,
+        setBroadcasterDID: (broadcasterDID) => set({ broadcasterDID }),
+        serverDID: null,
+        setServerDID: (serverDID) => set({ serverDID }),
+        // Content metadata
+        contentMetadata: null,
+        setContentMetadata: (metadata) => set({ contentMetadata: metadata }),
         // Volume state - start with defaults
         volume: 1.0,
         muted: false,
@@ -68,14 +75,13 @@ const makeStreamplaceStore = ({ url, }) => {
             if (storedMuted) {
                 initialMuted = storedMuted === "true";
             }
-            // Update the store with loaded values
             store.setState({
                 volume: initialVolume,
                 muted: initialMuted,
             });
         }
-        catch (e) {
-            console.warn("Failed to load volume settings from storage:", e);
+        catch (error) {
+            console.error("Failed to load volume state from storage:", error);
         }
     })();
     return store;
@@ -102,7 +108,15 @@ const useSetHandle = () => {
     return (handle) => store.setState({ handle });
 };
 exports.useSetHandle = useSetHandle;
-// Volume convenience hooks
+// Content metadata hooks
+const useContentMetadata = () => useStreamplaceStore((x) => x.contentMetadata);
+exports.useContentMetadata = useContentMetadata;
+const useSetContentMetadata = () => {
+    const store = getStreamplaceStoreFromContext();
+    return (metadata) => store.setState({ contentMetadata: metadata });
+};
+exports.useSetContentMetadata = useSetContentMetadata;
+// Volume/muted hooks
 const useVolume = () => useStreamplaceStore((x) => x.volume);
 exports.useVolume = useVolume;
 const useMuted = () => useStreamplaceStore((x) => x.muted);
@@ -118,3 +132,6 @@ const useEffectiveVolume = () => useStreamplaceStore((state) => {
     return Number.isFinite(effectiveVolume) ? effectiveVolume : 1.0;
 });
 exports.useEffectiveVolume = useEffectiveVolume;
+var stream_1 = require("./stream");
+Object.defineProperty(exports, "useCreateStreamRecord", { enumerable: true, get: function () { return stream_1.useCreateStreamRecord; } });
+Object.defineProperty(exports, "useUpdateStreamRecord", { enumerable: true, get: function () { return stream_1.useUpdateStreamRecord; } });

package/dist/streamplace-store/user.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useGetChatProfile = useGetChatProfile;
+exports.useCreateEmptyChatProfile = useCreateEmptyChatProfile;
 exports.useGetBskyProfile = useGetBskyProfile;
 exports.useChatProfile = useChatProfile;
 const streamplace_1 = require("streamplace");
@@ -10,17 +11,34 @@ function useGetChatProfile() {
     const did = (0, streamplace_store_1.useDID)();
     const pdsAgent = (0, xrpc_1.usePDSAgent)();
     const store = (0, streamplace_store_1.getStreamplaceStoreFromContext)();
+    const createEmptyChatProfile = useCreateEmptyChatProfile();
     return async () => {
         if (!did || !pdsAgent) {
             throw new Error("No DID or PDS agent");
         }
-        const res = await pdsAgent.com.atproto.repo.getRecord({
-            repo: did,
-            collection: "place.stream.chat.profile",
-            rkey: "self",
-        });
-        if (!res.success) {
-            throw new Error("Failed to get chat profile record");
+        let res;
+        try {
+            res = await pdsAgent.com.atproto.repo.getRecord({
+                repo: did,
+                collection: "place.stream.chat.profile",
+                rkey: "self",
+            });
+        }
+        catch (e) {
+            console.error("Failed to get chat profile record, attempting creation", e);
+        }
+        if (!res || !res.success) {
+            try {
+                await createEmptyChatProfile();
+                res = await pdsAgent.com.atproto.repo.getRecord({
+                    repo: did,
+                    collection: "place.stream.chat.profile",
+                    rkey: "self",
+                });
+            }
+            catch (e) {
+                console.error("Failed to create empty chat profile record", e);
+            }
         }
         if (streamplace_1.PlaceStreamChatProfile.isRecord(res.data.value)) {
             store.setState({ chatProfile: res.data.value });
@@ -30,6 +48,27 @@ function useGetChatProfile() {
         }
     };
 }
+function useCreateEmptyChatProfile() {
+    const did = (0, streamplace_store_1.useDID)();
+    const pdsAgent = (0, xrpc_1.usePDSAgent)();
+    return async () => {
+        if (!did || !pdsAgent) {
+            throw new Error("No DID or PDS agent");
+        }
+        const res = await pdsAgent.com.atproto.repo.putRecord({
+            repo: did,
+            collection: "place.stream.chat.profile",
+            rkey: "self",
+            record: {
+                $type: "place.stream.chat.profile",
+                color: DEFAULT_COLORS[Math.floor(Math.random() * DEFAULT_COLORS.length)],
+            },
+        });
+        if (!res.success) {
+            throw new Error("Failed to create empty chat profile record");
+        }
+    };
+}
 function useGetBskyProfile() {
     const did = (0, streamplace_store_1.useDID)();
     const pdsAgent = (0, xrpc_1.usePDSAgent)();
@@ -50,3 +89,24 @@ function useGetBskyProfile() {
 function useChatProfile() {
     return (0, streamplace_store_1.useStreamplaceStore)((x) => x.chatProfile);
 }
+const DEFAULT_COLORS = [
+    { red: 244, green: 67, blue: 54 },
+    { red: 233, green: 30, blue: 99 },
+    { red: 156, green: 39, blue: 176 },
+    { red: 103, green: 58, blue: 183 },
+    { red: 63, green: 81, blue: 181 },
+    { red: 33, green: 150, blue: 243 },
+    { red: 3, green: 169, blue: 244 },
+    { red: 0, green: 188, blue: 212 },
+    { red: 0, green: 150, blue: 136 },
+    { red: 76, green: 175, blue: 80 },
+    { red: 139, green: 195, blue: 74 },
+    { red: 205, green: 220, blue: 57 },
+    { red: 255, green: 235, blue: 59 },
+    { red: 255, green: 193, blue: 7 },
+    { red: 255, green: 152, blue: 0 },
+    { red: 255, green: 87, blue: 34 },
+    { red: 121, green: 85, blue: 72 },
+    { red: 158, green: 158, blue: 158 },
+    { red: 96, green: 125, blue: 139 },
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamplace/components",
-  "version": "0.7.35",
+  "version": "0.8.3",
   "description": "Streamplace React (Native) Components",
   "main": "dist/index.js",
   "types": "src/index.tsx",
@@ -42,7 +42,7 @@
     "react-native-svg": "^15.0.0",
     "react-native-webrtc": "git+https://github.com/streamplace/react-native-webrtc.git#6b8472a771ac47f89217d327058a8a4124a6ae56",
     "react-use-websocket": "^4.13.0",
-    "streamplace": "0.7.25",
+    "streamplace": "0.8.0",
     "viem": "^2.21.44",
     "zustand": "^5.0.5"
   },
@@ -54,5 +54,5 @@
     "start": "tsc --watch --preserveWatchOutput",
     "prepare": "tsc"
   },
-  "gitHead": "eaefc85434e81e296c7248f6e6965a2f31d50ff8"
+  "gitHead": "e902ae92cbbb11832ca64b8c0e87e7ce5507c301"
 }