@newskit-render/core 0.0.0-d55b7d88

package/pages/checkout/payment-details/index.tsx

@@ -0,0 +1,10 @@
+import React from 'react'
+import { PaymentDetails, getProviderProps } from '@newskit-render/checkout'
+
+const PaymentDetailsPage = (props) => <PaymentDetails {...props} />
+
+export default PaymentDetailsPage
+
+export const getServerSideProps = async (context) => {
+  return getProviderProps({ ...context, provider: 'paymentDetails' })
+}

package/pages/empty.tsx

@@ -0,0 +1,6 @@
+import React from 'react'
+import { H1 } from 'newskit'
+
+const EmptyPage = () => <H1>Hello World</H1>
+
+export default EmptyPage

package/pages/help-hub/article/[title]/index.tsx

@@ -0,0 +1,25 @@
+import React from 'react'
+import { replaceConsoleAndSetTransactionName } from '../../../../helpers/logger'
+import {
+  AlgoliaCredentials,
+  HelpHubArticlePage,
+  helpHubArticleProvider,
+} from '@newskit-render/standalone-components'
+import { addCacheHeaders } from '../../../../helpers/addCacheHeaders'
+
+const ArticlePage: React.FC<{
+  credentials: AlgoliaCredentials
+  title: string
+  content: string
+  referer?: string
+}> = (props) => <HelpHubArticlePage {...props} />
+
+export default ArticlePage
+
+export const getServerSideProps = async (context) => {
+  replaceConsoleAndSetTransactionName('HelpHubArticlePage')
+
+  addCacheHeaders(context.res)
+
+  return helpHubArticleProvider(context)
+}

package/pages/help-hub/error.tsx

@@ -0,0 +1,23 @@
+import React from 'react'
+import { replaceConsoleAndSetTransactionName } from '../../helpers/logger'
+import {
+  HelpHubErrorPage,
+  helpHubErrorPageProvider,
+  AlgoliaCredentials,
+} from '@newskit-render/standalone-components'
+import { addCacheHeaders } from '../../helpers/addCacheHeaders'
+
+const ErrorPageHelpHub: React.FC<{
+  credentials: AlgoliaCredentials
+}> = (props) => {
+  return <HelpHubErrorPage {...props} />
+}
+
+export const getServerSideProps = async (context) => {
+  replaceConsoleAndSetTransactionName('HelpHubErrorPage')
+
+  addCacheHeaders(context.res)
+  return helpHubErrorPageProvider()
+}
+
+export default ErrorPageHelpHub

package/pages/help-hub/index.tsx

@@ -0,0 +1,51 @@
+import React from 'react'
+import { replaceConsoleAndSetTransactionName } from '../../helpers/logger'
+import {
+  AlgoliaCredentials,
+  HelpHubLandingPage,
+  helpHubLandingPageProvider,
+} from '@newskit-render/standalone-components'
+import { addCacheHeaders } from '../../helpers/addCacheHeaders'
+
+const mostReadArticles = [
+  {
+    title: 'Sign-in with Google',
+    objectID: 'sign-with-google',
+  },
+  {
+    title:
+      'I am trying to share an article via Google+ but an error message keeps appearing',
+    objectID:
+      'i-am-trying-to-share-an-article-via-google-but-an-error-message-keeps-appearing',
+  },
+  {
+    title: 'How will I find out if I have won a competition?',
+    objectID: 'how-will-i-find-out-if-i-have-won-a-competition',
+  },
+  {
+    title: 'How do I login/reset my password?',
+    objectID: 'how-do-i-login-reset-my-password',
+  },
+  {
+    title: 'How do I cancel or change my pack?',
+    objectID: 'how-do-i-cancel-or-change-my-pack',
+  },
+  {
+    title: 'Can I share my Times & Sunday Times iPad subscription access?',
+    objectID: 'can-i-share-my-times-sunday-times-ipad-subscription-access',
+  },
+]
+
+const LandingPage: React.FC<{
+  credentials: AlgoliaCredentials
+}> = (props) => <HelpHubLandingPage {...props} context={{ mostReadArticles }} />
+
+export default LandingPage
+
+export const getServerSideProps = async (context) => {
+  replaceConsoleAndSetTransactionName('HelpHubLandingPage')
+
+  addCacheHeaders(context.res)
+
+  return helpHubLandingPageProvider()
+}

package/pages/help-hub/results.tsx

@@ -0,0 +1,25 @@
+import React from 'react'
+import { replaceConsoleAndSetTransactionName } from '../../helpers/logger'
+import {
+  HelpHubResultsPage,
+  AlgoliaCredentials,
+  Hit,
+  helpHubResultsProvider,
+} from '@newskit-render/standalone-components'
+import { addCacheHeaders } from '../../helpers/addCacheHeaders'
+
+const ResultsPage: React.FC<{
+  credentials: AlgoliaCredentials
+  hits: Hit[]
+}> = (props) => <HelpHubResultsPage {...props} />
+
+export default ResultsPage
+
+export const getServerSideProps = async (context) => {
+  replaceConsoleAndSetTransactionName('HelpHubResultsPage')
+  console.warn('context:')
+  console.warn(context.req && context.req.headers)
+  addCacheHeaders(context.res)
+
+  return helpHubResultsProvider(context)
+}

package/pages/index.tsx

@@ -0,0 +1,19 @@
+import { Block, TextBlock } from 'newskit'
+
+const HomePage = () => {
+  return (
+    <Block
+      style={{
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        height: '100vh',
+      }}
+    >
+      <TextBlock typographyPreset="editorialHeadline080" stylePreset="inkBase">
+        Welcome to newskit-render
+      </TextBlock>
+    </Block>
+  )
+}
+export default HomePage

package/pages/player/brightcove.tsx

@@ -0,0 +1,19 @@
+import React from 'react'
+import { VideoPlayer } from 'newskit'
+import { useRouter } from 'next/router'
+
+const BrightcovePlayer: React.FC<{}> = () => {
+  const router = useRouter()
+
+  const videoConfig = {
+    'data-account': router.query.account_id as string,
+    'data-player': router.query.player_id as string,
+    'data-video-id': router.query.video_id as string,
+    'data-embed': 'default',
+    controls: true,
+  }
+
+  return <VideoPlayer config={videoConfig} />
+}
+
+export default BrightcovePlayer

package/pages/rss/create/index.tsx

@@ -0,0 +1,18 @@
+import React, { useContext } from 'react'
+import { RSSConsoleCreateFeedPage } from '@newskit-render/standalone-components'
+import { useThemeDropdownObject } from '../../../helpers/useThemeDropdownObject'
+import { AppContext } from '../../../context'
+
+const LandingPage: React.FC = () => {
+  const { theme, setTheme } = useContext(AppContext)
+  const themeDropdownObject = useThemeDropdownObject(setTheme)
+
+  return (
+    <RSSConsoleCreateFeedPage
+      customTheme={theme}
+      themeDropdownObject={themeDropdownObject}
+    />
+  )
+}
+
+export default LandingPage

package/pages/rss/feed/[feedId]/index.tsx

@@ -0,0 +1,21 @@
+import React, { useContext } from 'react'
+import { RSSConsoleFeedDetailsPage } from '@newskit-render/standalone-components'
+import { useThemeDropdownObject } from '../../../../helpers/useThemeDropdownObject'
+import { useRouter } from 'next/router'
+import { AppContext } from '../../../../context'
+
+const LandingPage: React.FC = () => {
+  const { theme, setTheme } = useContext(AppContext)
+  const themeDropdownObject = useThemeDropdownObject(setTheme)
+  const router = useRouter()
+
+  return (
+    <RSSConsoleFeedDetailsPage
+      feedId={Number(router.query.feedId)}
+      customTheme={theme}
+      themeDropdownObject={themeDropdownObject}
+    />
+  )
+}
+
+export default LandingPage

package/pages/rss/index.tsx

@@ -0,0 +1,18 @@
+import React, { useContext } from 'react'
+import { RSSConsoleFeedsListPage } from '@newskit-render/standalone-components'
+import { useThemeDropdownObject } from '../../helpers/useThemeDropdownObject'
+import { AppContext } from '../../context'
+
+const LandingPage: React.FC = () => {
+  const { theme, setTheme } = useContext(AppContext)
+  const themeDropdownObject = useThemeDropdownObject(setTheme)
+
+  return (
+    <RSSConsoleFeedsListPage
+      customTheme={theme}
+      themeDropdownObject={themeDropdownObject}
+    />
+  )
+}
+
+export default LandingPage