@times-components/ts-components 1.52.4 → 1.54.0

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.54.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.53.0...@times-components/ts-components@1.54.0) (2022-10-07)
+
+
+### Bug Fixes
+
+* **TDP-2487:**  inline image special characters  ([d9d2c22](https://github.com/newsuk/times-components/commit/d9d2c2256f86be3b951590135aac27c2b0ae0767))
+
+
+### Features
+
+* **TDP-1832:** newsletter puff restyling  ([bbe05d4](https://github.com/newsuk/times-components/commit/bbe05d4cca2246899da19de0879e1d6d2dab3f43))
+
+
+### Reverts
+
+* Revert "fix(TDP-2487):  inline image special characters" (#3159) ([7e54d2f](https://github.com/newsuk/times-components/commit/7e54d2fc7003b74b9050915e87eed1e09866ab40)), closes [#3159](https://github.com/newsuk/times-components/issues/3159)
+
+
+
+
+
+# [1.53.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.52.4...@times-components/ts-components@1.53.0) (2022-09-07)
+
+
+### Features
+
+* **TDP-000:** Remove algolia related articles and various TS imports ([#3147](https://github.com/newsuk/times-components/issues/3147)) ([c5601b4](https://github.com/newsuk/times-components/commit/c5601b41933f35a7a545a6f1c5b9297d76677305))
+
+
+
+
+
 ## [1.52.4](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.52.3...@times-components/ts-components@1.52.4) (2022-09-06)
 
 **Note:** Version bump only for package @times-components/ts-components

package/dist/components/newsletter-puff/AutoNewsletterPuff.d.ts

@@ -1,9 +1,8 @@
-export declare const AutoNewsletterPuff: ({ code, copy, headline, imageUri, label }: AutoNewsletterPuffProps) => JSX.Element;
+export declare const AutoNewsletterPuff: ({ code, copy, headline, section }: AutoNewsletterPuffProps) => JSX.Element;
 declare type AutoNewsletterPuffProps = {
     code: string;
     copy: string;
     headline: string;
-    imageUri: string;
-    label?: string;
+    section?: string;
 };
 export {};

package/dist/components/newsletter-puff/AutoNewsletterPuff.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ViewCountWrapper } from '../../helpers/view-count-wrapper/ViewCountWrapper';
 import { InlineNewsletterPuff } from './InlineNewsletterPuff';
-export const AutoNewsletterPuff = ({ code, copy, headline, imageUri, label }) => (React.createElement(ViewCountWrapper, { trackingName: `auto-puff-${code}`, displayFunction: count => count !== undefined && [1, 3, 5].includes(count) },
-    React.createElement(InlineNewsletterPuff, { code: code, copy: copy, headline: headline, imageUri: imageUri, label: label })));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b05ld3NsZXR0ZXJQdWZmLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmV3c2xldHRlci1wdWZmL0F1dG9OZXdzbGV0dGVyUHVmZi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRTlELE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLENBQUMsRUFDakMsSUFBSSxFQUNKLElBQUksRUFDSixRQUFRLEVBQ1IsUUFBUSxFQUNSLEtBQUssRUFDbUIsRUFBRSxFQUFFLENBQUMsQ0FDN0Isb0JBQUMsZ0JBQWdCLElBQ2YsWUFBWSxFQUFFLGFBQWEsSUFBSSxFQUFFLEVBQ2pDLGVBQWUsRUFBRSxLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssS0FBSyxTQUFTLElBQUksQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUM7SUFFMUUsb0JBQUMsb0JBQW9CLElBQ25CLElBQUksRUFBRSxJQUFJLEVBQ1YsSUFBSSxFQUFFLElBQUksRUFDVixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixLQUFLLEVBQUUsS0FBSyxHQUNaLENBQ2UsQ0FDcEIsQ0FBQyJ9
+export const AutoNewsletterPuff = ({ code, copy, headline, section }) => (React.createElement(ViewCountWrapper, { trackingName: `auto-puff-${code}`, displayFunction: count => count !== undefined && [1, 3, 5].includes(count) },
+    React.createElement(InlineNewsletterPuff, { code: code, copy: copy, headline: headline, section: section })));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b05ld3NsZXR0ZXJQdWZmLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmV3c2xldHRlci1wdWZmL0F1dG9OZXdzbGV0dGVyUHVmZi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRTlELE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLENBQUMsRUFDakMsSUFBSSxFQUNKLElBQUksRUFDSixRQUFRLEVBQ1IsT0FBTyxFQUNpQixFQUFFLEVBQUUsQ0FBQyxDQUM3QixvQkFBQyxnQkFBZ0IsSUFDZixZQUFZLEVBQUUsYUFBYSxJQUFJLEVBQUUsRUFDakMsZUFBZSxFQUFFLEtBQUssQ0FBQyxFQUFFLENBQUMsS0FBSyxLQUFLLFNBQVMsSUFBSSxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQztJQUUxRSxvQkFBQyxvQkFBb0IsSUFDbkIsSUFBSSxFQUFFLElBQUksRUFDVixJQUFJLEVBQUUsSUFBSSxFQUNWLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLE9BQU8sRUFBRSxPQUFPLEdBQ2hCLENBQ2UsQ0FDcEIsQ0FBQyJ9

package/dist/components/newsletter-puff/InlineNewsletterPuff.d.ts

@@ -1,9 +1,8 @@
 declare type InlineNewsletterPuffProps = {
     copy: string;
     headline: string;
-    imageUri: string;
-    label?: string;
+    section?: string;
     code: string;
 };
-export declare const InlineNewsletterPuff: ({ code, copy, headline, imageUri, label }: InlineNewsletterPuffProps) => JSX.Element;
+export declare const InlineNewsletterPuff: ({ code, copy, headline, section }: InlineNewsletterPuffProps) => JSX.Element;
 export {};

package/dist/components/newsletter-puff/InlineNewsletterPuff.js

@@ -2,12 +2,12 @@ import React, { useState } from 'react';
 import { Mutation } from 'react-apollo';
 import { GetNewsletter } from '@times-components/provider';
 import { subscribeNewsletter as subscribeNewsletterMutation } from '@times-components/provider-queries';
-import Image, { Placeholder } from '@times-components/image';
-import { NewsletterPuffButton } from './NewsletterPuffButton';
-import { NewsletterPuffLink } from './NewsletterPuffLink';
+import { Placeholder } from '@times-components/image';
+import { Newsletter } from './newsletter/Newsletter';
 import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
-import { InpContainer, InpCopy, InpImageContainer, InpPreferencesContainer, InpSignupContainer, InpSignupCTAContainer, InpSignupHeadline, InpSignupLabel, InpSubscribedContainer, InpSubscribedHeadline } from './styles';
-export const InlineNewsletterPuff = ({ code, copy, headline, imageUri, label }) => {
+import { capitaliseFirstCharacter } from '../../helpers/text-formatting/CapitaliseFirstCharacter';
+import { InpContainer } from './styles';
+export const InlineNewsletterPuff = ({ code, copy, headline, section }) => {
     const [justSubscribed, setJustSubscribed] = useState(false);
     return (React.createElement(GetNewsletter, { code: code, ssr: false, debounceTimeMs: 0 }, ({ isLoading, error, newsletter }) => {
         if (error) {
@@ -35,22 +35,7 @@ export const InlineNewsletterPuff = ({ code, copy, headline, imageUri, label })
                     event_navigation_browsing_method: 'automated',
                     event_navigation_action: 'navigation'
                 }
-            } }, ({ intersectObserverRef }) => (React.createElement(InpContainer, null,
-            React.createElement(InpImageContainer, null,
-                React.createElement(Image, { aspectRatio: 1.42, uri: imageUri })),
-            justSubscribed ? (React.createElement(InpSubscribedContainer, null,
-                React.createElement(InpSubscribedHeadline, null, `You’ve successfully signed up to ${newsletter.title}`),
-                React.createElement(InpPreferencesContainer, null,
-                    React.createElement(NewsletterPuffLink, null)))) : (React.createElement(InpSignupContainer, null,
-                React.createElement(InpSignupLabel, null, label),
-                React.createElement(InpSignupHeadline, null, headline),
-                React.createElement(InpCopy, null, copy),
-                React.createElement(InpSignupCTAContainer, { ref: intersectObserverRef },
-                    React.createElement(NewsletterPuffButton, { updatingSubscription: updatingSubscription, onPress: () => {
-                            if (!updatingSubscription) {
-                                subscribeNewsletter({ variables: { code } });
-                            }
-                        } }))))))))));
+            } }, ({ intersectObserverRef }) => (React.createElement(Newsletter, { intersectObserverRef: intersectObserverRef, section: capitaliseFirstCharacter(section), justSubscribed: justSubscribed, headline: headline, updatingSubscription: updatingSubscription, copy: copy, code: code, subscribeNewsletter: subscribeNewsletter }))))));
     }));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5saW5lTmV3c2xldHRlclB1ZmYuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uZXdzbGV0dGVyLXB1ZmYvSW5saW5lTmV3c2xldHRlclB1ZmYudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3hDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzNELE9BQU8sRUFBRSxtQkFBbUIsSUFBSSwyQkFBMkIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3hHLE9BQU8sS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFN0QsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFOUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFMUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFFekYsT0FBTyxFQUNMLFlBQVksRUFDWixPQUFPLEVBQ1AsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixrQkFBa0IsRUFDbEIscUJBQXFCLEVBQ3JCLGlCQUFpQixFQUNqQixjQUFjLEVBQ2Qsc0JBQXNCLEVBQ3RCLHFCQUFxQixFQUN0QixNQUFNLFVBQVUsQ0FBQztBQVVsQixNQUFNLENBQUMsTUFBTSxvQkFBb0IsR0FBRyxDQUFDLEVBQ25DLElBQUksRUFDSixJQUFJLEVBQ0osUUFBUSxFQUNSLFFBQVEsRUFDUixLQUFLLEVBQ3FCLEVBQUUsRUFBRTtJQUM5QixNQUFNLENBQUMsY0FBYyxFQUFFLGlCQUFpQixDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRTVELE9BQU8sQ0FDTCxvQkFBQyxhQUFhLElBQUMs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5saW5lTmV3c2xldHRlclB1ZmYuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uZXdzbGV0dGVyLXB1ZmYvSW5saW5lTmV3c2xldHRlclB1ZmYudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3hDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzNELE9BQU8sRUFBRSxtQkFBbUIsSUFBSSwyQkFBMkIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3hHLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUV0RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFckQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDekYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFFbEcsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFVBQVUsQ0FBQztBQVN4QyxNQUFNLENBQUMsTUFBTSxvQkFBb0IsR0FBRyxDQUFDLEVBQ25DLElBQUksRUFDSixJQUFJLEVBQ0osUUFBUSxFQUNSLE9BQU8sRUFDbUIsRUFBRSxFQUFFO0lBQzlCLE1BQU0sQ0FBQyxjQUFjLEVBQUUsaUJBQWlCLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFFNUQsT0FBTyxDQUNMLG9CQUFDLGFBQWEsSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsY0FBYyxFQUFFLENBQUMsSUFDckQsQ0FBQyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFPLEVBQUUsRUFBRTtRQUN6QyxJQUFJLEtBQUssRUFBRTtZQUNULE9BQU8sSUFBSSxDQUFDO1NBQ2I7UUFFRCxJQUFJLFNBQVMsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUM1QixPQUFPLENBQ0wsb0JBQUMsWUFBWSxJQUFDLEtBQUssRUFBRSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUU7Z0JBQ2xDLG9CQUFDLFdBQVcsT0FBRyxDQUNGLENBQ2hCLENBQUM7U0FDSDtRQUVELElBQUksVUFBVSxDQUFDLFlBQVksSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUM5QyxPQUFPLElBQUksQ0FBQztTQUNiO1FBRUQsT0FBTyxDQUNMLG9CQUFDLFFBQVEsSUFDUCxRQUFRLEVBQUUsMkJBQTJCLEVBQ3JDLFdBQVcsRUFBRSxDQUFDLEVBQUUsbUJBQW1CLEdBQUcsRUFBRSxFQUFPLEVBQUUsRUFBRTtnQkFDakQsaUJBQWlCLENBQUMsbUJBQW1CLENBQUMsWUFBWSxDQUFDLENBQUM7WUFDdEQsQ0FBQyxJQUVBLENBQ0MsbUJBQXdCLEVBQ3hCLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFPLEVBQ3RDLEVBQUUsQ0FBQyxDQUNILG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7Z0JBQ1AsTUFBTSxFQUFFLHNCQUFzQjtnQkFDOUIsS0FBSyxFQUFFO29CQUNMLG1CQUFtQixFQUFFLFVBQVUsQ0FBQyxLQUFLO29CQUNyQyx1QkFBdUIsRUFBRSxZQUFZO2lCQUN0QzthQUNGLEVBQ0QsYUFBYSxFQUFFO2dCQUNiLE1BQU0sRUFBRSxzQkFBc0I7Z0JBQzlCLEtBQUssRUFBRTtvQkFDTCxxQkFBcUIsRUFDbkIseUNBQXlDO29CQUMzQyxnQ0FBZ0MsRUFBRSxXQUFXO29CQUM3Qyx1QkFBdUIsRUFBRSxZQUFZO2lCQUN0QzthQUNGLElBRUEsQ0FBQyxFQUFFLG9CQUFvQixFQUFFLEVBQUUsRUFBRSxDQUFDLENBQzdCLG9CQUFDLFVBQVUsSUFDVCxvQkFBb0IsRUFBRSxvQkFBb0IsRUFDMUMsT0FBTyxFQUFFLHdCQUF3QixDQUFDLE9BQU8sQ0FBQyxFQUMxQyxjQUFjLEVBQUUsY0FBYyxFQUM5QixRQUFRLEVBQUUsUUFBUSxFQUNsQixvQkFBb0IsRUFBRSxvQkFBb0IsRUFDMUMsSUFBSSxFQUFFLElBQUksRUFDVixJQUFJLEVBQUUsSUFBSSxFQUNWLG1CQUFtQixFQUFFLG1CQUFtQixHQUN4QyxDQUNILENBQ3VCLENBQzNCLENBQ1EsQ0FDWixDQUFDO0lBQ0osQ0FBQyxDQUNhLENBQ2pCLENBQUM7QUFDSixDQUFDLENBQUMifQ==

package/dist/components/newsletter-puff/NewsletterPuff.stories.js

@@ -5,7 +5,7 @@ import { getNewsletter, subscribeNewsletter } from '@times-components/provider-q
 import { AutoNewsletterPuff } from './AutoNewsletterPuff';
 import { InlineNewsletterPuff } from './InlineNewsletterPuff';
 import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
-import { PreviewNewsletterPuff } from './PreviewNewsletterPuff';
+import { PreviewNewsletterPuff } from './preview-newsletter-puff/PreviewNewsletterPuff';
 import analyticsStream from '../../fixtures/analytics-actions/analytics-actions';
 const mocks = [
     {
@@ -53,7 +53,7 @@ const showcase = {
                 "Current Count = ",
                 window.sessionStorage.getItem('view-count'),
                 React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: { component: 'ArticleSkeleton' } },
-                    React.createElement(AutoNewsletterPuff, { code: text('code', 'TNL-101'), headline: text('headline', 'Best of Times'), copy: text('copy', 'We’ll send you our top stories, across all sections, straight to your inbox. Simple as that.'), imageUri: text('imageUri', 'https://www.thetimes.co.uk/imageserver/image/methode%2Ftimes%2Fprod%2Fweb%2Fbin%2F728c3e68-5311-4533-809a-b313a6503789.jpg?resize=800') })))),
+                    React.createElement(AutoNewsletterPuff, { code: text('code', 'TNL-101'), headline: text('headline', 'Best of Times'), copy: text('copy', 'We’ll send you our top stories, across all sections, straight to your inbox. Simple as that.'), section: "sport" })))),
             name: 'Auto Newsletter Puff',
             platform: 'web',
             type: 'story'
@@ -62,14 +62,14 @@ const showcase = {
             // eslint-disable-next-line react/prop-types
             component: ({ text }) => (React.createElement(MockedProvider, { mocks: mocks },
                 React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: { component: 'ArticleSkeleton' } },
-                    React.createElement(InlineNewsletterPuff, { code: text('code', 'TNL-101'), headline: text('headline', 'Best of Times'), copy: text('copy', 'We’ll send you our top stories, across all sections, straight to your inbox. Simple as that.'), imageUri: text('imageUri', 'https://www.thetimes.co.uk/imageserver/image/methode%2Ftimes%2Fprod%2Fweb%2Fbin%2F728c3e68-5311-4533-809a-b313a6503789.jpg?resize=800') })))),
+                    React.createElement(InlineNewsletterPuff, { section: "news", code: text('code', 'TNL-101'), headline: text('headline', 'Best of Times'), copy: text('copy', 'We’ll send you our top stories, across all sections, straight to your inbox. Simple as that.') })))),
             name: 'Inline Newsletter Puff',
             platform: 'web',
             type: 'story'
         },
         {
             // eslint-disable-next-line react/prop-types
-            component: ({ text }) => (React.createElement(PreviewNewsletterPuff, { headline: text('headline', 'Best of Times'), copy: text('copy', 'We’ll send you our top stories, across all sections, straight to your inbox. Simple as that.'), imageUri: text('imageUri', 'https://www.thetimes.co.uk/imageserver/image/methode%2Ftimes%2Fprod%2Fweb%2Fbin%2F728c3e68-5311-4533-809a-b313a6503789.jpg?resize=800') })),
+            component: ({ text }) => (React.createElement(PreviewNewsletterPuff, { section: "sport", headline: text('headline', 'Best of Times'), copy: text('copy', 'We’ll send you our top stories, across all sections, straight to your inbox. Simple as that.') })),
             name: 'Preview Newsletter Puff',
             platform: 'web',
             type: 'story'
@@ -78,4 +78,4 @@ const showcase = {
     name: 'Typescript Component/In Article/Newsletter Puffs'
 };
 showcaseConverter(module, showcase);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmV3c2xldHRlclB1ZmYuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25ld3NsZXR0ZXItcHVmZi9OZXdzbGV0dGVyUHVmZi5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVoRSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3ZFLE9BQU8sRUFDTCxhQUFhLEVBQ2IsbUJBQW1CLEVBQ3BCLE1BQU0sb0NBQW9DLENBQUM7QUFFNUMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDMUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFOUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDekYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFaEUsT0FBTyxlQUFlLE1BQU0sb0RBQW9ELENBQUM7QUFFakYsTUFBTSxLQUFLLEdBQUc7SUFDWjtRQUNFLE9BQU8sRUFBRTtZQUNQLEtBQUssRUFBRSxhQUFhO1lBQ3BCLFNBQVMsRUFBRTtnQkFDVCxJQUFJLEVBQUUsU0FBUzthQUNoQjtTQUNGO1FBQ0QsTUFBTSxFQUFFO1lBQ04sSUFBSSxFQUFFO2dCQUNKLFVBQVUsRUFBRTtvQkFDVixFQUFFLEVBQUUsb0JBQW9CO29CQUN4QixZQUFZLEVBQUUsS0FBSztvQkFDbkIsS0FBSyxFQUFFLGVBQWU7b0JBQ3RCLFVBQVUsRUFBRSxZQUFZO2lCQUN6QjthQUNGO1NBQ0Y7S0FDRjtJQUNEO1FBQ0UsS0FBSyxFQUFFLElBQUk7UUFDWCxPQUFPLEVBQUU7WUFDUCxLQUFLLEVBQUUsbUJBQW1CO1lBQzFCLFNBQVMsRUFBRTtn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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmV3c2xldHRlclB1ZmYuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25ld3NsZXR0ZXItcHVmZi9OZXdzbGV0dGVyUHVmZi5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVoRSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3ZFLE9BQU8sRUFDTCxhQUFhLEVBQ2IsbUJBQW1CLEVBQ3BCLE1BQU0sb0NBQW9DLENBQUM7QUFFNUMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDMUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFOUQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZ0RBQWdELENBQUM7QUFDekYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saURBQWlELENBQUM7QUFFeEYsT0FBTyxlQUFlLE1BQU0sb0RBQW9ELENBQUM7QUFFakYsTUFBTSxLQUFLLEdBQUc7SUFDWjtRQUNFLE9BQU8sRUFBRTtZQUNQLEtBQUssRUFBRSxhQUFhO1lBQ3BCLFNBQVMsRUFBRTtnQkFDVCxJQUFJLEVBQUUsU0FBUzthQUNoQjtTQUNGO1FBQ0QsTUFBTSxFQUFFO1lBQ04sSUFBSSxFQUFFO2dCQUNKLFVBQVUsRUFBRTtvQkFDVixFQUFFLEVBQUUsb0JBQW9CO29CQUN4QixZQUFZLEVBQUUsS0FBSztvQkFDbkIsS0FBSyxFQUFFLGVBQWU7b0JBQ3RCLFVBQVUsRUFBRSxZQUFZO2lCQUN6QjthQUNGO1NBQ0Y7S0FDRjtJQUNEO1FBQ0UsS0FBSyxFQUFFLElBQUk7UUFDWCxPQUFPLEVBQUU7WUFDUCxLQUFLLEVBQUUsbUJBQW1CO1lBQzFCLFNBQVMsRUFBRTtn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

package/dist/components/newsletter-puff/__tests__/AutoNewsletterPuff.test.js

@@ -7,9 +7,7 @@ import { getNewsletter, subscribeNewsletter } from '@times-components/provider-q
 const defaultProps = {
     code: '123',
     copy: 'abc',
-    headline: 'headline',
-    imageUri: 'http://jpeg.jpg',
-    label: 'news'
+    headline: 'headline'
 };
 const mocks = [
     {
@@ -126,4 +124,4 @@ describe('<AutoNewsletterPuff>', () => {
         });
     });
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b05ld3NsZXR0ZXJQdWZmLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uZXdzbGV0dGVyLXB1ZmYvX190ZXN0c19fL0F1dG9OZXdzbGV0dGVyUHVmZi50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUV6RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMzRCxPQUFPLHdCQUF3QixNQUFNLDhDQUE4QyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN2RSxPQUFPLEVBQ0wsYUFBYSxFQUNiLG1CQUFtQixFQUNwQixNQUFNLG9DQUFvQyxDQUFDO0FBRTVDLE1BQU0sWUFBWSxHQUFHO0lBQ25CLElBQUksRUFBRSxLQUFLO0lBQ1gsSUFBSSxFQUFFLEtBQUs7SUFDWCxRQUFRLEVBQUUsVUFBVTtJQUNwQixRQUFRLEVBQUUsaUJBQWlCO0lBQzNCLEtBQUssRUFBRSxNQUFNO0NBQ2QsQ0FBQztBQUVGLE1BQU0sS0FBSyxHQUFHO0lBQ1o7UUFDRSxPQUFPLEVBQUU7WUFDUCxLQUFLLEVBQUUsYUFBYTtZQUNwQixTQUFTLEVBQUU7Z0JBQ1QsSUFBSSxFQUFFLFNBQVM7YUFDaEI7U0FDRjtRQUNELE1BQU0sRUFBRTtZQUNOLElBQUksRUFBRTtnQkFDSixVQUFVLEVBQUU7b0JBQ1YsRUFBRSxFQUFFLG9CQUFvQjtvQkFDeEIsWUFBWSxFQUFFLEtBQUs7b0JBQ25CLEtBQUssRUFBRSxlQUFlO29CQUN0QixVQUFVLEVBQUUsWUFBWTtpQkFDekI7YUFDRjtTQUNGO0tBQ0Y7SUFDRDtRQUNFLEtBQUssRUFBRSxJQUFJO1FBQ1gsT0FBTyxFQUFFO1lBQ1AsS0FBSyxFQUFF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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b05ld3NsZXR0ZXJQdWZmLnRlc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uZXdzbGV0dGVyLXB1ZmYvX190ZXN0c19fL0F1dG9OZXdzbGV0dGVyUHVmZi50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUV6RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMzRCxPQUFPLHdCQUF3QixNQUFNLDhDQUE4QyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN2RSxPQUFPLEVBQ0wsYUFBYSxFQUNiLG1CQUFtQixFQUNwQixNQUFNLG9DQUFvQyxDQUFDO0FBRTVDLE1BQU0sWUFBWSxHQUFHO0lBQ25CLElBQUksRUFBRSxLQUFLO0lBQ1gsSUFBSSxFQUFFLEtBQUs7SUFDWCxRQUFRLEVBQUUsVUFBVTtDQUNyQixDQUFDO0FBRUYsTUFBTSxLQUFLLEdBQUc7SUFDWjtRQUNFLE9BQU8sRUFBRTtZQUNQLEtBQUssRUFBRSxhQUFhO1lBQ3BCLFNBQVMsRUFBRTtnQkFDVCxJQUFJLEVBQUUsU0FBUzthQUNoQjtTQUNGO1FBQ0QsTUFBTSxFQUFFO1lBQ04sSUFBSSxFQUFFO2dCQUNKLFVBQVUsRUFBRTtvQkFDVixFQUFFLEVBQUUsb0JBQW9CO29CQUN4QixZQUFZLEVBQUUsS0FBSztvQkFDbkIsS0FBSyxFQUFFLGVBQWU7b0JBQ3RCLFVBQVUsRUFBRSxZQUFZO2lCQUN6QjthQUNGO1NBQ0Y7S0FDRjtJQUNEO1FBQ0UsS0FBSyxFQUFFLElBQUk7UUFDWCxPQUFPLEVBQUU7WUFDUCxLQUFLLEVBQUUsbUJBQW1CO1lBQzFCLFNBQVMsRUFBRTtnQkFDVCxJQUFJLEVBQUUsU0FB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

package/dist/components/newsletter-puff/__tests__/InlineNewsletterPuff.test.js

@@ -50,10 +50,9 @@ const renderComponent = (analyticsStream, mocks = [
     React.createElement(TrackingContextProvider, { analyticsStream: analyticsStream, context: { component: 'ArticleSkeleton' } },
         React.createElement(InlineNewsletterPuff, Object.assign({}, {
             code: 'TNL-119',
-            label: 'STRAIGHT IN YOUR INBOX',
+            section: 'news',
             headline: 'Politics. Explained.',
-            copy: 'Sign up to receive our brilliant Red Box newsletter, Matt Chorley`s poke at politics delivered every weekday morning at 8am.',
-            imageUri: 'https://nuk-tnl-deck-prod-static.s3-eu-west-1.amazonaws.com/uploads/2aa9050e6c3d4de682f11a4802ebba96.jpg'
+            copy: 'Sign up to receive our brilliant Red Box newsletter, Matt Chorley`s poke at politics delivered every weekday morning at 8am.'
         })))));
 describe('Inline Newsletter Puff', () => {
     beforeEach(() => {
@@ -70,7 +69,13 @@ describe('Inline Newsletter Puff', () => {
     });
     it('renders signup state', async () => {
         const component = renderComponent();
-        await component.findByText('Sign up now');
+        await component.findAllByText('One click sign up');
+        expect(component.baseElement).toMatchSnapshot();
+    });
+    it('renders loading state state', async () => {
+        const component = renderComponent();
+        const oneClickSignUp = await component.findAllByText('One click sign up');
+        fireEvent.click(oneClickSignUp[0]);
         expect(component.baseElement).toMatchSnapshot();
     });
     it('renders null when is already subscribed', async () => {
@@ -102,72 +107,6 @@ describe('Inline Newsletter Puff', () => {
         await delay(0);
         expect(component.baseElement).toMatchSnapshot();
     });
-    describe('Clicking Subscribe', () => {
-        it("renders 'saving' when the button is clicked", async () => {
-            const component = renderComponent(() => true);
-            const signupButton = await component.findByText('Sign up now');
-            fireEvent.click(signupButton);
-            expect(component.baseElement).toMatchSnapshot();
-            expect(await component.findByText('Saving…')).toBeTruthy();
-        });
-        it('triggers analytics when subscribed', async () => {
-            const analyticsStream = jest.fn();
-            const component = renderComponent(analyticsStream);
-            const signupButton = await component.findByText('Sign up now');
-            fireEvent.click(signupButton);
-            await component.findByText('Saving…');
-            expect(analyticsStream).toHaveBeenCalledWith({
-                action: 'Clicked',
-                component: 'ArticleSkeleton',
-                object: 'NewsletterPuffButton',
-                attrs: {
-                    article_parent_name: 'RED BOX',
-                    eventTime: '2021-05-03T00:00:00.000Z',
-                    event_navigation_action: 'navigation',
-                    event_navigation_browsing_method: 'click',
-                    event_navigation_name: 'widget : puff : sign up now'
-                }
-            });
-        });
-    });
-    describe('Manage preferences ', () => {
-        beforeEach(() => {
-            mockDate.set(1620000000000);
-        });
-        afterEach(() => {
-            mockDate.reset();
-            jest.clearAllMocks();
-            cleanup();
-        });
-        it('renders the success view after subscribing ', async () => {
-            const component = renderComponent(() => true);
-            const signupButton = await component.findByText('Sign up now');
-            fireEvent.click(signupButton);
-            expect(await component.findByText('Manage preferences here')).toBeTruthy();
-            expect(component.baseElement).toMatchSnapshot();
-        });
-        it('triggers analytics event when manage preferences clicked', async () => {
-            const analyticsStream = jest.fn();
-            const component = renderComponent(analyticsStream);
-            const signupButton = await component.findByText('Sign up now');
-            fireEvent.click(signupButton);
-            const link = await component.findByText('Manage preferences here');
-            analyticsStream.mockClear();
-            fireEvent.click(link);
-            expect(analyticsStream).toHaveBeenCalledWith({
-                action: 'Clicked',
-                object: 'NewsletterPuffLink',
-                component: 'ArticleSkeleton',
-                attrs: {
-                    article_parent_name: 'RED BOX',
-                    eventTime: '2021-05-03T00:00:00.000Z',
-                    event_navigation_action: 'navigation',
-                    event_navigation_browsing_method: 'click',
-                    event_navigation_name: 'widget : puff : manage preferences here'
-                }
-            });
-        });
-    });
     describe('intersectionObserverTests', () => {
         let oldIntersectionObserver;
         beforeEach(() => {
@@ -178,10 +117,10 @@ describe('Inline Newsletter Puff', () => {
         afterEach(() => {
             window.IntersectionObserver = oldIntersectionObserver;
         });
-        it('sign up now : displayed', async () => {
+        it('One click sign up : displayed', async () => {
             const analyticsStream = jest.fn();
             const component = renderComponent(analyticsStream);
-            await component.findByText('Sign up now');
+            await component.findAllByText('One click sign up');
             FakeIntersectionObserver.intersect();
             expect(analyticsStream).toHaveBeenCalledWith({
                 action: 'Scrolled',
@@ -196,27 +135,6 @@ describe('Inline Newsletter Puff', () => {
                 }
             });
         });
-        it('manage preferences here : displayed', async () => {
-            const analyticsStream = jest.fn();
-            const component = renderComponent(analyticsStream);
-            const signupButton = await component.findByText('Sign up now');
-            fireEvent.click(signupButton);
-            await component.findByText('Manage preferences here');
-            analyticsStream.mockClear();
-            FakeIntersectionObserver.intersect();
-            expect(analyticsStream).toHaveBeenCalledWith({
-                action: 'Scrolled',
-                component: 'ArticleSkeleton',
-                object: 'NewsletterPuffLink',
-                attrs: {
-                    article_parent_name: 'RED BOX',
-                    eventTime: '2021-05-03T00:00:00.000Z',
-                    event_navigation_action: 'navigation',
-                    event_navigation_browsing_method: 'automated',
-                    event_navigation_name: 'widget : puff : manage preferences here : displayed'
-                }
-            });
-        });
     });
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5saW5lTmV3c2xldHRlclB1ZmYudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25ld3NsZXR0ZXItcHVmZi9fX3Rlc3RzX18vSW5saW5lTmV3c2xldHRlclB1ZmYudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUVyRCxPQUFPLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNwRSxPQUFPLDJCQUEyQixDQUFDO0FBRW5DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUV2RSxPQUFPLFFBQVEsTUFBTSxVQUFVLENBQUM7QUFFaEMsT0FBTyxFQUNMLGFBQWEsRUFDYixtQkFBbUIsRUFDcEIsTUFBTSxvQ0FBb0MsQ0FBQztBQUM1QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUU1RixPQUFPLHdCQUF3QixNQUFNLDhDQUE4QyxDQUFDO0FBRXBGLE1BQU0sZUFBZSxHQUFHLENBQ3RCLGVBQTRCLEVBQzVCLFFBQWU7SUFDYjtRQUNFLE9BQU8sRUFBRTtZQUNQLEtBQUssRUFBRSxhQUFhO1lBQ3BCLFNBQVMsRUFBRTtnQkFDVCxJQUFJLEVBQUUsU0FBUzthQUNoQjtTQUNGO1FBQ0QsTUFBTSxFQUFFO1lBQ04sSUFBSSxFQUFFO2dCQUNKLFVBQVUsRUFBRTtvQkFDVixFQUFFLEVBQUUsb0JBQW9CO29CQUN4QixZQUFZLEVBQUUsS0FBSztvQkFDbkIsS0FBSyxFQUFFLFNBQVM7b0JBQ2hCLFVBQVUsRUFBRSxZQUFZO2lCQUN6QjthQUNGO1NBQ0Y7S0FDRjtJQUNEO1FBQ0Us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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5saW5lTmV3c2xldHRlclB1ZmYudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25ld3NsZXR0ZXItcHVmZi9fX3Rlc3RzX18vSW5saW5lTmV3c2xldHRlclB1ZmYudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUVyRCxPQUFPLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNwRSxPQUFPLDJCQUEyQixDQUFDO0FBRW5DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUV2RSxPQUFPLFFBQVEsTUFBTSxVQUFVLENBQUM7QUFFaEMsT0FBTyxFQUNMLGFBQWEsRUFDYixtQkFBbUIsRUFDcEIsTUFBTSxvQ0FBb0MsQ0FBQztBQUM1QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUU1RixPQUFPLHdCQUF3QixNQUFNLDhDQUE4QyxDQUFDO0FBRXBGLE1BQU0sZUFBZSxHQUFHLENBQ3RCLGVBQTRCLEVBQzVCLFFBQWU7SUFDYjtRQUNFLE9BQU8sRUFBRTtZQUNQLEtBQUssRUFBRSxhQUFhO1lBQ3BCLFNBQVMsRUFBRTtnQkFDVCxJQUFJLEVBQUUsU0FBUzthQUNoQjtTQUNGO1FBQ0QsTUFBTSxFQUFFO1lBQ04sSUFBSSxFQUFFO2dCQUNKLFVBQVUsRUFBRTtvQkFDVixFQUFFLEVBQUUsb0JBQW9CO29CQUN4QixZQUFZLEVBQUUsS0FBSztvQkFDbkIsS0FBSyxFQUFFLFNBQVM7b0JBQ2hCLFVBQVUsRUFBRSxZQUFZO2lCQUN6QjthQUNGO1NBQ0Y7S0FDRjtJQUNEO1FBQ0Us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

package/dist/components/newsletter-puff/loading-overlay/LoadingOverlay.d.ts

@@ -0,0 +1 @@
+export declare const LoadingOverlay: () => JSX.Element;

package/dist/components/newsletter-puff/loading-overlay/LoadingOverlay.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Overlay, Bubble, Loader } from './styles';
+export const LoadingOverlay = () => {
+    return (React.createElement(Overlay, null,
+        React.createElement(Loader, null,
+            React.createElement(Bubble, null),
+            React.createElement(Bubble, null),
+            React.createElement(Bubble, null))));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTG9hZGluZ092ZXJsYXkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9uZXdzbGV0dGVyLXB1ZmYvbG9hZGluZy1vdmVybGF5L0xvYWRpbmdPdmVybGF5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRW5ELE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxHQUFHLEVBQUU7SUFDakMsT0FBTyxDQUNMLG9CQUFDLE9BQU87UUFDTixvQkFBQyxNQUFNO1lBQ0wsb0JBQUMsTUFBTSxPQUFHO1lBQ1Ysb0JBQUMsTUFBTSxPQUFHO1lBQ1Ysb0JBQUMsTUFBTSxPQUFHLENBQ0gsQ0FDRCxDQUNYLENBQUM7QUFDSixDQUFDLENBQUMifQ==

package/dist/components/newsletter-puff/loading-overlay/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const Overlay: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Bubble: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Loader: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/newsletter-puff/loading-overlay/styles.js

@@ -0,0 +1,50 @@
+import styled from 'styled-components';
+import { breakpoints } from '@times-components/ts-styleguide';
+import { View } from '../styles';
+export const Overlay = styled(View) `
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(255, 255, 255, 0.9);
+  z-index: 1;
+`;
+export const Bubble = styled.div `
+  animation: expand 0.75s ease-in-out infinite;
+  border-radius: 20px;
+  display: inline-block;
+  transform-origin: center center;
+  margin: 0 7px;
+  width: 16px;
+  height: 16px;
+  background: #c4c4c4;
+
+  :nth-child(2) {
+    animation-delay: 250ms;
+  }
+
+  :nth-child(3) {
+    animation-delay: 500ms;
+  }
+
+  @keyframes expand {
+    100% {
+      background: #6b6b6b;
+    }
+  }
+`;
+export const Loader = styled(View) `
+  display: flex;
+  flex-direction: row;
+  left: 40%;
+  top: 45%;
+
+  @media (min-width: ${breakpoints.wide}px) {
+    left: 40%;
+    top: 28%;
+  }
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmV3c2xldHRlci1wdWZmL2xvYWRpbmctb3ZlcmxheS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTlELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFFakMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQTs7Ozs7Ozs7OztDQVVsQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0NBdUIvQixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQTs7Ozs7O3VCQU1YLFdBQVcsQ0FBQyxJQUFJOzs7O0NBSXRDLENBQUMifQ==

package/dist/components/newsletter-puff/newsletter/Newsletter.d.ts

@@ -0,0 +1,12 @@
+declare type NewsletterProps = {
+    intersectObserverRef: (ref: HTMLElement | null) => void;
+    section?: string;
+    justSubscribed: boolean;
+    headline: string;
+    updatingSubscription: boolean;
+    copy: string;
+    code: string;
+    subscribeNewsletter: ({}: {}) => {};
+};
+export declare const Newsletter: ({ intersectObserverRef, section, justSubscribed, headline, updatingSubscription, copy, code, subscribeNewsletter }: NewsletterProps) => JSX.Element;
+export {};

package/dist/components/newsletter-puff/newsletter/Newsletter.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { NewsletterPuffButton } from '../newsletter-puff-button/NewsletterPuffButton';
+import { NewsletterPuffLink } from '../newsletter-puff-link/NewsletterPuffLink';
+import { LoadingOverlay } from '../loading-overlay/LoadingOverlay';
+import { InpCopy, InpPreferencesContainer, InpSignupContainer, InpSignupCTAContainer, InpSignupHeadline, InpSubscribedContainer } from './styles';
+import { InpContainer } from '../styles';
+export const Newsletter = ({ intersectObserverRef, section, justSubscribed, headline, updatingSubscription, copy, code, subscribeNewsletter }) => {
+    const PuffButton = (style) => (React.createElement(InpSignupCTAContainer, { ref: intersectObserverRef, childStyle: style },
+        React.createElement(NewsletterPuffButton, { style: style, updatingSubscription: updatingSubscription, onPress: () => {
+                if (!updatingSubscription) {
+                    subscribeNewsletter({ variables: { code } });
+                }
+            } })));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(InpContainer, { section: section },
+            updatingSubscription && React.createElement(LoadingOverlay, null),
+            justSubscribed ? (React.createElement(InpSubscribedContainer, null,
+                React.createElement(InpCopy, null,
+                    "You've succesfully signed up to",
+                    ' ',
+                    React.createElement(InpSignupHeadline, null,
+                        `${headline}.`,
+                        " "),
+                    React.createElement(NewsletterPuffLink, null)),
+                React.createElement(InpPreferencesContainer, null))) : (React.createElement(InpSignupContainer, null,
+                React.createElement(InpCopy, null,
+                    React.createElement(InpSignupHeadline, null,
+                        headline,
+                        ": "),
+                    copy,
+                    PuffButton('link')),
+                PuffButton('button'))))));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmV3c2xldHRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL25ld3NsZXR0ZXItcHVmZi9uZXdzbGV0dGVyL05ld3NsZXR0ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUN0RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUNoRixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFFbkUsT0FBTyxFQUNMLE9BQU8sRUFDUCx1QkFBdUIsRUFDdkIsa0JBQWtCLEVBQ2xCLHFCQUFxQixFQUNyQixpQkFBaUIsRUFDakIsc0JBQXNCLEVBQ3ZCLE1BQU0sVUFBVSxDQUFDO0FBRWxCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUM7QUFhekMsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLENBQUMsRUFDekIsb0JBQW9CLEVBQ3BCLE9BQU8sRUFDUCxjQUFjLEVBQ2QsUUFBUSxFQUNSLG9CQUFvQixFQUNwQixJQUFJLEVBQ0osSUFBSSxFQUNKLG1CQUFtQixFQUNILEVBQUUsRUFBRTtJQUNwQixNQUFNLFVBQVUsR0FBRyxDQUFDLEtBQXdCLEVBQUUsRUFBRSxDQUFDLENBQy9DLG9CQUFDLHFCQUFxQixJQUFDLEdBQUcsRUFBRSxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsS0FBSztRQUNqRSxvQkFBQyxvQkFBb0IsSUFDbkIsS0FBSyxFQUFFLEtBQUssRUFDWixvQkFBb0IsRUFBRSxvQkFBb0IsRUFDMUMsT0FBTyxFQUFFLEdBQUcsRUFBRTtnQkFDWixJQUFJLENBQUMsb0JBQW9CLEVBQUU7b0JBQ3pCLG1CQUFtQixDQUFDLEVBQUUsU0FBUyxFQUFFLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDO2lCQUM5QztZQUNILENBQUMsR0FDRCxDQUNvQixDQUN6QixDQUFDO0lBRUYsT0FBTyxDQUNMLG9CQUFDLEtBQUssQ0FBQyxRQUFRO1FBQ2Isb0JBQUMsWUFBWSxJQUFDLE9BQU8sRUFBRSxPQUFPO1lBQzNCLG9CQUFvQixJQUFJLG9CQUFDLGNBQWMsT0FBRztZQUMxQyxjQUFjLENBQUMsQ0FBQyxDQUFDLENBQ2hCLG9CQUFDLHNCQUFzQjtnQkFDckIsb0JBQUMsT0FBTzs7b0JBQzBCLEdBQUc7b0JBQ25DLG9CQUFDLGlCQUFpQjt3QkFBRSxHQUFHLFFBQVEsR0FBRzs0QkFBc0I7b0JBQ3hELG9CQUFDLGtCQUFrQixPQUFHLENBQ2Q7Z0JBQ1Ysb0JBQUMsdUJBQXVCLE9BQUcsQ0FDSixDQUMxQixDQUFDLENBQUMsQ0FBQyxDQUNGLG9CQUFDLGtCQUFrQjtnQkFDakIsb0JBQUMsT0FBTztvQkFDTixvQkFBQyxpQkFBaUI7d0JBQUUsUUFBUTs2QkFBdUI7b0JBQ2xELElBQUk7b0JBQ0osVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUNYO2dCQUNULFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FDRixDQUN0QixDQUNZLENBQ0EsQ0FDbEIsQ0FBQztBQUNKLENBQUMsQ0FBQyJ9

package/dist/components/newsletter-puff/newsletter/styles.d.ts

@@ -0,0 +1,8 @@
+export declare const InpSubscribedContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InpSignupContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InpSignupHeadline: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InpCopy: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InpSignupCTAContainer: import("styled-components").StyledComponent<"div", any, {
+    childStyle: any;
+}, never>;
+export declare const InpPreferencesContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/newsletter-puff/newsletter/styles.js

@@ -0,0 +1,52 @@
+import styled from 'styled-components';
+import { breakpoints, colours, fonts, spacing } from '@times-components/ts-styleguide';
+import { View, Text } from '../styles';
+export const InpSubscribedContainer = styled(View) `
+  justify-content: center;
+  padding: 12px 16px;
+  @media (min-width: ${breakpoints.small}px) {
+    padding-right: 150px;
+    flex: 1;
+  }
+`;
+export const InpSignupContainer = styled(View) `
+  justify-content: center;
+  padding: 12px 16px;
+  @media (min-width: ${breakpoints.wide}px) {
+    padding: 16px 10px;
+    flex: 1;
+  }
+`;
+export const InpSignupHeadline = styled(Text) `
+  color: ${colours.functional.brandColour};
+  font-family: ${fonts.headline};
+  text-align: center;
+  font-size: 18px;
+  text-decoration: none;
+  margin-bottom: ${spacing(1)};
+`;
+export const InpCopy = styled(Text) `
+  font-family: ${fonts.body};
+  font-size: 18px;
+  text-align: left;
+  letter-spacing: -0.5px;
+  color: ${colours.functional.primary};
+  margin-bottom: ${spacing(6)};
+  line-height: 26px;
+`;
+export const InpSignupCTAContainer = styled(View) `
+  display: ${({ childStyle }) => (childStyle === 'link' ? 'none' : 'block')};
+  @media (min-width: ${breakpoints.medium}px) {
+    width: ${({ childStyle }) => childStyle === 'button' && '220px'};
+    margin: 0px auto;
+  }
+
+  @media (min-width: ${breakpoints.wide}px) {
+    display: ${({ childStyle }) => childStyle === 'link' ? 'inline-block' : 'none'};
+  }
+`;
+export const InpPreferencesContainer = styled(View) `
+  flex-direction: row;
+  justify-content: center;
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbmV3c2xldHRlci1wdWZmL25ld3NsZXR0ZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBRXZDLE9BQU8sRUFDTCxXQUFXLEVBQ1gsT0FBTyxFQUNQLEtBQUssRUFDTCxPQUFPLEVBQ1IsTUFBTSxpQ0FBaUMsQ0FBQztBQUV6QyxPQUFPLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUV2QyxNQUFNLENBQUMsTUFBTSxzQkFBc0IsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUE7Ozt1QkFHM0IsV0FBVyxDQUFDLEtBQUs7Ozs7Q0FJdkMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQTs7O3VCQUd2QixXQUFXLENBQUMsSUFBSTs7OztDQUl0QyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0saUJBQWlCLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFBO1dBQ2xDLE9BQU8sQ0FBQyxVQUFVLENBQUMsV0FBVztpQkFDeEIsS0FBSyxDQUFDLFFBQVE7Ozs7bUJBSVosT0FBTyxDQUFDLENBQUMsQ0FBQztDQUM1QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQTtpQkFDbEIsS0FBSyxDQUFDLElBQUk7Ozs7V0FJaEIsT0FBTyxDQUFDLFVBQVUsQ0FBQyxPQUFPO21CQUNsQixPQUFPLENBQUMsQ0FBQyxDQUFDOztDQUU1QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFxQjthQUN6RCxDQUFDLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsVUFBVSxLQUFLLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUM7dUJBQ3BELFdBQVcsQ0FBQyxNQUFNO2FBQzVCLENBQUMsRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLENBQUMsVUFBVSxLQUFLLFFBQVEsSUFBSSxPQUFPOzs7O3VCQUk1QyxXQUFXLENBQUMsSUFBSTtlQUN4QixDQUFDLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxDQUM1QixVQUFVLEtBQUssTUFBTSxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLE1BQU07O0NBRXBELENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSx1QkFBdUIsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUE7OztDQUdsRCxDQUFDIn0=

package/dist/components/newsletter-puff/{NewsletterPuffButton.d.ts → newsletter-puff-button/NewsletterPuffButton.d.ts}

@@ -1,6 +1,7 @@
 declare type NewsletterPuffProps = {
     onPress?: () => void;
     updatingSubscription?: boolean;
+    style: 'link' | 'button';
 };
-export declare const NewsletterPuffButton: ({ updatingSubscription, onPress }: NewsletterPuffProps) => JSX.Element;
+export declare const NewsletterPuffButton: ({ updatingSubscription, onPress, style }: NewsletterPuffProps) => JSX.Element;
 export {};