@newskit-render/core 4.62.13 → 4.62.14-672c61c57.5

package/__tests__/pages/__snapshots__/home.test.tsx.snap

@@ -164,6 +164,81 @@ exports[`getServerSideProps Homepage 1`] = `
                 </span>
               </a>
             </div>
+            <div
+              class="css-bo73co"
+            >
+              <hr
+                aria-hidden="true"
+                class="css-1y03jd"
+                data-testid="divider"
+              />
+              <hr
+                aria-hidden="true"
+                class="css-80khzk"
+                data-testid="divider"
+              />
+            </div>
+            <div
+              class="css-mycqxl"
+            >
+              <a
+                class="css-1ulbpfm"
+                href="/account"
+              >
+                <span
+                  class="css-pqzzby"
+                >
+                  <span
+                    class="css-1xzc2un"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="css-fvymbj"
+                      data-testid="account-link"
+                      fill="currentColor"
+                      height="24px"
+                      viewBox="0 0 24 24"
+                      width="24px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM7.07 18.28C7.5 17.38 10.12 16.5 12 16.5C13.88 16.5 16.51 17.38 16.93 18.28C15.57 19.36 13.86 20 12 20C10.14 20 8.43 19.36 7.07 18.28ZM12 14.5C13.46 14.5 16.93 15.09 18.36 16.83C19.38 15.49 20 13.82 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12C4 13.82 4.62 15.49 5.64 16.83C7.07 15.09 10.54 14.5 12 14.5ZM12 6C10.06 6 8.5 7.56 8.5 9.5C8.5 11.44 10.06 13 12 13C13.94 13 15.5 11.44 15.5 9.5C15.5 7.56 13.94 6 12 6ZM10.5 9.5C10.5 10.33 11.17 11 12 11C12.83 11 13.5 10.33 13.5 9.5C13.5 8.67 12.83 8 12 8C11.17 8 10.5 8.67 10.5 9.5Z"
+                        fill="#FFFFFF"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="css-1xzc2un"
+                  >
+                    <hr
+                      aria-hidden="true"
+                      class="css-1y03jd"
+                      data-testid="divider"
+                    />
+                  </span>
+                  <span
+                    class="css-1xzc2un"
+                  >
+                    <hr
+                      aria-hidden="true"
+                      class="css-80khzk"
+                      data-testid="divider"
+                    />
+                  </span>
+                  <span
+                    class="css-1xzc2un"
+                  >
+                    <span
+                      class="css-yk25sg"
+                    >
+                      Account
+                    </span>
+                  </span>
+                </span>
+              </a>
+            </div>
           </div>
         </nav>
       </div>

package/__tests__/pages/home.test.tsx

@@ -8,8 +8,22 @@ jest.mock('../../helpers/getYear', () => ({
 
 describe('getServerSideProps', () => {
   test('Homepage', () => {
+    const mockUser = {
+      firstName: '',
+      lastName: '',
+      cpn: '',
+      email: '',
+      hash: '',
+      mobile: '',
+      phoneNumber: '',
+      dateOfBirth: '',
+      paymentFailure: { active: false, startDate: '' },
+      subscriptions: [],
+      account: { optOut: false },
+    }
     const { asFragment } = renderWithTheme(SectionPage, {
       page: getPageMock.page,
+      user: mockUser,
     })
     expect(asFragment()).toMatchSnapshot()
   })

package/components/article/__tests__/__snapshots__/index.test.tsx.snap

@@ -164,6 +164,81 @@ exports[`Article should render tile and sub title 1`] = `
                 </span>
               </a>
             </div>
+            <div
+              class="css-bo73co"
+            >
+              <hr
+                aria-hidden="true"
+                class="css-1y03jd"
+                data-testid="divider"
+              />
+              <hr
+                aria-hidden="true"
+                class="css-80khzk"
+                data-testid="divider"
+              />
+            </div>
+            <div
+              class="css-mycqxl"
+            >
+              <a
+                class="css-1ulbpfm"
+                href="/account"
+              >
+                <span
+                  class="css-pqzzby"
+                >
+                  <span
+                    class="css-1xzc2un"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="css-fvymbj"
+                      data-testid="account-link"
+                      fill="currentColor"
+                      height="24px"
+                      viewBox="0 0 24 24"
+                      width="24px"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        clip-rule="evenodd"
+                        d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM7.07 18.28C7.5 17.38 10.12 16.5 12 16.5C13.88 16.5 16.51 17.38 16.93 18.28C15.57 19.36 13.86 20 12 20C10.14 20 8.43 19.36 7.07 18.28ZM12 14.5C13.46 14.5 16.93 15.09 18.36 16.83C19.38 15.49 20 13.82 20 12C20 7.59 16.41 4 12 4C7.59 4 4 7.59 4 12C4 13.82 4.62 15.49 5.64 16.83C7.07 15.09 10.54 14.5 12 14.5ZM12 6C10.06 6 8.5 7.56 8.5 9.5C8.5 11.44 10.06 13 12 13C13.94 13 15.5 11.44 15.5 9.5C15.5 7.56 13.94 6 12 6ZM10.5 9.5C10.5 10.33 11.17 11 12 11C12.83 11 13.5 10.33 13.5 9.5C13.5 8.67 12.83 8 12 8C11.17 8 10.5 8.67 10.5 9.5Z"
+                        fill="#FFFFFF"
+                        fill-rule="evenodd"
+                      />
+                    </svg>
+                  </span>
+                  <span
+                    class="css-1xzc2un"
+                  >
+                    <hr
+                      aria-hidden="true"
+                      class="css-1y03jd"
+                      data-testid="divider"
+                    />
+                  </span>
+                  <span
+                    class="css-1xzc2un"
+                  >
+                    <hr
+                      aria-hidden="true"
+                      class="css-80khzk"
+                      data-testid="divider"
+                    />
+                  </span>
+                  <span
+                    class="css-1xzc2un"
+                  >
+                    <span
+                      class="css-yk25sg"
+                    >
+                      Account
+                    </span>
+                  </span>
+                </span>
+              </a>
+            </div>
           </div>
         </nav>
       </div>

package/components/article/__tests__/index.test.tsx

@@ -4,7 +4,7 @@ import { within } from '@testing-library/react'
 import Article from '..'
 import { Video } from '../../../helpers/global-types'
 import { renderWithTheme } from '../../../helpers/test-utils'
-import { dpaTemplatesMock, articleData } from './mocks'
+import { dpaTemplatesMock, articleData, userData } from './mocks'
 
 const ArticleWrapper = (props) => (
   <ArticleRecommendationsProviderContext.Provider
@@ -39,7 +39,10 @@ describe('Article', () => {
   test('should render tile and sub title', () => {
     const { getByTestId, asFragment } = renderWithTheme(
       ArticleWrapper,
-      articleData
+      {
+        ...articleData,
+        ...userData
+      }
     )
     const headLine = within(getByTestId('HeadLine'))
     const kicker = within(getByTestId('Kicker'))
@@ -53,7 +56,10 @@ describe('Article', () => {
   })
 
   test('should render byline', () => {
-    const { getByTestId } = renderWithTheme(ArticleWrapper, articleData)
+    const { getByTestId } = renderWithTheme(ArticleWrapper, {
+      ...articleData,
+      ...userData
+    })
     const byline = within(getByTestId('MetaBox'))
     const authorName = byline.getByText('John Smith')
     const authorTitle = byline.getByText('John Smith')
@@ -63,14 +69,20 @@ describe('Article', () => {
 
   test('should render published time', () => {
     articleData.updatedDateTime = undefined
-    const { getByTestId } = renderWithTheme(ArticleWrapper, articleData)
+    const { getByTestId } = renderWithTheme(ArticleWrapper, {
+      ...articleData,
+      ...userData
+    })
     const metaBox = within(getByTestId('MetaBox'))
     const date = metaBox.getByText('Thu February 14 2019, 12:00am')
     expect(date).toBeInTheDocument()
   })
 
   test('should render related topics', () => {
-    const { getByTestId } = renderWithTheme(ArticleWrapper, articleData)
+    const { getByTestId } = renderWithTheme(ArticleWrapper, {
+      ...articleData,
+      ...userData
+    })
     const topics = within(getByTestId('RelatedTopics')).getAllByTestId('tag')
     expect(topics[0].getAttribute('href')).toBe(null)
     expect(within(topics[0]).getByText('Some topic one')).toBeInTheDocument()
@@ -82,12 +94,18 @@ describe('Article', () => {
 
   test('should not render related topics', () => {
     articleData.topics = undefined
-    const { getByTestId } = renderWithTheme(ArticleWrapper, articleData)
+    const { getByTestId } = renderWithTheme(ArticleWrapper, {
+      ...articleData,
+      ...userData
+    })
     expect(() => getByTestId('topics')).toThrow()
   })
 
   test('should render highlights panel', () => {
-    const { getByTestId } = renderWithTheme(ArticleWrapper, articleData)
+    const { getByTestId } = renderWithTheme(ArticleWrapper, {
+      ...articleData,
+      ...userData
+    })
     const title = within(getByTestId('Highlights')).getAllByText(
       'Highlights'
     )[0]
@@ -99,7 +117,10 @@ describe('Article', () => {
   })
 
   test('should render related articles panel', () => {
-    const { getByTestId } = renderWithTheme(ArticleWrapper, articleData)
+    const { getByTestId } = renderWithTheme(ArticleWrapper, {
+      ...articleData,
+      ...userData
+    })
     const title = within(getByTestId('RelatedArticles')).getByText('Related')
     const card = within(getByTestId('RelatedArticles')).getAllByTestId(
       'article-recommendation-large'
@@ -110,7 +131,10 @@ describe('Article', () => {
   })
 
   test('should render image', () => {
-    const { getByAltText } = renderWithTheme(ArticleWrapper, articleData)
+    const { getByAltText } = renderWithTheme(ArticleWrapper, {
+      ...articleData,
+      ...userData
+    })
     const img = getByAltText('testIMG')
     expect(img.getAttribute('src')).toBe(
       '/_next/image?url=%2Fimg%2Furl&w=3840&q=75'
@@ -119,12 +143,18 @@ describe('Article', () => {
 
   test('should not render image', () => {
     articleData.media = undefined
-    const { getByAltText } = renderWithTheme(ArticleWrapper, articleData)
+    const { getByAltText } = renderWithTheme(ArticleWrapper, {
+      ...articleData,
+      ...userData
+    })
     expect(() => getByAltText('testIMG')).toThrow()
   })
 
   test('should render paragraphs', () => {
-    const { getByTestId } = renderWithTheme(ArticleWrapper, articleData)
+    const { getByTestId } = renderWithTheme(ArticleWrapper, {
+      ...articleData,
+      ...userData
+    })
     const paragraphs = getByTestId('ArticleContent')
     expect(within(paragraphs).getByText('paragraph one')).toBeInTheDocument()
     expect(within(paragraphs).getByText('paragraph two')).toBeInTheDocument()
@@ -133,7 +163,10 @@ describe('Article', () => {
 
   test('should not render paragraphs', () => {
     articleData.summary = undefined
-    const { getByTestId } = renderWithTheme(ArticleWrapper, articleData)
+    const { getByTestId } = renderWithTheme(ArticleWrapper, {
+      ...articleData,
+      ...userData
+    })
     expect(() =>
       within(getByTestId('ArticleContent')).getAllByTestId('ArticleParagraph')
     ).toThrow()
@@ -156,7 +189,10 @@ describe('Article', () => {
         },
       },
     }
-    const { getByTestId } = renderWithTheme(ArticleWrapper, articleWithVideo)
+    const { getByTestId } = renderWithTheme(ArticleWrapper, {
+      ...articleWithVideo, // <-- use articleWithVideo here
+      ...userData
+    })
     const video = getByTestId('bc-video-player')
     const articleVideo = articleWithVideo?.media as Video
     expect(video.getAttribute('data-account')).toBe(articleVideo.accountId)
@@ -165,7 +201,10 @@ describe('Article', () => {
 
   test('should not render video', () => {
     articleData.media = undefined
-    const { getByTestId } = renderWithTheme(ArticleWrapper, articleData)
+    const { getByTestId } = renderWithTheme(ArticleWrapper, {
+      ...articleData,
+      ...userData
+    })
     expect(() => getByTestId('bc-video-player')).toThrow()
   })
 })

package/components/article/__tests__/mocks.ts

@@ -103,3 +103,11 @@ export const dpaTemplatesMock: DpaTemplate = [
     adlibraryMPU: [],
   },
 ]
+
+export const userData = {
+  user: {
+    account: {
+      optOut: false,
+    }
+  }
+}

package/components/header/banner-messages.ts

@@ -42,4 +42,9 @@ export const pastDueBanner = {
     firstNotice: 26,
     secondNotice: 30,
   },
+  optedOut: {
+    title: 'You are currently opted out of all email updates.',
+    text: 'To manage your newsletters, please opt in.',
+    button: 'Opt in',
+  },
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/core",
-  "version": "4.62.13",
+  "version": "4.62.14-672c61c57.5+672c61c57",
   "description": "Newskit Render - Core package",
   "author": "",
   "license": "UNLICENSED",
@@ -42,15 +42,15 @@
     "@emotion/styled": "11.9.3",
     "@newrelic/next": "0.5.2",
     "@newrelic/winston-enricher": "4.0.1",
-    "@newskit-render/api": "^1.19.0",
-    "@newskit-render/auth": "^1.10.0",
-    "@newskit-render/checkout": "^3.13.24",
-    "@newskit-render/feature-flags": "^1.15.1",
-    "@newskit-render/feed": "^1.10.1",
-    "@newskit-render/my-account": "^7.180.5",
-    "@newskit-render/shared-components": "^4.72.4",
-    "@newskit-render/standalone-components": "^3.28.11",
-    "@newskit-render/validation": "^1.24.0",
+    "@newskit-render/api": "^1.19.1-672c61c57.31+672c61c57",
+    "@newskit-render/auth": "^1.10.1-672c61c57.192+672c61c57",
+    "@newskit-render/checkout": "^3.13.25-672c61c57.17+672c61c57",
+    "@newskit-render/feature-flags": "^1.15.2-672c61c57.21+672c61c57",
+    "@newskit-render/feed": "^1.10.2-672c61c57.31+672c61c57",
+    "@newskit-render/my-account": "^7.180.6-672c61c57.5+672c61c57",
+    "@newskit-render/shared-components": "^4.72.5-672c61c57.17+672c61c57",
+    "@newskit-render/standalone-components": "^3.28.12-672c61c57.17+672c61c57",
+    "@newskit-render/validation": "^1.24.1-672c61c57.41+672c61c57",
     "cross-fetch": "3.1.5",
     "graphql": "16.6.0",
     "lodash.get": "4.4.2",
@@ -123,5 +123,5 @@
     "@types/pino-std-serializers": "2.4.1",
     "@types/pino-pretty": "4.7.5"
   },
-  "gitHead": "ca25b4e4c88f4aa4c90b1d055b84540871909802"
+  "gitHead": "672c61c573cff53530846915b51bf2c8daae364f"
 }