@times-components/ts-components 1.146.2-a0ffbb6bc2acbec91d140a39f6be06256e702094.5 → 1.146.2-c12ed7999a41984c2ba8c437357e7a5df1914881.48

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

@@ -3,53 +3,14 @@ import { Twitter } from './components/TwitterComponent';
 import { Youtube } from './components/YoutubeComponent';
 import { TikTok } from './components/TiktokComponent';
 import { Instagram } from './components/InstagramComponent';
-import { Facebook } from './components/FacebookComponent';
-import { useSocialEmbedsContext } from '../../contexts/SocialEmbedsProvider';
-import { BlockedEmbedMessage } from './BlockedEmbedMessage';
 const vendors = {
     twitter: Twitter,
     youtube: Youtube,
     tiktok: TikTok,
-    instagram: Instagram,
-    facebook: Facebook
+    instagram: Instagram
 };
 export const Vendor = ({ vendorName, url }) => {
-    const { isSocialEmbedAllowed, isAllowedOnce } = useSocialEmbedsContext();
-    // Step 2: Only mount the actual social vendor component after consent
-    const allowed = isSocialEmbedAllowed[vendorName] === true ||
-        isAllowedOnce[vendorName] === true;
-    if (!allowed && ['instagram', 'twitter', 'facebook'].includes(vendorName)) {
-        return React.createElement(BlockedEmbedMessage, { vendorName: vendorName });
-    }
     const Component = vendors[vendorName];
     return React.createElement(Component, { url: url });
 };
-/* import React from 'react';
-import { Twitter } from './components/TwitterComponent';
-import { Youtube } from './components/YoutubeComponent';
-import { TikTok } from './components/TiktokComponent';
-import { Instagram } from './components/InstagramComponent';
-import { Facebook } from './components/FacebookComponent';
-
-const vendors = {
-  twitter: Twitter,
-  youtube: Youtube,
-  tiktok: TikTok,
-  instagram: Instagram,
-  facebook: Facebook
-};
-
-export type VendorName = keyof typeof vendors;
-
-export const Vendor = ({
-  vendorName,
-  url
-}: {
-  vendorName: VendorName;
-  url: string;
-}) => {
-  const Component = vendors[vendorName];
-  return <Component url={url} />;
-};
- */ 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29jaWFsVmVuZG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL1NvY2lhbFZlbmRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM1RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDMUQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDN0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFHNUQsTUFBTSxPQUFPLEdBQUc7SUFDZCxPQUFPLEVBQUUsT0FBTztJQUNoQixPQUFPLEVBQUUsT0FBTztJQUNoQixNQUFNLEVBQUUsTUFBTTtJQUNkLFNBQVMsRUFBRSxTQUFTO0lBQ3BCLFFBQVEsRUFBRSxRQUFRO0NBQ25CLENBQUM7QUFHRixNQUFNLENBQUMsTUFBTSxNQUFNLEdBQUcsQ0FBQyxFQUNyQixVQUFVLEVBQ1YsR0FBRyxFQUlKLEVBQUUsRUFBRTtJQUNILE1BQU0sRUFBRSxvQkFBb0IsRUFBRSxhQUFhLEVBQUUsR0FBRyxzQkFBc0IsRUFBRSxDQUFDO0lBRXpFLHNFQUFzRTtJQUN2RSxNQUFNLE9BQU8sR0FDWixvQkFBb0IsQ0FBQyxVQUFVLENBQUMsS0FBSyxJQUFJO1FBQ3pDLGFBQWEsQ0FBQyxVQUFVLENBQUMsS0FBSyxJQUFJLENBQUM7SUFHckMsSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUFDLFdBQVcsRUFBRSxTQUFTLEVBQUUsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxFQUFFO1FBQ3pFLE9BQU8sb0JBQUMsbUJBQW1CLElBQUMsVUFBVSxFQUFFLFVBQXdCLEdBQUksQ0FBQztLQUN0RTtJQUVDLE1BQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN0QyxPQUFPLG9CQUFDLFNBQVMsSUFBQyxHQUFHLEVBQUUsR0FBRyxHQUFJLENBQUM7QUFDakMsQ0FBQyxDQUFDO0FBRUY7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTJCRyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29jaWFsVmVuZG9yLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL1NvY2lhbFZlbmRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUU1RCxNQUFNLE9BQU8sR0FBRztJQUNkLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLE9BQU8sRUFBRSxPQUFPO0lBQ2hCLE1BQU0sRUFBRSxNQUFNO0lBQ2QsU0FBUyxFQUFFLFNBQVM7Q0FDckIsQ0FBQztBQUlGLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxDQUFDLEVBQ3JCLFVBQVUsRUFDVixHQUFHLEVBSUosRUFBRSxFQUFFO0lBQ0gsTUFBTSxTQUFTLEdBQUcsT0FBTyxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3RDLE9BQU8sb0JBQUMsU0FBUyxJQUFDLEdBQUcsRUFBRSxHQUFHLEdBQUksQ0FBQztBQUNqQyxDQUFDLENBQUMifQ==

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

@@ -15,9 +15,6 @@ jest.mock('../components/TiktokComponent', () => ({
 jest.mock('../components/InstagramComponent', () => ({
     Instagram: jest.fn(() => (React.createElement("div", { "data-testid": "instagram-component" }, "Instagram Component")))
 }));
-jest.mock('../components/FacebookComponent', () => ({
-    Facebook: jest.fn(() => (React.createElement("div", { "data-testid": "facebook-component" }, "Facebook 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"', () => {
@@ -36,13 +33,9 @@ describe('Vendor Component', () => {
         renderVendor('instagram', 'https://instagram.com/some/video');
         expect(screen.getByTestId('instagram-component')).toBeInTheDocument();
     });
-    it('renders the Facebook component when vendorName is "facebook"', () => {
-        renderVendor('facebook', 'https://facebook.com/some/video');
-        expect(screen.getByTestId('facebook-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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29jaWFsVmVuZG9yLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zb2NpYWwtZW1iZWQvX190ZXN0c19fL1NvY2lhbFZlbmRvci50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN4RCxPQUFPLDJCQUEyQixDQUFDO0FBRW5DLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUV6QyxrQkFBa0I7QUFDbEIsSUFBSSxDQUFDLElBQUksQ0FBQyxnQ0FBZ0MsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ2pELE9BQU8sRUFBRSxJQUFJLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQ3JCLDRDQUFpQixtQkFBbUIsd0JBQXdCLENBQzdELENBQUM7Q0FDSCxDQUFDLENBQUMsQ0FBQztBQUVKLElBQUksQ0FBQyxJQUFJLENBQUMsZ0NBQWdDLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUNqRCxPQUFPLEVBQUUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUNyQiw0Q0FBaUIsbUJBQW1CLHdCQUF3QixDQUM3RCxDQUFDO0NBQ0gsQ0FBQyxDQUFDLENBQUM7QUFFSixJQUFJLENBQUMsSUFBSSxDQUFDLCtCQUErQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDaEQsTUFBTSxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FDcEIsNENBQWlCLGtCQUFrQix1QkFBdUIsQ0FDM0QsQ0FBQztDQUNILENBQUMsQ0FBQyxDQUFDO0FBRUosSUFBSSxDQUFDLElBQUksQ0FBQyxrQ0FBa0MsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ25ELFNBQVMsRUFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU29jaWFsVmVuZG9yLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9zb2NpYWwtZW1iZWQvX190ZXN0c19fL1NvY2lhbFZlbmRvci50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN4RCxPQUFPLDJCQUEyQixDQUFDO0FBRW5DLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUV6QyxrQkFBa0I7QUFDbEIsSUFBSSxDQUFDLElBQUksQ0FBQyxnQ0FBZ0MsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ2pELE9BQU8sRUFBRSxJQUFJLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQ3JCLDRDQUFpQixtQkFBbUIsd0JBQXdCLENBQzdELENBQUM7Q0FDSCxDQUFDLENBQUMsQ0FBQztBQUVKLElBQUksQ0FBQyxJQUFJLENBQUMsZ0NBQWdDLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztJQUNqRCxPQUFPLEVBQUUsSUFBSSxDQUFDLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUNyQiw0Q0FBaUIsbUJBQW1CLHdCQUF3QixDQUM3RCxDQUFDO0NBQ0gsQ0FBQyxDQUFDLENBQUM7QUFFSixJQUFJLENBQUMsSUFBSSxDQUFDLCtCQUErQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDaEQsTUFBTSxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FDcEIsNENBQWlCLGtCQUFrQix1QkFBdUIsQ0FDM0QsQ0FBQztDQUNILENBQUMsQ0FBQyxDQUFDO0FBRUosSUFBSSxDQUFDLElBQUksQ0FBQyxrQ0FBa0MsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ25ELFNBQVMsRUFBRSxJQUFJLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQ3ZCLDRDQUFpQixxQkFBcUIsMEJBQTBCLENBQ2pFLENBQUM7Q0FDSCxDQUFDLENBQUMsQ0FBQztBQUVKLFFBQVEsQ0FBQyxrQkFBa0IsRUFBRSxHQUFHLEVBQUU7SUFDaEMsTUFBTSxZQUFZLEdBQUcsQ0FBQyxVQUFzQixFQUFFLEdBQVcsRUFBRSxFQUFFLENBQzNELE1BQU0sQ0FBQyxvQkFBQyxNQUFNLElBQUMsVUFBVSxFQUFFLFVBQVUsRUFBRSxHQUFHLEVBQUUsR0FBRyxHQUFJLENBQUMsQ0FBQztJQUV2RCxFQUFFLENBQUMsNERBQTRELEVBQUUsR0FBRyxFQUFFO1FBQ3BFLFlBQVksQ0FBQyxTQUF1QixFQUFFLGdDQUFnQyxDQUFDLENBQUM7UUFDeEUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDdEUsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsNERBQTRELEVBQUUsR0FBRyxFQUFFO1FBQ3BFLFlBQVksQ0FBQyxTQUF1QixFQUFFLGdDQUFnQyxDQUFDLENBQUM7UUFDeEUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixFQUFFLENBQUM7SUFDdEUsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsMERBQTBELEVBQUUsR0FBRyxFQUFFO1FBQ2xFLFlBQVksQ0FDVixRQUFzQixFQUN0QiwrQ0FBK0MsQ0FDaEQsQ0FBQztRQUNGLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQ3JFLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLGdFQUFnRSxFQUFFLEdBQUcsRUFBRTtRQUN4RSxZQUFZLENBQUMsV0FBeUIsRUFBRSxrQ0FBa0MsQ0FBQyxDQUFDO1FBQzVFLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQ3hFLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLHNEQUFzRCxFQUFFLEdBQUcsRUFBRTtRQUM5RCxNQUFNLG1CQUFtQixHQUFHLEdBQUcsRUFBRSxDQUMvQixNQUFNLENBQ0osb0JBQUMsTUFBTSxJQUNMLFVBQVUsRUFBRSxTQUF1QixFQUNuQyxHQUFHLEVBQUMscUJBQXFCLEdBQ3pCLENBQ0gsQ0FBQztRQUNKLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzdDLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==

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

@@ -10,5 +10,4 @@ export declare const eventStatus: {
 export declare const vendors: {
     readonly instagram: "instagram";
     readonly twitter: "twitter";
-    readonly facebook: "facebook";
 };

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

@@ -9,7 +9,6 @@ export const eventStatus = {
 };
 export const vendors = {
     instagram: 'instagram',
-    twitter: 'twitter',
-    facebook: 'facebook'
+    twitter: 'twitter'
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL2NvbnN0YW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUc7SUFDdkIsSUFBSSxFQUFFLE1BQU07SUFDWixJQUFJLEVBQUUsTUFBTTtDQUNKLENBQUM7QUFFWCxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUc7SUFDekIsUUFBUSxFQUFFLFVBQVU7SUFDcEIsVUFBVSxFQUFFLFlBQVk7SUFDeEIsa0JBQWtCLEVBQUUsb0JBQW9CO0NBQ2hDLENBQUM7QUFFWCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUc7SUFDckIsU0FBUyxFQUFFLFdBQVc7SUFDdEIsT0FBTyxFQUFFLFNBQVM7SUFDbEIsUUFBUSxFQUFFLFVBQVU7Q0FDWixDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL2NvbnN0YW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUc7SUFDdkIsSUFBSSxFQUFFLE1BQU07SUFDWixJQUFJLEVBQUUsTUFBTTtDQUNKLENBQUM7QUFFWCxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUc7SUFDekIsUUFBUSxFQUFFLFVBQVU7SUFDcEIsVUFBVSxFQUFFLFlBQVk7SUFDeEIsa0JBQWtCLEVBQUUsb0JBQW9CO0NBQ2hDLENBQUM7QUFFWCxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUc7SUFDckIsU0FBUyxFQUFFLFdBQVc7SUFDdEIsT0FBTyxFQUFFLFNBQVM7Q0FDVixDQUFDIn0=

package/dist/components/social-embed/helpers/socialMediaVendors.js

@@ -18,11 +18,6 @@ export const socialMediaVendors = {
         id: '5e717c8e69966540e4554f05',
         status: 'pending',
         title: 'Instagram'
-    },
-    facebook: {
-        id: '5e8dj207kee725du372h892',
-        status: 'pending',
-        title: 'Facebook'
     }
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29jaWFsTWVkaWFWZW5kb3JzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL2hlbHBlcnMvc29jaWFsTWVkaWFWZW5kb3JzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUUzQjtJQUNGLE9BQU8sRUFBRTtRQUNQLEVBQUUsRUFBRSwwQkFBMEI7UUFDOUIsTUFBTSxFQUFFLFNBQVM7UUFDakIsS0FBSyxFQUFFLGFBQWE7S0FDckI7SUFDRCxPQUFPLEVBQUU7UUFDUCxFQUFFLEVBQUUsMEJBQTBCO1FBQzlCLE1BQU0sRUFBRSxTQUFTO1FBQ2pCLEtBQUssRUFBRSxTQUFTO0tBQ2pCO0lBQ0QsTUFBTSxFQUFFO1FBQ04sRUFBRSxFQUFFLDBCQUEwQjtRQUM5QixNQUFNLEVBQUUsU0FBUztRQUNqQixLQUFLLEVBQUUsUUFBUTtLQUNoQjtJQUNELFNBQVMsRUFBRTtRQUNULEVBQUUsRUFBRSwwQkFBMEI7UUFDOUIsTUFBTSxFQUFFLFNBQVM7UUFDakIsS0FBSyxFQUFFLFdBQVc7S0FDbkI7SUFDRCxRQUFRLEVBQUU7UUFDUixFQUFFLEVBQUUseUJBQXlCO1FBQzdCLE1BQU0sRUFBRSxTQUFTO1FBQ2pCLEtBQUssRUFBRSxVQUFVO0tBQ2xCO0NBQ0YsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29jaWFsTWVkaWFWZW5kb3JzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL2hlbHBlcnMvc29jaWFsTWVkaWFWZW5kb3JzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUUzQjtJQUNGLE9BQU8sRUFBRTtRQUNQLEVBQUUsRUFBRSwwQkFBMEI7UUFDOUIsTUFBTSxFQUFFLFNBQVM7UUFDakIsS0FBSyxFQUFFLGFBQWE7S0FDckI7SUFDRCxPQUFPLEVBQUU7UUFDUCxFQUFFLEVBQUUsMEJBQTBCO1FBQzlCLE1BQU0sRUFBRSxTQUFTO1FBQ2pCLEtBQUssRUFBRSxTQUFTO0tBQ2pCO0lBQ0QsTUFBTSxFQUFFO1FBQ04sRUFBRSxFQUFFLDBCQUEwQjtRQUM5QixNQUFNLEVBQUUsU0FBUztRQUNqQixLQUFLLEVBQUUsUUFBUTtLQUNoQjtJQUNELFNBQVMsRUFBRTtRQUNULEVBQUUsRUFBRSwwQkFBMEI7UUFDOUIsTUFBTSxFQUFFLFNBQVM7UUFDakIsS0FBSyxFQUFFLFdBQVc7S0FDbkI7Q0FDRixDQUFDIn0=

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

@@ -7,4 +7,3 @@ export declare const EnableButton: import("styled-components").StyledComponent<"
 export declare const AllowButton: import("styled-components").StyledComponent<"button", any, {}, never>;
 export declare const LinkPrivacyManager: import("styled-components").StyledComponent<"a", any, {}, never>;
 export declare const InstagramContainer: import("styled-components").StyledComponent<"blockquote", any, {}, never>;
-export declare const FacebookContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -87,31 +87,4 @@ export const InstagramContainer = styled.blockquote `
   width: calc(100% - 2px);
   position: relative;
 `;
-export const FacebookContainer = styled.div `
-  width: 100%;
-  max-width: 540px;
-  margin: 24px auto;
-
-  background: #ffffff;
-  border: 1px solid #dadde1;
-  border-radius: 8px;
-
-  min-height: 200px;
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  iframe {
-    width: 100% !important;
-    border: none;
-    overflow: hidden;
-  }
-
-  span,
-  .fb-post,
-  .fb-video {
-    width: 100% !important;
-  }
-`;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDOUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXBELE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7OztDQVF0QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7O0NBRS9CLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUE7Ozs7Ozs7OztDQVN2RCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxFQUFFLENBQUE7Ozs7Ozs7Ozt1QkFTUCxXQUFXLENBQUMsTUFBTTs7O0NBR3hDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQTs7Ozs7Ozs7O3VCQVNWLFdBQVcsQ0FBQyxNQUFNOzs7Q0FHeEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFBOzs7Ozs7Ozs7O0NBVXhDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQTs7Ozs7Ozs7Ozs7Q0FXdkMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUE7O0NBRXpDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFBOzs7Ozs7Ozs7OztDQVdsRCxDQUFDO0FBR0YsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0EwQjFDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvc29jaWFsLWVtYmVkL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDOUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXBELE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7OztDQVF0QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7O0NBRS9CLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUE7Ozs7Ozs7OztDQVN2RCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxFQUFFLENBQUE7Ozs7Ozs7Ozt1QkFTUCxXQUFXLENBQUMsTUFBTTs7O0NBR3hDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQTs7Ozs7Ozs7O3VCQVNWLFdBQVcsQ0FBQyxNQUFNOzs7Q0FHeEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFBOzs7Ozs7Ozs7O0NBVXhDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQTs7Ozs7Ozs7Ozs7Q0FXdkMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUE7O0NBRXpDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFBOzs7Ozs7Ozs7OztDQVdsRCxDQUFDIn0=

package/dist/components/trip-cards/SkeletonCard.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { ImageHeightConfig } from './types';
+export declare const SkeletonCard: FC<{
+    isStaticGrid?: boolean;
+    imgHeight?: ImageHeightConfig;
+    forceStaticGrid?: boolean;
+}>;

package/dist/components/trip-cards/SkeletonCard.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Placeholder } from '@times-components/image';
+import { CardContainer, ImageContainer, CardContent, TopContainer, BottomContainer, DataPointsList, DataPoint, PriceSection, PriceContainer } from './styles';
+import { SkeletonLine, SkeletonHeadline, SkeletonPrice, SkeletonButton } from './skeletonStyles';
+import { defaultTripCardImgHeight } from './helpers';
+export const SkeletonCard = ({ isStaticGrid, imgHeight = {}, forceStaticGrid }) => {
+    return (React.createElement(CardContainer, { "data-testid": "skeleton-card-container" },
+        React.createElement(ImageContainer, Object.assign({ "data-testid": "skeleton-image-container", isStaticGrid: isStaticGrid && !forceStaticGrid }, { ...defaultTripCardImgHeight, ...imgHeight }),
+            React.createElement(Placeholder, null)),
+        React.createElement(CardContent, { "data-testid": "skeleton-card-content" },
+            React.createElement(TopContainer, { "data-testid": "skeleton-top-container" },
+                React.createElement(SkeletonHeadline, { "data-testid": "skeleton-headline" }),
+                React.createElement(DataPointsList, { "data-testid": "skeleton-data-points-list" }, [1, 2, 3, 4].map(i => (React.createElement(DataPoint, { key: i, "data-testid": `skeleton-data-point-${i}` },
+                    React.createElement(SkeletonLine, { width: "80px", "data-testid": `skeleton-line-${i}` })))))),
+            React.createElement(BottomContainer, { "data-testid": "skeleton-bottom-container" },
+                React.createElement(PriceSection, { "data-testid": "skeleton-price-section" },
+                    React.createElement(PriceContainer, { "data-testid": "skeleton-price-container" },
+                        React.createElement(SkeletonLine, { width: "40px", marginBottom: "4px", "data-testid": "skeleton-price-label" }),
+                        React.createElement(SkeletonPrice, { "data-testid": "skeleton-price" }))),
+                React.createElement(SkeletonButton, { as: "div", "data-testid": "skeleton-button" })))));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b25DYXJkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJpcC1jYXJkcy9Ta2VsZXRvbkNhcmQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBYSxNQUFNLE9BQU8sQ0FBQztBQUNsQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdEQsT0FBTyxFQUNMLGFBQWEsRUFDYixjQUFjLEVBQ2QsV0FBVyxFQUNYLFlBQVksRUFDWixlQUFlLEVBQ2YsY0FBYyxFQUNkLFNBQVMsRUFDVCxZQUFZLEVBQ1osY0FBYyxFQUNmLE1BQU0sVUFBVSxDQUFDO0FBQ2xCLE9BQU8sRUFDTCxZQUFZLEVBQ1osZ0JBQWdCLEVBQ2hCLGFBQWEsRUFDYixjQUFjLEVBQ2YsTUFBTSxrQkFBa0IsQ0FBQztBQUUxQixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFFckQsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUlwQixDQUFDLEVBQUUsWUFBWSxFQUFFLFNBQVMsR0FBRyxFQUFFLEVBQUUsZUFBZSxFQUFFLEVBQUUsRUFBRTtJQUN6RCxPQUFPLENBQ0wsb0JBQUMsYUFBYSxtQkFBYSx5QkFBeUI7UUFDbEQsb0JBQUMsY0FBYyxpQ0FDRCwwQkFBMEIsRUFDdEMsWUFBWSxFQUFFLFlBQVksSUFBSSxDQUFDLGVBQWUsSUFDMUMsRUFBRSxHQUFHLHdCQUF3QixFQUFFLEdBQUcsU0FBUyxFQUFFO1lBRWpELG9CQUFDLFdBQVcsT0FBRyxDQUNBO1FBQ2pCLG9CQUFDLFdBQVcsbUJBQWEsdUJBQXVCO1lBQzlDLG9CQUFDLFlBQVksbUJBQWEsd0JBQXdCO2dCQUNoRCxvQkFBQyxnQkFBZ0IsbUJBQWEsbUJBQW1CLEdBQUc7Z0JBQ3BELG9CQUFDLGNBQWMsbUJBQWEsMkJBQTJCLElBQ3BELENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FDckIsb0JBQUMsU0FBUyxJQUFDLEdBQUcsRUFBRSxDQUFDLGlCQUFlLHVCQUF1QixDQUFDLEVBQUU7b0JBQ3hELG9CQUFDLFlBQVksSUFBQyxLQUFLLEVBQUMsTUFBTSxpQkFBYyxpQkFBaUIsQ0FBQyxFQUFFLEdBQUksQ0FDdEQsQ0FDYixDQUFDLENBQ2EsQ0FDSjtZQUNmLG9CQUFDLGVBQWUsbUJBQWEsMkJBQTJCO2dCQUN0RCxvQkFBQyxZQUFZLG1CQUFhLHdCQUF3QjtvQkFDaEQsb0JBQUMsY0FBYyxtQkFBYSwwQkFBMEI7d0JBQ3BELG9CQUFDLFlBQVksSUFDWCxLQUFLLEVBQUMsTUFBTSxFQUNaLFlBQVksRUFBQyxLQUFLLGlCQUNOLHNCQUFzQixHQUNsQzt3QkFDRixvQkFBQyxhQUFhLG1CQUFhLGdCQUFnQixHQUFHLENBQy9CLENBQ0o7Z0JBQ2Ysb0JBQUMsY0FBYyxJQUFDLEVBQUUsRUFBQyxLQUFLLGlCQUFhLGlCQUFpQixHQUFHLENBQ3pDLENBQ04sQ0FDQSxDQUNqQixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

package/dist/components/trip-cards/TripCard.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TripCardProps } from './types';
+export declare const TripCard: FC<TripCardProps>;

package/dist/components/trip-cards/TripCard.js

@@ -0,0 +1,61 @@
+import React, { useState } from 'react';
+import { Placeholder } from '@times-components/image';
+import { CardContainer, ImageContainer, CardImage, OfferLabel, GiftBanner, CardContent, TopContainer, BottomContainer, Headline, DataPointsList, DataPoint, DataIcon, PriceSection, PriceContainer, OfferContainer, PriceLabel, OriginalPrice, CurrentPrice, LogoContainer, CTAButton, PriceSuffix, StyledLink } from './styles';
+import { MoonIcon, LocationIcon, BoatIcon, CalendarIcon } from './assets';
+import { tealiumTrackingHandler } from '../../helpers/tracking/TrackingHandler';
+import { getPreferredEdition } from '../../utils/cookie';
+export const TripCard = ({ card, isStaticGrid, imgHeight = {} }) => {
+    const [imageLoaded, setImageLoaded] = useState(false);
+    const trackEvent = (eventName) => {
+        tealiumTrackingHandler(eventName, 'navigation', 'click', card.headline, undefined, {
+            app_content_location: getPreferredEdition()
+        });
+    };
+    const handleCardClick = (type) => () => type === 'headline'
+        ? trackEvent(`trip card: ${card.headline}`)
+        : trackEvent('trip card: img click');
+    const handleCTAClick = () => trackEvent(`trip card: ${card.cta_text || 'View Itinerary'}`);
+    const handleLogoClick = () => trackEvent(`trip card: ${card.logo_name}`);
+    return (React.createElement(CardContainer, null,
+        React.createElement(StyledLink, { href: card.cta_url, target: "_blank", rel: "noopener noreferrer", onClick: handleCardClick('img') },
+            React.createElement(ImageContainer, Object.assign({ isStaticGrid: isStaticGrid }, imgHeight),
+                !imageLoaded && React.createElement(Placeholder, null),
+                React.createElement(CardImage, { src: card.image, alt: card.headline, onLoad: () => setImageLoaded(true), isLoaded: imageLoaded }),
+                card.offer_label && React.createElement(OfferLabel, null, card.offer_label),
+                card.gift_banner && React.createElement(GiftBanner, null, card.gift_banner))),
+        React.createElement(CardContent, null,
+            React.createElement(TopContainer, null,
+                React.createElement(StyledLink, { href: card.cta_url, target: "_blank", rel: "noopener noreferrer", onClick: handleCardClick('headline') },
+                    React.createElement(Headline, null, card.headline)),
+                React.createElement(DataPointsList, null,
+                    card.date && (React.createElement(DataPoint, null,
+                        React.createElement(DataIcon, null,
+                            React.createElement(CalendarIcon, null)),
+                        React.createElement("span", null, card.date))),
+                    card.duration && (React.createElement(DataPoint, null,
+                        React.createElement(DataIcon, null,
+                            React.createElement(MoonIcon, null)),
+                        React.createElement("span", null, card.duration))),
+                    card.route && (React.createElement(DataPoint, null,
+                        React.createElement(DataIcon, null,
+                            React.createElement(LocationIcon, null)),
+                        React.createElement("span", null, card.route))),
+                    card.ship && (React.createElement(DataPoint, null,
+                        React.createElement(DataIcon, null,
+                            React.createElement(BoatIcon, null)),
+                        React.createElement("span", null, card.ship))))),
+            React.createElement(BottomContainer, null,
+                React.createElement(PriceSection, null,
+                    React.createElement(PriceContainer, null,
+                        card.price !== 'Enquire now' && (React.createElement(OfferContainer, null,
+                            React.createElement(PriceLabel, null, "From"),
+                            card.original_price && (React.createElement(OriginalPrice, null, card.original_price)))),
+                        React.createElement(CurrentPrice, { "$isEnquire": card.price === 'Enquire now' },
+                            card.price,
+                            card.price !== 'Enquire now' && React.createElement(PriceSuffix, null, "pp"))),
+                    card.logo && (React.createElement(LogoContainer, null,
+                        React.createElement("a", { href: card.logo_url, target: "_blank", rel: "noopener noreferrer", onClick: handleLogoClick },
+                            React.createElement("img", { src: card.logo, alt: "Partner logo" }))))),
+                React.createElement(CTAButton, { href: card.cta_url, target: "_blank", rel: "noopener noreferrer", onClick: handleCTAClick }, card.cta_text || 'View Itinerary')))));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJpcENhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmlwLWNhcmRzL1RyaXBDYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFNLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUM1QyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFdEQsT0FBTyxFQUNMLGFBQWEsRUFDYixjQUFjLEVBQ2QsU0FBUyxFQUNULFVBQVUsRUFDVixVQUFVLEVBQ1YsV0FBVyxFQUNYLFlBQVksRUFDWixlQUFlLEVBQ2YsUUFBUSxFQUNSLGNBQWMsRUFDZCxTQUFTLEVBQ1QsUUFBUSxFQUNSLFlBQVksRUFDWixjQUFjLEVBQ2QsY0FBYyxFQUNkLFVBQVUsRUFDVixhQUFhLEVBQ2IsWUFBWSxFQUNaLGFBQWEsRUFDYixTQUFTLEVBQ1QsV0FBVyxFQUNYLFVBQVUsRUFDWCxNQUFNLFVBQVUsQ0FBQztBQUNsQixPQUFPLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxRQUFRLEVBQUUsWUFBWSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXpELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBc0IsQ0FBQyxFQUMxQyxJQUFJLEVBQ0osWUFBWSxFQUNaLFNBQVMsR0FBRyxFQUFFLEVBQ2YsRUFBRSxFQUFFO0lBQ0gsTUFBTSxDQUFDLFdBQVcsRUFBRSxjQUFjLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdEQsTUFBTSxVQUFVLEdBQUcsQ0FBQyxTQUFpQixFQUFFLEVBQUU7UUFDdkMsc0JBQXNCLENBQ3BCLFNBQVMsRUFDVCxZQUFZLEVBQ1osT0FBTyxFQUNQLElBQUksQ0FBQyxRQUFRLEVBQ2IsU0FBUyxFQUNUO1lBQ0Usb0JBQW9CLEVBQUUsbUJBQW1CLEVBQUU7U0FDNUMsQ0FDRixDQUFDO0lBQ0osQ0FBQyxDQUFDO0lBRUYsTUFBTSxlQUFlLEdBQUcsQ0FBQyxJQUF3QixFQUFFLEVBQUUsQ0FBQyxHQUFHLEVBQUUsQ0FDekQsSUFBSSxLQUFLLFVBQVU7UUFDakIsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxjQUFjLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUMzQyxDQUFDLENBQUMsVUFBVSxDQUFDLHNCQUFzQixDQUFDLENBQUM7SUFFekMsTUFBTSxjQUFjLEdBQUcsR0FBRyxFQUFFLENBQzFCLFVBQVUsQ0FBQyxjQUFjLElBQUksQ0FBQyxRQUFRLElBQUksZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDO0lBRWhFLE1BQU0sZUFBZSxHQUFHLEdBQUcsRUFBRSxDQUFDLFVBQVUsQ0FBQyxjQUFjLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDO0lBRXpFLE9BQU8sQ0FDTCxvQkFBQyxhQUFhO1FBQ1osb0JBQUMsVUFBVSxJQUNULElBQUksRUFBRSxJQUFJLENBQUMsT0FBTyxFQUNsQixNQUFNLEVBQUMsUUFBUSxFQUNmLEdBQUcsRUFBQyxxQkFBcUIsRUFDekIsT0FBTyxFQUFFLGVBQWUsQ0FBQyxLQUFLLENBQUM7WUFFL0Isb0JBQUMsY0FBYyxrQkFBQyxZQUFZLEVBQUUsWUFBWSxJQUFNLFNBQVM7Z0JBQ3RELENBQUMsV0FBVyxJQUFJLG9CQUFDLFdBQVcsT0FBRztnQkFDaEMsb0JBQUMsU0FBUyxJQUNSLEdBQUcsRUFBRSxJQUFJLENBQUMsS0FBSyxFQUNmLEdBQUcsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUNsQixNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxFQUNsQyxRQUFRLEVBQUUsV0FBVyxHQUNyQjtnQkFDRCxJQUFJLENBQUMsV0FBVyxJQUFJLG9CQUFDLFVBQVUsUUFBRSxJQUFJLENBQUMsV0FBVyxDQUFjO2dCQUMvRCxJQUFJLENBQUMsV0FBVyxJQUFJLG9CQUFDLFVBQVUsUUFBRSxJQUFJLENBQUMsV0FBVyxDQUFjLENBQ2pELENBQ047UUFFYixvQkFBQyxXQUFXO1lBQ1Ysb0JBQUMsWUFBWTtnQkFDWCxvQkFBQyxVQUFVLElBQ1QsSUFBSSxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQ2xCLE1BQU0sRUFBQyxRQUFRLEVBQ2YsR0FBRyxFQUFDLHFCQUFxQixFQUN6QixPQUFPLEVBQUUsZUFBZSxDQUFDLFVBQVUsQ0FBQztvQkFFcEMsb0JBQUMsUUFBUSxRQUFFLElBQUksQ0FBQyxRQUFRLENBQVksQ0FDekI7Z0JBRWIsb0JBQUMsY0FBYztvQkFDWixJQUFJLENBQUMsSUFBSSxJQUFJLENBQ1osb0JBQUMsU0FBUzt3QkFDUixvQkFBQyxRQUFROzRCQUNQLG9CQUFDLFlBQVksT0FBRyxDQUNQO3dCQUNYLGtDQUFPLElBQUksQ0FBQyxJQUFJLENBQVEsQ0FDZCxDQUNiO29CQUNBLElBQUksQ0FBQyxRQUFRLElBQUksQ0FDaEIsb0JBQUMsU0FBUzt3QkFDUixvQkFBQyxRQUFROzRCQUNQLG9CQUFDLFFBQVEsT0FBRyxDQUNIO3dCQUNYLGtDQUFPLElBQUksQ0FBQyxRQUFRLENBQVEsQ0FDbEIsQ0FDYjtvQkFDQSxJQUFJLENBQUMsS0FBSyxJQUFJLENBQ2Isb0JBQUMsU0FBUzt3QkFDUixvQkFBQyxRQUFROzRCQUNQLG9CQUFDLFlBQVksT0FBRyxDQUNQO3dCQUNYLGtDQUFPLElBQUksQ0FBQyxLQUFLLENBQVEsQ0FDZixDQUNiO29CQUNBLElBQUksQ0FBQyxJQUFJLElBQUksQ0FDWixvQkFBQyxTQUFTO3dCQUNSLG9CQUFDLFFBQVE7NEJBQ1Asb0JBQUMsUUFBUSxPQUFHLENBQ0g7d0JBQ1gsa0NBQU8sSUFBSSxDQUFDLElBQUksQ0FBUSxDQUNkLENBQ2IsQ0FDYyxDQUNKO1lBRWYsb0JBQUMsZUFBZTtnQkFDZCxvQkFBQyxZQUFZO29CQUNYLG9CQUFDLGNBQWM7d0JBQ1osSUFBSSxDQUFDLEtBQUssS0FBSyxhQUFhLElBQUksQ0FDL0Isb0JBQUMsY0FBYzs0QkFDWixvQkFBQyxVQUFVLGVBQWtCOzRCQUM3QixJQUFJLENBQUMsY0FBYyxJQUFJLENBQ3RCLG9CQUFDLGFBQWEsUUFBRSxJQUFJLENBQUMsY0FBYyxDQUFpQixDQUNyRCxDQUNjLENBQ2xCO3dCQUNELG9CQUFDLFlBQVksa0JBQWEsSUFBSSxDQUFDLEtBQUssS0FBSyxhQUFhOzRCQUNuRCxJQUFJLENBQUMsS0FBSzs0QkFDVixJQUFJLENBQUMsS0FBSyxLQUFLLGFBQWEsSUFBSSxvQkFBQyxXQUFXLGFBQWlCLENBQ2pELENBQ0E7b0JBRWhCLElBQUksQ0FBQyxJQUFJLElBQUksQ0FDWixvQkFBQyxhQUFhO3dCQUNaLDJCQUNFLElBQUksRUFBRSxJQUFJLENBQUMsUUFBUSxFQUNuQixNQUFNLEVBQUMsUUFBUSxFQUNmLEdBQUcsRUFBQyxxQkFBcUIsRUFDekIsT0FBTyxFQUFFLGVBQWU7NEJBRXhCLDZCQUFLLEdBQUcsRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLEdBQUcsRUFBQyxjQUFjLEdBQUcsQ0FDeEMsQ0FDVSxDQUNqQixDQUNZO2dCQUVmLG9CQUFDLFNBQVMsSUFDUixJQUFJLEVBQUUsSUFBSSxDQUFDLE9BQU8sRUFDbEIsTUFBTSxFQUFDLFFBQVEsRUFDZixHQUFHLEVBQUMscUJBQXFCLEVBQ3pCLE9BQU8sRUFBRSxjQUFjLElBRXRCLElBQUksQ0FBQyxRQUFRLElBQUksZ0JBQWdCLENBQ3hCLENBQ0ksQ0FDTixDQUNBLENBQ2pCLENBQUM7QUFDSixDQUFDLENBQUMifQ==

package/dist/components/trip-cards/TripCards.stories.d.ts

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

package/dist/components/trip-cards/TripCards.stories.js

@@ -0,0 +1,159 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { TripCards } from './index';
+import styled from 'styled-components';
+import { defaultTripCardImgHeight } from './helpers';
+const spacing = (multiplier) => `${multiplier * 8}px`;
+const breakpoints = {
+    medium: 768,
+    wide: 1024
+};
+const InteractiveContainer = styled.div `
+  position: relative;
+  margin-bottom: ${spacing(4)};
+  padding: 0 ${spacing(2)};
+
+  @media (min-width: ${breakpoints.medium}px) {
+    width: 80.8%;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 0;
+  }
+
+  @media (min-width: ${breakpoints.wide}px) {
+    width: 56.2%;
+  }
+`;
+storiesOf('Typescript Component/TripCards', module)
+    .add('Channel View Two Cards', () => (React.createElement(TripCards, { element: {
+        class: 'trip-cards',
+        tripcards: btoa(JSON.stringify([2074350, 2140335])),
+        title: 'Similar cruises',
+        titleurl: 'https://www.thetimes.com/travel/holidays',
+        description: 'Brought to you by Times Holidays'
+    }, useMockData: true, maxWidthItemConfig: {
+        xs: '85%',
+        mobile: '87%',
+        tablet: '44%',
+        desktop: '314px',
+        xl: '368px'
+    }, widthContainerConfig: {
+        tablet: '728px',
+        desktop: '984px',
+        xl: '1144px'
+    } })))
+    .add('Channel View Three Cards', () => (React.createElement(TripCards, { element: {
+        class: 'trip-cards',
+        tripcards: btoa(JSON.stringify([2074350, 2140335, 2177685])),
+        title: 'Featured Voyages',
+        titleurl: 'https://www.thetimes.com/travel/holidays',
+        description: 'Handpicked by our travel experts'
+    }, forceStaticGrid: true, maxWidthItemConfig: {
+        xs: '85%',
+        mobile: '87%',
+        tablet: '44%',
+        desktop: '314px',
+        xl: '368px'
+    }, widthContainerConfig: {
+        tablet: '728px',
+        desktop: '984px',
+        xl: '1144px'
+    }, useMockData: true })))
+    .add('Article View Two Trip Cards', () => (React.createElement(InteractiveContainer, null,
+    React.createElement(TripCards, { element: {
+            class: 'trip-cards',
+            tripcards: btoa(JSON.stringify([2074350, 2140335])),
+            title: 'Similar cruises',
+            titleurl: 'https://www.thetimes.com/travel/holidays',
+            description: 'Brought to you by Times Holidays'
+        }, useMockData: true, maxWidthItemConfig: {
+            mobile: '320px',
+            tablet: '260px',
+            desktop: '260px',
+            xl: '300px'
+        }, widthContainerConfig: {
+            mobile: '390px',
+            tablet: '620px',
+            desktop: '574px',
+            xl: '663px'
+        }, imgHeight: defaultTripCardImgHeight }))))
+    .add('Article View Three Cards', () => (React.createElement(InteractiveContainer, null,
+    React.createElement(TripCards, { element: {
+            class: 'trip-cards',
+            tripcards: btoa(JSON.stringify([2074350, 2140335, 2177685])),
+            title: 'Similar cruises',
+            titleurl: 'https://www.thetimes.com/travel/holidays',
+            description: 'Brought to you by Times Holidays'
+        }, useMockData: true, maxWidthItemConfig: {
+            mobile: '320px',
+            tablet: '260px',
+            desktop: '260px',
+            xl: '300px'
+        }, widthContainerConfig: {
+            mobile: '390px',
+            tablet: '620px',
+            desktop: '574px',
+            xl: '663px'
+        }, imgHeight: { ...defaultTripCardImgHeight, $heightXs: '100%' } }))))
+    .add('Article View Two Trip Cards', () => (React.createElement(InteractiveContainer, null,
+    React.createElement(TripCards, { element: {
+            class: 'trip-cards',
+            tripcards: btoa(JSON.stringify([2074350, 2140335])),
+            title: 'Similar cruises',
+            titleurl: 'https://www.thetimes.com/travel/holidays',
+            description: 'Brought to you by Times Holidays'
+        }, useMockData: true, maxWidthItemConfig: {
+            mobile: '320px',
+            tablet: '260px',
+            desktop: '260px',
+            xl: '300px'
+        }, widthContainerConfig: {
+            mobile: '390px',
+            tablet: '620px',
+            desktop: '574px',
+            xl: '663px'
+        }, imgHeight: defaultTripCardImgHeight }))))
+    .add('Article View Trip Cards', () => (React.createElement(InteractiveContainer, null,
+    React.createElement(TripCards, { element: {
+            class: 'trip-cards',
+            tripcards: btoa(JSON.stringify([2074350, 2140335, 2177685])),
+            title: 'Similar cruises',
+            titleurl: 'https://www.thetimes.com/travel/holidays',
+            description: 'Brought to you by Times Holidays'
+        }, useMockData: true, maxWidthItemConfig: {
+            mobile: '320px',
+            tablet: '260px',
+            desktop: '260px',
+            xl: '300px'
+        }, widthContainerConfig: {
+            mobile: '390px',
+            tablet: '620px',
+            desktop: '574px',
+            xl: '663px'
+        }, imgHeight: defaultTripCardImgHeight }))))
+    .add('Article View Six Cards', () => (React.createElement(InteractiveContainer, null,
+    React.createElement(TripCards, { element: {
+            class: 'trip-cards',
+            tripcards: btoa(JSON.stringify([
+                2074350,
+                2140335,
+                2177685,
+                2074351,
+                2140336,
+                2177686
+            ])),
+            title: 'Similar cruises',
+            titleurl: 'https://www.thetimes.com/travel/holidays',
+            description: 'Brought to you by Times Holidays'
+        }, useMockData: true, maxWidthItemConfig: {
+            mobile: '320px',
+            tablet: '260px',
+            desktop: '260px',
+            xl: '300px'
+        }, widthContainerConfig: {
+            mobile: '390px',
+            tablet: '620px',
+            desktop: '574px',
+            xl: '663px'
+        }, imgHeight: defaultTripCardImgHeight }))));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJpcENhcmRzLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmlwLWNhcmRzL1RyaXBDYXJkcy5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDcEMsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFDdkMsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sV0FBVyxDQUFDO0FBRXJELE1BQU0sT0FBTyxHQUFHLENBQUMsVUFBa0IsRUFBRSxFQUFFLENBQUMsR0FBRyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUM7QUFFOUQsTUFBTSxXQUFXLEdBQUc7SUFDbEIsTUFBTSxFQUFFLEdBQUc7SUFDWCxJQUFJLEVBQUUsSUFBSTtDQUNYLENBQUM7QUFFRixNQUFNLG9CQUFvQixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7O21CQUVwQixPQUFPLENBQUMsQ0FBQyxDQUFDO2VBQ2QsT0FBTyxDQUFDLENBQUMsQ0FBQzs7dUJBRUYsV0FBVyxDQUFDLE1BQU07Ozs7Ozs7dUJBT2xCLFdBQVcsQ0FBQyxJQUFJOzs7Q0FHdEMsQ0FBQztBQUVGLFNBQVMsQ0FBQyxnQ0FBZ0MsRUFBRSxNQUFNLENBQUM7S0FDaEQsR0FBRyxDQUFDLHdCQUF3QixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQ25DLG9CQUFDLFNBQVMsSUFDUixPQUFPLEVBQUU7UUFDUCxLQUFLLEVBQUUsWUFBWTtRQUNuQixTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQztRQUNuRCxLQUFLLEVBQUUsaUJBQWlCO1FBQ3hCLFFBQVEsRUFB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

package/dist/components/trip-cards/TripCardsLayout.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TripCardsLayoutProps } from './types';
+export declare const TripCardsLayout: FC<TripCardsLayoutProps>;

package/dist/components/trip-cards/TripCardsLayout.js

@@ -0,0 +1,63 @@
+import React, { useRef, useState, useEffect } from 'react';
+import { CarouselComponent, CarouselItem } from '../carousel-component';
+import { Container, TitleSection, TitleBar, TitleContent, Title, Subtitle, TitleLink, StaticCardsGrid, StyledLink } from './styles';
+import { ChevronRightIcon } from './assets';
+import { tealiumTrackingHandler } from '../../helpers/tracking/TrackingHandler';
+import { getPreferredEdition } from '../../utils/cookie';
+export const TripCardsLayout = ({ element, items, CardComponent, itemsPerPage, widthContainerConfig = {}, widthItemConfig, maxWidthItemConfig, imgHeight, forceStaticGrid }) => {
+    const { titleurl, title, description } = element;
+    const gridRef = useRef(null);
+    const [hasOverflow, setHasOverflow] = useState(false);
+    const [isTabletMobile, setIsTabletMobile] = useState(false);
+    const isStaticGrid = items.length === 2 || forceStaticGrid;
+    // Handle responsive breakpoint detection
+    useEffect(() => {
+        const mediaQuery = window.matchMedia('(max-width: 1024px)');
+        const handleMediaChange = (e) => {
+            setIsTabletMobile(e.matches);
+        };
+        handleMediaChange(mediaQuery);
+        mediaQuery.addEventListener('change', handleMediaChange);
+        return () => {
+            mediaQuery.removeEventListener('change', handleMediaChange);
+        };
+    }, []);
+    useEffect(() => {
+        if (!isStaticGrid || !gridRef.current) {
+            setHasOverflow(false);
+            return;
+        }
+        const checkOverflow = () => {
+            if (gridRef.current) {
+                const isOverflowing = gridRef.current.scrollWidth > gridRef.current.clientWidth;
+                setHasOverflow(isOverflowing);
+            }
+        };
+        checkOverflow();
+        const resizeObserver = new ResizeObserver(checkOverflow);
+        resizeObserver.observe(gridRef.current);
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, [isStaticGrid, items.length]);
+    const shouldUseCarousel = (isTabletMobile && items.length >= 3) || !isStaticGrid || hasOverflow;
+    const onTitleClick = () => {
+        tealiumTrackingHandler(`trip cards component ${title}`, 'navigation', 'click', undefined, undefined, {
+            app_content_location: getPreferredEdition()
+        });
+    };
+    return (React.createElement(Container, Object.assign({ "data-testid": "trip-cards-container" }, widthContainerConfig),
+        React.createElement(TitleSection, { "data-testid": "title-section" },
+            React.createElement(TitleBar, { "data-testid": "title-bar", applyRightPadding: !!widthContainerConfig.mobile },
+                React.createElement(TitleContent, { "data-testid": "title-content" },
+                    titleurl ? (React.createElement(StyledLink, { href: titleurl, target: "_blank", rel: "noopener noreferrer", onClick: onTitleClick, "data-testid": "trip-cards-title-link" },
+                        React.createElement(Title, { "data-testid": "trip-cards-title" }, title))) : (React.createElement(Title, { "data-testid": "trip-cards-title" }, title)),
+                    React.createElement(Subtitle, { "data-testid": "trip-cards-subtitle" }, description)),
+                titleurl && (React.createElement(TitleLink, { href: titleurl, target: "_blank", rel: "noopener noreferrer", "data-testid": "title-link", onClick: onTitleClick },
+                    React.createElement(ChevronRightIcon, null))))),
+        !shouldUseCarousel ? (React.createElement(StaticCardsGrid, { "data-testid": "static-cards-grid", ref: gridRef }, items.map(item => (React.createElement(CardComponent, { imgHeight: imgHeight, key: item.id, card: item.data, isStaticGrid: true, forceStaticGrid: forceStaticGrid }))))) : (React.createElement(CarouselComponent, { items: items.map(item => (React.createElement(CarouselItem, { key: item.id, widthItemConfig: widthItemConfig, maxWidthItemConfig: maxWidthItemConfig },
+                React.createElement(CardComponent, { card: item.data, imgHeight: imgHeight })))), options: {
+                itemsPerPage
+            }, showArrows: !isStaticGrid, showDots: true }))));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHJpcENhcmRzTGF5b3V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJpcC1jYXJkcy9UcmlwQ2FyZHNMYXlvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQU0sTUFBTSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDL0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRXhFLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLFFBQVEsRUFDUixZQUFZLEVBQ1osS0FBSyxFQUNMLFFBQVEsRUFDUixTQUFTLEVBQ1QsZUFBZSxFQUNmLFVBQVUsRUFDWCxNQUFNLFVBQVUsQ0FBQztBQUNsQixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDNUMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDaEYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFekQsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUE2QixDQUFDLEVBQ3hELE9BQU8sRUFDUCxLQUFLLEVBQ0wsYUFBYSxFQUNiLFlBQVksRUFDWixvQkFBb0IsR0FBRyxFQUFFLEVBQ3pCLGVBQWUsRUFDZixrQkFBa0IsRUFDbEIsU0FBUyxFQUNULGVBQWUsRUFDaEIsRUFBRSxFQUFFO0lBQ0gsTUFBTSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEdBQUcsT0FBTyxDQUFDO0lBQ2pELE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDN0MsTUFBTSxDQUFDLFdBQVcsRUFBRSxjQUFjLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdEQsTUFBTSxDQUFDLGNBQWMsRUFBRSxpQkFBaUIsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUU1RCxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsTUFBTSxLQUFLLENBQUMsSUFBSSxlQUFlLENBQUM7SUFFM0QseUNBQXlDO0lBQ3pDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLFVBQVUsR0FBRyxNQUFNLENBQUMsVUFBVSxDQUFDLHFCQUFxQixDQUFDLENBQUM7UUFDNUQsTUFBTSxpQkFBaUIsR0FBRyxDQUFDLENBQXVDLEVBQUUsRUFBRTtZQUNwRSxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDL0IsQ0FBQyxDQUFDO1FBQ0YsaUJBQWlCLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDOUIsVUFBVSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO1FBRXpELE9BQU8sR0FBRyxFQUFFO1lBQ1YsVUFBVSxDQUFDLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO1FBQzlELENBQUMsQ0FBQztJQUNKLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLFNBQVMsQ0FDUCxHQUFHLEVBQUU7UUFDSCxJQUFJLENBQUMsWUFBWSxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sRUFBRTtZQUNyQyxjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7WUFDdEIsT0FBTztTQUNSO1FBRUQsTUFBTSxhQUFhLEdBQUcsR0FBRyxFQUFFO1lBQ3pCLElBQUksT0FBTyxDQUFDLE9BQU8sRUFBRTtnQkFDbkIsTUFBTSxhQUFhLEdBQ2pCLE9BQU8sQ0FBQyxPQUFPLENBQUMsV0FBVyxHQUFHLE9BQU8sQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDO2dCQUM1RCxjQUFjLENBQUMsYUFBYSxDQUFDLENBQUM7YUFDL0I7UUFDSCxDQUFDLENBQUM7UUFFRixhQUFhLEVBQUUsQ0FBQztRQUNoQixNQUFNLGNBQWMsR0FBRyxJQUFJLGNBQWMsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN6RCxjQUFjLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUV4QyxPQUFPLEdBQUcsRUFBRTtZQUNWLGNBQWMsQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUM5QixDQUFDLENBQUM7SUFDSixDQUFDLEVBQ0QsQ0FBQyxZQUFZLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUM3QixDQUFDO0lBRUYsTUFBTSxpQkFBaUIsR0FDckIsQ0FBQyxjQUFjLElBQUksS0FBSyxDQUFDLE1BQU0sSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLFlBQVksSUFBSSxXQUFXLENBQUM7SUFFeEUsTUFBTSxZQUFZLEdBQUcsR0FBRyxFQUFFO1FBQ3hCLHNCQUFzQixDQUNwQix3QkFBd0IsS0FBSyxFQUFFLEVBQy9CLFlBQVksRUFDWixPQUFPLEVBQ1AsU0FBUyxFQUNULFNBQVMsRUFDVDtZQUNFLG9CQUFvQixFQUFFLG1CQUFtQixFQUFFO1NBQzVDLENBQ0YsQ0FBQztJQUNKLENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCxvQkFBQyxTQUFTLGlDQUFhLHNCQUFzQixJQUFLLG9CQUFvQjtRQUNwRSxvQkFBQyxZQUFZLG1CQUFhLGVBQWU7WUFDdkMsb0JBQUMsUUFBUSxtQkFDSyxXQUFXLEVBQ3ZCLGlCQUFpQixFQUFFLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxNQUFNO2dCQUVoRCxvQkFBQyxZQUFZLG1CQUFhLGVBQWU7b0JBQ3RDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDVixvQkFBQyxVQUFVLElBQ1QsSUFBSSxFQUFFLFFBQVEsRUFDZCxNQUFNLEVBQUMsUUFBUSxFQUNmLEdBQUcsRUFBQyxxQkFBcUIsRUFDekIsT0FBTyxFQUFFLFlBQVksaUJBQ1QsdUJBQXVCO3dCQUVuQyxvQkFBQyxLQUFLLG1CQUFhLGtCQUFrQixJQUFFLEtBQUssQ0FBUyxDQUMxQyxDQUNkLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsS0FBSyxtQkFBYSxrQkFBa0IsSUFBRSxLQUFLLENBQVMsQ0FDdEQ7b0JBQ0Qsb0JBQUMsUUFBUSxtQkFBYSxxQkFBcUIsSUFBRSxXQUFXLENBQVksQ0FDdkQ7Z0JBQ2QsUUFBUSxJQUFJLENBQ1gsb0JBQUMsU0FBUyxJQUNSLElBQUksRUFBRSxRQUFRLEVBQ2QsTUFBTSxFQUFDLFFBQVEsRUFDZixHQUFHLEVBQUMscUJBQXFCLGlCQUNiLFlBQVksRUFDeEIsT0FBTyxFQUFFLFlBQVk7b0JBRXJCLG9CQUFDLGdCQUFnQixPQUFHLENBQ1YsQ0FDYixDQUNRLENBQ0U7UUFFZCxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxDQUNwQixvQkFBQyxlQUFlLG1CQUFhLG1CQUFtQixFQUFDLEdBQUcsRUFBRSxPQUFPLElBQzFELEtBQUssQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUNqQixvQkFBQyxhQUFhLElBQ1osU0FBUyxFQUFFLFNBQVMsRUFDcEIsR0FBRyxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQ1osSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQ2YsWUFBWSxFQUFFLElBQUksRUFDbEIsZUFBZSxFQUFFLGVBQWUsR0FDaEMsQ0FDSCxDQUFDLENBQ2MsQ0FDbkIsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxpQkFBaUIsSUFDaEIsS0FBSyxFQUFFLEtBQUssQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUN2QixvQkFBQyxZQUFZLElBQ1gsR0FBRyxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQ1osZUFBZSxFQUFFLGVBQWUsRUFDaEMsa0JBQWtCLEVBQUUsa0JBQWtCO2dCQUV0QyxvQkFBQyxhQUFhLElBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLFNBQVMsR0FBSSxDQUMzQyxDQUNoQixDQUFDLEVBQ0YsT0FBTyxFQUFFO2dCQUNQLFlBQVk7YUFDYixFQUNELFVBQVUsRUFBRSxDQUFDLFlBQVksRUFDekIsUUFBUSxFQUFFLElBQUksR0FDZCxDQUNILENBQ1MsQ0FDYixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

package/dist/components/trip-cards/__tests__/SkeletonCard.test.d.ts

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