@brightcove/components-embed-code-modal 1.0.7 → 1.0.8

package/__tests__/PlayerPreview.test.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { PlayerPreview } from '../src/js/components';
+import { QueryClientProvider, QueryClient } from 'react-query';
+
+const DEFAULT_MODAL_COMP = {
+  id: 'default',
+  accountId: '456',
+};
+
+const wrappedComponent = (children: React.ReactElement) => (
+  <QueryClientProvider client={new QueryClient()}>
+    {children}
+  </QueryClientProvider>
+);
+
+test('renders PlayerPreview component with right information', () => {
+  render(wrappedComponent(<PlayerPreview {...DEFAULT_MODAL_COMP} />));
+  expect(screen.getByText('getURL')).toBeInTheDocument();
+  expect(screen.getByText('previewButton')).toBeInTheDocument();
+  expect(screen.getByRole('tab', { name: /javascript/i })).toBeInTheDocument();
+  expect(screen.getByRole('tab', { name: /IFrame/i })).toBeInTheDocument();
+});

package/__tests__/TabsHeader.test.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { act, fireEvent, render } from '@testing-library/react';
+import { TabsHeader } from '../src/js/components';
+
+const DEFAULT_MODAL_COMP = {
+  currentTab: 'iframe',
+  handleTabChange: jest.fn(),
+  iframeLabel: 'iframe',
+  jsLabel: 'js',
+};
+
+test('renders TabsHeader clickeable tabs', async () => {
+  const { getByRole } = render(<TabsHeader {...DEFAULT_MODAL_COMP} />);
+  const jsBtn = getByRole('tab', { name: DEFAULT_MODAL_COMP.jsLabel });
+  act(() => {
+    fireEvent.click(jsBtn);
+  });
+  expect(DEFAULT_MODAL_COMP.handleTabChange).toBeCalled();
+});

package/__tests__/TabsSection.test.tsx

@@ -0,0 +1,46 @@
+import React from 'react';
+import { act, fireEvent, render } from '@testing-library/react';
+import { TabsSection } from 'js/components';
+
+const DEFAULT_MODAL_COMP = {
+  playerId: 'default',
+  videoId: '1234',
+  accountId: 'default',
+  isBcMapTracking: false,
+};
+
+test('renders TabsSection clickeable tabs', async () => {
+  const { getByRole, getByText } = render(
+    <TabsSection {...DEFAULT_MODAL_COMP} isCampaign isViewerIdSource={false} />,
+  );
+  const jsBtn = getByRole('tab', { name: /javascript/i });
+  act(() => {
+    fireEvent.click(jsBtn);
+  });
+  expect(getByText(/data-video-id/i)).toBeInTheDocument();
+});
+
+test('renders helper text for campaign players', async () => {
+  const { getByText } = render(
+    <TabsSection {...DEFAULT_MODAL_COMP} isCampaign isViewerIdSource={false} />,
+  );
+  expect(getByText('tabs.helperTextWarning')).toBeInTheDocument();
+});
+
+test('renders helper text for viewer id source players', async () => {
+  const { getByText } = render(
+    <TabsSection {...DEFAULT_MODAL_COMP} isCampaign={false} isViewerIdSource />,
+  );
+  expect(getByText('tabs.viewerIdTextWarning')).toBeInTheDocument();
+});
+
+test('renders iframe content if it is not campaign or viewer id', async () => {
+  const { getByText } = render(
+    <TabsSection
+      {...DEFAULT_MODAL_COMP}
+      isCampaign={false}
+      isViewerIdSource={false}
+    />,
+  );
+  expect(getByText(/allowfullscreen/i)).toBeInTheDocument();
+});

package/__tests__/TitleWithTooltip.test.tsx

@@ -0,0 +1,45 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { TitleWithTooltip } from '../src/js/components';
+import { truncateVideoTitle } from '../src/js/utils/util';
+
+const DEFAULT_VIDEO_COMP = {
+  videoId: '123',
+  videoName:
+    'The cat is a domestic species of small carnivorous mammal. It is the only domesticated species in the family Felidae and is often referred to as the domestic cat to distinguish it from the wild members of the family. ',
+  accountId: '456',
+  duration: 10,
+};
+
+const DEFAULT_PROJECT_COMP = {
+  videoId: '456',
+  interactivityProjectId: '987',
+  interactivityProjectName:
+    "The dog is a domesticated descendant of the wolf. Also called the domestic dog, it is derived from the extinct Pleistocene wolf, and the modern wolf is the dog's nearest living relative. ",
+  accountId: '456',
+  duration: 10,
+};
+
+test('renders TitleWithTooltip for Video with truncated title if its too long', () => {
+  const truncatedTitle = truncateVideoTitle(DEFAULT_VIDEO_COMP.videoName);
+  render(
+    <TitleWithTooltip
+      name={DEFAULT_VIDEO_COMP.videoName}
+      id={DEFAULT_VIDEO_COMP.videoId}
+    />,
+  );
+  expect(screen.getByText(truncatedTitle)).toBeInTheDocument();
+});
+
+test('renders TitleWithTooltip for Project with truncated title if its too long', () => {
+  const truncatedTitle = truncateVideoTitle(
+    DEFAULT_PROJECT_COMP.interactivityProjectName,
+  );
+  render(
+    <TitleWithTooltip
+      name={DEFAULT_PROJECT_COMP.interactivityProjectName}
+      id={DEFAULT_PROJECT_COMP.videoId}
+    />,
+  );
+  expect(screen.getByText(truncatedTitle)).toBeInTheDocument();
+});

package/__tests__/VideoPlayer.test.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import { QueryClientProvider, QueryClient } from 'react-query';
+import { render, screen } from '@testing-library/react';
+import { VideoPlayer } from '../src/js/components/VideoPlayer';
+import { EmbedCodeModalTypes } from '../src/js/types/EmbedCodeModalProps';
+import { PLAYER_LIST_FOR_SELECTION, PLAYERS } from '../src/js/constants/player';
+
+jest.mock('../src/js/utils/featureSwitches');
+
+const wrappedComponent = (children: React.ReactElement) => (
+  <QueryClientProvider client={new QueryClient()}>
+    {children}
+  </QueryClientProvider>
+);
+
+const DEFAULT_MODAL_COMP = {
+  videoId: '123',
+  videoName: 'test video',
+  accountId: '456',
+  duration: 10,
+};
+
+test('renders EmbedCodeModal component with right information', () => {
+  render(
+    wrappedComponent(
+      <VideoPlayer
+        video={DEFAULT_MODAL_COMP}
+        embedCodeModalType={EmbedCodeModalTypes.VIDEO}
+        playerListForSelection={PLAYER_LIST_FOR_SELECTION}
+        players={PLAYERS}
+      />,
+    ),
+  );
+  expect(screen.getByText(DEFAULT_MODAL_COMP.videoId)).toBeInTheDocument();
+  expect(screen.getByText(DEFAULT_MODAL_COMP.videoName)).toBeInTheDocument();
+  expect(screen.getByRole('tab', { name: /javascript/i })).toBeInTheDocument();
+  expect(screen.getByRole('tab', { name: /IFrame/i })).toBeInTheDocument();
+});

package/__tests__/embedCodeGenerator.test.ts

@@ -0,0 +1,111 @@
+import {
+  formatEmbedSnippet,
+  generateEmbedCode,
+} from '../src/js/utils/embedCodeGenerator';
+import {
+  EmbedCodeAspectRatio,
+  EmbedCodeProperties,
+  EmbedCodeUnits,
+} from '../src/js/types/EmbedCodeModalProps';
+
+test('formats iframe snippet with one attribute per line', () => {
+  const input =
+    '<iframe src="https://players.brightcove.net/x/index.html?videoId=1" allowfullscreen="" allow="encrypted-media" width="960" height="540"></iframe>';
+  const expected = `<iframe
+  src="https://players.brightcove.net/x/index.html?videoId=1"
+  allowfullscreen=""
+  allow="encrypted-media"
+  width="960"
+  height="540"></iframe>`;
+  expect(formatEmbedSnippet(input)).toBe(expected);
+});
+
+test('formats javascript snippet by breaking video-js attrs and isolating <script>', () => {
+  const input =
+    '<video-js data-video-id="1" data-account="2" data-player="3" data-embed="default" controls=""></video-js><script src="https://players.brightcove.net/2/3_default/index.min.js"></script>';
+  const expected = `<video-js
+  data-video-id="1"
+  data-account="2"
+  data-player="3"
+  data-embed="default"
+  controls=""></video-js>
+<script
+  src="https://players.brightcove.net/2/3_default/index.min.js"></script>`;
+  expect(formatEmbedSnippet(input)).toBe(expected);
+});
+
+test('preserves spaces inside attribute values', () => {
+  const input =
+    '<iframe src="https://x?a=foo bar&b=baz qux" allowfullscreen=""></iframe>';
+  const expected = `<iframe
+  src="https://x?a=foo bar&b=baz qux"
+  allowfullscreen=""></iframe>`;
+  expect(formatEmbedSnippet(input)).toBe(expected);
+});
+
+describe('generateEmbedCode', () => {
+  const buildEmbedProperties = (
+    overrides: Partial<EmbedCodeProperties> = {},
+  ): EmbedCodeProperties => ({
+    width: 540,
+    height: 540,
+    units: EmbedCodeUnits.PX,
+    responsive: false,
+    aspectRatio: EmbedCodeAspectRatio.SIXTEEN_NINE,
+    ...overrides,
+  });
+
+  test('does not throw when aspectRatio is CUSTOM and produces fluid embed code', () => {
+    expect(() =>
+      generateEmbedCode({
+        accountId: 'acc-1',
+        playerId: 'player-1',
+        videoId: 'video-1',
+        embedProperties: buildEmbedProperties({
+          aspectRatio: EmbedCodeAspectRatio.CUSTOM,
+        }),
+      }),
+    ).not.toThrow();
+
+    const { embedCode, embedCodeJS } = generateEmbedCode({
+      accountId: 'acc-1',
+      playerId: 'player-1',
+      videoId: 'video-1',
+      embedProperties: buildEmbedProperties({
+        aspectRatio: EmbedCodeAspectRatio.CUSTOM,
+        responsive: true,
+      }),
+    });
+
+    expect(typeof embedCode).toBe('string');
+    expect(typeof embedCodeJS).toBe('string');
+    expect(embedCode.length).toBeGreaterThan(0);
+    expect(embedCodeJS).toContain('vjs-fluid');
+  });
+
+  test('does not mutate the caller-provided embedProperties', () => {
+    const props = buildEmbedProperties({
+      aspectRatio: EmbedCodeAspectRatio.CUSTOM,
+    });
+    generateEmbedCode({
+      accountId: 'acc-1',
+      playerId: 'player-1',
+      videoId: 'video-1',
+      embedProperties: props,
+    });
+    expect(props.aspectRatio).toBe(EmbedCodeAspectRatio.CUSTOM);
+  });
+
+  test('forwards known aspectRatio values unchanged', () => {
+    const { embedCodeJS } = generateEmbedCode({
+      accountId: 'acc-1',
+      playerId: 'player-1',
+      videoId: 'video-1',
+      embedProperties: buildEmbedProperties({
+        aspectRatio: EmbedCodeAspectRatio.SIXTEEN_NINE,
+        responsive: true,
+      }),
+    });
+    expect(embedCodeJS).toContain('vjs-16-9');
+  });
+});

package/__tests__/util.test.ts

@@ -0,0 +1,89 @@
+import {
+  getVideoPreviewLink,
+  sortAsc,
+  truncateVideoTitle,
+} from '../src/js/utils/util';
+
+test('sorting working as expected', () => {
+  const data = [
+    { value: '6B9lFzOYe', label: '#1212' },
+    { value: 'BKCEJEm0L', label: 'other 2' },
+    { value: 'WbMYTw0lh', label: '&^qwe' },
+    { value: 'ZLJg8MzKS', label: '123' },
+    { value: 'default', label: 'Brightcove' },
+  ];
+  const expected = [
+    { value: 'WbMYTw0lh', label: '&^qwe' },
+    { value: '6B9lFzOYe', label: '#1212' },
+    { value: 'ZLJg8MzKS', label: '123' },
+    { value: 'default', label: 'Brightcove' },
+    { value: 'BKCEJEm0L', label: 'other 2' },
+  ];
+  expect(sortAsc(data)).toEqual(expected);
+});
+
+test('video preview url created correctly', () => {
+  const video = {
+    videoId: 'test',
+    videoName: 'test',
+    accountId: 'test',
+    posterUrl: 'test',
+    duration: 10,
+  };
+  const expected =
+    'https://players.qa.brightcove.net/test/default_default/index.html?videoId=test';
+  expect(
+    getVideoPreviewLink({
+      accountId: video.accountId,
+      videoId: video.videoId,
+      playerId: 'default',
+    }),
+  ).toBe(expected);
+});
+
+test('interactivity project preview url created correctly', () => {
+  const video = {
+    interactivityProjectId: 'test',
+    accountId: 'test',
+    posterUrl: 'test',
+    duration: 10,
+  };
+  const expected =
+    'https://players.qa.brightcove.net/test/default_default/index.html?interactivityProjectId=test';
+  expect(
+    getVideoPreviewLink({
+      accountId: video.accountId,
+      interactivityProjectId: video.interactivityProjectId,
+      playerId: 'default',
+    }),
+  ).toBe(expected);
+});
+
+test('long video titles are truncated properly', () => {
+  const video = {
+    videoId: 'test',
+    videoName:
+      'The cat is a domestic species of small carnivorous mammal. It is the only domesticated species in the family Felidae and is often referred to as the domestic cat to distinguish it from the wild members of the family. ',
+    accountId: 'test',
+    posterUrl: 'test',
+    duration: 10,
+  };
+  const expected =
+    'The cat is a domestic species of small carnivorous mammal. I...';
+  const truncatedTitle = truncateVideoTitle(video.videoName);
+
+  expect(expected).toEqual(truncatedTitle);
+});
+
+test('short video titles are truncated properly', () => {
+  const video = {
+    videoId: 'test',
+    videoName: 'This is a normal video title',
+    accountId: 'test',
+    posterUrl: 'test',
+    duration: 10,
+  };
+  const truncatedTitle = truncateVideoTitle(video.videoName);
+
+  expect(video.videoName).toEqual(truncatedTitle);
+});

package/babel.config.json

@@ -0,0 +1,17 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "useBuiltIns": "entry",
+        "corejs": 3
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": [
+    "@babel/proposal-class-properties",
+    "@babel/plugin-transform-runtime"
+  ]
+}

package/build/README.md

@@ -0,0 +1,109 @@
+# studio-components-embed-code-modal
+
+## Usage
+
+### To build
+
+```bash
+npm run build
+```
+
+### Development
+
+To run this module for development clone the repo and run
+
+```bash
+npm install
+npm run demo
+```
+
+Sign in to Studio with a Studio UI (Marketing Studio) enabled account. If necessary, click the Profile icon and then the Switch to Studio link.
+
+Navigate to [https://studio.brightcove.com/products/videocloud/media/dev/sdk:remote](https://studio.brightcove.com/products/videocloud/media/dev/sdk:remote).
+
+The App runs at [https://localhost.brightcove.com:12345/js/app.js](https://localhost.brightcove.com:12345/js/app.js) as described in [Creating a Module](https://brightcove.atlassian.net/wiki/spaces/APPS/pages/2287471973/Creating+A+Module#How-does-that-dev%2Fsdk%3Aremote-URL-work%3F)
+
+The results of the API call to retrieve players will depend on sign in permissions.
+
+## Integrating with modules
+
+This component was built for Marketing Studio modules, such as: [studio-media-module-four](https://bithub.brightcove.com/studio/studio-module-media-four).
+
+Below you will find instructions on how to use the component inside of these modules.
+
+#### Install the package
+
+```bash
+npm i @brightcove/components-embed-code-modal
+```
+
+#### Import the component and required types
+
+```ts
+import {
+  EmbedCodeModal,
+  VideoPayload,
+} from '@brightcove/components-embed-code-modal';
+```
+
+`VideoPayload` is a TypeScript interface which describes an Object that will be accepted as a prop for your `<EmbedCodeModal>` component.
+
+Here is an overview of the `VideoPayload` interface:
+
+```ts
+  videoId: string; // Video id, required
+  videoName: string; // Video title, required
+  accountId: string; // BC account id, required
+  posterUrl?: string; // Video poster url, not required
+  duration: number; // Video duration in seconds, required
+```
+
+#### Component Props
+
+The component currently takes in two props:
+
+```ts
+  language?: 'en' | 'es' | 'fr' | 'ko' | 'ja' | 'zh';
+  video: VideoPayload;
+```
+
+- The `VideoPayload` interface is exported by the component.
+- The `language` prop is optional, if not passed, the component will get the language from `StudioModule.config.lang`. Currently, we use this for testing in our local sandbox.
+
+#### Wiring Up Through the Module
+
+The modal will only render once the `video` prop has been passed into the `EmbedCodeModal` component.
+
+In order to keep our components fully decoupled, we look to our parent module's for wiring up our components together.
+
+Here's an example of how the the Media Module's VideoLibrary is wiring up two separate components in order to open the EmbedCodeModal:
+
+```ts
+const [embedVideo, setEmbedVideo] = useState<VideoPayload>(null);
+
+const handleAction = (event: DataGridAction) => {
+  if (event.type === DataGridEvents.GetCode) {
+    // build VideoPayload for EmbedCodeModal component here
+    // this way we are completely de-coupling the EmbedCodeModal from the module
+    const { payload: video } = event;
+    setEmbedVideo({
+      videoId: video.id,
+      videoName: video.name,
+      accountId: video.account_id,
+      posterUrl: video?.images?.poster?.src,
+      duration: video.duration,
+    });
+  }
+};
+```
+
+1. The Media Module imports both the `DataGrid` & `EmbedCodeModal` components. Neither component are coded to be aware of the other.
+2. The `DataGrid` component dispatches the `GetCode` action to tell its parent module: _I would like to retrieve some code, go and do that, however your module handles this action_.
+3. The Media Module handles this action by creating a new payload with the video information handed off by the DataGrid. It knows that it wants to open the EmbedCodeModal, so it will look to the `VideoPayload` interface to create what it needs.
+4. This video object is set to the module's local state.
+5. Within our JSX, our EmbedCodeModal should be passing this video object to the component: `<EmbedCodeModal video={embedVideo} />`
+6. Anytime that `embedVideo` updates in the module - it triggers the Embed Code Modal to open.
+
+The reasons we have wired things up this way has been to achieve our goals of keeping micro-frontends decoupled. The EmbedCodeModal & the DataGrid are not interacting directly with each other. The DataGrid is providing video data that is being used, but when it triggers a `Get Code` event, it can just send an entire Video Object along with it. It doesn't need to know exactly what information the Embed Code Modal needs in order to successfully operate.
+
+Likewise, the Embed Code Modal could be triggered by any other number of interfaces, and this abstraction helps us better prepare for the integrations coming in our future.

package/build/package.json

@@ -0,0 +1,100 @@
+{
+  "name": "@brightcove/components-embed-code-modal",
+  "version": "1.0.8",
+  "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",
+  "types": "./src/index.d.ts",
+  "author": "Campaign Team",
+  "scripts": {
+    "demo": "NODE_ENV=development DEMO=1 webpack-dev-server --progress --color",
+    "build": "NODE_ENV=production webpack --progress && cp ./README.md ./build &&  node scripts/create-dist-pkg-prod && tsc",
+    "build:watch": "NODE_ENV=production webpack --watch",
+    "clean": "rm -r build",
+    "lint": "eslint \"{src,__tests__,demo}/**/*.{ts,tsx,js,jsx}\"",
+    "type-check": "tsc",
+    "notify": "notify-change -m proj-projstudio",
+    "release": "release-it",
+    "test": "jest",
+    "test:coverage": "jest --coverage",
+    "test:watch": "jest --watch",
+    "pre-commit": "lint-staged && npm test"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.20.7",
+    "@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",
+    "@brightcove/kacl": "^0.1.11",
+    "@brightcove/notify-change": "^0.1.7",
+    "@brightcove/player-embed-code": "^2.0.4",
+    "@brightcove/prism-core": "^1.64.0",
+    "@brightcove/react-player-loader": "^1.4.2",
+    "@brightcove/studio-api-services": "^7.0.0",
+    "@brightcove/studio-components": "^7.23.4",
+    "@brightcove/studio-design-tokens": "^1.15.0",
+    "@brightcove/studio-icons": "^8.14.0",
+    "@floating-ui/react": "^0.27.19",
+    "@floating-ui/react-dom": "^2.1.8",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^14.3.1",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/jest": "^27.4.0",
+    "@types/react": "^18.3.17",
+    "@types/react-dom": "^18.3.5",
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "@typescript-eslint/parser": "^5.4.0",
+    "babel-jest": "^27.5.1",
+    "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",
+    "i18next": "^21.5.4",
+    "jest": "^27.5.1",
+    "jest-canvas-mock": "^2.3.1",
+    "lint-staged": "^12.1.2",
+    "moment-timezone": "^0.6.1",
+    "prettier": "^2.5.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-i18next": "^11.14.3",
+    "react-query": "^3.38.0",
+    "release-it": "^14.11.8",
+    "resize-observer-polyfill": "^1.5.1",
+    "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": {
+    "classnames": "^2.5.1"
+  },
+  "peerDependencies": {
+    "@brightcove/player-embed-code": "^2.0.4",
+    "@brightcove/prism-core": "^1.25.1",
+    "@brightcove/react-player-loader": "^1.4.2",
+    "@brightcove/studio-api-services": "^7.0.0",
+    "@brightcove/studio-components": "*",
+    "@brightcove/studio-design-tokens": "*",
+    "@brightcove/studio-icons": "*",
+    "i18next": ">=21",
+    "react": "^17.0.2 || ^18.0.0",
+    "react-dom": "^17.0.2 || ^18.0.0",
+    "react-i18next": ">=11",
+    "react-query": "^3.38.0"
+  },
+  "module": "./index.js"
+}

package/etc/wildcard.brightcove.com.key

@@ -0,0 +1,27 @@
+-----BEGIN RSA PRIVATE KEY-----
+MIIEpAIBAAKCAQEAxXmI7sOBKvFm8TFIhKoYCYOaDE+upc6TcPqNlTt8wA8bBpUY
+Je99ofu5CBNsD0uI1XTWy+Bjmo177ND+3apni6KZkOh8kSb/5OAL+eEbqHksL8Z6
++bAlKtOjjyv3Se/T8sEIo1dszgBFVdPbQZVrYLzGu9g6tLcu1jJ9mjdCLthEdSJH
+tPkTFUYp8Wlup9qMmvG1jo2wqz4pFVtHyZW/fCkQ+MkfeOPnGiSw2oEnHaVmGuPF
+eyxhWBh2q2MAqpyc9qVMkDQowQxtg//zOVlr632XZpI2xhpuINHUztDxEHOB3Hd5
+lT+v3WQttQZ/1gRXaJkFAGKxgbLfuLh92L975QIDAQABAoIBAFKdh/YsAKwQlnqt
+naMy7h982UPxSiXACNspV3ZpjsVjDHFyisnEKhFMmJqSVZEIjtSOrxZYaBNOwdvP
+i/D8y5kVi52eRg8L+96rBRejX8jZ+Ox74xL26HXEWRca07gxB8D1lUGQ38pHPrqr
+iX0kn+m20IXh7p2QTZ37PaT5HU0vHIs6K0wOWelPxjtU93FIsiwfaOOba3FOLEXa
+Sd5GvRu9pCpSPO45zTsMI6w1MlD38KUJDcBf2Tm/gSMgfDvj1gPvynXBedlWDXsL
+TIckV0YO0gmRiWanoXc0lafE3Fb0ctcRrGBBlpjhGxkXxYNY5A6b8CE9eJQWtUg8
+7Xo14kECgYEA9V3uqpE0TuArzNzy8jth0meH/gGmIWknQSCSX2wj6b4yvArOWrsS
+qyq1Wd0JfE8AOZf4uWuiJKRk0uRE+xkpYk4tH+7/0+R315a1SXiQb020R6iMC406
+wrRSz0R+xFF8zyD4AKKxSO8CgMotcU/oH78lGObWwTuxQlptXjcC8/kCgYEAzghL
+EDS6TzM9EFt8rbOi6quoahTsDNoPm8kG1TNKxmM805N7dQS3E72/6Sp2ndiTysgu
+rS8j0JC8yBx6oaQMcvY/dUZ3/ZdR6Y6SDqmaTFmbcpWGQzKW89VP5kIffi80dF3A
+FtXt94mG2vcbxdWxyC8CIrDwevfmczs0C5pPak0CgYBHJHcg6X0bKZBJk/61EVap
+pO8fTOcYZN7G2WTXWgmHqmgXcaKnV/pvurBeX+JyMo3EJTYuvPCEY04Af8MocwE2
+yaf3zFpM27+LuNzTcqueOg99f3crmkVhUtt30UpYLbBcdhiyRnnUxcgaA4Tth9er
+7MYa1EOMP3yD2qg/Wv/2MQKBgQCnRrJzCOxPC0HDuxOiD9vw/cexwSTZVl4f1HoY
+tRk7syyadv5gRqDBhWh/zXsastFjbV4AO+qvFiQ/sGecPw3gdK+W7szS9n2Jy7gn
+8WmWHZaI1H96pWNLut+xCfR5xaen5snjgHNBa8YylzhUSiiaaBgqxE+q9wSCgAnE
+ddeObQKBgQCpy2Vq/aUUNMVNDV3vmEwYRD8qsqe5JWXswyOM+ZyHg3N06auP2RHx
+NqUE9gdDxR1gc6cUhxbR9+L9DMEWiLVqXY51yddMCVuQVTHyH4MhyJcXv1eEbtX2
+T/5dnQPy5ib85HAvAei6bf+uRKjm86984JfYZIwEwbGS+H9irF/3Pw==
+-----END RSA PRIVATE KEY-----