@clickview/player 0.0.17 → 0.0.18-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/libs/analytics/src/clients/CollectionApiClient.d.ts +2 -0
  2. package/dist/libs/analytics/src/interfaces/AnalyticsTypes.d.ts +4 -2
  3. package/dist/libs/common/src/backbone/services/LanguageService.d.ts +10 -0
  4. package/dist/libs/common/src/react/utils/TextHelper.d.ts +18 -0
  5. package/dist/libs/shared/src/hooks/UseLazyLoad.d.ts +6 -0
  6. package/dist/libs/shared/src/interfaces/DateRange.d.ts +2 -0
  7. package/dist/player-app.css +4 -2
  8. package/dist/player-app.js +4 -4
  9. package/dist/projects/player/src/players/create-clip-player.d.ts +3 -1
  10. package/dist/projects/player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector.d.ts +1 -0
  11. package/dist/projects/player/src/plugins/create-clip-plugin/components/create-clip-progress-indicator/create-clip-progress-indicator.d.ts +67 -0
  12. package/dist/projects/player/src/plugins/create-clip-plugin/components/create-clip-seek-bar/create-clip-seek-bar.d.ts +2 -2
  13. package/package.json +2 -2
package/dist/libs/analytics/src/clients/CollectionApiClient.d.ts CHANGED
@@ -13,6 +13,7 @@ interface CollectionApiClientOptions {
13
13
  getUser: () => Promise<AnalyticsUser>;
14
14
  shouldLog?: (event: IncomingEvent) => boolean;
15
15
  formatData?: (event: IncomingEvent) => HashObject | HashObject[];
16
+ logError?: (error: Error) => void;
16
17
  }
17
18
  /**
18
19
  * A client for logging to CollectionApi.
@@ -41,5 +42,6 @@ export declare class CollectionApiClient {
41
42
  private getEventMetadata;
42
43
  private getRegionByName;
43
44
  private normalizeYearGroup;
45
+ private logError;
44
46
  }
45
47
  export {};
package/dist/libs/analytics/src/interfaces/AnalyticsTypes.d.ts CHANGED
@@ -29,7 +29,7 @@ export declare enum UserAction {
29
29
  LoginSsoRedirect = "cv_product_login_sso_redirect",
30
30
  LoginFailed = "cv_product_login_failed",
31
31
  Search = "cv_product_search",
32
- InstantSearch = "cv_product_search",
32
+ InstantSearch = "cv_product_instant_search",
33
33
  SearchEmptyResult = "cv_product_search_empty_result",
34
34
  Filter = "cv_product_search_filter",
35
35
  SearchLanding = "cv_product_search_landing",
@@ -206,7 +206,9 @@ export declare enum LocationContext {
206
206
  Settings = "settings",
207
207
  StudentFeed = "student_feed",
208
208
  SharedByMe = "shared_by_me",
209
- SharedWithMe = "shared_with_me"
209
+ SharedWithMe = "shared_with_me",
210
+ TopVideos = "top_videos",
211
+ VideoViewsList = "video_views_list"
210
212
  }
211
213
  export declare enum WorkflowPhase {
212
214
  Start = "start",
package/dist/libs/common/src/backbone/services/LanguageService.d.ts CHANGED
@@ -15,6 +15,16 @@ declare class StaticLanguageService extends BaseService {
15
15
  static get Instance(): StaticLanguageService;
16
16
  get name(): string;
17
17
  setConfig(config: LanguageConfig): void;
18
+ /**
19
+ * This function will escape any HTML in the values of `options` before interpolating the phrase.
20
+ * Any HTML from a .lang.json file will not be escaped.
21
+ *
22
+ * The reason that we escape `options` is that this is dynamic data that could come from user-input.
23
+ *
24
+ * If the output of this function is passed into `dangerouslySetInnerHTML` (e.g. in <Text /> or when using alerts),
25
+ * it should be passed through TextHelper.sanitize as an extra safeguard against XSS.
26
+ * TextHelper.sanitize will preserve any safe HTML, allowing custom HTML to be set in .lang.json files.
27
+ */
18
28
  getPhrase(namespace: string, phraseKey: string, options?: LanguageInterpolationOptions): string;
19
29
  encloseNamespace(namespace: string): (phraseKey: string, options?: LanguageInterpolationOptions) => string;
20
30
  }
package/dist/libs/common/src/react/utils/TextHelper.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ import { ObjectHash } from 'backbone';
2
+ export declare const TextHelper: {
3
+ escapeExpression(text: string): string;
4
+ escapeRegExp(str: string): string;
5
+ slugify(str: string): string;
6
+ linkifyText(text: string, options?: ObjectHash): string;
7
+ isEqual(str1: string | number, str2: string | number): boolean;
8
+ toTitleCase(str: string): string;
9
+ /**
10
+ * DOMPurify.sanitize encodes '&' characters.
11
+ * At the moment, this appears to be the intended behaviour:
12
+ * https://github.com/cure53/DOMPurify/issues/379
13
+ *
14
+ * Note: DOMPurify.sanitize does not escape HTML. It will remove
15
+ * any XSS threats, leaving safe HTML.
16
+ */
17
+ sanitize(text: string): string;
18
+ };
package/dist/libs/shared/src/hooks/UseLazyLoad.d.ts CHANGED
@@ -1,6 +1,12 @@
1
1
  interface LazyUtils {
2
2
  ref: (node?: Element) => void | null;
3
3
  inView: boolean;
4
+ /**
5
+ * Use this if you want to hide something on start
6
+ * and then show it as something else leaves the window
7
+ * e.g. The student feed floating jump to button
8
+ */
9
+ initialized: boolean;
4
10
  }
5
11
  interface UseLazyLoadOptions {
6
12
  prevent?: boolean;
package/dist/libs/shared/src/interfaces/DateRange.d.ts CHANGED
@@ -3,4 +3,6 @@ export interface DateRange {
3
3
  startDate?: Date;
4
4
  endDate?: Date;
5
5
  default?: boolean;
6
+ disabled?: boolean;
7
+ tooltip?: string;
6
8
  }
package/dist/player-app.css CHANGED
@@ -62,7 +62,7 @@
62
62
 
63
63
  .video-js .vjs-text-track-display{bottom:4em}
64
64
 
65
- .video-js .vjs-poster{color:#fff;font-size:.875rem}.video-js .vjs-poster .cv-player-mask{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0.8) 100%)}.video-js .vjs-poster .cv-splash-metadata{position:absolute;top:1.25em;left:1.25em;z-index:1}.video-js .vjs-poster .cv-splash-metadata.cv-embed-splash-metadata{top:2.5em;left:2.5em}.video-js .vjs-poster .cv-splash-metadata .cv-series-text{display:flex;align-items:center;font-weight:500}.video-js .vjs-poster .cv-splash-metadata .cv-splash-warning-container{display:flex;align-items:center}.video-js .vjs-poster .cv-splash-metadata .cv-splash-warning-container .cv-splash-rating{line-height:1.2;padding:0.4em 0.8em;display:flex;justify-content:center;margin-right:.625rem}.video-js .vjs-poster .cv-splash-metadata .cv-splash-warning-container .cv-splash-warning{font-size:1rem;margin-bottom:0;font-weight:500}.video-js .vjs-poster .cv-embed-logo{position:absolute;bottom:2.5em;left:2.5em;z-index:1;width:11em}
65
+ .video-js .vjs-poster{color:#fff;font-size:.875rem;background-size:cover;background-position:center}.video-js .vjs-poster .cv-player-mask{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0.8) 100%)}.video-js .vjs-poster .cv-splash-metadata{position:absolute;top:1.25em;left:1.25em;z-index:1}.video-js .vjs-poster .cv-splash-metadata.cv-embed-splash-metadata{top:2.5em;left:2.5em}.video-js .vjs-poster .cv-splash-metadata .cv-series-text{display:flex;align-items:center;font-weight:500}.video-js .vjs-poster .cv-splash-metadata .cv-splash-warning-container{display:flex;align-items:center}.video-js .vjs-poster .cv-splash-metadata .cv-splash-warning-container .cv-splash-rating{line-height:1.2;padding:0.4em 0.8em;display:flex;justify-content:center;margin-right:.625rem}.video-js .vjs-poster .cv-splash-metadata .cv-splash-warning-container .cv-splash-warning{font-size:1rem;margin-bottom:0;font-weight:500}.video-js .vjs-poster .cv-embed-logo{position:absolute;bottom:2.5em;left:2.5em;z-index:1;width:11em}
66
66
 
67
67
  .video-js .cv-up-next-container{position:absolute;bottom:6em;color:#fff;padding:0.8em;width:19em;border-radius:0.3333em;background:#1c1c1c;right:1.5em;font-size:1.5em;z-index:2}.video-js .cv-cancel-up-next{position:absolute;top:0;right:0.4em;font-size:2em}.video-js .cv-up-next-image{padding-bottom:56.25%;background-size:contain;border-radius:0.3333em;background-color:linear-gradient(to right, #eaeaea, #f8f8f8)}.video-js .cv-up-next-heading{color:#fff;padding-bottom:0.6em}.video-js .cv-up-next-title{color:#fff;padding-top:0.6em}
68
68
 
@@ -88,5 +88,7 @@
88
88
 
89
89
  .cv-clip-timepoint-selector{position:relative;top:-2px;height:calc(100% + 4px);border:2px solid #4E9ACE;margin:0;background-color:#E1EEF7;cursor:-webkit-grab;cursor:grab}.cv-clip-timepoint-selector:active{cursor:-webkit-grabbing;cursor:grabbing}.cv-clip-timepoint-handle{position:absolute;top:-2px;bottom:-2px;width:10px;background-color:#4E9ACE;padding:4px 2px}.cv-clip-timepoint-handle svg{opacity:0.8;width:100%;height:100%}.cv-clip-start-handle{left:-10px;border-radius:3px 0 0 3px}.cv-clip-end-handle{right:-10px;border-radius:0 3px 3px 0}
90
90
 
91
- .video-js.cv-create-clip-player .vjs-progress-control{padding:0 20px 4px 20px;height:100%}.video-js.cv-create-clip-player .vjs-progress-control .vjs-progress-holder.cv-create-clip-seek-bar{height:18px;background-color:#B5B5B5;border-radius:3px;font-size:1em;margin-top:0}.video-js.cv-create-clip-player .vjs-progress-control .vjs-progress-holder.cv-create-clip-seek-bar .vjs-play-progress.vjs-slider-bar{background-color:transparent}.video-js.cv-create-clip-player .vjs-progress-control .vjs-progress-holder.cv-create-clip-seek-bar .vjs-play-progress.vjs-slider-bar:before{top:calc(18px + 3px);content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid white}.video-js.cv-create-clip-player .vjs-progress-control .vjs-progress-holder.cv-create-clip-seek-bar .vjs-play-progress.vjs-slider-bar .vjs-time-tooltip{display:none}.video-js.cv-create-clip-player .vjs-progress-control .vjs-progress-holder.cv-create-clip-seek-bar .vjs-mouse-display{font-size:1.66666666666em}
91
+ .cv-create-clip-progress-indicator{position:absolute;right:-6px;top:21px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid white;z-index:999999999;touch-action:none}.video-js.cv-hide-mouse-time .vjs-progress-control .vjs-mouse-display{display:none}
92
+
93
+ .video-js.cv-create-clip-player .vjs-control-bar{padding-bottom:5.6em}.video-js.cv-create-clip-player .vjs-progress-control{padding:0 20px 4px 20px;height:100%}.video-js.cv-create-clip-player .vjs-progress-control .vjs-progress-holder.cv-create-clip-seek-bar{height:18px;background-color:#B5B5B5;border-radius:3px;font-size:1em;margin-top:0}.video-js.cv-create-clip-player .vjs-progress-control .vjs-progress-holder.cv-create-clip-seek-bar .vjs-play-progress.vjs-slider-bar{background-color:transparent}.video-js.cv-create-clip-player .vjs-progress-control .vjs-progress-holder.cv-create-clip-seek-bar .vjs-play-progress.vjs-slider-bar:before{display:none}.video-js.cv-create-clip-player .vjs-progress-control .vjs-progress-holder.cv-create-clip-seek-bar .vjs-play-progress.vjs-slider-bar .vjs-time-tooltip{display:none}.video-js.cv-create-clip-player .vjs-progress-control .vjs-progress-holder.cv-create-clip-seek-bar .vjs-mouse-display{font-size:1.66666666666em}.video-js.cv-create-clip-player .vjs-text-track-display{bottom:8em}
92
94