react-covideo-embed 1.0.18 → 1.0.19

package/build/lib/components/ButtonSwitch.d.ts

@@ -0,0 +1,15 @@
+type Value = {
+    text: string;
+    value: string;
+    width?: string;
+};
+type Props = {
+    defaultValue: string;
+    onChange: (value: string) => void;
+    values: Value[];
+    skipConfirmation?: boolean;
+    className?: string;
+    disabled?: boolean;
+};
+export declare const ButtonSwitch: (props: Props) => JSX.Element;
+export {};

package/build/lib/components/Dropdown.d.ts

@@ -22,7 +22,8 @@ type Props = {
     placeholder?: string;
     controlShouldRenderValue?: boolean;
     customComponents?: {
-        Option: (props: any) => JSX.Element;
+        Option?: (props: any) => JSX.Element;
+        ValueContainer?: (props: any) => JSX.Element;
     };
 };
 export declare const Dropdown: ({ options, value, onChange, isSearchable, extraStyles, creatable, isClearable, disabled, maxMenuHeight, defaultValue, placeholder, controlShouldRenderValue, customComponents, }: Props) => JSX.Element;

package/build/lib/components/NewDropdown.d.ts

@@ -0,0 +1,95 @@
+import * as React from 'react';
+import { ControlProps, FormatOptionLabelMeta, IndicatorProps, MenuPlacement, MenuPosition, OptionProps } from 'react-select';
+import { SelectComponents } from 'react-select/src/components';
+export declare const Chip: import("styled-components").StyledComponent<"div", any, {
+    bgColor: string;
+    fontColor: string;
+    radius?: string | undefined;
+    padding?: string | undefined;
+    fontSize?: string | undefined;
+    lineHeight?: string | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+}, never>;
+export type Option = {
+    value: string | number;
+    label: string | number;
+    isFolderShared?: boolean;
+    access?: boolean | string;
+};
+type Icon = 'checkmark' | 'folder' | '';
+type Props = {
+    icon?: Icon;
+    value: any;
+    defaultValue?: any;
+    options: Array<Option> | any;
+    placeholder?: string;
+    isLoading?: boolean;
+    name?: string;
+    className?: string;
+    dropdownHeight?: string | number;
+    height?: number;
+    width?: number;
+    disabled?: boolean;
+    zIndexProp?: number;
+    menuZIndexProp?: number;
+    creatable?: boolean;
+    error?: boolean;
+    inputId?: any;
+    menuPortalTarget?: HTMLElement | null;
+    menuPosition?: MenuPosition;
+    menuPlacement?: MenuPlacement;
+    ariaLabel?: string;
+    onMenuScrollToBottom?: () => void;
+    onMenuClose?: () => void;
+    onChange: (value: any, actionMeta?: any) => void;
+    onInputChange?: (inputValue: any, actionMeta?: any) => void;
+    getOptionLabel?: (option: any) => string;
+    getOptionValue?: (option: any) => string;
+    extendStyles?: {
+        container?: React.CSSProperties;
+        menu?: React.CSSProperties;
+        control?: React.CSSProperties;
+        menuList?: React.CSSProperties;
+        valueContainer?: React.CSSProperties;
+        input?: React.CSSProperties;
+        singleValue?: React.CSSProperties;
+        option?: React.CSSProperties;
+    };
+    showIndicator?: boolean;
+    chipValueSelected?: boolean;
+    isClearable?: boolean;
+    isMulti?: any;
+    onCreateOption?: (e?: any) => void;
+    isShareVideoModal?: boolean;
+    isSearchable?: boolean;
+    formatCreateLabel?: (inputValue: string) => React.ReactNode;
+    menuShouldBlockScroll?: boolean;
+    minMenuHeight?: number;
+    closeMenuOnScroll?: boolean | EventListener | undefined;
+    filterOption?: ((option: Option, rawInput: string) => boolean) | null | undefined;
+    formatOptionLabel?: ((option: any, labelMeta: FormatOptionLabelMeta<any, any>) => React.ReactNode) | undefined;
+    customComponents?: Partial<SelectComponents<any, any>> | undefined;
+    onMenuOpen?: (() => void) | undefined;
+};
+type DropdownArrowProps = {
+    menuIsOpen?: boolean;
+};
+export type DropdownIndicatorProps = React.PropsWithChildren<IndicatorProps<Option, false>>;
+export declare const DropdownArrowIcon: import("styled-components").StyledComponent<"span", any, DropdownArrowProps, never>;
+export declare const OptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const OptionIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const getControlStyles: (props: ControlProps<Option, false>) => {
+    borderColor: string;
+};
+export declare const getOptionStyles: (props: OptionProps<Option, false>, themes: any, isShareVideoModal?: boolean) => {
+    color: string;
+    backgroundColor: string;
+    cursor: string;
+} | {
+    color: any;
+    backgroundColor: any;
+    cursor?: undefined;
+};
+export declare const Dropdown: (props: Props) => JSX.Element;
+export {};

package/build/lib/components/NewTextInput.d.ts

@@ -0,0 +1 @@
+export declare const NewTextInput: import("styled-components").StyledComponent<"input", any, any, "type">;

package/build/lib/components/Search.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { Folder } from 'lib/api/folders/getFolders';
+interface ComponentProps {
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onSearch: (params: any) => void;
+    placeholder?: string;
+    initialValue?: string;
+    disabled?: boolean;
+    prevSearch?: string;
+    width?: string;
+    videoTags?: object[];
+    currentFolder?: Folder;
+    useTags?: boolean;
+    className?: string;
+    bgColor?: string;
+    dataCy?: string;
+}
+export declare const Search: React.MemoExoticComponent<({ onSearch, placeholder, onChange, disabled, prevSearch, width, currentFolder, useTags, className, bgColor, dataCy, }: ComponentProps) => JSX.Element>;
+export {};

package/build/lib/components/formik/FormikDropdown.d.ts

@@ -0,0 +1,12 @@
+interface CustomDropdownProps {
+    name: string;
+    label: string;
+    isRequired: boolean;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    disabled: boolean;
+}
+export declare const FormikDropdownField: ({ label, isRequired, options, disabled, ...props }: CustomDropdownProps) => JSX.Element;
+export {};

package/build/lib/components/formik/FormikErrorMessage.d.ts

@@ -0,0 +1,4 @@
+import { FieldMetaProps } from 'formik';
+export declare const FormikErrorMessage: ({ meta }: {
+    meta: FieldMetaProps<any>;
+}) => JSX.Element;

package/build/lib/components/formik/FormikInputField.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface CustomInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    name: string;
+    label: string;
+    isRequired: boolean;
+}
+export declare const FormikInputField: ({ label, isRequired, ...props }: CustomInputProps) => JSX.Element;
+export {};

package/build/lib/components/formik/FormikLabel.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface IFormikLabelProps {
+    name?: string;
+    label: string;
+    isRequired: boolean;
+}
+export declare const FormikLabel: React.FC<IFormikLabelProps>;
+export {};

package/build/lib/components/formik/FormikTextAreaField.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface CustomTextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    name: string;
+    label: string;
+    isRequired: boolean;
+}
+export declare const FormikTextAreaField: ({ label, isRequired, ...props }: CustomTextareaProps) => JSX.Element;
+export {};

package/build/lib/components/index.d.ts

@@ -13,3 +13,5 @@ export { CloseButton } from './CloseButton';
 export { ModalRecordingSettings } from './modal/ModalRecordingSettings';
 export { ToastNotificationsProvider, useToastNotifications, } from './toast-notifications';
 export { MainWrapper } from './MainWrapper';
+export { ButtonSwitch } from './ButtonSwitch';
+export { NewTextInput } from './NewTextInput';

package/build/lib/components/styles/layout.d.ts

@@ -0,0 +1,33 @@
+interface IGap {
+    gap?: string;
+    center?: boolean;
+    m?: string;
+    flexWrap?: string;
+    flexDirection?: string;
+    alignItems?: string;
+    justifyContent?: string;
+    width?: string;
+    height?: string;
+}
+interface IEnhancedGap {
+    maxWidth: string;
+    overflow: string;
+    textOverflow: string;
+    whiteSpace: string;
+}
+export declare const Gap: import("styled-components").StyledComponent<"div", any, IGap, never>;
+export declare const EnhancedGap: import("styled-components").StyledComponent<"div", any, IGap & IEnhancedGap, never>;
+export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+interface IStack {
+    gap?: string;
+    m?: string;
+    p?: string;
+    flexWrap?: string;
+    alignItems?: string;
+    justifyContent?: string;
+    width?: string;
+    maxWidth?: string;
+    height?: string;
+}
+export declare const Stack: import("styled-components").StyledComponent<"div", any, IStack, never>;
+export {};

package/build/lib/components/styles/typography.d.ts

@@ -0,0 +1,44 @@
+import { LabelHTMLAttributes } from 'react';
+interface ICommonTypography {
+    m?: string;
+    textAlign?: string;
+    ellipsis?: boolean;
+    width?: string;
+    maxWidth?: string;
+}
+export declare const CommonTypography: import("styled-components").StyledComponent<"h1", any, ICommonTypography, never>;
+export declare const CHeading: import("styled-components").FlattenSimpleInterpolation;
+export declare const Heading: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+    as: string;
+}, "as">;
+export declare const SubHeading: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+    as: string;
+}, "as">;
+export declare const ParagraphNormal: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+    as: string;
+}, "as">;
+export declare const ParagraphNormalBold: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+    as: string;
+}, "as">;
+export declare const ParagraphNormalBold600: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+    as: string;
+}, "as">;
+export declare const ParagraphNormalBold500: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+    as: string;
+}, "as">;
+export declare const ParagraphExtraSmall: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+    as: string;
+}, "as">;
+export declare const ParagraphSmall: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+    as: string;
+}, "as">;
+export declare const ParagraphSmallBold: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+    as: string;
+}, "as">;
+export declare const ParagraphExtraSmallBold: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+    as: string;
+}, "as">;
+export declare const CheckboxLabel: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+    as: string;
+} & LabelHTMLAttributes<HTMLLabelElement>, "as">;
+export {};

package/build/lib/context/AuthorizationContext.d.ts

@@ -51,6 +51,7 @@ export interface PackageDetails {
 export interface UserData {
     user?: any;
     uid: string;
+    id: string;
     userId: string;
     customerId: string;
     resellerId: string;

package/build/lib/context/record/functions.d.ts

@@ -0,0 +1,2 @@
+export declare const getDevices: () => Promise<unknown>;
+export declare const capitalizeWords: (str: string) => string;

package/build/lib/context/record/provider.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { IUserSettings, IRecordSettingsProvider, Option } from './types';
+export declare const RecordSettingsContext: React.Context<{
+    recorderSettings: {
+        audioSource: Option[];
+        videoSource: Option[];
+    };
+    setUserSettings: React.Dispatch<React.SetStateAction<IUserSettings>>;
+    userSettings: IUserSettings;
+    recordingError: string | null;
+    updateErrorMessage: () => void;
+    initialUserSettings: IUserSettings;
+    onSubmitModalHandler: () => void;
+}>;
+export declare const RecordSettingsProvider: ({ children, }: IRecordSettingsProvider) => JSX.Element;
+export declare const useRecordSettings: () => {
+    recorderSettings: {
+        audioSource: Option[];
+        videoSource: Option[];
+    };
+    setUserSettings: React.Dispatch<React.SetStateAction<IUserSettings>>;
+    userSettings: IUserSettings;
+    recordingError: string | null;
+    updateErrorMessage: () => void;
+    initialUserSettings: IUserSettings;
+    onSubmitModalHandler: () => void;
+};

package/build/lib/context/record/types.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+export type IRecordSettingsProvider = {
+    children: ReactNode;
+};
+export type Option = {
+    label: string;
+    value: boolean | string;
+};
+export declare enum DEVICE_KIND {
+    AUDIO_INPUT = "audioinput",
+    VIDEO_INPUT = "videoinput"
+}
+export declare enum VIDEO_QUALITY {
+    LOW = "low",
+    STANDARD = "standard",
+    HIGH = "high"
+}
+export type Device = {
+    deviceId: string;
+    kind: DEVICE_KIND.AUDIO_INPUT | DEVICE_KIND.VIDEO_INPUT;
+    label: string;
+    groupId: string;
+};
+export interface IUserSettings {
+    audioSource: Option | null;
+    videoSource: Option | null;
+    videoQuality: string;
+}
+export interface IRecordConfigSettings {
+    audioSource: Option[];
+    videoSource: Option[];
+}

package/build/lib/context/teleprompter/provider.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+import { ITeleprompterSettings, Speed } from './types';
+export declare const TeleprompterContext: import("react").Context<{
+    isUsingTeleprompter: boolean;
+    showTeleprompterModal: boolean;
+    teleprompterSettings: ITeleprompterSettings | null;
+    isTeleprompterPlaying: boolean;
+    isTeleprompterDisabled: boolean;
+    saveTeleprompterSettingsHandler: (currentSettings: ITeleprompterSettings) => void;
+    onEditOrTurnOnTeleprompterHandler: () => void;
+    onDropdownTeleprompterSpeedChange: (newValue: Speed) => void;
+    toggleTeleprompterPlaying: () => void;
+    onTeleprompterModalClose: () => void;
+    turnOffTeleprompter: () => void;
+    turnOnTeleprompter: () => void;
+    turnOnTeleprompterPlaying: () => void;
+    disableOrEnableTeleprompter: (isEnabled: boolean) => void;
+}>;
+export declare const TeleprompterProvider: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export declare const useTeleprompter: () => {
+    isUsingTeleprompter: boolean;
+    showTeleprompterModal: boolean;
+    teleprompterSettings: ITeleprompterSettings | null;
+    isTeleprompterPlaying: boolean;
+    isTeleprompterDisabled: boolean;
+    saveTeleprompterSettingsHandler: (currentSettings: ITeleprompterSettings) => void;
+    onEditOrTurnOnTeleprompterHandler: () => void;
+    onDropdownTeleprompterSpeedChange: (newValue: Speed) => void;
+    toggleTeleprompterPlaying: () => void;
+    onTeleprompterModalClose: () => void;
+    turnOffTeleprompter: () => void;
+    turnOnTeleprompter: () => void;
+    turnOnTeleprompterPlaying: () => void;
+    disableOrEnableTeleprompter: (isEnabled: boolean) => void;
+};

package/build/lib/context/teleprompter/types.d.ts

@@ -0,0 +1,12 @@
+export interface Speed {
+    value: number;
+    label: string;
+}
+export interface ITeleprompterSettings {
+    speed?: Speed;
+    scriptSize?: string;
+    scriptPosition?: string;
+    content?: string;
+    activeScriptId?: string;
+    activeScriptText?: string;
+}

package/build/lib/images/VirtualBgIcon.d.ts

@@ -0,0 +1,2 @@
+export default VideoIcon;
+declare const VideoIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;

package/build/lib/style/theme.d.ts

@@ -59,6 +59,9 @@ export declare const mediaQueryMaxWidth: {
     xxlg: string;
 };
 export declare const palette: {
+    primaryThemeColor20Percent: string;
+    secondaryBlue10Percent: string;
+    grayBorder: string;
     white: string;
     gray: string;
     black_1_100: string;
@@ -118,4 +121,8 @@ export declare const palette: {
     primaryBlack25Percent: string;
     secondaryBlue: string;
     midGrey: string;
+    coal: string;
+    covideoGray40: string;
+    destructiveBg: string;
+    red80: string;
 };

package/build/lib/utils/productFeature.d.ts

@@ -0,0 +1,9 @@
+import { UserData } from 'lib/context';
+type ProductFeatureType = {
+    [key: string]: number;
+};
+export declare const productFeature: ProductFeatureType;
+export declare const checkIfFeatureIsEnabled: (userData: UserData, featureId: string | number) => boolean;
+export declare const checkIfCustomerIsDevOrQA: (userData: UserData) => boolean;
+export declare const isNewVideoRecordingEnabled: (userData: UserData) => boolean;
+export {};

package/images.d.ts

@@ -0,0 +1,4 @@
+declare module '*.webp' {
+  const value: string;
+  export default value;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-covideo-embed",
-  "version": "1.0.18",
+  "version": "1.0.19",
   "private": false,
   "description": "Covideo platform as an embeddable React component.",
   "main": "./build/index.js",
@@ -32,6 +32,7 @@
     "@svgr/webpack": "^8.1.0",
     "@types/color-convert": "^2.0.0",
     "@types/file-saver": "^2.0.5",
+    "@types/js-cookie": "^3.0.6",
     "@types/jwt-decode": "^3.1.0",
     "@types/lodash": "^4.14.190",
     "@types/node": "18.19.0",
@@ -39,28 +40,34 @@
     "@types/react-beautiful-dnd": "^13.1.3",
     "@types/react-dom": "16.8.4",
     "@types/react-router-dom": "^5.3.3",
+    "@types/react-scroll": "^1.8.10",
+    "@types/react-select": "3.1.2",
+    "@types/recordrtc": "^5.6.14",
     "@types/styled-components": "^5.1.26",
     "css-loader": "^6.8.1",
     "file-loader": "^6.2.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "storybook": "^8.0.2",
-    "style-loader": "^3.3.3",
+    "style-loader": "^3.3.4",
     "ts-loader": "^9.4.4",
     "typescript": "^4.9.3",
     "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4"
   },
   "dependencies": {
+    "@mediapipe/tasks-vision": "^0.10.15",
     "assert": "^2.1.0",
     "axios": "^0.21.1",
     "buffer": "^6.0.3",
     "color-convert": "^2.0.1",
     "constants-browserify": "^1.0.0",
     "dayjs": "^1.11.6",
+    "droplr-api": "1.0.0",
     "file-saver": "^2.0.5",
     "formik": "^2.2.9",
     "fs-extra": "^11.1.1",
+    "js-cookie": "2.2.1",
     "jwt-decode": "^3.1.2",
     "lodash": "^4.17.21",
     "os-browserify": "^0.3.0",
@@ -69,16 +76,21 @@
     "react-beautiful-dnd": "^13.1.1",
     "react-compound-slider": "^3.4.0",
     "react-covideo-ai-assist": "0.0.28",
-    "react-covideo-common": "0.1.49",
+    "react-covideo-common": "0.1.57",
+    "react-dropzone": "11.3.2",
     "react-full-screen": "^1.1.1",
     "react-icons": "^4.7.1",
+    "react-infinite-scroll-component": "6.1.0",
     "react-query": "^3.39.2",
     "react-resize-detector": "^9.1.0",
     "react-router-dom": "^5.1.2",
-    "react-select": "5.8.0",
+    "react-scroll": "^1.9.0",
+    "react-select": "3.2.0",
     "react-spinners": "^0.13.6",
+    "recordrtc": "^5.6.2",
     "stream-browserify": "^3.0.0",
     "styled-components": "^5.3.6",
-    "worker-timers": "5.1.9"
+    "worker-timers": "5.1.9",
+    "yup": "0.29.3"
   }
 }

package/yup.d.ts

@@ -0,0 +1 @@
+declare module 'yup';