Updates

Author: davidhung17LIVE

17liveMessageTunnel.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Actions
+ */
+declare const open: (openID: string) => void;
+export default open;

17liveMessageTunnel.js

@@ -0,0 +1,43 @@
+import React from 'react';
+interface AvatarProps {
+    /** The URL of the avatar image. */
+    avatarUrl?: string;
+    /** The URL for a fallback avatar image if the primary one fails or isn't provided. */
+    defaultAvatarUrl?: string;
+    /** Alt text for the image. Important for accessibility. */
+    alt?: string;
+    /**
+     * The size (width and height) of the avatar's image area in pixels.
+     * Note: The `isLive` ring will add to the total dimensions.
+     * @default 52
+     */
+    size?: number;
+    /**
+     * CSS border property for the avatar.
+     * @example '2px solid white'
+     */
+    border?: string;
+    /** If true, displays a purple ring indicating a "live" status. */
+    isLive?: boolean;
+    /** If true, shows a skeleton loading state. This takes precedence over other states. */
+    isLoading?: boolean;
+    /**
+     * Custom callback function when the avatar is clicked.
+     * If `isRedirectEnabled` is also true, this callback is executed *before* the redirection logic.
+     */
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * If true, enables redirection to the user's profile or live room on click.
+     * `userID` and `openID` must be provided.
+     * @default false
+     */
+    isRedirectEnabled?: boolean;
+    /** The user's ID, required for redirection. */
+    userID?: string;
+    /** The user's openID, required for redirection. */
+    openID?: string;
+    /** The stream ID if the user is live, used for redirection to the live room. */
+    streamID?: number;
+}
+export declare const Avatar: React.FC<AvatarProps>;
+export default Avatar;

17liveMessageTunnel.js.map

@@ -0,0 +1,37 @@
+import React from 'react';
+interface BasePopupProps {
+    /** Controls the visibility of the popup. */
+    isOpen: boolean;
+    /** Callback function when the popup is requested to close (e.g., by clicking the backdrop). */
+    onClose: () => void;
+    /** The content to be displayed inside the popup. */
+    children: React.ReactNode;
+    /** Horizontal padding in pixels, applied via `--device-padding-x`. */
+    px?: number;
+    /** Vertical padding in pixels, applied via `--device-padding-y`. */
+    py?: number;
+    /** If true, applies `.device-width` related classes. */
+    width?: boolean;
+    /** If true, applies `.device-height` related classes. */
+    height?: boolean;
+    /** If true, uses `max-width`/`max-height` classes instead of fixed ones. */
+    max?: boolean;
+    /** If true, uses `min-width`/`min-height` classes. Takes precedence over `max`. */
+    min?: boolean;
+    /** If true, the popup content wrapper will be centered on the screen. */
+    isCentered?: boolean;
+    /** If true, a semi-transparent backdrop is shown behind the popup. @default true */
+    hasBackdrop?: boolean;
+    /** If true, clicking the backdrop will trigger the `onClose` callback. Requires `hasBackdrop` to be true. @default true */
+    isBackdropClosable?: boolean;
+    /** Custom background color for the backdrop. @default 'rgba(0, 0, 0, 0.5)' */
+    backdropColor?: string;
+    /** Custom box-shadow for the content wrapper. @default '0 5px 15px rgba(0, 0, 0, 0.3)' */
+    boxShadow?: string;
+    /** Optional custom className for the content wrapper. */
+    className?: string;
+    /** Optional custom style for the content wrapper. */
+    style?: React.CSSProperties;
+}
+export declare const BasePopup: React.FC<BasePopupProps>;
+export default BasePopup;