@appquality/unguess-design-system 3.1.87-beta-attachments → 3.1.87

package/build/stories/chat/_types.d.ts

@@ -8,11 +8,12 @@ export type SuggestedUser = {
     email: string;
 };
 export interface ChatEditorArgs extends Partial<EditorOptions> {
+    author: Author;
+    messageBadFileFormat: string;
     placeholderOptions?: Partial<PlaceholderOptions>;
     hasFloatingMenu?: boolean;
     hasButtonsMenu?: boolean;
     bubbleOptions?: any;
-    author: Author;
     i18n?: {
         menu?: {
             bold?: string;
@@ -37,6 +38,11 @@ export interface EditorHeaderArgs {
     title?: string;
     validation?: validationStatus;
 }
+export interface FileItem extends File {
+    isLoadingMedia: boolean;
+    isError?: boolean;
+    internal_id: string;
+}
 export interface FloatingMenuArgs extends Partial<BubbleMenuProps> {
 }
 export {};

package/build/stories/chat/context/chatContext.d.ts

@@ -1,37 +1,36 @@
 import { Editor } from "@tiptap/react";
 import React from "react";
-import { SuggestedUser } from "../_types";
+import { FileItem, SuggestedUser } from "../_types";
 export type ChatContextType = {
     triggerSave: () => void;
     editor?: Editor;
     setEditor: React.Dispatch<React.SetStateAction<Editor | undefined>>;
     addThumbnails: (props: {
-        files: (File & {
-            isLoadingMedia: boolean;
-        })[];
+        files: FileItem[];
     }) => void;
     removeThumbnail: (index: number) => void;
-    thumbnails: (File & {
-        isLoadingMedia: boolean;
-    })[];
+    thumbnails: FileItem[];
     mentionableUsers: (props: {
         query: string;
     }) => SuggestedUser[];
     afterUploadCallback: (failed: string[]) => void;
+    clearInput: () => void;
+    onDeleteThumbnail: (id: string) => void;
 };
 export declare const ChatContext: React.Context<ChatContextType | null>;
 export interface Data {
-    uploaded_ids?: number[];
+    uploaded_ids?: {
+        id: number;
+    }[];
     failed?: {
         name: string;
         errorCode: string;
     }[];
 }
-export declare const ChatContextProvider: ({ onSave, onFileUpload, setMentionableUsers, children, }: {
+export declare const ChatContextProvider: ({ onSave, onFileUpload, onDeleteThumbnail, setMentionableUsers, children, }: {
     onSave?: ((editor: Editor, mentions: SuggestedUser[]) => void) | undefined;
-    onFileUpload?: ((files: (File & {
-        isLoadingMedia: boolean;
-    })[]) => Promise<Data>) | undefined;
+    onFileUpload?: ((files: FileItem[]) => Promise<Data>) | undefined;
+    onDeleteThumbnail: (id: string) => void;
     children: React.ReactNode;
     setMentionableUsers: (props: {
         query: string;

package/build/stories/chat/index.stories.d.ts

@@ -1,6 +1,6 @@
 import { PlaceholderOptions } from "@tiptap/extension-placeholder";
 import { Editor as TipTapEditor } from "@tiptap/react";
-import { ChatEditorArgs, SuggestedUser } from "./_types";
+import { ChatEditorArgs, FileItem, SuggestedUser } from "./_types";
 import { MediaType } from "./parts/comment";
 import { Data } from "./context/chatContext";
 interface EditorStoryArgs extends ChatEditorArgs {
@@ -18,7 +18,7 @@ interface EditorStoryArgs extends ChatEditorArgs {
     editorText?: string;
     background?: string;
     onSave: (editor: TipTapEditor, mentions: SuggestedUser[]) => void;
-    onFileUpload?: (files: File[]) => Promise<Data>;
+    onFileUpload?: (files: FileItem[]) => Promise<Data>;
     placeholderOptions?: Partial<PlaceholderOptions>;
 }
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, EditorStoryArgs>;

package/build/stories/chat/parts/ThumbnailContainer/DeleteThumbnailX.d.ts

@@ -1,6 +1,5 @@
 interface Props {
-    content: string;
     deleteThumbnail: (e: any) => void;
 }
-declare const DeleteThumbnailX: ({ content, deleteThumbnail }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const DeleteThumbnailX: ({ deleteThumbnail }: Props) => import("react/jsx-runtime").JSX.Element;
 export default DeleteThumbnailX;

package/build/stories/chat/parts/ThumbnailContainer/ImageThumbnail.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    src: string;
+    index?: number;
+    removeThumbnail?: (index: number) => void;
+    clickThumbnail: () => void;
+    showX?: boolean;
+    isLoadingMedia: boolean;
+    isError?: boolean;
+}
+declare const ImageThumbnail: ({ src, index, removeThumbnail, clickThumbnail, showX, isLoadingMedia, isError, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ImageThumbnail;

package/build/stories/chat/parts/ThumbnailContainer/VideoThumbnail.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    src: string;
+    index?: number;
+    removeThumbnail?: (index: number) => void;
+    clickThumbnail: () => void;
+    showX?: boolean;
+    isLoadingMedia: boolean;
+    isError?: boolean;
+}
+declare const VideoThumbnail: ({ src, index, removeThumbnail, clickThumbnail, showX, isLoadingMedia, isError, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default VideoThumbnail;

package/build/stories/chat/parts/ThumbnailContainer/index.d.ts

@@ -1,9 +1,10 @@
 export interface FileElement {
     fileName: string;
     fileType: string;
-    status: "success" | "failed" | "uploading";
     errorCode?: "FILE_TOO_BIG" | "INVALID_FILE_EXTENSION" | "GENERIC_ERROR";
     previewUrl: string;
+    internal_id: string;
+    isLoadingMedia: boolean;
 }
 interface Props {
     openLightbox: (file: File, index: number) => void;

package/build/stories/highlight/_types.d.ts

@@ -0,0 +1,38 @@
+import { ISpanProps } from "@zendeskgarden/react-typography";
+export interface HighlightArgs {
+    /**
+     * Applies a font color. Use [PALETTE](/components/palette#palette) colors
+     * when possible. Accepts all hex values.
+     */
+    hue?: string;
+    /** Updates the element's HTML tag */
+    tag?: any;
+    /** Applies bold font style. Font weight is inherited by default. */
+    isBold?: boolean;
+    /** Renders with monospace font */
+    isMonospace?: boolean;
+    /** Adjusts the font size. By default font size is medium */
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl";
+    handleSelection?: (part: {
+        from: number;
+        to: number;
+        text: string;
+    }) => void;
+    search?: string;
+}
+export interface Observation {
+    id: number;
+    start: number;
+    end: number;
+    backgroundColor?: string;
+    color?: string;
+}
+export interface WordProps extends ISpanProps {
+    start: number;
+    end: number;
+    currentTime?: number;
+    observations?: Observation[];
+    text: string;
+    /** Adjusts the font size. By default font size is medium */
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl";
+}

package/build/stories/highlight/highlightContext.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export type HighlightContextType = {
+    searchTerm: string;
+};
+export declare const HighlightContext: React.Context<HighlightContextType | null>;
+export declare const HighlightContextProvider: ({ term, children, }: {
+    term?: string | undefined;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useHighlightContext: () => HighlightContextType;

package/build/stories/highlight/index.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren } from "react";
+import { HighlightArgs, WordProps } from "./_types";
+/**
+ *  Use Highlight to use highlight interation on any text element
+ */
+declare const Highlight: {
+    (props: PropsWithChildren<HighlightArgs>): import("react/jsx-runtime").JSX.Element;
+    Word: (props: WordProps) => import("react/jsx-runtime").JSX.Element;
+};
+export { Highlight };

package/build/stories/highlight/index.stories.d.ts

@@ -0,0 +1,18 @@
+import { HighlightArgs } from "./_types";
+interface StoryArgs extends HighlightArgs {
+    words: {
+        start: number;
+        end: number;
+        word: string;
+        speaker: number;
+    }[];
+    currentTime: number;
+    includeSearch?: boolean;
+}
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryArgs>;
+export declare const VideoSync: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryArgs>;
+export declare const WithSearch: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, HighlightArgs & {
+    children?: import("react").ReactNode;
+}>;
+export default _default;

package/build/stories/highlight/searchable.d.ts

@@ -0,0 +1,4 @@
+export declare const Searchable: ({ start, text, }: {
+    start: number;
+    text: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/stories/player/_types.d.ts

@@ -3,6 +3,24 @@ export interface PlayerArgs extends HTMLAttributes<HTMLVideoElement> {
     url: string;
     start?: number;
     end?: number;
+    enablePipOnScroll?: boolean;
+    onCutHandler?: (time: number) => void;
+    isCutting?: boolean;
+    bookmarks?: IBookmark[];
+    handleBookmarkUpdate?: (bookmark: IBookmark) => void;
+    i18n?: PlayerI18n;
+}
+export interface PlayerI18n {
+    beforeHighlight?: string;
+    onHighlight?: string;
+}
+export interface IBookmark {
+    id: number;
+    start: number;
+    end: number;
+    hue?: string;
+    label?: string;
+    onClick?: () => void;
 }
 export interface WrapperProps {
     isPlaying?: boolean;

package/build/stories/player/index.stories.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { PlayerArgs } from "./_types";
 interface PlayerStoryArgs extends PlayerArgs {
-    url: string;
 }
 export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PlayerStoryArgs>;
 export declare const Streaming: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PlayerStoryArgs>;
+export declare const WithBookmarks: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, PlayerStoryArgs>;
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, PlayerArgs & import("react").RefAttributes<HTMLVideoElement>>;
 export default _default;

package/build/stories/player/parts/bookmark.d.ts

@@ -0,0 +1,2 @@
+import { IBookmark } from "../_types";
+export declare const Bookmark: (props: IBookmark) => import("react/jsx-runtime").JSX.Element | null;

package/build/stories/player/parts/controls.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { WrapperProps } from "../_types";
+import { IBookmark, PlayerI18n, WrapperProps } from "../_types";
 export declare const ControlsWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperProps>>;
 export declare const ControlsBar: import("styled-components").IStyledComponent<"web", {
     ref?: import("react").LegacyRef<HTMLDivElement> | undefined;
@@ -268,6 +268,11 @@ export declare const ControlsBar: import("styled-components").IStyledComponent<"
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
-export declare const Controls: ({ container, }: {
+export declare const Controls: ({ container, onCutHandler, bookmarks, isCutting, onBookMarkUpdated, i18n, }: {
     container: HTMLDivElement | null;
+    onCutHandler?: ((time: number) => void) | undefined;
+    bookmarks?: IBookmark[] | undefined;
+    isCutting?: boolean | undefined;
+    onBookMarkUpdated?: ((bookmark: IBookmark) => void) | undefined;
+    i18n?: PlayerI18n | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/build/stories/player/parts/controlsCenterGroup.d.ts

@@ -1 +1,2 @@
-export declare const ControlsGroupCenter: () => import("react/jsx-runtime").JSX.Element;
+import { HTMLAttributes } from "react";
+export declare const ControlsGroupCenter: (props: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/build/stories/player/parts/cutterButton.d.ts

@@ -0,0 +1,6 @@
+import { PlayerI18n } from "../_types";
+export declare const Cutter: ({ onCutHandler, isCutting, i18n, }: {
+    onCutHandler?: ((time: number) => void) | undefined;
+    isCutting?: boolean | undefined;
+    i18n?: PlayerI18n | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/build/stories/player/parts/progress.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface ProgressProps {
+    /**
+     * The current progress of the player
+     */
+    progress: number;
+    handleSkipAhead: (pageX: number) => void;
+    duration: number;
+}
+export declare const ProgressBar: import("react").ForwardRefExoticComponent<ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/build/stories/player/parts/progressContext.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { IBookmark } from "../_types";
+export type ProgressContextType = {
+    reset: () => void;
+    isGrabbing: boolean;
+    setIsGrabbing: React.Dispatch<React.SetStateAction<boolean>>;
+    fromEnd: boolean;
+    setFromEnd: React.Dispatch<React.SetStateAction<boolean>>;
+    activeBookmark?: IBookmark;
+    setactiveBookmark: React.Dispatch<React.SetStateAction<IBookmark | undefined>>;
+};
+export declare const ProgressContext: React.Context<ProgressContextType | null>;
+export declare const ProgressContextProvider: ({ children, }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useProgressContext: () => ProgressContextType;

package/build/stories/player/parts/timeLabel.d.ts

@@ -1,4 +1,4 @@
 export declare const TimeLabel: ({ current, duration, }: {
-    current: string;
-    duration: string;
+    current: number;
+    duration: number;
 }) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.1.87-beta-attachments",
+  "version": "3.1.87",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -68,7 +68,8 @@
     "react-slick": "^0.29.0",
     "react-window": "^1.8.6",
     "tippy.js": "^6.3.7",
-    "ua-parser-js": "^1.0.2"
+    "ua-parser-js": "^1.0.2",
+    "uuid": "^9.0.1"
   },
   "devDependencies": {
     "@babel/preset-env": "^7.21.5",
@@ -92,6 +93,7 @@
     "@types/react-window": "^1.8.5",
     "@types/styled-components": "^5.1.23",
     "@types/ua-parser-js": "^0.7.36",
+    "@types/uuid": "^9.0.8",
     "@zendeskgarden/react-dropdowns": "^8.49.0",
     "@zendeskgarden/react-forms": "^8.49.0",
     "@zendeskgarden/react-theming": "^8.48.2",

package/build/stories/chat/parts/ThumbnailContainer/Thumbnail.d.ts

@@ -1,13 +0,0 @@
-interface Props {
-    src: string;
-    label: string;
-    index?: number;
-    removeThumbnail?: (index: number) => void;
-    clickThumbnail: () => void;
-    showX?: boolean;
-    showLabel?: boolean;
-    mediaType: string;
-    isLoadingMedia: boolean;
-}
-declare const Thumbnail: ({ clickThumbnail, src, label, index, removeThumbnail, showX, showLabel, mediaType, isLoadingMedia, }: Props) => import("react/jsx-runtime").JSX.Element;
-export default Thumbnail;