@brightcove/components-embed-code-modal 0.1.1

package/js/EmbedCode.d.ts

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

package/js/EmbedCodeModal.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { EmbedCodeModalProps } from 'js/types/EmbedCodeModalProps';
+declare const EmbedCodeModal: (props: EmbedCodeModalProps) => JSX.Element;
+export default EmbedCodeModal;

package/js/EmbedCodeModalComponent.d.ts

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

package/js/constants/baseUrls.d.ts

@@ -0,0 +1,2 @@
+export declare const QA_URL = "https://bc-players-qa.s3.amazonaws.com/";
+export declare const PROD_URL = "https://players.brightcove.net/";

package/js/i18n.d.ts

@@ -0,0 +1,118 @@
+import i18n from 'i18next';
+export declare const resources: {
+    en: {
+        translation: {
+            modalHeader: string;
+            mediaNotice: string;
+            tooltipText: string;
+            tooltipLink: string;
+            previewButton: string;
+            tabs: {
+                labels: {
+                    iframe: string;
+                    javascript: string;
+                };
+                helperText: string;
+            };
+            closeModal: string;
+            toasterTitle: string;
+            toasterMessage: string;
+        };
+    };
+    es: {
+        translation: {
+            modalHeader: string;
+            mediaNotice: string;
+            tooltipText: string;
+            tooltipLink: string;
+            previewButton: string;
+            tabs: {
+                labels: {
+                    iframe: string;
+                    javascript: string;
+                };
+                helperText: string;
+            };
+            closeModal: string;
+            toasterTitle: string;
+            toasterMessage: string;
+        };
+    };
+    fr: {
+        translation: {
+            modalHeader: string;
+            mediaNotice: string;
+            tooltipText: string;
+            tooltipLink: string;
+            previewButton: string;
+            tabs: {
+                labels: {
+                    iframe: string;
+                    javascript: string;
+                };
+                helperText: string;
+            };
+            closeModal: string;
+            toasterTitle: string;
+            toasterMessage: string;
+        };
+    };
+    ja: {
+        translation: {
+            modalHeader: string;
+            mediaNotice: string;
+            tooltipText: string;
+            tooltipLink: string;
+            previewButton: string;
+            tabs: {
+                labels: {
+                    iframe: string;
+                    javascript: string;
+                };
+                helperText: string;
+            };
+            closeModal: string;
+            toasterTitle: string;
+            toasterMessage: string;
+        };
+    };
+    ko: {
+        translation: {
+            modalHeader: string;
+            mediaNotice: string;
+            tooltipText: string;
+            tooltipLink: string;
+            previewButton: string;
+            tabs: {
+                labels: {
+                    iframe: string;
+                    javascript: string;
+                };
+                helperText: string;
+            };
+            closeModal: string;
+            toasterTitle: string;
+            toasterMessage: string;
+        };
+    };
+    zh: {
+        translation: {
+            modalHeader: string;
+            mediaNotice: string;
+            tooltipText: string;
+            tooltipLink: string;
+            previewButton: string;
+            tabs: {
+                labels: {
+                    iframe: string;
+                    javascript: string;
+                };
+                helperText: string;
+            };
+            closeModal: string;
+            toasterTitle: string;
+            toasterMessage: string;
+        };
+    };
+};
+export default i18n;

package/js/types/EmbedCodeModalProps.d.ts

@@ -0,0 +1,11 @@
+export interface VideoPayload {
+    videoId: string;
+    videoName: string;
+    accountId: string;
+    posterUrl?: string;
+    duration: number;
+}
+export declare type EmbedCodeModalProps = {
+    language?: 'en' | 'es' | 'fr' | 'ko' | 'ja' | 'zh';
+    video: VideoPayload;
+};

package/js/types/EmbedCodeProps.d.ts

@@ -0,0 +1,5 @@
+export declare type EmbedCodeProps = {
+    isIFrame: boolean;
+    accountId: string;
+    videoId: string;
+};

package/js/types/studioModule.d.ts

@@ -0,0 +1,14 @@
+export interface StudioModule {
+    api: () => any;
+    bcApi: {
+        [key: string]: any;
+    };
+    config: {
+        [key: string]: any;
+    };
+}
+declare global {
+    interface Window {
+        StudioModule: StudioModule;
+    }
+}

package/js/utils/util.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Get the studio environment as a string.
+ * @returns the studio environment
+ */
+export declare function getStudioEnvironment(): string;
+/**
+ * Is the module running in QA environment?
+ */
+export declare function isQA(): boolean;
+/**
+ * Gets the correct player url base depending on environment
+ */
+export declare function getUrlBase(): "https://bc-players-qa.s3.amazonaws.com/" | "https://players.brightcove.net/";

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@brightcove/components-embed-code-modal",
+  "version": "0.1.1",
+  "description": "Embed Code Modal used for publishing videos",
+  "main": "./index.js",
+  "author": "Campaign Team",
+  "scripts": {
+    "demo": "NODE_ENV=development webpack-dev-server --progress --color",
+    "build": "NODE_ENV=production webpack --progress && node scripts/create-dist-pkg-prod && tsc",
+    "lint": "eslint \"{src,__tests__,demo}/**/*.{ts,tsx,js,jsx}\"",
+    "type-check": "tsc ",
+    "release": "release-it"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.16.0",
+    "@babel/plugin-proposal-class-properties": "^7.16.0",
+    "@babel/plugin-transform-runtime": "^7.16.4",
+    "@babel/preset-env": "^7.16.4",
+    "@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",
+    "@types/react": "^17.0.37",
+    "@types/react-dom": "^17.0.11",
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "@typescript-eslint/parser": "^5.4.0",
+    "babel-loader": "^8.2.3",
+    "css-loader": "^6.5.1",
+    "eslint": "^8.3.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-react": "^7.27.1",
+    "eslint-plugin-react-hooks": "^4.3.0",
+    "husky": "^7.0.4",
+    "lint-staged": "^12.1.2",
+    "prettier": "^2.5.0",
+    "react-dnd": "^14.0.4",
+    "react-dnd-html5-backend": "^14.0.2",
+    "release-it": "^14.11.8",
+    "sass": "^1.44.0",
+    "sass-loader": "^12.3.0",
+    "style-loader": "^3.3.1",
+    "typescript": "^4.5.2",
+    "webpack": "^5.64.4",
+    "webpack-cli": "^4.9.1",
+    "webpack-dev-server": "^4.5.0"
+  },
+  "dependencies": {
+    "@brightcove/player-embed-code": "1.4.0",
+    "@brightcove/studio-components": "^3.2.0",
+    "@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"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.2",
+    "react-dom": ">=17.0.2",
+    "react-dnd": ">=14.0.4",
+    "react-dnd-html5-backend": ">=14.0.2"
+  },
+  "module": "./index.js"
+}

package/styles/typings.td.d.ts

@@ -0,0 +1,12 @@
+declare module 'styles/*.sass' {
+    const content: {
+        [className: string]: string;
+    };
+    export default content;
+}
+declare module 'styles/*.scss' {
+    const content: {
+        [className: string]: string;
+    };
+    export default content;
+}