@brightcove/components-embed-code-modal 0.1.3 → 0.1.5

package/package.json

@@ -1,6 +1,10 @@
 {
   "name": "@brightcove/components-embed-code-modal",
-  "version": "0.1.3",
+  "version": "0.1.5",
+  "repository": {
+    "type": "git",
+    "url": "https://bithub.brightcove.com/studio-ui-kit/studio-components-embed-code-modal.git"
+  },
   "description": "Embed Code Modal used for publishing videos",
   "main": "./index.js",
   "author": "Campaign Team",
@@ -8,7 +12,8 @@
     "demo": "NODE_ENV=development webpack-dev-server --progress --color",
     "build": "NODE_ENV=production webpack --progress && cp ./README.md ./build &&  node scripts/create-dist-pkg-prod && tsc",
     "lint": "eslint \"{src,__tests__,demo}/**/*.{ts,tsx,js,jsx}\"",
-    "type-check": "tsc ",
+    "type-check": "tsc",
+    "notify": "notify-change -m proj-projstudio",
     "release": "release-it",
     "test": "jest",
     "test:coverage": "jest --coverage",
@@ -23,7 +28,8 @@
     "@babel/preset-react": "^7.16.0",
     "@babel/preset-typescript": "^7.16.0",
     "@brightcove/eslint-config-applications": "^0.3.0",
-    "@release-it/keep-a-changelog": "^2.3.0",
+    "@brightcove/kacl": "^0.1.11",
+    "@brightcove/notify-change": "^0.1.7",
     "@testing-library/jest-dom": "^5.16.2",
     "@testing-library/react": "^12.1.2",
     "@types/jest": "^27.4.0",
@@ -58,13 +64,15 @@
   },
   "dependencies": {
     "@brightcove/player-embed-code": "1.4.0",
-    "@brightcove/studio-components": "^3.2.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 { VideoPayload } from './js/types/EmbedCodeModalProps';
-export { EmbedCodeModal, VideoPayload };
+import type { VideoPayload, EmbedCodeModalTypes } from './js/types/EmbedCodeModalProps';
+export { EmbedCodeModal, VideoPayload, EmbedCodeModalTypes };

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) => 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,22 @@ 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;
         };
     };
     es: {
@@ -24,18 +28,22 @@ 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;
         };
     };
     fr: {
@@ -43,18 +51,22 @@ 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;
         };
     };
     ja: {
@@ -62,18 +74,22 @@ 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;
         };
     };
     ko: {
@@ -81,18 +97,22 @@ 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;
         };
     };
     zh: {
@@ -100,18 +120,22 @@ 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;
         };
     };
 };

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/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?
  */