{"version":3,"file":"static/chunks/pages/[locale]/blogs/recipes-d530ea75fafc72b1.js","mappings":"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","sources":["webpack://_N_E/?8e35","webpack://_N_E/./components/layout/RecipeKioskLayout.tsx","webpack://_N_E/./pages/[locale]/blogs/recipes/index.tsx","webpack://_N_E/./components/layout/RecipeKioskLayout.module.scss"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/[locale]/blogs/recipes\",\n      function () {\n        return require(\"private-next-pages/[locale]/blogs/recipes/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/[locale]/blogs/recipes\"])\n      });\n    }\n  ","import { ReactNode } from \"react\";\nimport Image from \"@Components/Image\";\nimport LinkComponent from \"@Components/Link\";\nimport MetaHead from \"@Components/meta-head\";\nimport { titleTail } from \"@Constants/meta\";\nimport { KIOSK_VIEW_MODE_QUERY } from \"@Constants/url\";\nimport { useAppSelector } from \"@wff/store/hooks\";\nimport { localeSelector } from \"@wff/store/localeSlice\";\nimport classes from \"./RecipeKioskLayout.module.scss\";\n\ninterface IRecipeKioskLayout {\n  pageModel?: any;\n  mainClass?: string;\n  pageTitle?: string;\n  children?: ReactNode;\n  pageDescription?: string;\n  rightHeaderContent?: ReactNode;\n  headTitleTail?: string; // pass empty string to remove the titleTail from the <title> tag\n}\n\nexport function RecipeKioskLayout({\n  children,\n  pageModel,\n  pageTitle = \"\",\n  rightHeaderContent,\n  pageDescription = \"\",\n  headTitleTail = titleTail,\n  mainClass = \"layout__main\",\n}: IRecipeKioskLayout) {\n  const { languageCode } = useAppSelector(localeSelector);\n  const siteLogoURL = pageModel?.siteGlobal?.header?.siteLogo?.url ?? \"\";\n  const copyRightsContent =\n    pageModel?.siteGlobal?.footer?.copyRightsContent ?? \"\";\n\n  return (\n    <>\n      <MetaHead\n        headTitle={pageTitle}\n        headTitleTail={headTitleTail}\n        headDescription={pageDescription}\n      />\n\n      <div className={classes.wrapper}>\n        <header className={classes.header} id=\"site-header\">\n          <LinkComponent\n            href={`/${languageCode}/blogs/recipes/?viewMode=${KIOSK_VIEW_MODE_QUERY}`}\n          >\n            <a className={classes.logo}>\n              <Image\n                alt=\"Logo\"\n                layout=\"fill\"\n                src={`${siteLogoURL}?fm=webp&w=1920&h=1080`}\n                objectFit=\"contain\"\n                className={classes.logo}\n              />\n            </a>\n          </LinkComponent>\n\n          {rightHeaderContent}\n        </header>\n\n        <main className={mainClass}>{children}</main>\n\n        <footer className={classes.footer}>\n          <section className={classes.copyright}>{copyRightsContent}</section>\n        </footer>\n      </div>\n    </>\n  );\n}\n\nexport default RecipeKioskLayout;\n","import { useRouter } from \"next/router\";\nimport RecipeKioskLayout from \"@Components/layout/RecipeKioskLayout\";\nimport { RecipesListing } from \"@Components/recipes-listing/RecipesListing\";\nimport {\n  RecipeHero,\n  RecipeListCard,\n  RecipeListFilter,\n  RecipeSearchInput,\n  RecipeLoadMoreButton,\n} from \"@Components/recipes-listing/components\";\nimport { KIOSK_VIEW_MODE_QUERY } from \"@Constants/url\";\nimport CmsPage, { getCMSPageModel } from \"@Libs/contentful/components/CmsPage\";\nimport RecipesListingPageQuery from \"@Libs/contentful/queries/RecipesListingPage\";\nimport { makeStaticProps } from \"@Libs/i18n/getStatic\";\nimport { pageModel } from \"@Types/Contentful\";\nimport { IRecipesListingPageContent } from \"@Types/recipes-listing-page\";\nimport { RecipesContextProvider } from \"@wff/context/recipes/RecipesContextProvider\";\nimport { useRecipePagination } from \"@wff/hooks/useRecipePagination\";\nimport { getStaticPaths } from \"../../../../libs/i18n/getStatic\";\n\ninterface RecipesListingPageProps {\n  pageModel: pageModel;\n}\n\nconst RecipesListingPage = ({ pageModel }: RecipesListingPageProps) => {\n  const {\n    query: { viewMode },\n  } = useRouter();\n  const { pageContent = {} } = pageModel;\n  const useRecipesProp = useRecipePagination();\n\n  // The kiosk in the O2O store view mode\n  if (viewMode === KIOSK_VIEW_MODE_QUERY) {\n    return (\n      <RecipesContextProvider\n        {...useRecipesProp}\n        contenfulContent={pageContent as IRecipesListingPageContent}\n      >\n        <RecipeKioskLayout\n          pageModel={pageModel}\n          pageTitle={pageContent.pageTitle}\n          rightHeaderContent={<RecipeSearchInput />}\n          pageDescription={pageContent.pageDescription}\n        >\n          <RecipesListing>\n            <RecipeHero />\n            <RecipeListFilter />\n            <RecipeListCard />\n            <RecipeLoadMoreButton />\n          </RecipesListing>\n        </RecipeKioskLayout>\n      </RecipesContextProvider>\n    );\n  }\n\n  return (\n    <CmsPage\n      pageModel={pageModel}\n      pageTitle={pageContent.pageTitle ?? \"\"}\n      pageDescription={pageContent.pageDescription ?? \"\"}\n    >\n      <RecipesContextProvider\n        {...useRecipesProp}\n        contenfulContent={pageContent as IRecipesListingPageContent}\n      >\n        <RecipesListing>\n          <RecipeHero />\n          <RecipeSearchInput />\n          <RecipeListCard />\n          <RecipeLoadMoreButton />\n        </RecipesListing>\n      </RecipesContextProvider>\n    </CmsPage>\n  );\n};\n\nconst overrideStaticProps = async (props: any) => {\n  const { locale } = props;\n\n  const pageModel = await getCMSPageModel(RecipesListingPageQuery, {\n    locale,\n  });\n\n  return {\n    props: {\n      pageModel,\n    },\n  };\n};\n\nconst getStaticProps = makeStaticProps([\"common\"], overrideStaticProps);\nexport { getStaticPaths, getStaticProps };\n\nexport default RecipesListingPage;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"root\":\"RecipeKioskLayout_root__sKFiN\",\"wrapper\":\"RecipeKioskLayout_wrapper__QS0kk\",\"header\":\"RecipeKioskLayout_header__hHKtb\",\"nav\":\"RecipeKioskLayout_nav__WvAWf\",\"logo\":\"RecipeKioskLayout_logo__Vt6BN\",\"footer\":\"RecipeKioskLayout_footer__FAdkD\",\"copyright\":\"RecipeKioskLayout_copyright__V93Kl\"};"],"names":["window","__NEXT_P","push","pageModel","children","pageTitle","rightHeaderContent","pageDescription","headTitleTail","titleTail","mainClass","languageCode","useAppSelector","localeSelector","siteLogoURL","siteGlobal","header","siteLogo","url","copyRightsContent","footer","MetaHead","headTitle","headDescription","div","className","classes","id","LinkComponent","href","KIOSK_VIEW_MODE_QUERY","a","Image","alt","layout","src","objectFit","main","section","pageContent","viewMode","useRouter","query","useRecipesProp","useRecipePagination","RecipesContextProvider","contenfulContent","RecipeKioskLayout","RecipeSearchInput","RecipesListing","RecipeHero","RecipeListFilter","RecipeListCard","RecipeLoadMoreButton","CmsPage","module","exports"],"sourceRoot":""}