@times-components/ts-components 1.112.1 → 1.113.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.113.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.112.1...@times-components/ts-components@1.113.0) (2024-12-05)
+
+
+### Features
+
+* **TMC-0000:** Implement social embeds ([#3989](https://github.com/newsuk/times-components/issues/3989)) ([4a4e7cd](https://github.com/newsuk/times-components/commit/4a4e7cdceec5fe7402b4403170013f325eec8a84))
+
+
+
+
+
 ## [1.112.1](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.112.0...@times-components/ts-components@1.112.1) (2024-12-03)
 
 **Note:** Version bump only for package @times-components/ts-components

package/dist/components/social-embed/BlockedEmbedMessage.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { VendorName } from './types';
+export declare type BlockedEmbedMessageProps = {
+    vendorName: VendorName;
+};
+export declare const BlockedEmbedMessage: FC<BlockedEmbedMessageProps>;

package/dist/components/social-embed/BlockedEmbedMessage.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { AllowButton, CardContainer, CustomIconContainer, EnableButton, Header, LinkPrivacyManager, Paragraph, Title } from './styles';
+import { InfoIcon } from '../inline-message/InfoIcon';
+import { getVendorTitle } from './helpers/getVendorTitle';
+import { enableCookies } from './helpers/enableCookies';
+import { openPrivacyModal } from './helpers/privacyModal';
+import { socialMediaVendors } from './helpers/socialMediaVendors';
+import { modalType } from './constants';
+import { useSocialEmbedsContext } from '../../contexts/SocialEmbedsProvider';
+export const BlockedEmbedMessage = ({ vendorName }) => {
+    const { setIsSocialEmbedAllowed, setIsAllowedOnce } = useSocialEmbedsContext();
+    const allowCookiesOnce = () => {
+        setIsAllowedOnce(prev => ({
+            ...prev,
+            [vendorName]: true
+        }));
+    };
+    const handleEnableCookies = () => {
+        enableCookies(vendorName, setIsSocialEmbedAllowed);
+    };
+    const handlePrivacyManagerClick = (e) => {
+        e.preventDefault();
+        openPrivacyModal(modalType.GDPR, window.__TIMES_CONFIG__.sourcepoint.gdprMessageId);
+    };
+    return (React.createElement(CardContainer, null,
+        React.createElement(Header, null,
+            React.createElement(CustomIconContainer, null,
+                React.createElement(InfoIcon, null)),
+            React.createElement(Title, null,
+                getVendorTitle(vendorName, socialMediaVendors),
+                " content blocked")),
+        React.createElement(Paragraph, null,
+            "Please enable cookies and other technologies to view this content. You can update your cookies preferences any time using",
+            ' ',
+            React.createElement(LinkPrivacyManager, { href: "#", onClick: handlePrivacyManagerClick }, "privacy manager.")),
+        React.createElement(EnableButton, { onClick: handleEnableCookies }, "Enable cookies"),
+        React.createElement(AllowButton, { onClick: () => allowCookiesOnce() }, "Allow cookies once")));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmxvY2tlZEVtYmVkTWVzc2FnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NvY2lhbC1lbWJlZC9CbG9ja2VkRW1iZWRNZXNzYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQXlCLE1BQU0sT0FBTyxDQUFDO0FBQzlDLE9BQU8sRUFDTCxXQUFXLEVBQ1gsYUFBYSxFQUNiLG1CQUFtQixFQUNuQixZQUFZLEVBQ1osTUFBTSxFQUNOLGtCQUFrQixFQUNsQixTQUFTLEVBQ1QsS0FBSyxFQUNOLE1BQU0sVUFBVSxDQUFDO0FBQ2xCLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzFELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRWxFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDeEMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFNN0UsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQWlDLENBQUMsRUFDaEUsVUFBVSxFQUNYLEVBQUUsRUFBRTtJQUNILE1BQU0sRUFDSix1QkFBdUIsRUFDdkIsZ0JBQWdCLEVBQ2pCLEdBQUcsc0JBQXNCLEVBQUUsQ0FBQztJQUU3QixNQUFNLGdCQUFnQixHQUFHLEdBQUcsRUFBRTtRQUM1QixnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7WUFDeEIsR0FBRyxJQUFJO1lBQ1AsQ0FBQyxVQUFVLENBQUMsRUFBRSxJQUFJO1NBQ25CLENBQUMsQ0FBQyxDQUFDO0lBQ04sQ0FBQyxDQUFDO0lBRUYsTUFBTSxtQkFBbUIsR0FBRyxHQUFHLEVBQUU7UUFDL0IsYUFBYSxDQUFDLFVBQVUsRUFBRSx1QkFBdUIsQ0FBQyxDQUFDO0lBQ3JELENBQUMsQ0FBQztJQUVGLE1BQU0seUJBQXlCLEdBQUcsQ0FBQyxDQUFnQyxFQUFFLEVBQUU7UUFDckUsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ25CLGdCQUFnQixDQUNkLFNBQVMsQ0FBQyxJQUFJLEVBQ2QsTUFBTSxDQUFDLGdCQUFnQixDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQ2xELENBQUM7SUFDSixDQUFDLENBQUM7SUFFRixPQUFPLENBQ0wsb0JBQUMsYUFBYTtRQUNaLG9CQUFDLE1BQU07WUFDTCxvQkFBQyxtQkFBbUI7Z0JBQ2xCLG9CQUFDLFFBQVEsT0FBRyxDQUNRO1lBQ3RCLG9CQUFDLEtBQUs7Z0JBQ0gsY0FBYyxDQUFDLFVBQVUsRUFBRSxrQkFBa0IsQ0FBQzttQ0FDekMsQ0FDRDtRQUNULG9CQUFDLFNBQVM7O1lBRTJDLEdBQUc7WUFDdEQsb0JBQUMsa0JBQWtCLElBQUMsSUFBSSxFQUFDLEdBQUcsRUFBQyxPQUFPLEVBQUUseUJBQXlCLHVCQUUxQyxDQUNYO1FBQ1osb0JBQUMsWUFBWSxJQUFDLE9BQU8sRUFBRSxtQkFBbUIscUJBQStCO1FBQ3pFLG9CQUFDLFdBQVcsSUFBQyxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsZ0JBQWdCLEVBQUUseUJBRWhDLENBQ0EsQ0FDakIsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9

package/dist/components/social-embed/SocialMediaEmbed.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import { TcData, VendorName } from './types';
+declare global {
+    interface Window {
+        __tcfapi?: (command: string, version: number, callback: (data: TcData, success: boolean) => void, listenerId?: number) => void;
+        twttr?: {
+            widgets: {
+                load: (element?: HTMLElement) => void;
+            };
+        };
+    }
+}
+export declare type SocialMediaEmbedProps = {
+    element?: any;
+    url: string;
+    vendorName: VendorName;
+    id: string;
+};
+export declare const SocialMediaEmbed: FC<SocialMediaEmbedProps>;

package/dist/components/social-embed/SocialMediaEmbed.js

@@ -0,0 +1,27 @@
+import React, { useEffect } from 'react';
+import { BlockedEmbedMessage } from './BlockedEmbedMessage';
+import { checkVendorConsent } from './helpers/vendorConsent';
+import { eventStatus } from './constants';
+import { useSocialEmbedsContext } from '../../contexts/SocialEmbedsProvider';
+import { Vendor } from './SocialVendor';
+export const SocialMediaEmbed = ({ id, url, vendorName }) => {
+    const { setIsSocialEmbedAllowed, isAllowedOnce, isSocialEmbedAllowed } = useSocialEmbedsContext();
+    useEffect(() => {
+        if (window.__tcfapi) {
+            window.__tcfapi('addEventListener', 2, (tcData, success) => {
+                if (success &&
+                    (tcData.eventStatus === eventStatus.tcLoaded ||
+                        tcData.eventStatus === eventStatus.userActionComplete)) {
+                    const consent = checkVendorConsent(vendorName);
+                    setIsSocialEmbedAllowed(prev => ({
+                        ...prev,
+                        [vendorName]: consent
+                    }));
+                }
+            });
+        }
+    }, [vendorName, setIsSocialEmbedAllowed]);
+    return isSocialEmbedAllowed[vendorName] || isAllowedOnce[vendorName] ? (React.createElement("div", { id: id },
+        React.createElement(Vendor, { vendorName: vendorName, url: url }))) : (React.createElement(BlockedEmbedMessage, { vendorName: vendorName }));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29jaWFsTWVkaWFFbWJlZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NvY2lhbC1lbWJlZC9Tb2NpYWxNZWRpYUVtYmVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFNLFNBQVMsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUM3QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTFDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQXlCeEMsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQThCLENBQUMsRUFDMUQsRUFBRSxFQUNGLEdBQUcsRUFDSCxVQUFVLEVBQ1gsRUFBRSxFQUFFO0lBQ0gsTUFBTSxFQUNKLHVCQUF1QixFQUN2QixhQUFhLEVBQ2Isb0JBQW9CLEVBQ3JCLEdBQUcsc0JBQXNCLEVBQUUsQ0FBQztJQUU3QixTQUFTLENBQ1AsR0FBRyxFQUFFO1FBQ0gsSUFBSSxNQUFNLENBQUMsUUFBUSxFQUFFO1lBQ25CLE1BQU0sQ0FBQyxRQUFRLENBQUMsa0JBQWtCLEVBQUUsQ0FBQyxFQUFFLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxFQUFFO2dCQUN6RCxJQUNFLE9BQU87b0JBQ1AsQ0FBQyxNQUFNLENBQUMsV0FBVyxLQUFLLFdBQVcsQ0FBQyxRQUFRO3dCQUMxQyxNQUFNLENBQUMsV0FBVyxLQUFLLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQyxFQUN4RDtvQkFDQSxNQUFNLE9BQU8sR0FBRyxrQkFBa0IsQ0FBQyxVQUFVLENBQUMsQ0FBQztvQkFDL0MsdUJBQXVCLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO3dCQUMvQixHQUFHLElBQUk7d0JBQ1AsQ0FBQyxVQUFVLENBQUMsRUFBRSxPQUFPO3FCQUN0QixDQUFDLENBQUMsQ0FBQztpQkFDTDtZQUNILENBQUMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDLEVBQ0QsQ0FBQyxVQUFVLEVBQUUsdUJBQXVCLENBQUMsQ0FDdEMsQ0FBQztJQUVGLE9BQU8sb0JBQW9CLENBQUMsVUFBVSxDQUFDLElBQUksYUFBYSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUNyRSw2QkFBSyxFQUFFLEVBQUUsRUFBRTtRQUNULG9CQUFDLE1BQU0sSUFBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBRSxHQUFHLEdBQUksQ0FDeEMsQ0FDUCxDQUFDLENBQUMsQ0FBQyxDQUNGLG9CQUFDLG1CQUFtQixJQUFDLFVBQVUsRUFBRSxVQUFVLEdBQUksQ0FDaEQsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9

package/dist/components/social-embed/SocialVendor.d.ts

@@ -0,0 +1,17 @@
+declare const vendors: {
+    twitter: ({ url }: {
+        url: string;
+    }) => JSX.Element;
+    youtube: ({ url }: {
+        url: string;
+    }) => JSX.Element;
+    tiktok: ({ url }: {
+        url: string;
+    }) => JSX.Element;
+};
+export declare type VendorName = keyof typeof vendors;
+export declare const Vendor: ({ vendorName, url }: {
+    vendorName: VendorName;
+    url: string;
+}) => JSX.Element;
+export {};

package/dist/components/social-embed/SocialVendor.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Twitter } from './components/TwitterComponent';
+import { Youtube } from './components/YoutubeComponent';
+import { TikTok } from './components/TiktokComponent';
+const vendors = {
+    twitter: Twitter,
+    youtube: Youtube,
+    tiktok: TikTok
+};
+export const Vendor = ({ vendorName, url }) => {
+    const Component = vendors[vendorName];
+    return React.createElement(Component, { url: url });
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29jaWFsVmVuZG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL1NvY2lhbFZlbmRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRXRELE1BQU0sT0FBTyxHQUFHO0lBQ2QsT0FBTyxFQUFFLE9BQU87SUFDaEIsT0FBTyxFQUFFLE9BQU87SUFDaEIsTUFBTSxFQUFFLE1BQU07Q0FDZixDQUFDO0FBSUYsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLENBQUMsRUFDckIsVUFBVSxFQUNWLEdBQUcsRUFJSixFQUFFLEVBQUU7SUFDSCxNQUFNLFNBQVMsR0FBRyxPQUFPLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDdEMsT0FBTyxvQkFBQyxTQUFTLElBQUMsR0FBRyxFQUFFLEdBQUcsR0FBSSxDQUFDO0FBQ2pDLENBQUMsQ0FBQyJ9

package/dist/components/social-embed/__tests__/BlockedEmbedMessage.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/dist/components/social-embed/__tests__/BlockedEmbedMessage.test.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { BlockedEmbedMessage } from '../BlockedEmbedMessage';
+import { enableCookies } from '../helpers/enableCookies';
+import { openPrivacyModal } from '../helpers/privacyModal';
+import '@testing-library/jest-dom/extend-expect';
+import { useSocialEmbedsContext } from '../../../contexts/SocialEmbedsProvider';
+// Mock dependencies
+jest.mock('../helpers/enableCookies', () => ({
+    enableCookies: jest.fn()
+}));
+jest.mock('../helpers/privacyModal', () => ({
+    openPrivacyModal: jest.fn()
+}));
+jest.mock('../../../contexts/SocialEmbedsProvider', () => ({
+    useSocialEmbedsContext: jest.fn()
+}));
+jest.mock('../helpers/getVendorTitle', () => ({
+    getVendorTitle: jest.fn(() => 'Vendor Title')
+}));
+describe('BlockedEmbedMessage Component', () => {
+    const vendorName = 'twitter';
+    const defaultProps = {
+        vendorName
+    };
+    const mockContext = {
+        setIsSocialEmbedAllowed: jest.fn(),
+        setIsAllowedOnce: jest.fn(),
+        isSocialEmbedAllowed: { twitter: false, facebook: false },
+        isAllowedOnce: { twitter: false, facebook: false }
+    };
+    beforeEach(() => {
+        jest.clearAllMocks();
+        useSocialEmbedsContext.mockReturnValue(mockContext);
+        window.__TIMES_CONFIG__ = {
+            sourcepoint: {
+                gdprMessageId: 'mockMessageId'
+            }
+        };
+    });
+    afterEach(() => {
+        delete window.__TIMES_CONFIG__;
+    });
+    it('renders the component with correct content', () => {
+        render(React.createElement(BlockedEmbedMessage, Object.assign({}, defaultProps)));
+        expect(screen.getByText('Vendor Title content blocked')).toBeInTheDocument();
+        expect(screen.getByText('Enable cookies')).toBeInTheDocument();
+        expect(screen.getByText('Allow cookies once')).toBeInTheDocument();
+        expect(screen.getByText('privacy manager.')).toBeInTheDocument();
+    });
+    it('calls enableCookies when the Enable cookies button is clicked', () => {
+        render(React.createElement(BlockedEmbedMessage, Object.assign({}, defaultProps)));
+        const enableButton = screen.getByText('Enable cookies');
+        fireEvent.click(enableButton);
+        expect(enableCookies).toHaveBeenCalledWith(vendorName, mockContext.setIsSocialEmbedAllowed);
+    });
+    it('calls setIsAllowedOnce when Allow cookies once button is clicked', () => {
+        render(React.createElement(BlockedEmbedMessage, Object.assign({}, defaultProps)));
+        const allowButton = screen.getByText('Allow cookies once');
+        fireEvent.click(allowButton);
+        expect(mockContext.setIsAllowedOnce).toHaveBeenCalledWith(expect.any(Function));
+    });
+    it('calls openPrivacyModal when the privacy manager link is clicked', () => {
+        render(React.createElement(BlockedEmbedMessage, Object.assign({}, defaultProps)));
+        const privacyLink = screen.getByText('privacy manager.');
+        fireEvent.click(privacyLink);
+        expect(openPrivacyModal).toHaveBeenCalledWith('gdpr', 'mockMessageId');
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmxvY2tlZEVtYmVkTWVzc2FnZS50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL19fdGVzdHNfXy9CbG9ja2VkRW1iZWRNZXNzYWdlLnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNuRSxPQUFPLEVBQ0wsbUJBQW1CLEVBRXBCLE1BQU0sd0JBQXdCLENBQUM7QUFDaEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRTNELE9BQU8seUNBQXlDLENBQUM7QUFDakQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFFaEYsb0JBQW9CO0FBQ3BCLElBQUksQ0FBQyxJQUFJLENBQUMsMEJBQTBCLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUMzQyxhQUFhLEVBQUUsSUFBSSxDQUFDLEVBQUUsRUFBRTtDQUN6QixDQUFDLENBQUMsQ0FBQztBQUVKLElBQUksQ0FBQyxJQUFJLENBQUMseUJBQXlCLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUMxQyxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFO0NBQzVCLENBQUMsQ0FBQyxDQUFDO0FBRUosSUFBSSxDQUFDLElBQUksQ0FBQyx3Q0FBd0MsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ3pELHNCQUFzQixFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUU7Q0FDbEMsQ0FBQyxDQUFDLENBQUM7QUFFSixJQUFJLENBQUMsSUFBSSxDQUFDLDJCQUEyQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDNUMs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

package/dist/components/social-embed/__tests__/SocialMediaEmbed.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/dist/components/social-embed/__tests__/SocialMediaEmbed.test.js

@@ -0,0 +1,99 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { SocialMediaEmbed } from '../SocialMediaEmbed';
+import { BlockedEmbedMessage } from '../BlockedEmbedMessage';
+import { Vendor } from '../SocialVendor';
+import { checkVendorConsent } from '../helpers/vendorConsent';
+import { eventStatus } from '../constants';
+import '@testing-library/jest-dom/extend-expect';
+import { useSocialEmbedsContext } from '../../../contexts/SocialEmbedsProvider';
+jest.mock('../../../contexts/SocialEmbedsProvider', () => ({
+    useSocialEmbedsContext: jest.fn()
+}));
+jest.mock('../BlockedEmbedMessage', () => ({
+    BlockedEmbedMessage: jest.fn(() => React.createElement("div", null, "Blocked Embed Message"))
+}));
+jest.mock('../SocialVendor', () => ({
+    Vendor: jest.fn(() => React.createElement("div", null, "Vendor Component"))
+}));
+jest.mock('../helpers/vendorConsent', () => ({
+    checkVendorConsent: jest.fn(() => true)
+}));
+describe('SocialMediaEmbed Component', () => {
+    const vendorName = 'twitter';
+    const defaultProps = {
+        id: 'test-id',
+        url: 'https://twitter.com/test/status/12345',
+        vendorName
+    };
+    const mockContext = {
+        setIsSocialEmbedAllowed: jest.fn(),
+        isAllowedOnce: { twitter: false },
+        isSocialEmbedAllowed: { twitter: false }
+    };
+    beforeEach(() => {
+        jest.clearAllMocks();
+        useSocialEmbedsContext.mockReturnValue(mockContext);
+        // Mock __tcfapi
+        window.__tcfapi = jest.fn();
+    });
+    afterEach(() => {
+        delete window.__tcfapi;
+    });
+    it('renders BlockedEmbedMessage when social embed is not allowed', () => {
+        render(React.createElement(SocialMediaEmbed, Object.assign({}, defaultProps)));
+        expect(screen.getByText('Blocked Embed Message')).toBeInTheDocument();
+        expect(BlockedEmbedMessage).toHaveBeenCalledWith(expect.objectContaining({
+            vendorName: defaultProps.vendorName
+        }), {});
+    });
+    it('renders Vendor component when social embed is allowed', () => {
+        useSocialEmbedsContext.mockReturnValue({
+            ...mockContext,
+            isSocialEmbedAllowed: { twitter: true }
+        });
+        render(React.createElement(SocialMediaEmbed, Object.assign({}, defaultProps)));
+        expect(screen.getByText('Vendor Component')).toBeInTheDocument();
+        expect(Vendor).toHaveBeenCalledWith(expect.objectContaining({
+            vendorName: defaultProps.vendorName,
+            url: defaultProps.url
+        }), {});
+    });
+    it('calls checkVendorConsent and updates context state when __tcfapi is available', () => {
+        const tcData = { eventStatus: eventStatus.tcLoaded };
+        const updatedProps = {
+            ...defaultProps
+        };
+        render(React.createElement(SocialMediaEmbed, Object.assign({}, updatedProps)));
+        const [command, version, callback] = window.__tcfapi.mock.calls[0];
+        expect(command).toBe('addEventListener');
+        expect(version).toBe(2);
+        // Simulate the callback
+        callback(tcData, true);
+        expect(checkVendorConsent).toHaveBeenCalledWith(vendorName);
+        expect(mockContext.setIsSocialEmbedAllowed).toHaveBeenCalledWith(expect.any(Function));
+        // Verify the updated state
+        const updateFunction = mockContext.setIsSocialEmbedAllowed.mock.calls[0][0];
+        const updatedState = updateFunction({ twitter: false });
+        expect(updatedState).toEqual({ twitter: true });
+    });
+    it('does not render Twitter widget if __tcfapi is unavailable', () => {
+        delete window.__tcfapi;
+        render(React.createElement(SocialMediaEmbed, Object.assign({}, defaultProps)));
+        expect(screen.getByText('Blocked Embed Message')).toBeInTheDocument();
+        expect(BlockedEmbedMessage).toHaveBeenCalled();
+    });
+    it('renders Vendor component if isAllowedOnce for the vendor is true', () => {
+        useSocialEmbedsContext.mockReturnValue({
+            ...mockContext,
+            isAllowedOnce: { twitter: true }
+        });
+        render(React.createElement(SocialMediaEmbed, Object.assign({}, defaultProps)));
+        expect(screen.getByText('Vendor Component')).toBeInTheDocument();
+        expect(Vendor).toHaveBeenCalledWith(expect.objectContaining({
+            vendorName: defaultProps.vendorName,
+            url: defaultProps.url
+        }), {});
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29jaWFsTWVkaWFFbWJlZC50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL19fdGVzdHNfXy9Tb2NpYWxNZWRpYUVtYmVkLnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxnQkFBZ0IsRUFBeUIsTUFBTSxxQkFBcUIsQ0FBQztBQUM5RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDekMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDOUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUMzQyxPQUFPLHlDQUF5QyxDQUFDO0FBQ2pELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBRWhGLElBQUksQ0FBQyxJQUFJLENBQUMsd0NBQXdDLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUN6RCxzQkFBc0IsRUFBRSxJQUFJLENBQUMsRUFBRSxFQUFFO0NBQ2xDLENBQUMsQ0FBQyxDQUFDO0FBRUosSUFBSSxDQUFDLElBQUksQ0FBQyx3QkFBd0IsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ3pDLG1CQUFtQixFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsR0FBRyxFQUFFLENBQUMseURBQWdDLENBQUM7Q0FDckUsQ0FBQyxDQUFDLENBQUM7QUFFSixJQUFJLENBQUMsSUFBSSxDQUFDLGlCQUFpQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDbEMsTUFBTSxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMs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

package/dist/components/social-embed/__tests__/SocialVendor.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/components/social-embed/__tests__/SocialVendor.test.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { Vendor } from '../SocialVendor';
+// Mock components
+jest.mock('../components/TwitterComponent', () => ({
+    Twitter: jest.fn(() => (React.createElement("div", { "data-testid": "twitter-component" }, "Twitter Component")))
+}));
+jest.mock('../components/YoutubeComponent', () => ({
+    Youtube: jest.fn(() => (React.createElement("div", { "data-testid": "youtube-component" }, "Youtube Component")))
+}));
+jest.mock('../components/TiktokComponent', () => ({
+    TikTok: jest.fn(() => (React.createElement("div", { "data-testid": "tiktok-component" }, "TikTok Component")))
+}));
+describe('Vendor Component', () => {
+    const renderVendor = (vendorName, url) => render(React.createElement(Vendor, { vendorName: vendorName, url: url }));
+    it('renders the Twitter component when vendorName is "twitter"', () => {
+        renderVendor('twitter', 'https://twitter.com/some/tweet');
+        expect(screen.getByTestId('twitter-component')).toBeInTheDocument();
+    });
+    it('renders the Youtube component when vendorName is "youtube"', () => {
+        renderVendor('youtube', 'https://youtube.com/some/video');
+        expect(screen.getByTestId('youtube-component')).toBeInTheDocument();
+    });
+    it('renders the TikTok component when vendorName is "tiktok"', () => {
+        renderVendor('tiktok', 'https://www.tiktok.com/@user/video/1234567890');
+        expect(screen.getByTestId('tiktok-component')).toBeInTheDocument();
+    });
+    it('throws an error if an invalid vendorName is provided', () => {
+        const renderInvalidVendor = () => render(React.createElement(Vendor, { vendorName: 'invalid', url: "https://example.com" }));
+        expect(renderInvalidVendor).toThrowError();
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29jaWFsVmVuZG9yLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zb2NpYWwtZW1iZWQvX190ZXN0c19fL1NvY2lhbFZlbmRvci50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN4RCxPQUFPLDJCQUEyQixDQUFDO0FBRW5DLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUV6QyxrQkFBa0I7QUFDbEIsSUFBSSxDQUFDLElBQUksQ0FBQyxnQ0FBZ0MsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ2pELE9BQU8sRUFBRSxJQUFJLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQ3JCLDRDQUFpQixtQkFBbUIsd0JBQXdCLENBQzdELENBQUM7Q0FDSCxDQUFDLENBQUMsQ0FBQztBQUVKLElBQUksQ0FBQyxJQUFJLENBQUMsZ0NBQWdDLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUNqRCxPQUFPLEVBQUUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUNyQiw0Q0FBaUIsbUJBQW1CLHdCQUF3QixDQUM3RCxDQUFDO0NBQ0gsQ0FBQyxDQUFDLENBQUM7QUFFSixJQUFJLENBQUMsSUFBSSxDQUFDLCtCQUErQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDaEQsTUFBTSxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FDcEIsNENBQWlCLGtCQUFrQix1QkFBdUIsQ0FDM0QsQ0FBQztDQUNILENBQUMsQ0FBQyxDQUFDO0FBRUosUUFBUSxDQUFDLGtCQUFrQixFQUFFLEdBQUcsRUFBRTtJQUNoQyxNQUFNLFlBQVksR0FBRyxDQUFDLFVBQXNCLEVBQUUsR0FBVyxFQUFFLEVBQUUsQ0FDM0QsTUFBTSxDQUFDLG9CQUFDLE1BQU0sSUFBQyxVQUFVLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBRSxHQUFHLEdBQUksQ0FBQyxDQUFDO0lBRXZELEVBQUUsQ0FBQyw0REFBNEQsRUFBRSxHQUFHLEVBQUU7UUFDcEUsWUFBWSxDQUFDLFNBQXVCLEVBQUUsZ0NBQWdDLENBQUMsQ0FBQztRQUN4RSxNQUFNLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUN0RSxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyw0REFBNEQsRUFBRSxHQUFHLEVBQUU7UUFDcEUsWUFBWSxDQUFDLFNBQXVCLEVBQUUsZ0NBQWdDLENBQUMsQ0FBQztRQUN4RSxNQUFNLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUN0RSxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQywwREFBMEQsRUFBRSxHQUFHLEVBQUU7UUFDbEUsWUFBWSxDQUNWLFFBQXNCLEVBQ3RCLCtDQUErQyxDQUNoRCxDQUFDO1FBQ0YsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDckUsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsc0RBQXNELEVBQUUsR0FBRyxFQUFFO1FBQzlELE1BQU0sbUJBQW1CLEdBQUcsR0FBRyxFQUFFLENBQy9CLE1BQU0sQ0FDSixvQkFBQyxNQUFNLElBQ0wsVUFBVSxFQUFFLFNBQXVCLEVBQ25DLEdBQUcsRUFBQyxxQkFBcUIsR0FDekIsQ0FDSCxDQUFDO1FBQ0osTUFBTSxDQUFDLG1CQUFtQixDQUFDLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDN0MsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9

package/dist/components/social-embed/components/TiktokComponent.d.ts

@@ -0,0 +1,3 @@
+export declare const TikTok: ({ url }: {
+    url: string;
+}) => JSX.Element;

package/dist/components/social-embed/components/TiktokComponent.js

@@ -0,0 +1,17 @@
+import React, { useEffect } from 'react';
+export const TikTok = ({ url }) => {
+    useEffect(() => {
+        const script = document.createElement('script');
+        script.src = 'https://www.tiktok.com/embed.js';
+        script.async = true;
+        document.body.appendChild(script);
+        return () => {
+            document.body.removeChild(script);
+        };
+    }, []);
+    const videoId = new URL(url).pathname.split('/').pop();
+    const citeUrl = new URL(url).origin + url;
+    return (React.createElement("blockquote", { className: "tiktok-embed", cite: citeUrl, "data-video-id": videoId, style: { maxWidth: '605px', minWidth: '325px' }, "data-testid": "tiktok-embed" },
+        React.createElement("section", null)));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGlrdG9rQ29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL2NvbXBvbmVudHMvVGlrdG9rQ29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUV6QyxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQUcsQ0FBQyxFQUFFLEdBQUcsRUFBbUIsRUFBRSxFQUFFO0lBQ2pELFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLE1BQU0sR0FBRyxRQUFRLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ2hELE1BQU0sQ0FBQyxHQUFHLEdBQUcsaUNBQWlDLENBQUM7UUFDL0MsTUFBTSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDcEIsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFbEMsT0FBTyxHQUFHLEVBQUU7WUFDVixRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNwQyxDQUFDLENBQUM7SUFDSixDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxNQUFNLE9BQU8sR0FBRyxJQUFJLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDO0lBQ3ZELE1BQU0sT0FBTyxHQUFHLElBQUksR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sR0FBRyxHQUFHLENBQUM7SUFFMUMsT0FBTyxDQUNMLG9DQUNFLFNBQVMsRUFBQyxjQUFjLEVBQ3hCLElBQUksRUFBRSxPQUFPLG1CQUNFLE9BQU8sRUFDdEIsS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLGlCQUNuQyxjQUFjO1FBRTFCLG9DQUFXLENBQ0EsQ0FDZCxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

package/dist/components/social-embed/components/TwitterComponent.d.ts

@@ -0,0 +1,3 @@
+export declare const Twitter: ({ url }: {
+    url: string;
+}) => JSX.Element;

package/dist/components/social-embed/components/TwitterComponent.js

@@ -0,0 +1,6 @@
+import React from 'react';
+export const Twitter = ({ url }) => {
+    return (React.createElement("blockquote", { className: "twitter-tweet", "data-testid": "twitter-embed" },
+        React.createElement("a", { href: url })));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHdpdHRlckNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NvY2lhbC1lbWJlZC9jb21wb25lbnRzL1R3aXR0ZXJDb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsQ0FBQyxFQUFFLEdBQUcsRUFBbUIsRUFBRSxFQUFFO0lBQ2xELE9BQU8sQ0FDTCxvQ0FBWSxTQUFTLEVBQUMsZUFBZSxpQkFBYSxlQUFlO1FBQy9ELDJCQUFHLElBQUksRUFBRSxHQUFHLEdBQUksQ0FDTCxDQUNkLENBQUM7QUFDSixDQUFDLENBQUMifQ==

package/dist/components/social-embed/components/YoutubeComponent.d.ts

@@ -0,0 +1,3 @@
+export declare const Youtube: ({ url }: {
+    url: string;
+}) => JSX.Element;

package/dist/components/social-embed/components/YoutubeComponent.js

@@ -0,0 +1,5 @@
+import React from 'react';
+export const Youtube = ({ url }) => {
+    return (React.createElement("iframe", { width: "560", height: "315", src: url, title: "YouTube video player", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" }));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiWW91dHViZUNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3NvY2lhbC1lbWJlZC9jb21wb25lbnRzL1lvdXR1YmVDb21wb25lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsQ0FBQyxFQUFFLEdBQUcsRUFBbUIsRUFBRSxFQUFFO0lBQ2xELE9BQU8sQ0FDTCxnQ0FDRSxLQUFLLEVBQUMsS0FBSyxFQUNYLE1BQU0sRUFBQyxLQUFLLEVBQ1osR0FBRyxFQUFFLEdBQUcsRUFDUixLQUFLLEVBQUMsc0JBQXNCLEVBQzVCLEtBQUssRUFBQyxxR0FBcUcsR0FDM0csQ0FDSCxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

package/dist/components/social-embed/components/__tests__/TiktokComponent.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/social-embed/components/__tests__/TiktokComponent.test.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { render, cleanup } from '@testing-library/react';
+import { TikTok } from '../TiktokComponent';
+describe('TikTok Component', () => {
+    const tiktokUrl = 'https://www.tiktok.com/@user/video/1234567890123456789';
+    afterEach(() => {
+        cleanup();
+        jest.restoreAllMocks();
+    });
+    it('injects the TikTok embed script on mount', () => {
+        const appendChildSpy = jest.spyOn(document.body, 'appendChild');
+        render(React.createElement(TikTok, { url: tiktokUrl }));
+        const script = Array.from(document.body.getElementsByTagName('script')).find(el => el.src === 'https://www.tiktok.com/embed.js');
+        expect(script).toBeTruthy();
+        expect(appendChildSpy).toHaveBeenCalledWith(expect.any(HTMLScriptElement));
+    });
+    it('removes the TikTok embed script on unmount', () => {
+        const removeChildSpy = jest.spyOn(document.body, 'removeChild');
+        const { unmount } = render(React.createElement(TikTok, { url: tiktokUrl }));
+        unmount();
+        const script = Array.from(document.body.getElementsByTagName('script')).find(el => el.src === 'https://www.tiktok.com/embed.js');
+        expect(script).toBeFalsy();
+        expect(removeChildSpy).toHaveBeenCalledWith(expect.any(HTMLScriptElement));
+    });
+    it('does not throw an error if the script is already removed during unmount', () => {
+        jest.spyOn(document.body, 'removeChild').mockImplementation(node => {
+            if (!document.body.contains(node)) {
+                throw new Error('The node to be removed is not a child of this node');
+            }
+            return node; // Ensure the removed node is returned
+        });
+        const { unmount } = render(React.createElement(TikTok, { url: tiktokUrl }));
+        expect(() => unmount()).not.toThrow();
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGlrdG9rQ29tcG9uZW50LnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zb2NpYWwtZW1iZWQvY29tcG9uZW50cy9fX3Rlc3RzX18vVGlrdG9rQ29tcG9uZW50LnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUU1QyxRQUFRLENBQUMsa0JBQWtCLEVBQUUsR0FBRyxFQUFFO0lBQ2hDLE1BQU0sU0FBUyxHQUFHLHdEQUF3RCxDQUFDO0lBRTNFLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixPQUFPLEVBQUUsQ0FBQztRQUNWLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQywwQ0FBMEMsRUFBRSxHQUFHLEVBQUU7UUFDbEQsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLGFBQWEsQ0FBQyxDQUFDO1FBRWhFLE1BQU0sQ0FBQyxvQkFBQyxNQUFNLElBQUMsR0FBRyxFQUFFLFNBQVMsR0FBSSxDQUFDLENBQUM7UUFFbkMsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FDdkIsUUFBUSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxRQUFRLENBQUMsQ0FDN0MsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsR0FBRyxLQUFLLGlDQUFpQyxDQUFDLENBQUM7UUFFM0QsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQzVCLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQztJQUM3RSxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyw0Q0FBNEMsRUFBRSxHQUFHLEVBQUU7UUFDcEQsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLGFBQWEsQ0FBQyxDQUFDO1FBRWhFLE1BQU0sRUFBRSxPQUFPLEVBQUUsR0FBRyxNQUFNLENBQUMsb0JBQUMsTUFBTSxJQUFDLEdBQUcsRUFBRSxTQUFTLEdBQUksQ0FBQyxDQUFDO1FBQ3ZELE9BQU8sRUFBRSxDQUFDO1FBRVYsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FDdkIsUUFBUSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxRQUFRLENBQUMsQ0FDN0MsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsR0FBRyxLQUFLLGlDQUFpQyxDQUFDLENBQUM7UUFFM0QsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDO1FBQzNCLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQztJQUM3RSxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyx5RUFBeUUsRUFBRSxHQUFHLEVBQUU7UUFDakYsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLGFBQWEsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ2pFLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBRTtnQkFDakMsTUFBTSxJQUFJLEtBQUssQ0FBQyxvREFBb0QsQ0FBQyxDQUFDO2FBQ3ZFO1lBQ0QsT0FBTyxJQUFJLENBQUMsQ0FBQyxzQ0FBc0M7UUFDckQsQ0FBQyxDQUFDLENBQUM7UUFFSCxNQUFNLEVBQUUsT0FBTyxFQUFFLEdBQUcsTUFBTSxDQUFDLG9CQUFDLE1BQU0sSUFBQyxHQUFHLEVBQUUsU0FBUyxHQUFJLENBQUMsQ0FBQztRQUN2RCxNQUFNLENBQUMsR0FBRyxFQUFFLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQyxHQUFHLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDeEMsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9

package/dist/components/social-embed/components/__tests__/TwitterComponent.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/dist/components/social-embed/components/__tests__/TwitterComponent.test.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import { Twitter } from '../TwitterComponent';
+describe('Twitter Component', () => {
+    const twitterUrl = 'https://twitter.com/user/status/1234567890';
+    it('renders the Twitter blockquote with the correct URL', () => {
+        render(React.createElement(Twitter, { url: twitterUrl }));
+        // Find the blockquote using class name or test ID
+        const blockquote = screen.getByTestId('twitter-embed');
+        expect(blockquote).toHaveClass('twitter-tweet');
+        // Check if the anchor tag is rendered with the correct href
+        const anchor = blockquote.querySelector('a');
+        expect(anchor).toBeInTheDocument();
+        expect(anchor).toHaveAttribute('href', twitterUrl);
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHdpdHRlckNvbXBvbmVudC50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL2NvbXBvbmVudHMvX190ZXN0c19fL1R3aXR0ZXJDb21wb25lbnQudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyx5Q0FBeUMsQ0FBQztBQUNqRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFOUMsUUFBUSxDQUFDLG1CQUFtQixFQUFFLEdBQUcsRUFBRTtJQUNqQyxNQUFNLFVBQVUsR0FBRyw0Q0FBNEMsQ0FBQztJQUVoRSxFQUFFLENBQUMscURBQXFELEVBQUUsR0FBRyxFQUFFO1FBQzdELE1BQU0sQ0FBQyxvQkFBQyxPQUFPLElBQUMsR0FBRyxFQUFFLFVBQVUsR0FBSSxDQUFDLENBQUM7UUFFckMsa0RBQWtEO1FBQ2xELE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxXQUFXLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDdkQsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxlQUFlLENBQUMsQ0FBQztRQUVoRCw0REFBNEQ7UUFDNUQsTUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUM3QyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUNuQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsZUFBZSxDQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQztJQUNyRCxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=

package/dist/components/social-embed/components/__tests__/YoutubeComponent.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/dist/components/social-embed/components/__tests__/YoutubeComponent.test.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import { Youtube } from '../YoutubeComponent';
+describe('Youtube Component', () => {
+    const youtubeUrl = 'https://www.youtube.com/embed/dQw4w9WgXcQ';
+    it('renders the YouTube iframe with the correct attributes', () => {
+        render(React.createElement(Youtube, { url: youtubeUrl }));
+        // Get the iframe element
+        const iframe = screen.getByTitle('YouTube video player');
+        // Check if the iframe is rendered
+        expect(iframe).toBeInTheDocument();
+        // Check if the iframe has the correct attributes
+        expect(iframe).toHaveAttribute('src', youtubeUrl);
+        expect(iframe).toHaveAttribute('width', '560');
+        expect(iframe).toHaveAttribute('height', '315');
+        expect(iframe).toHaveAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share');
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiWW91dHViZUNvbXBvbmVudC50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL2NvbXBvbmVudHMvX190ZXN0c19fL1lvdXR1YmVDb21wb25lbnQudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyx5Q0FBeUMsQ0FBQztBQUNqRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFFOUMsUUFBUSxDQUFDLG1CQUFtQixFQUFFLEdBQUcsRUFBRTtJQUNqQyxNQUFNLFVBQVUsR0FBRywyQ0FBMkMsQ0FBQztJQUUvRCxFQUFFLENBQUMsd0RBQXdELEVBQUUsR0FBRyxFQUFFO1FBQ2hFLE1BQU0sQ0FBQyxvQkFBQyxPQUFPLElBQUMsR0FBRyxFQUFFLFVBQVUsR0FBSSxDQUFDLENBQUM7UUFFckMseUJBQXlCO1FBQ3pCLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsc0JBQXNCLENBQUMsQ0FBQztRQUV6RCxrQ0FBa0M7UUFDbEMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFFbkMsaURBQWlEO1FBQ2pELE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxlQUFlLENBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBQ2xELE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxlQUFlLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQy9DLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxlQUFlLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDO1FBQ2hELE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxlQUFlLENBQzVCLE9BQU8sRUFDUCxxR0FBcUcsQ0FDdEcsQ0FBQztJQUNKLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==

package/dist/components/social-embed/constants.d.ts

@@ -0,0 +1,12 @@
+export declare const modalType: {
+    readonly GDPR: "gdpr";
+    readonly CCPA: "ccpa";
+};
+export declare const eventStatus: {
+    readonly tcLoaded: "tcloaded";
+    readonly cmpIsShown: "cmpuishown";
+    readonly userActionComplete: "useractioncomplete";
+};
+export declare const vendors: {
+    readonly twitter: "twitter";
+};

package/dist/components/social-embed/constants.js

@@ -0,0 +1,13 @@
+export const modalType = {
+    GDPR: 'gdpr',
+    CCPA: 'ccpa'
+};
+export const eventStatus = {
+    tcLoaded: 'tcloaded',
+    cmpIsShown: 'cmpuishown',
+    userActionComplete: 'useractioncomplete'
+};
+export const vendors = {
+    twitter: 'twitter'
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL2NvbnN0YW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUc7SUFDdkIsSUFBSSxFQUFFLE1BQU07SUFDWixJQUFJLEVBQUUsTUFBTTtDQUNKLENBQUM7QUFFWCxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUc7SUFDekIsUUFBUSxFQUFFLFVBQVU7SUFDcEIsVUFBVSxFQUFFLFlBQVk7SUFDeEIsa0JBQWtCLEVBQUUsb0JBQW9CO0NBQ2hDLENBQUM7QUFFWCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUc7SUFDckIsT0FBTyxFQUFFLFNBQVM7Q0FDVixDQUFDIn0=

package/dist/components/social-embed/helpers/__tests__/enableCookies.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/social-embed/helpers/__tests__/enableCookies.test.js

@@ -0,0 +1,46 @@
+import { enableCookies } from '../enableCookies';
+jest.mock('../socialMediaVendors', () => ({
+    socialMediaVendors: {
+        facebook: { id: 'facebookId' },
+        twitter: { id: 'twitterId' }
+    }
+}));
+describe('enableCookies', () => {
+    const mockVendorId = 'facebookId';
+    const setIsSocialEmbedAllowed = jest.fn();
+    beforeEach(() => {
+        jest.clearAllMocks();
+        window.__tcfapi = jest.fn();
+    });
+    it('should call __tcfapi with "getCustomVendorConsents" for the vendor', () => {
+        window.__tcfapi = jest.fn((command, version, callback) => {
+            // tslint:disable-next-line:no-console
+            console.log('command, version', command, version);
+            callback({
+                grants: { [mockVendorId]: { purposeGrants: { 1: true } } }
+            }, true);
+        });
+        enableCookies('facebook', setIsSocialEmbedAllowed);
+        expect(window.__tcfapi).toHaveBeenCalledWith('getCustomVendorConsents', 2, expect.any(Function));
+    });
+    it('should call postCustomConsent if consent data and grants are available', () => {
+        const purposeGrants = { 1: true };
+        window.__tcfapi = jest.fn((command, version, callback) => {
+            // tslint:disable-next-line:no-console
+            console.log('command, version', command, version);
+            if (command === 'getCustomVendorConsents') {
+                callback({
+                    grants: { [mockVendorId]: { purposeGrants } }
+                }, true);
+            }
+        });
+        enableCookies('facebook', setIsSocialEmbedAllowed);
+        expect(window.__tcfapi).toHaveBeenCalledWith('postCustomConsent', 2, expect.any(Function), [mockVendorId], Object.keys(purposeGrants), []);
+    });
+    it('should not call __tcfapi if __tcfapi is not defined', () => {
+        delete window.__tcfapi;
+        enableCookies('facebook', setIsSocialEmbedAllowed);
+        expect(window.__tcfapi).toBeUndefined();
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW5hYmxlQ29va2llcy50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL2hlbHBlcnMvX190ZXN0c19fL2VuYWJsZUNvb2tpZXMudGVzdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFakQsSUFBSSxDQUFDLElBQUksQ0FBQyx1QkFBdUIsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ3hDLGtCQUFrQixFQUFFO1FBQ2xCLFFBQVEsRUFBRSxFQUFFLEVBQUUsRUFBRSxZQUFZLEVBQUU7UUFDOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxFQUFFLFdBQVcsRUFBRTtLQUM3QjtDQUNGLENBQUMsQ0FBQyxDQUFDO0FBRUosUUFBUSxDQUFDLGVBQWUsRUFBRSxHQUFHLEVBQUU7SUFDN0IsTUFBTSxZQUFZLEdBQUcsWUFBWSxDQUFDO0lBQ2xDLE1BQU0sdUJBQXVCLEdBQUcsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO0lBRTFDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7UUFDZCxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDcEIsTUFBYyxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsRUFBRSxFQUFFLENBQUM7SUFDdkMsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsb0VBQW9FLEVBQUUsR0FBRyxFQUFFO1FBQzNFLE1BQWMsQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLEVBQUU7WUFDaEUsc0NBQXNDO1lBQ3RDLE9BQU8sQ0FBQyxHQUFHLENBQUMsa0JBQWtCLEVBQUUsT0FBTyxFQUFFLE9BQU8sQ0FBQyxDQUFDO1lBQ2xELFFBQVEsQ0FDTjtnQkFDRSxNQUFNLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLEVBQUUsYUFBYSxFQUFFLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUU7YUFDM0QsRUFDRCxJQUFJLENBQ0wsQ0FBQztRQUNKLENBQUMsQ0FBQyxDQUFDO1FBRUgsYUFBYSxDQUFDLFVBQVUsRUFBRSx1QkFBdUIsQ0FBQyxDQUFDO1FBQ25ELE1BQU0sQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsb0JBQW9CLENBQzFDLHlCQUF5QixFQUN6QixDQUFDLEVBQ0QsTUFBTSxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQUMsQ0FDckIsQ0FBQztJQUNKLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLHdFQUF3RSxFQUFFLEdBQUcsRUFBRTtRQUNoRixNQUFNLGFBQWEsR0FBRyxFQUFFLENBQUMsRUFBRSxJQUFJLEVBQUUsQ0FBQztRQUNqQyxNQUFjLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxFQUFFO1lBQ2hFLHNDQUFzQztZQUN0QyxPQUFPLENBQUMsR0FBRyxDQUFDLGtCQUFrQixFQUFFLE9BQU8sRUFBRSxPQUFPLENBQUMsQ0FBQztZQUNsRCxJQUFJLE9BQU8sS0FBSyx5QkFBeUIsRUFBRTtnQkFDekMsUUFBUSxDQUNOO29CQUNFLE1BQU0sRUFBRSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsRUFBRSxhQUFhLEVBQUUsRUFBRTtpQkFDOUMsRUFDRCxJQUFJLENBQ0wsQ0FBQzthQUNIO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFFSCxhQUFhLENBQUMsVUFBVSxFQUFFLHVCQUF1QixDQUFDLENBQUM7UUFFbkQsTUFBTSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxvQkFBb0IsQ0FDMUMsbUJBQW1CLEVBQ25CLENBQUMsRUFDRCxNQUFNLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxFQUNwQixDQUFDLFlBQVksQ0FBQyxFQUNkLE1BQU0sQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLEVBQzFCLEVBQUUsQ0FDSCxDQUFDO0lBQ0osQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMscURBQXFELEVBQUUsR0FBRyxFQUFFO1FBQzdELE9BQVEsTUFBYyxDQUFDLFFBQVEsQ0FBQztRQUVoQyxhQUFhLENBQUMsVUFBVSxFQUFFLHVCQUF1QixDQUFDLENBQUM7UUFFbkQsTUFBTSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUMxQyxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=