@brightcove/components-embed-code-modal 0.1.4 → 0.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightcove/components-embed-code-modal",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "repository": {
     "type": "git",
     "url": "https://bithub.brightcove.com/studio-ui-kit/studio-components-embed-code-modal.git"
@@ -30,6 +30,7 @@
     "@brightcove/eslint-config-applications": "^0.3.0",
     "@brightcove/kacl": "^0.1.11",
     "@brightcove/notify-change": "^0.1.7",
+    "@brightcove/react-player-loader": "^1.4.1",
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^12.1.2",
     "@types/jest": "^27.4.0",
@@ -64,13 +65,15 @@
   },
   "dependencies": {
     "@brightcove/player-embed-code": "1.4.0",
+    "@brightcove/studio-api-services": "^6.49.1",
     "@brightcove/studio-components": "^4.4.3",
     "@brightcove/studio-design-tokens": "1.13.0",
     "@brightcove/studio-icons": "8.6.1",
     "i18next": "^21.5.4",
     "react": ">=17.0.2",
     "react-dom": ">=17.0.2",
-    "react-i18next": "^11.14.3"
+    "react-i18next": "^11.14.3",
+    "react-query": "^3.38.0"
   },
   "peerDependencies": {
     "react": ">=17.0.2",

package/src/index.d.ts

@@ -1,3 +1,3 @@
 import EmbedCodeModal from './js/EmbedCodeModal';
-import type { VideoPayload } from './js/types/EmbedCodeModalProps';
-export { EmbedCodeModal, VideoPayload };
+import type { VideoPayload, EmbedCodeModalTypes } from './js/types/EmbedCodeModalProps';
+export { EmbedCodeModal, VideoPayload, EmbedCodeModalTypes };

package/src/js/EmbedCode.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { EmbedCodeProps } from 'js/types/EmbedCodeProps';
-export declare const EmbedCode: ({ isIFrame, accountId, videoId }: EmbedCodeProps) => JSX.Element;
+export declare const EmbedCode: ({ isIFrame, accountId, videoId, playerId, }: EmbedCodeProps) => JSX.Element;

package/src/js/EmbedCodeModalComponent.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { EmbedCodeModalProps } from 'js/types/EmbedCodeModalProps';
-export declare const EmbedCodeModalComponent: ({ video }: EmbedCodeModalProps) => JSX.Element;
+export declare const EmbedCodeModalComponent: ({ video, type, }: EmbedCodeModalProps) => JSX.Element | null;

package/src/js/constants/player.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_PLAYER_ID = "default";

package/src/js/hooks/useGetPlayers.d.ts

@@ -0,0 +1,6 @@
+import { EmbedCodeModalTypes } from 'js/types/EmbedCodeModalProps';
+declare const useGetPlayers: (type: EmbedCodeModalTypes, isEmbedTypesEnabled: boolean, isPlayersCallEnabled: boolean) => import("react-query").QueryObserverIdleResult<import("../types/players").GetPlayersPayload, unknown> | import("react-query").QueryObserverLoadingErrorResult<import("../types/players").GetPlayersPayload, unknown> | import("react-query").QueryObserverLoadingResult<import("../types/players").GetPlayersPayload, unknown> | import("react-query").QueryObserverRefetchErrorResult<import("../types/players").GetPlayersPayload, unknown> | import("react-query").QueryObserverSuccessResult<import("../types/players").GetPlayersPayload, unknown> | {
+    isLoading: boolean;
+    data: null;
+};
+export default useGetPlayers;

package/src/js/i18n.d.ts

@@ -5,18 +5,23 @@ export declare const resources: {
             modalHeader: string;
             mediaNotice: string;
             tooltipText: string;
+            tooltipTextNew: string;
             tooltipLink: string;
             previewButton: string;
+            player: string;
             tabs: {
                 labels: {
                     iframe: string;
                     javascript: string;
                 };
                 helperText: string;
+                helperTextNew: string;
             };
             closeModal: string;
             toasterTitle: string;
             toasterMessage: string;
+            toasterErrorMessage: string;
+            customPluginNotice: string;
         };
     };
     es: {
@@ -24,18 +29,23 @@ export declare const resources: {
             modalHeader: string;
             mediaNotice: string;
             tooltipText: string;
+            tooltipTextNew: string;
             tooltipLink: string;
             previewButton: string;
+            player: string;
             tabs: {
                 labels: {
                     iframe: string;
                     javascript: string;
                 };
                 helperText: string;
+                helperTextNew: string;
             };
             closeModal: string;
             toasterTitle: string;
             toasterMessage: string;
+            toasterErrorMessage: string;
+            customPluginNotice: string;
         };
     };
     fr: {
@@ -43,18 +53,23 @@ export declare const resources: {
             modalHeader: string;
             mediaNotice: string;
             tooltipText: string;
+            tooltipTextNew: string;
             tooltipLink: string;
             previewButton: string;
+            player: string;
             tabs: {
                 labels: {
                     iframe: string;
                     javascript: string;
                 };
                 helperText: string;
+                helperTextNew: string;
             };
             closeModal: string;
             toasterTitle: string;
             toasterMessage: string;
+            toasterErrorMessage: string;
+            customPluginNotice: string;
         };
     };
     ja: {
@@ -62,18 +77,23 @@ export declare const resources: {
             modalHeader: string;
             mediaNotice: string;
             tooltipText: string;
+            tooltipTextNew: string;
             tooltipLink: string;
             previewButton: string;
+            player: string;
             tabs: {
                 labels: {
                     iframe: string;
                     javascript: string;
                 };
                 helperText: string;
+                helperTextNew: string;
             };
             closeModal: string;
             toasterTitle: string;
             toasterMessage: string;
+            toasterErrorMessage: string;
+            customPluginNotice: string;
         };
     };
     ko: {
@@ -81,18 +101,23 @@ export declare const resources: {
             modalHeader: string;
             mediaNotice: string;
             tooltipText: string;
+            tooltipTextNew: string;
             tooltipLink: string;
             previewButton: string;
+            player: string;
             tabs: {
                 labels: {
                     iframe: string;
                     javascript: string;
                 };
                 helperText: string;
+                helperTextNew: string;
             };
             closeModal: string;
             toasterTitle: string;
             toasterMessage: string;
+            toasterErrorMessage: string;
+            customPluginNotice: string;
         };
     };
     zh: {
@@ -100,18 +125,23 @@ export declare const resources: {
             modalHeader: string;
             mediaNotice: string;
             tooltipText: string;
+            tooltipTextNew: string;
             tooltipLink: string;
             previewButton: string;
+            player: string;
             tabs: {
                 labels: {
                     iframe: string;
                     javascript: string;
                 };
                 helperText: string;
+                helperTextNew: string;
             };
             closeModal: string;
             toasterTitle: string;
             toasterMessage: string;
+            toasterErrorMessage: string;
+            customPluginNotice: string;
         };
     };
 };

package/src/js/services/players-api.d.ts

@@ -0,0 +1,2 @@
+import { GetPlayersPayload } from 'js/types/players';
+export declare const getPlayers: () => Promise<GetPlayersPayload>;

package/src/js/types/EmbedCodeModalProps.d.ts

@@ -5,7 +5,12 @@ export interface VideoPayload {
     posterUrl?: string;
     duration: number;
 }
+export declare enum EmbedCodeModalTypes {
+    PLAYER = "player",
+    VIDEO = "video"
+}
 export declare type EmbedCodeModalProps = {
     language?: 'en' | 'es' | 'fr' | 'ko' | 'ja' | 'zh';
     video: VideoPayload;
+    type?: EmbedCodeModalTypes;
 };

package/src/js/types/EmbedCodeProps.d.ts

@@ -2,4 +2,5 @@ export declare type EmbedCodeProps = {
     isIFrame: boolean;
     accountId: string;
     videoId: string;
+    playerId: string;
 };

package/src/js/types/players.d.ts

@@ -0,0 +1,27 @@
+export declare type PlayerSelectItem = {
+    label: string;
+    value: string;
+};
+export declare type PlayersObjectItem = {
+    label: string;
+    id: string;
+    hasPlugins: boolean;
+    isCampaignPlayer: boolean;
+};
+export declare type PlayersObject = {
+    [key: string]: PlayersObjectItem;
+};
+export declare type PlayerItem = {
+    account_id: string;
+    id: string;
+    name: string;
+    description: string;
+    branches: object;
+    created_at: string;
+    embed_count: number;
+    url: string;
+};
+export declare type GetPlayersPayload = {
+    item_count: number;
+    items: PlayerItem[];
+};

package/src/js/utils/call.d.ts

@@ -0,0 +1,9 @@
+export declare const getAccountId: () => any;
+export declare const getConfig: () => {
+    apiConfig: {
+        publisherId: any;
+        api: any;
+    };
+};
+export declare const call: <T>(options: any) => Promise<T>;
+export declare const callAPI: <T>(apiEndpoint: any, apiArgs: any) => Promise<T>;

package/src/js/utils/util.d.ts

@@ -3,6 +3,11 @@
  * @returns the studio environment
  */
 export declare function getStudioEnvironment(): string;
+/**
+ * Get embed modal types enabled value.
+ * @returns the embed modal types enabled value
+ */
+export declare function isEmbedModalTypesEnabled(): boolean;
 /**
  * Is the module running in QA environment?
  */