@times-components/ts-components 1.20.0 → 1.22.1

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.22.1](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.22.0...@times-components/ts-components@1.22.1) (2022-03-09)
+
+**Note:** Version bump only for package @times-components/ts-components
+
+
+
+
+
+# [1.22.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.21.0...@times-components/ts-components@1.22.0) (2022-03-02)
+
+
+### Features
+
+* **TDP-1247:** Last updated timestamp ([#2864](https://github.com/newsuk/times-components/issues/2864)) ([57355b6](https://github.com/newsuk/times-components/commit/57355b6a2a067ca098e63802f018e69e78ac186e))
+
+
+
+
+
+# [1.21.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.20.0...@times-components/ts-components@1.21.0) (2022-03-01)
+
+
+### Features
+
+* **TDP-1465:** updated flags to allow for override colours in articl… ([#2865](https://github.com/newsuk/times-components/issues/2865)) ([12ce03c](https://github.com/newsuk/times-components/commit/12ce03ca3c9dab71df37ebb507c4a2bc0cdab515))
+
+
+
+
+
 # [1.20.0](https://github.com/newsuk/times-components/compare/@times-components/ts-components@1.19.4...@times-components/ts-components@1.20.0) (2022-02-28)
 
 

package/README.md

@@ -20,5 +20,5 @@ All the build steps have been updated to handle all the build steps:
 
 ## Storybook
 
-For now, you will need to do a `yarn build` for storybook to update.
+For now, you will need to do a `yarn build` for storybook to update, or you could run `yarn watch:build` to update storybook on save
 

package/dist/components/article-flag/ArticleFlag.d.ts

@@ -1,14 +1,24 @@
 import React from 'react';
 import getActiveFlags from './getActiveFlags';
 declare const ArticleFlag: React.FC<{
-    color: string;
+    color?: string;
     title: string;
 }>;
-declare const NewArticleFlag: React.FC;
-declare const UpdatedArticleFlag: React.FC;
-declare const ExclusiveArticleFlag: React.FC;
-declare const SponsoredArticleFlag: React.FC;
-declare const LongReadArticleFlag: React.FC;
+declare const NewArticleFlag: React.FC<{
+    color?: string;
+}>;
+declare const UpdatedArticleFlag: React.FC<{
+    color?: string;
+}>;
+declare const ExclusiveArticleFlag: React.FC<{
+    color?: string;
+}>;
+declare const SponsoredArticleFlag: React.FC<{
+    color?: string;
+}>;
+declare const LongReadArticleFlag: React.FC<{
+    color?: string;
+}>;
 export declare type FlagType = Array<{
     expiryTime: string | null;
     type: string;
@@ -17,6 +27,7 @@ declare const ArticleFlags: React.FC<{
     flags: FlagType;
     longRead: boolean;
     withContainer: boolean;
+    color?: string;
 }>;
 export default ArticleFlag;
 export { getActiveFlags, ArticleFlag, ArticleFlags, NewArticleFlag, UpdatedArticleFlag, ExclusiveArticleFlag, SponsoredArticleFlag, LongReadArticleFlag };

package/dist/components/article-flag/ArticleFlag.js

@@ -6,24 +6,32 @@ import getActiveFlags from './getActiveFlags';
 const ArticleFlag = ({ color = colours.functional.primary, title }) => (React.createElement(ArticleFlagContainer, null,
     React.createElement(ArticleFlagBullet, { color: color }),
     React.createElement(ArticleFlagTextContainer, { "aria-label": `${title} Flag`, color: color, "data-testid": `flag-${title}` }, title.toLowerCase())));
-const NewArticleFlag = () => (React.createElement(ArticleFlag, { color: colours.functional.articleFlagNew, title: "new" }));
-const UpdatedArticleFlag = () => (React.createElement(ArticleFlag, { color: colours.functional.articleFlagUpdated, title: "updated" }));
-const ExclusiveArticleFlag = () => (React.createElement(ArticleFlag, { color: colours.functional.articleFlagExclusive, title: "exclusive" }));
-const SponsoredArticleFlag = () => (React.createElement(ArticleFlag, { color: colours.functional.tertiary, title: "sponsored" }));
-const LongReadArticleFlag = () => (React.createElement(ArticleFlag, { color: colours.functional.secondary, title: "long read" }));
-const flagsMapping = () => new Map([
-    ['NEW', React.createElement(NewArticleFlag, null)],
-    ['LIVE', React.createElement(LiveArticleFlag, null)],
-    ['BREAKING', React.createElement(BreakingArticleFlag, null)],
-    ['UPDATED', React.createElement(UpdatedArticleFlag, null)],
-    ['EXCLUSIVE', React.createElement(ExclusiveArticleFlag, null)],
-    ['SPONSORED', React.createElement(SponsoredArticleFlag, null)],
-    ['LONGREAD', React.createElement(LongReadArticleFlag, null)]
-]);
-const FlagsView = ({ allFlags }) => {
-    return (React.createElement(Flags, null, allFlags.map(flag => (React.createElement(FlagPadding, { key: flag.type, allFlags: allFlags }, flagsMapping().get(flag.type))))));
+const NewArticleFlag = ({ color = colours.functional.articleFlagNew }) => React.createElement(ArticleFlag, { color: color, title: "new" });
+const UpdatedArticleFlag = ({ color = colours.functional.articleFlagUpdated }) => React.createElement(ArticleFlag, { color: color, title: "updated" });
+const ExclusiveArticleFlag = ({ color = colours.functional.articleFlagExclusive }) => React.createElement(ArticleFlag, { color: color, title: "exclusive" });
+const SponsoredArticleFlag = ({ color = colours.functional.tertiary }) => React.createElement(ArticleFlag, { color: color, title: "sponsored" });
+const LongReadArticleFlag = ({ color = colours.functional.secondary }) => React.createElement(ArticleFlag, { color: color, title: "long read" });
+const flagsMapping = (override = '') => {
+    let colourProp;
+    if (override !== '') {
+        colourProp = {
+            color: override
+        };
+    }
+    return new Map([
+        ['NEW', React.createElement(NewArticleFlag, Object.assign({}, colourProp))],
+        ['LIVE', React.createElement(LiveArticleFlag, null)],
+        ['BREAKING', React.createElement(BreakingArticleFlag, null)],
+        ['UPDATED', React.createElement(UpdatedArticleFlag, Object.assign({}, colourProp))],
+        ['EXCLUSIVE', React.createElement(ExclusiveArticleFlag, Object.assign({}, colourProp))],
+        ['SPONSORED', React.createElement(SponsoredArticleFlag, Object.assign({}, colourProp))],
+        ['LONGREAD', React.createElement(LongReadArticleFlag, Object.assign({}, colourProp))]
+    ]);
+};
+const FlagsView = ({ allFlags, overrideColor = '' }) => {
+    return (React.createElement(Flags, null, allFlags.map(flag => (React.createElement(FlagPadding, { key: flag.type, allFlags: allFlags }, flagsMapping(overrideColor).get(flag.type))))));
 };
-const ArticleFlags = ({ flags = [], longRead = false, withContainer = false }) => {
+const ArticleFlags = ({ flags = [], longRead = false, withContainer = false, color = '' }) => {
     const activeFlags = getActiveFlags(flags);
     const allFlags = [
         ...activeFlags,
@@ -33,11 +41,11 @@ const ArticleFlags = ({ flags = [], longRead = false, withContainer = false }) =
         return null;
     }
     if (!withContainer) {
-        return React.createElement(FlagsView, { allFlags: allFlags });
+        return React.createElement(FlagsView, { allFlags: allFlags, overrideColor: color });
     }
     return (React.createElement(FlagsContainer, null,
-        React.createElement(FlagsView, { allFlags: allFlags })));
+        React.createElement(FlagsView, { allFlags: allFlags, overrideColor: color })));
 };
 export default ArticleFlag;
 export { getActiveFlags, ArticleFlag, ArticleFlags, NewArticleFlag, UpdatedArticleFlag, ExclusiveArticleFlag, SponsoredArticleFlag, LongReadArticleFlag };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUZsYWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hcnRpY2xlLWZsYWcvQXJ0aWNsZUZsYWcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3pFLE9BQU8sRUFDTCxvQkFBb0IsRUFDcEIsaUJBQWlCLEVBQ2pCLHdCQUF3QixFQUN4QixXQUFXLEVBQ1gsS0FBSyxFQUNMLGNBQWMsRUFDZixNQUFNLFVBQVUsQ0FBQztBQUNsQixPQUFPLGNBQWMsTUFBTSxrQkFBa0IsQ0FBQztBQUU5QyxNQUFNLFdBQVcsR0FBK0MsQ0FBQyxFQUMvRCxLQUFLLEdBQUcsT0FBTyxDQUFDLFVBQVUsQ0FBQyxPQUFPLEVBQ2xDLEtBQUssRUFDTixFQUFFLEVBQUUsQ0FBQyxDQUNKLG9CQUFDLG9CQUFvQjtJQUNuQixvQkFBQyxpQkFBaUIsSUFBQyxLQUFLLEVBQUUsS0FBSyxHQUFJO0lBQ25DLG9CQUFDLHdCQUF3QixrQkFDWCxHQUFHLEtBQUssT0FBTyxFQUMzQixLQUFLLEVBQUUsS0FBSyxpQkFDQyxRQUFRLEtBQUssRUFBRSxJQUUzQixLQUFLLENBQUMsV0FBVyxFQUFFLENBQ0ssQ0FDTixDQUN4QixDQUFDO0FBRUYsTUFBTSxjQUFjLEdBQWEsR0FBRyxFQUFFLENBQUMsQ0FDckMsb0JBQUMsV0FBVyxJQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsVUFBVSxDQUFDLGNBQWMsRUFBRSxLQUFLLEVBQUMsS0FBSyxHQUFHLENBQ3RFLENBQUM7QUFFRixNQUFNLGtCQUFrQixHQUFhLEdBQUcsRUFBRSxDQUFDLENBQ3pDLG9CQUFDLFdBQVcsSUFBQyxLQUFLLEVBQUUsT0FBTyxDQUFD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUZsYWcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hcnRpY2xlLWZsYWcvQXJ0aWNsZUZsYWcudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3pFLE9BQU8sRUFDTCxvQkFBb0IsRUFDcEIsaUJBQWlCLEVBQ2pCLHdCQUF3QixFQUN4QixXQUFXLEVBQ1gsS0FBSyxFQUNMLGNBQWMsRUFDZixNQUFNLFVBQVUsQ0FBQztBQUNsQixPQUFPLGNBQWMsTUFBTSxrQkFBa0IsQ0FBQztBQUU5QyxNQUFNLFdBQVcsR0FBZ0QsQ0FBQyxFQUNoRSxLQUFLLEdBQUcsT0FBTyxDQUFDLFVBQVUsQ0FBQyxPQUFPLEVBQ2xDLEtBQUssRUFDTixFQUFFLEVBQUUsQ0FBQyxDQUNKLG9CQUFDLG9CQUFvQjtJQUNuQixvQkFBQyxpQkFBaUIsSUFBQyxLQUFLLEVBQUUsS0FBSyxHQUFJO0lBQ25DLG9CQUFDLHdCQUF3QixrQkFDWCxHQUFHLEtBQUssT0FBTyxFQUMzQixLQUFLLEVBQUUsS0FBSyxpQkFDQyxRQUFRLEtBQUssRUFBRSxJQUUzQixLQUFLLENBQUMsV0FBVyxFQUFFLENBQ0ssQ0FDTixDQUN4QixDQUFDO0FBRUYsTUFBTSxjQUFjLEdBQWlDLENBQUMsRUFDcEQsS0FBSyxHQUFHLE9BQU8sQ0FBQyxVQUFVLENBQUMsY0FBYyxFQUMxQyxFQUFFLEVBQUUsQ0FBQyxvQkFBQyxXQUFXLElBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUMsS0FBSyxHQUFHLENBQUM7QUFFaEQsTUFBTSxrQkFBa0IsR0FBaUMsQ0FBQyxFQUN4RCxLQUFLLEdBQUcsT0FBTyxDQUFDLFVB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

package/dist/components/article-flag/ArticleFlag.stories.js

@@ -1,11 +1,29 @@
 import React from 'react';
 import { storiesOf } from '@storybook/react';
+import { date } from '@storybook/addon-knobs';
 import { NewArticleFlag, UpdatedArticleFlag, ExclusiveArticleFlag, SponsoredArticleFlag, LongReadArticleFlag, ArticleFlags } from './ArticleFlag';
 import { LiveArticleFlag, BreakingArticleFlag } from './LiveArticleFlag';
+import { UpdatedTimeProvider } from '../../helpers/time/UpdatedTimeProvider';
 storiesOf('Typescript Component/Article Flag', module)
     .add('Article Flag (New)', () => React.createElement(NewArticleFlag, null))
-    .add('Article Flag (Live)', () => React.createElement(LiveArticleFlag, null))
-    .add('Article Flag (Breaking)', () => React.createElement(BreakingArticleFlag, null))
+    .add('Article Flag (Live)', () => {
+    const label = 'Updated Date/Time';
+    const defaultValue = new Date();
+    const groupId = 'Options';
+    const value = date(label, defaultValue, groupId);
+    const updated = new Date(value).toISOString();
+    return (React.createElement(UpdatedTimeProvider, { updatedTime: updated },
+        React.createElement(LiveArticleFlag, null)));
+})
+    .add('Article Flag (Breaking)', () => {
+    const label = 'Updated Date/Time';
+    const defaultValue = new Date();
+    const groupId = 'Options';
+    const value = date(label, defaultValue, groupId);
+    const updated = new Date(value).toISOString();
+    return (React.createElement(UpdatedTimeProvider, { updatedTime: updated },
+        React.createElement(BreakingArticleFlag, null)));
+})
     .add('Article Flag (Updated)', () => React.createElement(UpdatedArticleFlag, null))
     .add('Article Flag (Exclusive)', () => React.createElement(ExclusiveArticleFlag, null))
     .add('Article Flag (Sponsored)', () => React.createElement(SponsoredArticleFlag, null))
@@ -26,4 +44,4 @@ storiesOf('Typescript Component/Article Flag', module)
         { expiryTime: '2030-03-14T12:00:00.000Z', type: 'NEW' },
         { expiryTime: '2030-03-14T12:00:00.000Z', type: 'SPONSORED' }
     ], longRead: true, withContainer: true })));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUZsYWcuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FydGljbGUtZmxhZy9BcnRpY2xlRmxhZy5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFDTCxjQUFjLEVBQ2Qsa0JBQWtCLEVBQ2xCLG9CQUFvQixFQUNwQixvQkFBb0IsRUFDcEIsbUJBQW1CLEVBQ25CLFlBQVksRUFDYixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFekUsU0FBUyxDQUFDLG1DQUFtQyxFQUFFLE1BQU0sQ0FBQztLQUNuRCxHQUFHLENBQUMsb0JBQW9CLEVBQUUsR0FBRyxFQUFFLENBQUMsb0JBQUMsY0FBYyxPQUFHLENBQUM7S0FDbkQsR0FBRyxDQUFDLHFCQUFxQixFQUFFLEdBQUcsRUFBRSxDQUFDLG9CQUFDLGVBQWUsT0FBRyxDQUFDO0tBQ3JELEdBQUcsQ0FBQyx5QkFBeUIsRUFBRSxHQUFHLEVBQUUsQ0FBQyxvQkFBQyxtQkFBbUIsT0FBRyxDQUFDO0tBQzdELEdBQUcsQ0FBQyx3QkFBd0IsRUFBRSxHQUFHLEVBQUUsQ0FBQyxvQkFBQyxrQkFBa0IsT0FBRyxDQUFDO0tBQzNELEdBQUcsQ0FBQywwQkFBMEIsRUFBRSxHQUFHLEVBQUUsQ0FBQyxvQkFBQyxvQkFBb0IsT0FBRyxDQUFDO0tBQy9ELEdBQUcsQ0FBQywwQkFBMEIsRUFBRSxHQUFHLEVBQUUsQ0FBQyxvQkFBQyxvQkFBb0IsT0FBRyxDQUFDO0tBQy9ELEdBQUcsQ0FBQywwQkFBMEIsRUFBRSxHQUFHLEVBQUUsQ0FBQyxvQkFBQyxtQkFBbUIsT0FBRyxDQUFDO0tBQzlELEdBQUcsQ0FBQyxlQUFlLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDMUIsb0JBQUMsWUFBWSxJQUNYLEtBQUssRUFBRTtRQUNMLEVBQUUsVUFBVSxFQUFFLDBCQUEwQixFQUFFLElBQUksRUFBRSxNQUFNLEVBQUU7UUFDeEQsRUFBRSxVQUFVLEVBQUUsMEJBQTBCLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtRQUM1RCxFQUFFLFVBQVUsRUFBRSwwQkFBMEIsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFO1FBQzNELEVBQUUsVUFBVSxFQUFFLDBCQUEwQixFQUFFLElBQUksRUFBRSxXQUFXLEVBQUU7UUFDN0QsRUFBRSxVQUFVLEVBQUUsMEJBQTBCLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRTtRQUN2RCxFQUFFLFVBQVUsRUFBRSwwQkFBMEIsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFO0tBQzlELEVBQ0QsUUFBUSxRQUNSLGFBQWEsRUFBRSxLQUFLLEdBQ3BCLENBQ0gsQ0FBQztLQUNELEdBQUcsQ0FBQyw4QkFBOEIsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUN6QyxvQkFBQyxZQUFZLElBQ1gsS0FBSyxFQUFFO1FBQ0wsRUFBRSxVQUFVLEVBQUUsMEJBQTBCLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRTtRQUN4RCxFQUFFLFVBQVUsRUFBRSwwQkFBMEIsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFO1FBQzVELEVBQUUsVUFBVSxFQUFFLDBCQUEwQixFQUFFLElBQUksRUFBRSxTQUFTLEVBQUU7UUFDM0QsRUFBRSxVQUFVLEVBQUUsMEJBQTBCLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRTtRQUM3RCxFQUFFLFVBQVUsRUFBRSwwQkFBMEIsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFO1FBQ3ZELEVBQUUsVUFBVSxFQUFFLDBCQUEwQixFQUFFLElBQUksRUFBRSxXQUFXLEVBQUU7S0FDOUQsRUFDRCxRQUFRLFFBQ1IsYUFBYSxTQUNiLENBQ0gsQ0FBQyxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUZsYWcuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FydGljbGUtZmxhZy9BcnRpY2xlRmxhZy5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM5QyxPQUFPLEVBQ0wsY0FBYyxFQUNkLGtCQUFrQixFQUNsQixvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLG1CQUFtQixFQUNuQixZQUFZLEVBQ2IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBRTdFLFNBQVMsQ0FBQyxtQ0FBbUMsRUFBRSxNQUFNLENBQUM7S0FDbkQsR0FBRyxDQUFDLG9CQUFvQixFQUFFLEdBQUcsRUFBRSxDQUFDLG9CQUFDLGNBQWMsT0FBRyxDQUFDO0tBQ25ELEdBQUcsQ0FBQyxxQkFBcUIsRUFBRSxHQUFHLEVBQUU7SUFDL0IsTUFBTSxLQUFLLEdBQUcsbUJBQW1CLENBQUM7SUFDbEMsTUFBTSxZQUFZLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQztJQUNoQyxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUM7SUFDMUIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxZQUFZLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDakQsTUFBTSxPQUFPLEdBQUcsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7SUFFOUMsT0FBTyxDQUNMLG9CQUFDLG1CQUFtQixJQUFDLFdBQVcsRUFBRSxP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

package/dist/components/article-flag/LiveArticleFlag.js

@@ -1,9 +1,16 @@
 import React from 'react';
-import { LiveArticleFlagContainer, LiveIconContainer, LiveArticleFlagText } from './styles';
-export const BaseLiveArticleFlag = ({ title }) => (React.createElement(LiveArticleFlagContainer, null,
-    React.createElement(LiveIconContainer, null, '\u25a0'),
-    React.createElement("div", null,
-        React.createElement(LiveArticleFlagText, null, title))));
+import { LiveArticleFlagContainer, LiveIconContainer, LiveArticleFlagText, LiveFlagAndTimestampContainer } from './styles';
+import { UpdatedTimestamp } from '../updated-timestamp/UpdatedTimestamp';
+import { useUpdatedTime } from '../../helpers/time/UpdatedTimeProvider';
+export const BaseLiveArticleFlag = ({ title }) => {
+    const updatedTime = useUpdatedTime();
+    return (React.createElement(LiveFlagAndTimestampContainer, null,
+        React.createElement(LiveArticleFlagContainer, null,
+            React.createElement(LiveIconContainer, null, '\u25a0'),
+            React.createElement("div", null,
+                React.createElement(LiveArticleFlagText, null, title))),
+        React.createElement(UpdatedTimestamp, { updatedTime: updatedTime })));
+};
 export const LiveArticleFlag = () => (React.createElement(BaseLiveArticleFlag, { title: "LIVE" }));
 export const BreakingArticleFlag = () => (React.createElement(BaseLiveArticleFlag, { title: "BREAKING" }));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGl2ZUFydGljbGVGbGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1mbGFnL0xpdmVBcnRpY2xlRmxhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCx3QkFBd0IsRUFDeEIsaUJBQWlCLEVBQ2pCLG1CQUFtQixFQUNwQixNQUFNLFVBQVUsQ0FBQztBQUVsQixNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBZ0MsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUM3RSxvQkFBQyx3QkFBd0I7SUFDdkIsb0JBQUMsaUJBQWlCLFFBQUUsUUFBUSxDQUFxQjtJQUNqRDtRQUNFLG9CQUFDLG1CQUFtQixRQUFFLEtBQUssQ0FBdUIsQ0FDOUMsQ0FDbUIsQ0FDNUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBYSxHQUFHLEVBQUUsQ0FBQyxDQUM3QyxvQkFBQyxtQkFBbUIsSUFBQyxLQUFLLEVBQUMsTUFBTSxHQUFHLENBQ3JDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBYSxHQUFHLEVBQUUsQ0FBQyxDQUNqRCxvQkFBQyxtQkFBbUIsSUFBQyxLQUFLLEVBQUMsVUFBVSxHQUFHLENBQ3pDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGl2ZUFydGljbGVGbGFnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1mbGFnL0xpdmVBcnRpY2xlRmxhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCx3QkFBd0IsRUFDeEIsaUJBQWlCLEVBQ2pCLG1CQUFtQixFQUNuQiw2QkFBNkIsRUFDOUIsTUFBTSxVQUFVLENBQUM7QUFDbEIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDekUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBRXhFLE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFnQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRTtJQUM1RSxNQUFNLFdBQVcsR0FBRyxjQUFjLEVBQUUsQ0FBQztJQUVyQyxPQUFPLENBQ0wsb0JBQUMsNkJBQTZCO1FBQzVCLG9CQUFDLHdCQUF3QjtZQUN2QixvQkFBQyxpQkFBaUIsUUFBRSxRQUFRLENBQXFCO1lBQ2pEO2dCQUNFLG9CQUFDLG1CQUFtQixRQUFFLEtBQUssQ0FBdUIsQ0FDOUMsQ0FDbUI7UUFDM0Isb0JBQUMsZ0JBQWdCLElBQUMsV0FBVyxFQUFFLFdBQVcsR0FBSSxDQUNoQixDQUNqQyxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sZUFBZSxHQUFhLEdBQUcsRUFBRSxDQUFDLENBQzdDLG9CQUFDLG1CQUFtQixJQUFDLEtBQUssRUFBQyxNQUFNLEdBQUcsQ0FDckMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFhLEdBQUcsRUFBRSxDQUFDLENBQ2pELG9CQUFDLG1CQUFtQixJQUFDLEtBQUssRUFBQyxVQUFVLEdBQUcsQ0FDekMsQ0FBQyJ9

package/dist/components/article-flag/__tests__/ArticleFlag.test.js

@@ -49,6 +49,31 @@ describe('ArticleFlag', () => {
         expect(getByText('long read')).toBeTruthy();
         expect(baseElement).toMatchSnapshot();
     });
+    it('renders the new article flag with an override colour', () => {
+        const { baseElement, getByText } = render(React.createElement(NewArticleFlag, { color: "#FFFFFF" }));
+        expect(getByText('new')).toBeTruthy();
+        expect(baseElement).toMatchSnapshot();
+    });
+    it('renders the updated article flag with an override colour', () => {
+        const { baseElement, getByText } = render(React.createElement(UpdatedArticleFlag, { color: "#FFFFFF" }));
+        expect(getByText('updated')).toBeTruthy();
+        expect(baseElement).toMatchSnapshot();
+    });
+    it('renders the exclusive article flag with an override colour', () => {
+        const { baseElement, getByText } = render(React.createElement(ExclusiveArticleFlag, { color: "#FFFFFF" }));
+        expect(getByText('exclusive')).toBeTruthy();
+        expect(baseElement).toMatchSnapshot();
+    });
+    it('renders the sponsored article flag with an override colour', () => {
+        const { baseElement, getByText } = render(React.createElement(SponsoredArticleFlag, { color: "#FFFFFF" }));
+        expect(getByText('sponsored')).toBeTruthy();
+        expect(baseElement).toMatchSnapshot();
+    });
+    it('renders the long read article flag with an override colour', () => {
+        const { baseElement, getByText } = render(React.createElement(LongReadArticleFlag, { color: "#FFFFFF" }));
+        expect(getByText('long read')).toBeTruthy();
+        expect(baseElement).toMatchSnapshot();
+    });
     it('renders multiple article flags', () => {
         const { baseElement } = render(React.createElement(ArticleFlags, { flags: [
                 { expiryTime: '2030-03-13T12:00:00.000Z', type: 'UPDATED' },
@@ -58,6 +83,15 @@ describe('ArticleFlag', () => {
             ], longRead: true, withContainer: false }));
         expect(baseElement).toMatchSnapshot();
     });
+    it('renders multiple article flags with override colours', () => {
+        const { baseElement } = render(React.createElement(ArticleFlags, { flags: [
+                { expiryTime: '2030-03-13T12:00:00.000Z', type: 'UPDATED' },
+                { expiryTime: '2030-03-14T12:00:00.000Z', type: 'EXCLUSIVE' },
+                { expiryTime: '2030-03-14T12:00:00.000Z', type: 'NEW' },
+                { expiryTime: '2030-03-14T12:00:00.000Z', type: 'SPONSORED' }
+            ], longRead: true, withContainer: false, color: "#FFFFFF" }));
+        expect(baseElement).toMatchSnapshot();
+    });
     it('renders multiple article flags in a container', () => {
         const { baseElement } = render(React.createElement(ArticleFlags, { flags: [
                 { expiryTime: '2030-03-13T12:00:00.000Z', type: 'UPDATED' },
@@ -72,4 +106,4 @@ describe('ArticleFlag', () => {
         expect(baseElement).toMatchSnapshot();
     });
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUZsYWcudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FydGljbGUtZmxhZy9fX3Rlc3RzX18vQXJ0aWNsZUZsYWcudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRCxPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFDTCxXQUFXLEVBQ1gsWUFBWSxFQUNaLGNBQWMsRUFDZCxrQkFBa0IsRUFDbEIsb0JBQW9CLEVBQ3BCLG9CQUFvQixFQUNwQixtQkFBbUIsRUFDcEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4QixPQUFPLFFBQVEsTUFBTSxVQUFVLENBQUM7QUFFaEMsSUFBSSxDQUFDLElBQUksQ0FBQyxpQ0FBaUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ2xELFVBQVUsRUFBRSxJQUFJO0lBQ2hCLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxpQ0FBaUMsQ0FBQztJQUN4RCxlQUFlLEVBQUUsaUJBQWlCO0NBQ25DLENBQUMsQ0FBQyxDQUFDO0FBRUosUUFBUSxDQUFDLGFBQWEsRUFBRSxHQUFHLEVBQUU7SUFDM0IseUNBQXlDO0lBQ3pDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7UUFDZCxRQUFRLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzlCLENBQUMsQ0FBQyxDQUFDO0lBRUgsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNuQixDQUFDLENBQUMsQ0FBQztJQUNILEVBQUUsQ0FBQyx5QkFBeUIsRUFBRSxHQUFHLEVBQUU7UUFDakMsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLE1BQU0sQ0FDNUIsb0JBQUMsV0FBVyxJQUFDLEtBQUssRUFBQyxXQUFXLEVBQUMs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUZsYWcudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FydGljbGUtZmxhZy9fX3Rlc3RzX18vQXJ0aWNsZUZsYWcudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRCxPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFDTCxXQUFXLEVBQ1gsWUFBWSxFQUNaLGNBQWMsRUFDZCxrQkFBa0IsRUFDbEIsb0JBQW9CLEVBQ3BCLG9CQUFvQixFQUNwQixtQkFBbUIsRUFDcEIsTUFBTSxnQkFBZ0IsQ0FBQztBQUN4QixPQUFPLFFBQVEsTUFBTSxVQUFVLENBQUM7QUFFaEMsSUFBSSxDQUFDLElBQUksQ0FBQyxpQ0FBaUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQ2xELFVBQVUsRUFBRSxJQUFJO0lBQ2hCLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxpQ0FBaUMsQ0FBQztJQUN4RCxlQUFlLEVBQUUsaUJBQWlCO0NBQ25DLENBQUMsQ0FBQyxDQUFDO0FBRUosUUFBUSxDQUFDLGFBQWEsRUFBRSxHQUFHLEVBQUU7SUFDM0IseUNBQXlDO0lBQ3pDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7UUFDZCxRQUFRLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzlCLENBQUMsQ0FBQyxDQUFDO0lBRUgsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNuQixDQUFDLENBQUMsQ0FBQztJQUNILEVBQUUsQ0FBQyx5QkFBeUIsRUFBRSxHQUFHLEVBQUU7UUFDakMsTUFBTSxFQUFFLFdBQVcsRUFBRSxHQUFHLE1BQU0sQ0FDNUIsb0JBQUMsV0FBVyxJQUFDLEtBQUssRUFBQyxXQUFXLEVBQUMs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

package/dist/components/article-flag/styles.d.ts

@@ -1,5 +1,6 @@
 import { FlagType } from './ArticleFlag';
 export declare const ArticleFlagContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LiveFlagAndTimestampContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LiveArticleFlagContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ArticleFlagBullet: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LiveIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/article-flag/styles.js

@@ -6,6 +6,11 @@ export const ArticleFlagContainer = styled.div `
   align-items: center;
   flex-direction: row;
 `;
+export const LiveFlagAndTimestampContainer = styled.div `
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+`;
 export const LiveArticleFlagContainer = styled.div `
   display: flex;
   padding: 2px 6px;
@@ -53,4 +58,4 @@ export const FlagsContainer = styled.div `
   margin-bottom: 15px;
   margin-top: 5px;
 `;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1mbGFnL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFckQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXpELE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Q0FJN0MsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7O0NBS2pELENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7O3NCQUlyQixDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsSUFBSSxLQUFLO0NBQ2xFLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7O0NBSTFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSx3QkFBd0IsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7O1dBT3ZDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUFJLEtBQUs7Q0FDdkQsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUE7aUJBQzdCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Q0FNaEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUF3QjtrQkFDM0MsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztDQUNyRSxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7O0NBSzlCLENBQUM7QUFDRixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7O0NBR3ZDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1mbGFnL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFckQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXpELE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Q0FJN0MsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLDZCQUE2QixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Q0FJdEQsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7O0NBS2pELENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7O3NCQUlyQixDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsSUFBSSxLQUFLO0NBQ2xFLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxpQkFBaUIsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7O0NBSTFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSx3QkFBd0IsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7O1dBT3ZDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUFJLEtBQUs7Q0FDdkQsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUE7aUJBQzdCLEtBQUssQ0FBQyxVQUFVOzs7Ozs7Q0FNaEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUF3QjtrQkFDM0MsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztDQUNyRSxDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7O0NBSzlCLENBQUM7QUFDRixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7O0NBR3ZDLENBQUMifQ==

package/dist/components/in-article-puff/InArticlePuff.d.ts

@@ -3,5 +3,5 @@ import { AspectRatios } from '../../types/aspectRatio';
 export declare const InArticlePuff: React.FC<{
     sectionColour: string;
     forceImageAspectRatio?: AspectRatios;
-    isLiveOrBreakingFlag?: string;
+    isLiveOrBreaking?: string;
 }>;

package/dist/components/in-article-puff/InArticlePuff.js

@@ -13,18 +13,18 @@ const scrollEvent = {
         event_navigation_browsing_method: 'scroll'
     }
 };
-const clickEvent = (buttonLabel, isLiveOrBreakingFlag) => ({
+const clickEvent = (buttonLabel, isLiveOrBreaking) => ({
     action: 'Clicked',
     attrs: {
         event_navigation_name: `button : ${buttonLabel}`,
         event_navigation_browsing_method: 'click',
-        other_details: isLiveOrBreakingFlag
+        other_details: isLiveOrBreaking
     }
 });
-export const InArticlePuff = ({ sectionColour, forceImageAspectRatio, isLiveOrBreakingFlag }) => {
+export const InArticlePuff = ({ sectionColour, forceImageAspectRatio, isLiveOrBreaking }) => {
     const handleClick = (fireAnalyticsEvent, buttonLabel) => {
         fireAnalyticsEvent &&
-            fireAnalyticsEvent(clickEvent(buttonLabel, isLiveOrBreakingFlag));
+            fireAnalyticsEvent(clickEvent(buttonLabel, isLiveOrBreaking));
     };
     const { loading, error, data } = useFetch();
     if (loading) {
@@ -42,7 +42,7 @@ export const InArticlePuff = ({ sectionColour, forceImageAspectRatio, isLiveOrBr
                 component_type: 'in-article component : puff : interactive',
                 event_navigation_action: 'navigation',
                 component_name: `${headline}`,
-                other_details: isLiveOrBreakingFlag
+                other_details: isLiveOrBreaking
             }
         }, scrolledEvent: scrollEvent }, ({ fireAnalyticsEvent, intersectObserverRef }) => (React.createElement(Container, { ref: intersectObserverRef, sectionColour: sectionColour },
         image ? (React.createElement(ImageContainer, null,
@@ -59,4 +59,4 @@ export const InArticlePuff = ({ sectionColour, forceImageAspectRatio, isLiveOrBr
                     } }))),
             React.createElement(InArticleLink, { link: link, linkText: linkText || 'Read more', onClick: () => handleClick(fireAnalyticsEvent, linkText || 'Read more') }))))));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5BcnRpY2xlUHVmZi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2luLWFydGljbGUtcHVmZi9JbkFydGljbGVQdWZmLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBSXRELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUM3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFFMUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNqRSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3hCLE1BQU0sZ0RBQWdELENBQUM7QUFFeEQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDeEQsT0FBTyxFQUNMLFNBQVMsRUFDVCxjQUFjLEVBQ2QsZ0JBQWdCLEVBQ2hCLEtBQUssRUFDTCxRQUFRLEVBQ1IsSUFBSSxFQUNMLE1BQU0sVUFBVSxDQUFDO0FBZWxCLE1BQU0sV0FBVyxHQUFHO0lBQ2xCLEtBQUssRUFBRTtRQUNMLHFCQUFxQixFQUFFLHVDQUF1QztRQUM5RCxnQ0FBZ0MsRUFBRSxRQUFRO0tBQzNDO0NBQ0YsQ0FBQztBQUVGLE1BQU0sVUFBVSxHQUFHLENBQUMsV0FBbUIsRUFBRSxvQkFBNkIsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUMxRSxNQUFNLEVBQUUsU0FBUztJQUNqQixLQUFLLEVBQUU7UUFDTCxxQkFBcUIsRUFBRSxZQUFZLFdBQVcsRUFBRTtRQUNoRCxnQ0FBZ0MsRUFBRSxPQUFPO1FBQ3pDLGFBQWEsRUFBRSxvQkFBb0I7S0FDcEM7Q0FDRixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxh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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5BcnRpY2xlUHVmZi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2luLWFydGljbGUtcHVmZi9JbkFydGljbGVQdWZmLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBSXRELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUM3RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFFMUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNqRSxPQUFPLEVBRUwsdUJBQXVCLEVBQ3hCLE1BQU0sZ0RBQWdELENBQUM7QUFFeEQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDeEQsT0FBTyxFQUNMLFNBQVMsRUFDVCxjQUFjLEVBQ2QsZ0JBQWdCLEVBQ2hCLEtBQUssRUFDTCxRQUFRLEVBQ1IsSUFBSSxFQUNMLE1BQU0sVUFBVSxDQUFDO0FBZWxCLE1BQU0sV0FBVyxHQUFHO0lBQ2xCLEtBQUssRUFBRTtRQUNMLHFCQUFxQixFQUFFLHVDQUF1QztRQUM5RCxnQ0FBZ0MsRUFBRSxRQUFRO0tBQzNDO0NBQ0YsQ0FBQztBQUVGLE1BQU0sVUFBVSxHQUFHLENBQUMsV0FBbUIsRUFBRSxnQkFBeUIsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUN0RSxNQUFNLEVBQUUsU0FBUztJQUNqQixLQUFLLEVBQUU7UUFDTCxxQkFBcUIsRUFBRSxZQUFZLFdBQVcsRUFBRTtRQUNoRCxnQ0FBZ0MsRUFBRSxPQUFPO1FBQ3pDLGFBQWEsRUFBRSxnQkFBZ0I7S0FDaEM7Q0FDRixDQUFDLENBQUM7QUFFSCxNQUFNLENBQUMsTUFBTSxh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

package/dist/components/in-article-puff/InArticlePuff.stories.js

@@ -18,7 +18,7 @@ storiesOf('Typescript Component/In Article/In Article Puff', module)
     .add('Image', () => (React.createElement(FetchProvider, { previewData: previewData[41548] },
     React.createElement(InArticlePuff, { sectionColour: "#13354e" }))))
     .add('Image 3:2', () => (React.createElement(FetchProvider, { previewData: previewData[41548] },
-    React.createElement(InArticlePuff, { sectionColour: "#13354e", forceImageAspectRatio: "3:2", isLiveOrBreakingFlag: "breaking" }))))
+    React.createElement(InArticlePuff, { sectionColour: "#13354e", forceImageAspectRatio: "3:2", isLiveOrBreaking: "breaking" }))))
     .add('No Image', () => (React.createElement(FetchProvider, { previewData: previewData[41547] },
-    React.createElement(InArticlePuff, { sectionColour: "#184e13", isLiveOrBreakingFlag: "live" }))));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5BcnRpY2xlUHVmZi5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW4tYXJ0aWNsZS1wdWZmL0luQXJ0aWNsZVB1ZmYuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUV6RixPQUFPLFdBQVcsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RSxPQUFPLGVBQWUsTUFBTSxvREFBb0QsQ0FBQztBQUVqRixTQUFTLENBQUMsaURBQWlELEVBQUUsTUFBTSxDQUFDO0tBQ2pFLFlBQVksQ0FBQyxDQUFDLE9BQThCLEVBQUUsRUFBRSxDQUFDLENBQ2hELG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxpQkFBaUI7WUFDL0IsZUFBZSxFQUFFLFNBQVM7U0FDM0I7S0FDRixFQUNELGVBQWUsRUFBRSxlQUFlO0lBRWhDLG9CQUFDLGNBQWMsUUFBRSxPQUFPLEVBQUUsQ0FBa0IsQ0FDcEIsQ0FDM0IsQ0FBQztLQUNELEdBQUcsQ0FBQyxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDbEIsb0JBQUMsYUFBYSxJQUFDLFdBQVcsRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDO0lBQzVDLG9CQUFDLGFBQWEsSUFBQyxhQUFhLEVBQUMsU0FBUyxHQUFHLENBQzNCLENBQ2pCLENBQUM7S0FDRCxHQUFHLENBQUMsV0FBVyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQ3RCLG9CQUFDLGFBQWEsSUFBQyxXQUFXLEVBQUUsV0FBVyxDQUFDLEtBQUssQ0FBQztJQUM1QyxvQkFBQyxhQUFhLElBQ1osYUFBYSxFQUFDLFNBQVMsRUFDdkIscUJBQXFCLEVBQUMsS0FBSyxFQUMzQixvQkFBb0IsRUFBQyxVQUFVLEdBQy9CLENBQ1ksQ0FDakIsQ0FBQztLQUNELEdBQUcsQ0FBQyxVQUFVLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDckIsb0JBQUMsYUFBYSxJQUFDLFdBQVcsRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDO0lBQzVDLG9CQUFDLGFBQWEsSUFBQyxhQUFhLEVBQUMsU0FBUyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sR0FBRyxDQUN2RCxDQUNqQixDQUFDLENBQUMifQ==
+    React.createElement(InArticlePuff, { sectionColour: "#184e13", isLiveOrBreaking: "live" }))));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5BcnRpY2xlUHVmZi5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvaW4tYXJ0aWNsZS1wdWZmL0luQXJ0aWNsZVB1ZmYuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUU3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUV6RixPQUFPLFdBQVcsTUFBTSw2Q0FBNkMsQ0FBQztBQUN0RSxPQUFPLGVBQWUsTUFBTSxvREFBb0QsQ0FBQztBQUVqRixTQUFTLENBQUMsaURBQWlELEVBQUUsTUFBTSxDQUFDO0tBQ2pFLFlBQVksQ0FBQyxDQUFDLE9BQThCLEVBQUUsRUFBRSxDQUFDLENBQ2hELG9CQUFDLHVCQUF1QixJQUN0QixPQUFPLEVBQUU7UUFDUCxTQUFTLEVBQUUsaUJBQWlCO1FBQzVCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxpQkFBaUI7WUFDL0IsZUFBZSxFQUFFLFNBQVM7U0FDM0I7S0FDRixFQUNELGVBQWUsRUFBRSxlQUFlO0lBRWhDLG9CQUFDLGNBQWMsUUFBRSxPQUFPLEVBQUUsQ0FBa0IsQ0FDcEIsQ0FDM0IsQ0FBQztLQUNELEdBQUcsQ0FBQyxPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDbEIsb0JBQUMsYUFBYSxJQUFDLFdBQVcsRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDO0lBQzVDLG9CQUFDLGFBQWEsSUFBQyxhQUFhLEVBQUMsU0FBUyxHQUFHLENBQzNCLENBQ2pCLENBQUM7S0FDRCxHQUFHLENBQUMsV0FBVyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQ3RCLG9CQUFDLGFBQWEsSUFBQyxXQUFXLEVBQUUsV0FBVyxDQUFDLEtBQUssQ0FBQztJQUM1QyxvQkFBQyxhQUFhLElBQ1osYUFBYSxFQUFDLFNBQVMsRUFDdkIscUJBQXFCLEVBQUMsS0FBSyxFQUMzQixnQkFBZ0IsRUFBQyxVQUFVLEdBQzNCLENBQ1ksQ0FDakIsQ0FBQztLQUNELEdBQUcsQ0FBQyxVQUFVLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDckIsb0JBQUMsYUFBYSxJQUFDLFdBQVcsRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDO0lBQzVDLG9CQUFDLGFBQWEsSUFBQyxhQUFhLEVBQUMsU0FBUyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sR0FBRyxDQUNuRCxDQUNqQixDQUFDLENBQUMifQ==

package/dist/components/updated-timestamp/UpdatedTimestamp.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const UpdatedTimestamp: React.FC<{
+    updatedTime?: string;
+}>;

package/dist/components/updated-timestamp/UpdatedTimestamp.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { differenceInSeconds, format, formatDistanceStrict } from 'date-fns';
+import { Container, TimeSinceUpdate } from './styles';
+export const UpdatedTimestamp = ({ updatedTime }) => {
+    if (!updatedTime) {
+        return null;
+    }
+    const currentDateTime = new Date();
+    const updatedDate = new Date(updatedTime);
+    const timeSincePublishing = formatDistanceStrict(updatedDate, currentDateTime, {
+        roundingMethod: 'floor'
+    }) + ' ago';
+    const diffInSeconds = differenceInSeconds(currentDateTime, updatedDate);
+    const isLessThan1Minute = diffInSeconds < 60;
+    const isLessThan13Hours = diffInSeconds < 60 * 60 * 13;
+    return (React.createElement(Container, null, !isLessThan1Minute && isLessThan13Hours ? (React.createElement(TimeSinceUpdate, { "data-testId": "MinutesHoursSinceUpdate" }, `Updated ${timeSincePublishing}`)) : !isLessThan13Hours ? (React.createElement(TimeSinceUpdate, { "data-testId": "DateTimeUpdated" },
+        `Updated `,
+        format(updatedDate, 'MMMM d, '),
+        format(updatedDate, 'h.mmaaa'))) : null));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVXBkYXRlZFRpbWVzdGFtcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3VwZGF0ZWQtdGltZXN0YW1wL1VwZGF0ZWRUaW1lc3RhbXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxFQUFFLG9CQUFvQixFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRTdFLE9BQU8sRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRXRELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUV4QixDQUFDLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRTtJQUN2QixJQUFJLENBQUMsV0FBVyxFQUFFO1FBQ2hCLE9BQU8sSUFBSSxDQUFDO0tBQ2I7SUFDRCxNQUFNLGVBQWUsR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDO0lBQ25DLE1BQU0sV0FBVyxHQUFHLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQzFDLE1BQU0sbUJBQW1CLEdBQ3ZCLG9CQUFvQixDQUFDLFdBQVcsRUFBRSxlQUFlLEVBQUU7UUFDakQsY0FBYyxFQUFFLE9BQU87S0FDeEIsQ0FBQyxHQUFHLE1BQU0sQ0FBQztJQUNkLE1BQU0sYUFBYSxHQUFHLG1CQUFtQixDQUFDLGVBQWUsRUFBRSxXQUFXLENBQUMsQ0FBQztJQUV4RSxNQUFNLGlCQUFpQixHQUFHLGFBQWEsR0FBRyxFQUFFLENBQUM7SUFDN0MsTUFBTSxpQkFBaUIsR0FBRyxhQUFhLEdBQUcsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLENBQUM7SUFFdkQsT0FBTyxDQUNMLG9CQUFDLFNBQVMsUUFDUCxDQUFDLGlCQUFpQixJQUFJLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxDQUN6QyxvQkFBQyxlQUFlLG1CQUFhLHlCQUF5QixJQUNuRCxXQUFXLG1CQUFtQixFQUFFLENBQ2pCLENBQ25CLENBQUMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLENBQ3ZCLG9CQUFDLGVBQWUsbUJBQWEsaUJBQWlCO1FBQzNDLFVBQVU7UUFDVixNQUFNLENBQUMsV0FBVyxFQUFFLFVBQVUsQ0FBQztRQUMvQixNQUFNLENBQUMsV0FBVyxFQUFFLFNBQVMsQ0FBQyxDQUNmLENBQ25CLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDRSxDQUNiLENBQUM7QUFDSixDQUFDLENBQUMifQ==

package/dist/components/updated-timestamp/UpdatedTimestamp.stories.d.ts

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

package/dist/components/updated-timestamp/UpdatedTimestamp.stories.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { date } from '@storybook/addon-knobs';
+import { UpdatedTimestamp } from './UpdatedTimestamp';
+storiesOf('Typescript Component/Updated Timestamp', module).add('Updated Timestamp', () => {
+    const label = 'Updated Date/Time';
+    const defaultValue = new Date();
+    const groupId = 'Options';
+    const value = date(label, defaultValue, groupId);
+    const updated = new Date(value).toISOString();
+    return React.createElement(UpdatedTimestamp, { updatedTime: updated });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVXBkYXRlZFRpbWVzdGFtcC5zdG9yaWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXBkYXRlZC10aW1lc3RhbXAvVXBkYXRlZFRpbWVzdGFtcC5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU5QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV0RCxTQUFTLENBQUMsd0NBQXdDLEVBQUUsTUFBTSxDQUFDLENBQUMsR0FBRyxDQUM3RCxtQkFBbUIsRUFDbkIsR0FBRyxFQUFFO0lBQ0gsTUFBTSxLQUFLLEdBQUcsbUJBQW1CLENBQUM7SUFDbEMsTUFBTSxZQUFZLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQztJQUNoQyxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQUM7SUFDMUIsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxZQUFZLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDakQsTUFBTSxPQUFPLEdBQUcsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7SUFFOUMsT0FBTyxvQkFBQyxnQkFBZ0IsSUFBQyxXQUFXLEVBQUUsT0FBTyxHQUFJLENBQUM7QUFDcEQsQ0FBQyxDQUNGLENBQUMifQ==

package/dist/components/updated-timestamp/__tests__/UpdatedTimestamp.test.d.ts

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

package/dist/components/updated-timestamp/__tests__/UpdatedTimestamp.test.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { UpdatedTimestamp } from '../UpdatedTimestamp';
+import MockDate from 'mockdate';
+describe('UpdatedTimestamp', () => {
+    const updated = '2022-02-28T09:00:00Z';
+    afterEach(() => MockDate.reset());
+    it('does not show the timestamp within the first minute after the last update', () => {
+        MockDate.set('2022-02-28T09:00:00Z');
+        const { baseElement, queryByTestId } = render(React.createElement(UpdatedTimestamp, { updatedTime: updated }));
+        expect(baseElement).toMatchSnapshot();
+        expect(queryByTestId('MinutesHoursSinceUpdate')).toBeFalsy();
+    });
+    it('appears one minute after the last update', () => {
+        MockDate.set('2022-02-28T09:01:00Z');
+        const { queryByTestId } = render(React.createElement(UpdatedTimestamp, { updatedTime: updated }));
+        expect(queryByTestId('MinutesHoursSinceUpdate')).toBeTruthy();
+        expect(queryByTestId('MinutesHoursSinceUpdate').textContent).toBe('Updated 1 minute ago');
+    });
+    it('appears between 1 and 12 hours after the last update', () => {
+        MockDate.set('2022-02-28T11:30:00Z');
+        const { queryByTestId } = render(React.createElement(UpdatedTimestamp, { updatedTime: updated }));
+        expect(queryByTestId('MinutesHoursSinceUpdate')).toBeTruthy();
+        expect(queryByTestId('MinutesHoursSinceUpdate').textContent).toBe('Updated 2 hours ago');
+    });
+    it('shows the date and time of update 13 hours or more after the last update', () => {
+        MockDate.set('2022-02-28T23:30:00Z');
+        const { queryByTestId } = render(React.createElement(UpdatedTimestamp, { updatedTime: updated }));
+        expect(queryByTestId('DateTimeUpdated')).toBeTruthy();
+        expect(queryByTestId('DateTimeUpdated').textContent).toBe('Updated February 28, 9.00am');
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVXBkYXRlZFRpbWVzdGFtcC50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXBkYXRlZC10aW1lc3RhbXAvX190ZXN0c19fL1VwZGF0ZWRUaW1lc3RhbXAudGVzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNoRCxPQUFPLDJCQUEyQixDQUFDO0FBRW5DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3ZELE9BQU8sUUFBUSxNQUFNLFVBQVUsQ0FBQztBQUVoQyxRQUFRLENBQUMsa0JBQWtCLEVBQUUsR0FBRyxFQUFFO0lBQ2hDLE1BQU0sT0FBTyxHQUFHLHNCQUFzQixDQUFDO0lBQ3ZDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztJQUVsQyxFQUFFLENBQUMsMkVBQTJFLEVBQUUsR0FBRyxFQUFFO1FBQ25GLFFBQVEsQ0FBQyxHQUFHLENBQUMsc0JBQXNCLENBQUMsQ0FBQztRQUNyQyxNQUFNLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxHQUFHLE1BQU0sQ0FDM0Msb0JBQUMsZ0JBQWdCLElBQUMsV0FBVyxFQUFFLE9BQU8sR0FBSSxDQUMzQyxDQUFDO1FBQ0YsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3RDLE1BQU0sQ0FBQyxhQUFhLENBQUMseUJBQXlCLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQy9ELENBQUMsQ0FBQyxDQUFDO0lBQ0gsRUFBRSxDQUFDLDBDQUEwQyxFQUFFLEdBQUcsRUFBRTtRQUNsRCxRQUFRLENBQUMsR0FBRyxDQUFDLHNCQUFzQixDQUFDLENBQUM7UUFDckMsTUFBTSxFQUFFLGFBQWEsRUFBRSxHQUFHLE1BQU0sQ0FDOUIsb0JBQUMsZ0JBQWdCLElBQUMsV0FBVyxFQUFFLE9BQU8sR0FBSSxDQUMzQyxDQUFDO1FBQ0YsTUFBTSxDQUFDLGFBQWEsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDLENBQUMsVUFBVSxFQUFFLENBQUM7UUFDOUQsTUFBTSxDQUFDLGFBQWEsQ0FBQyx5QkFBeUIsQ0FBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLElBQUksQ0FDaEUsc0JBQXNCLENBQ3ZCLENBQUM7SUFDSixDQUFDLENBQUMsQ0FBQztJQUNILEVBQUUsQ0FBQyxzREFBc0QsRUFBRSxHQUFHLEVBQUU7UUFDOUQsUUFBUSxDQUFDLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO1FBQ3JDLE1BQU0sRUFBRSxhQUFhLEVBQUUsR0FBRyxNQUFNLENBQzlCLG9CQUFDLGdCQUFnQixJQUFDLFdBQVcsRUFBRSxPQUFPLEdBQUksQ0FDM0MsQ0FBQztRQUNGLE1BQU0sQ0FBQyxhQUFhLENBQUMseUJBQXlCLENBQUMsQ0FBQyxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQzlELE1BQU0sQ0FBQyxhQUFhLENBQUMseUJBQXlCLENBQUUsQ0FBQyxXQUFXLENBQUMsQ0FBQyxJQUFJLENBQ2hFLHFCQUFxQixDQUN0QixDQUFDO0lBQ0osQ0FBQyxDQUFDLENBQUM7SUFDSCxFQUFFLENBQUMsMEVBQTBFLEVBQUUsR0FBRyxFQUFFO1FBQ2xGLFFBQVEsQ0FBQyxHQUFHLENBQUMsc0JBQXNCLENBQUMsQ0FBQztRQUNyQyxNQUFNLEVBQUUsYUFBYSxFQUFFLEdBQUcsTUFBTSxDQUM5QixvQkFBQyxnQkFBZ0IsSUFBQyxXQUFXLEVBQUUsT0FBTyxHQUFJLENBQzNDLENBQUM7UUFDRixNQUFNLENBQUMsYUFBYSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUN0RCxNQUFNLENBQUMsYUFBYSxDQUFDLGlCQUFpQixDQUFFLENBQUMsV0FBVyxDQUFDLENBQUMsSUFBSSxDQUN4RCw2QkFBNkIsQ0FDOUIsQ0FBQztJQUNKLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==

package/dist/components/updated-timestamp/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TimeSinceUpdate: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/updated-timestamp/styles.js

@@ -0,0 +1,14 @@
+import styled from 'styled-components';
+import { colours, fonts } from '@times-components/styleguide';
+export const Container = styled.div `
+  display: flex;
+  flex-direction: column;
+  padding: 3px 0 0 8px;
+`;
+export const TimeSinceUpdate = styled.div `
+  color: ${colours.functional.primary};
+  font-family: ${fonts.supporting};
+  font-size: 12px;
+  line-height: 16px;
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdXBkYXRlZC10aW1lc3RhbXAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sTUFBTSxNQUFNLG1CQUFtQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFOUQsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Q0FJbEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBO1dBQzlCLE9BQU8sQ0FBQyxVQUFVLENBQUMsT0FBTztpQkFDcEIsS0FBSyxDQUFDLFVBQVU7OztDQUdoQyxDQUFDIn0=

package/dist/helpers/time/UpdatedTimeProvider.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const UpdatedTimeProvider: React.FC<{
+    updatedTime: string;
+}>;
+export declare const useUpdatedTime: () => string | undefined;

package/dist/helpers/time/UpdatedTimeProvider.js

@@ -0,0 +1,9 @@
+import React, { createContext, useContext } from 'react';
+const UpdatedTimeProviderContext = createContext(undefined);
+export const UpdatedTimeProvider = ({ updatedTime, children }) => {
+    return (React.createElement(UpdatedTimeProviderContext.Provider, { value: updatedTime }, children));
+};
+export const useUpdatedTime = () => {
+    return useContext(UpdatedTimeProviderContext);
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVXBkYXRlZFRpbWVQcm92aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9oZWxwZXJzL3RpbWUvVXBkYXRlZFRpbWVQcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBRXpELE1BQU0sMEJBQTBCLEdBQUcsYUFBYSxDQUFxQixTQUFTLENBQUMsQ0FBQztBQUVoRixNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FFM0IsQ0FBQyxFQUFFLFdBQVcsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQ2pDLE9BQU8sQ0FDTCxvQkFBQywwQkFBMEIsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLFdBQVcsSUFDcEQsUUFBUSxDQUMyQixDQUN2QyxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLEdBQUcsRUFBRTtJQUNqQyxPQUFPLFVBQVUsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO0FBQ2hELENBQUMsQ0FBQyJ9

package/dist/helpers/time/__tests__/UpdatedTimeProvider.test.d.ts

@@ -0,0 +1 @@
+import 'regenerator-runtime';

package/dist/helpers/time/__tests__/UpdatedTimeProvider.test.js

@@ -0,0 +1,17 @@
+import { render } from '@testing-library/react';
+import React from 'react';
+import { useUpdatedTime, UpdatedTimeProvider } from '../UpdatedTimeProvider';
+import 'regenerator-runtime';
+const TestComponent = () => {
+    const updatedTime = useUpdatedTime();
+    return React.createElement(React.Fragment, null, updatedTime);
+};
+describe('UpdatedTimeProvider', () => {
+    it('should pass the updated time to the context value', () => {
+        const updatedTime = '2022-03-01T09:00:00.000Z';
+        const { findByText } = render(React.createElement(UpdatedTimeProvider, { updatedTime: updatedTime },
+            React.createElement(TestComponent, null)));
+        findByText(updatedTime);
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVXBkYXRlZFRpbWVQcm92aWRlci50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2hlbHBlcnMvdGltZS9fX3Rlc3RzX18vVXBkYXRlZFRpbWVQcm92aWRlci50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDaEQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxjQUFjLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3RSxPQUFPLHFCQUFxQixDQUFDO0FBRTdCLE1BQU0sYUFBYSxHQUFHLEdBQUcsRUFBRTtJQUN6QixNQUFNLFdBQVcsR0FBRyxjQUFjLEVBQUUsQ0FBQztJQUNyQyxPQUFPLDBDQUFHLFdBQVcsQ0FBSSxDQUFDO0FBQzVCLENBQUMsQ0FBQztBQUVGLFFBQVEsQ0FBQyxxQkFBcUIsRUFBRSxHQUFHLEVBQUU7SUFDbkMsRUFBRSxDQUFDLG1EQUFtRCxFQUFFLEdBQUcsRUFBRTtRQUMzRCxNQUFNLFdBQVcsR0FBRywwQkFBMEIsQ0FBQztRQUUvQyxNQUFNLEVBQUUsVUFBVSxFQUFFLEdBQUcsTUFBTSxDQUMzQixvQkFBQyxtQkFBbUIsSUFBQyxXQUFXLEVBQUUsV0FBVztZQUMzQyxvQkFBQyxhQUFhLE9BQUcsQ0FDRyxDQUN2QixDQUFDO1FBRUYsVUFBVSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQzFCLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==