@clickview/player 0.0.0-rc.12 → 0.0.0-rc.14

package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-item.d.ts

@@ -2,7 +2,7 @@ import videojs, { VideoJsPlayer } from 'video.js';
 declare const Component: {
     new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
     prototype: videojs.Component;
-    getComponent(name: "Button" | "button"): {
+    getComponent(name: "button" | "Button"): {
         new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
         prototype: videojs.Button;
     };
@@ -14,7 +14,7 @@ declare const Component: {
         new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "Menu" | "menu"): {
+    getComponent(name: "menu" | "Menu"): {
         new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -22,7 +22,7 @@ declare const Component: {
         new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "MenuItem" | "menuitem"): {
+    getComponent(name: "menuitem" | "MenuItem"): {
         new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };

package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-items.d.ts

@@ -3,7 +3,7 @@ import './chapter-bar-items.scss';
 declare const Component: {
     new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
     prototype: videojs.Component;
-    getComponent(name: "Button" | "button"): {
+    getComponent(name: "button" | "Button"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
         prototype: videojs.Button;
     };
@@ -15,7 +15,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "Menu" | "menu"): {
+    getComponent(name: "menu" | "Menu"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -23,7 +23,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "MenuItem" | "menuitem"): {
+    getComponent(name: "menuitem" | "MenuItem"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };

package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-load-progress.d.ts

@@ -2,7 +2,7 @@ import videojs from 'video.js';
 declare const Component: {
     new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
     prototype: videojs.Component;
-    getComponent(name: "Button" | "button"): {
+    getComponent(name: "button" | "Button"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
         prototype: videojs.Button;
     };
@@ -14,7 +14,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "Menu" | "menu"): {
+    getComponent(name: "menu" | "Menu"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -22,7 +22,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "MenuItem" | "menuitem"): {
+    getComponent(name: "menuitem" | "MenuItem"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };

package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-play-progress.d.ts

@@ -2,7 +2,7 @@ import videojs from 'video.js';
 declare const Component: {
     new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
     prototype: videojs.Component;
-    getComponent(name: "Button" | "button"): {
+    getComponent(name: "button" | "Button"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
         prototype: videojs.Button;
     };
@@ -14,7 +14,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "Menu" | "menu"): {
+    getComponent(name: "menu" | "Menu"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -22,7 +22,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "MenuItem" | "menuitem"): {
+    getComponent(name: "menuitem" | "MenuItem"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };

package/dist/projects/player/src/components/chapters-button/chapter-menu-item.d.ts

@@ -3,7 +3,7 @@ import './chapter-menu-item.scss';
 declare const ChaptersTrackMenuItem: {
     new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
     prototype: videojs.Component;
-    getComponent(name: "Button" | "button"): {
+    getComponent(name: "button" | "Button"): {
         new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
         prototype: videojs.Button;
     };
@@ -15,7 +15,7 @@ declare const ChaptersTrackMenuItem: {
         new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "Menu" | "menu"): {
+    getComponent(name: "menu" | "Menu"): {
         new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -23,7 +23,7 @@ declare const ChaptersTrackMenuItem: {
         new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "MenuItem" | "menuitem"): {
+    getComponent(name: "menuitem" | "MenuItem"): {
         new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };

package/dist/projects/player/src/components/thumbnail-display/thumbnail-display.d.ts

@@ -3,7 +3,7 @@ import './thumbnail-display.scss';
 declare const Component: {
     new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
     prototype: videojs.Component;
-    getComponent(name: "Button" | "button"): {
+    getComponent(name: "button" | "Button"): {
         new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
         prototype: videojs.Button;
     };
@@ -15,7 +15,7 @@ declare const Component: {
         new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "Menu" | "menu"): {
+    getComponent(name: "menu" | "Menu"): {
         new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -23,7 +23,7 @@ declare const Component: {
         new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "MenuItem" | "menuitem"): {
+    getComponent(name: "menuitem" | "MenuItem"): {
         new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };

package/dist/projects/player/src/interfaces/models/PlaybackObject.d.ts

@@ -2,6 +2,7 @@ export interface PlaybackObject {
     files: Files;
     chapters: Chapters;
     subtitles: Subtitles;
+    resources: Resources;
     posterUrl?: string;
     additionalData?: any;
     mediaType: 'MasterVideo' | 'MasterClip' | 'MasterInteractive';
@@ -38,3 +39,10 @@ export interface LocalCacheAddress {
     httpsAddress: string;
     playbackProfile?: string;
 }
+export interface Resources {
+    list: Resource[];
+}
+export interface Resource {
+    name: string;
+    url: string;
+}

package/dist/projects/player/src/players/base-player.d.ts

@@ -29,6 +29,8 @@ export interface BasePlayerOptions {
     embed?: boolean;
     playerApi?: URL;
     enableLocalCache?: boolean;
+    showResources?: boolean;
+    imageCdnUrl?: string;
     /**
      * An optional external element for binding hotkey
      * event listeners to.
@@ -36,6 +38,7 @@ export interface BasePlayerOptions {
     hotkeyElQuerySelector?: string;
     onError?: (error: any) => void;
     getExternalLink?: (options: ExternalLinkOptions) => string;
+    onClickCreateClip?: () => void;
     setup?: (options: BasePlayerOptions, player: VideoJsPlayer) => void;
     fetch?: (viewKey: string) => Promise<PlaybackObject>;
 }

package/dist/projects/player/src/players/player.d.ts

@@ -1,6 +1,4 @@
 import { BasePlayer, BasePlayerOptions } from './base-player';
-import { Core } from 'libs/common/core';
-import { Resource } from 'libs/shared/interfaces';
 import 'projects/player/plugins/example-plugin/example-plugin';
 import 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
 import 'projects/player/plugins/persist-volume-plugin/persist-volume-plugin';
@@ -9,13 +7,11 @@ import 'projects/player/plugins/open-externally-plugin/open-externally-plugin';
 import 'projects/player/plugins/clip-plugin/clip-plugin';
 import 'projects/player/plugins/touch-controls-plugin/touch-controls-plugin';
 import 'projects/player/plugins/next-video-plugin/next-video-plugin';
+import 'projects/player/plugins/create-clip-button-plugin/create-clip-button-plugin';
 import 'projects/player/plugins/resources-plugin/resources-plugin';
 import { PlaybackObject } from 'projects/player/interfaces/models/PlaybackObject';
 import { NextVideo } from '../interfaces/NextVideo';
 export interface PlayerOptions extends BasePlayerOptions {
-    resources?: Resource[];
-    imageCdnUrl?: string;
-    resourceAppLink?: Core.AppLink;
 }
 export declare class Player extends BasePlayer {
     protected options: PlayerOptions;

package/dist/projects/player/src/plugins/create-clip-button-plugin/components/create-clip-button.d.ts

@@ -0,0 +1 @@
+import './create-clip-button.scss';

package/dist/projects/player/src/plugins/create-clip-button-plugin/create-clip-button-plugin.d.ts

@@ -0,0 +1,10 @@
+import 'projects/player/plugins/create-clip-button-plugin/components/create-clip-button';
+interface CreateClipButtonPluginOptions {
+    onClick: () => void;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        createClipButtonPlugin(options: CreateClipButtonPluginOptions): void;
+    }
+}
+export {};

package/dist/projects/player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector-handle.d.ts

@@ -2,7 +2,7 @@ import videojs from 'video.js';
 declare const Component: {
     new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
     prototype: videojs.Component;
-    getComponent(name: "Button" | "button"): {
+    getComponent(name: "button" | "Button"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
         prototype: videojs.Button;
     };
@@ -14,7 +14,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "Menu" | "menu"): {
+    getComponent(name: "menu" | "Menu"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -22,7 +22,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "MenuItem" | "menuitem"): {
+    getComponent(name: "menuitem" | "MenuItem"): {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };

package/dist/projects/player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector.d.ts

@@ -2,7 +2,7 @@ import videojs, { VideoJsPlayer } from 'video.js';
 declare const Component: {
     new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
     prototype: videojs.Component;
-    getComponent(name: "Button" | "button"): {
+    getComponent(name: "button" | "Button"): {
         new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
         prototype: videojs.Button;
     };
@@ -14,7 +14,7 @@ declare const Component: {
         new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "Menu" | "menu"): {
+    getComponent(name: "menu" | "Menu"): {
         new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -22,7 +22,7 @@ declare const Component: {
         new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "MenuItem" | "menuitem"): {
+    getComponent(name: "menuitem" | "MenuItem"): {
         new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };
@@ -75,7 +75,7 @@ export declare class ClipTimepointSelector extends Component {
     private update;
     private setStartTime;
     private setEndTime;
-    private bindDragListeners;
+    private bindListeners;
     private dragStart;
     private dragEnd;
     private drag;

package/dist/projects/player/src/plugins/interactive-plugin/components/create-components/create-short-answer.ts/create-short-answer.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Interaction } from 'libs/shared/interfaces';
 import { InteractionProps } from 'projects/player/plugins/interactive-plugin/interfaces';
-import './create-short-answer.scss';
 interface CreateShortAnswerState {
-    text: string;
+    question: string;
+    suggestedResponse?: string;
 }
 export declare function ValidateShortAnswer(state: CreateShortAnswerState): boolean;
 export declare function SubmitShortAnswer(state: CreateShortAnswerState, interaction: Interaction): Promise<void>;

package/dist/projects/player/src/plugins/interactive-plugin/components/create-components/create-type-selector/create-type-selector.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { InteractionTypeId } from 'libs/shared/interfaces';
-import './create-type-selector.scss';
 interface CreateTypeSelectorProps {
     onTypeSelected: (typeId: InteractionTypeId) => void;
 }

package/dist/projects/player/src/plugins/interactive-plugin/components/feedback-tooltip/feedback-tooltip.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface FeedbackTooltipProps {
+    tooltipText: string;
+}
+export declare function FeedbackTooltip(props: FeedbackTooltipProps): JSX.Element;
+export {};

package/dist/projects/player/src/plugins/interactive-plugin/components/required-star/required-star.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function RequiredStar(): JSX.Element;

package/dist/projects/player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-items.d.ts

@@ -4,7 +4,7 @@ import './interactive-bar-items.scss';
 declare const Component: {
     new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
     prototype: videojs.Component;
-    getComponent(name: "Button" | "button"): {
+    getComponent(name: "button" | "Button"): {
         new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
         prototype: videojs.Button;
     };
@@ -16,7 +16,7 @@ declare const Component: {
         new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "Menu" | "menu"): {
+    getComponent(name: "menu" | "Menu"): {
         new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -24,7 +24,7 @@ declare const Component: {
         new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "MenuItem" | "menuitem"): {
+    getComponent(name: "menuitem" | "MenuItem"): {
         new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };
@@ -36,7 +36,7 @@ declare const Component: {
         new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
         prototype: videojs.Spacer;
     };
-    getComponent(name: "Player" | "player"): {
+    getComponent(name: "player" | "Player"): {
         new (player: VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): VideoJsPlayer;
         prototype: VideoJsPlayer;
         getTagSettings(tag: Element): any;

package/dist/projects/player/src/plugins/interactive-plugin/interactive-plugin.d.ts

@@ -1 +1,2 @@
 import 'projects/player/plugins/interactive-plugin/components/interactive/interactive-component';
+import './interactive-plugin-styles.scss';

package/dist/projects/player/src/plugins/resources-plugin/components/resource-menu-item/resource-menu-item.d.ts

@@ -1,30 +0,0 @@
-import videojs, { VideoJsPlayer } from 'video.js';
-import { Core } from 'libs/common/core';
-import { Resource } from 'libs/shared/interfaces';
-import './resource-menu-item.scss';
-interface ResourceMenuItemProps {
-    resource: Resource;
-    imageCdnUrl: string;
-    appLink: Core.AppLink;
-}
-declare const ClickableComponent: {
-    new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
-    prototype: videojs.ClickableComponent;
-};
-/**
- * Until we update to React 17, we need to wrap the above React component
- * in a videojs ClickableComponent so that a native browser event listener
- * will be bound.
- *
- * This is necessary because the mechanism of event delegation in React 16
- * allows native browser event listeners to be triggered before the React event
- * listeners, regardless of their position in the DOM tree.
- *
- * All of this means that the Menu component's click handler will be receive
- * the event before the React component, blocking it.
- */
-export declare class ResourceMenuItem extends ClickableComponent {
-    constructor(player: VideoJsPlayer, options: ResourceMenuItemProps);
-    createEl(): Element;
-}
-export {};

package/dist/projects/player/src/plugins/resources-plugin/components/resources-button/resources-button.d.ts

@@ -1 +0,0 @@
-import './resources-button.scss';

package/dist/projects/player/src/plugins/resources-plugin/resources-plugin.d.ts

@@ -1,14 +0,0 @@
-import { Core } from 'libs/common/core';
-import { Resource } from 'libs/shared/interfaces';
-import 'projects/player/plugins/resources-plugin/components/resources-button/resources-button';
-interface ResourcesPluginOptions {
-    resources: Resource[];
-    imageCdnUrl: string;
-    resourceAppLink?: Core.AppLink;
-}
-declare module 'video.js' {
-    interface VideoJsPlayer {
-        resourcesPlugin(options: ResourcesPluginOptions): void;
-    }
-}
-export {};

package/dist/projects/player/src/plugins/touch-controls-plugin/components/touch-controls/touch-controls.d.ts

@@ -3,7 +3,7 @@ import './touch-controls.scss';
 declare const Component: {
     new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
     prototype: videojs.Component;
-    getComponent(name: "Button" | "button"): {
+    getComponent(name: "button" | "Button"): {
         new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
         prototype: videojs.Button;
     };
@@ -15,7 +15,7 @@ declare const Component: {
         new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
         prototype: videojs.ModalDialog;
     };
-    getComponent(name: "Menu" | "menu"): {
+    getComponent(name: "menu" | "Menu"): {
         new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
         prototype: videojs.Menu;
     };
@@ -23,7 +23,7 @@ declare const Component: {
         new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
         prototype: videojs.MenuButton;
     };
-    getComponent(name: "MenuItem" | "menuitem"): {
+    getComponent(name: "menuitem" | "MenuItem"): {
         new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
         prototype: videojs.MenuItem;
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickview/player",
-  "version": "0.0.0-rc.12",
+  "version": "0.0.0-rc.14",
   "description": "ClickView Player",
   "main": "dist/player-app.js",
   "scripts": {
@@ -28,7 +28,7 @@
     "@babel/core": "7.11.6",
     "@clickview/eslint-config": "1.0.0",
     "@clickview/player-font": "0.0.1",
-    "@clickview/tooling": "0.0.19-rc.1",
+    "@clickview/tooling": "0.0.19-rc.3",
     "@storybook/react": "6.0.26",
     "@types/simplebar": "5.1.1",
     "@types/video.js": "7.3.11",
@@ -37,7 +37,7 @@
     "webpack-dev-server": "3.11.0"
   },
   "dependencies": {
-    "@clickview/styles": "1.0.12-rc.1",
+    "@clickview/styles": "1.0.12-rc.3",
     "keycode": "2.2.0",
     "simplebar": "5.3.0",
     "simplebar-react": "2.3.0",