\r\n {children}\r\n
\r\n )\r\n}\r\n","// extracted by mini-css-extract-plugin\nexport var SpeechBubble = \"SpeechBubble-module--SpeechBubble--2vUML\";\nexport var content = \"SpeechBubble-module--content--37Bdd\";\nexport var bubble = \"SpeechBubble-module--bubble--H9vvF\";","import React from \"react\"\r\nimport { RaisedButton } from \"./button/RaisedButton\"\r\nimport { graphql, navigate } from \"gatsby\"\r\nimport { getPathForLocale, triggerGtagEvent } from \"../util/util\"\r\nimport { useAppContext } from \"./AppContext\"\r\nimport { FlatButton } from \"./button/FlatButton\"\r\nimport { MyKindoButton } from \"./button/MyKindoButton\"\r\nimport { EMAIL_SCHOOL_SIGNUP_PITCH, MYKINDO_ATMY_URL, MYKINDO_JOIN_URL, MYKINDO_LOGIN_URL } from \"../config\"\r\nimport { navigate as reachNavigate } from '@reach/router';\r\n\r\nenum PageButtonType {\r\n Plain = \"plain\",\r\n Raised = \"raised\",\r\n MyKindoLogin = \"mykindo_login\",\r\n MyKindoJoin = \"mykindo_join\",\r\n MyKindoAtmy = \"mykindo_atmy\",\r\n EmailSchoolSignupPitch = \"email_school_signup_pitch\",\r\n HowItWorksSection = \"how_it_works\",\r\n AtMySection = \"at_my\"\r\n}\r\n\r\nexport interface IPageButton {\r\n id: string,\r\n page: {\r\n slug: string | null\r\n } | null,\r\n text: string,\r\n type: PageButtonType\r\n}\r\nexport const PageButton: React.FC\r\n
\r\n )\r\n}\r\n\r\nconst Testimonial: React.FC{heading}
\r\n\r\n {testimonials.map((testimonial) => (\r\n
\r\n \r\n {(heading) ? (\r\n
\r\n )\r\n}\r\n\r\nexport const testimonialsSectionFragment = graphql`\r\n fragment testimonialsSectionFragment on Strapi_ComponentSectionTestimonials {\r\n heading\r\n testimonials {\r\n id\r\n heading\r\n testimonial\r\n source\r\n }\r\n }\r\n`","// extracted by mini-css-extract-plugin\nexport var TestimonialsSection = \"TestimonialsSection-module--TestimonialsSection--tqLEZ\";\nexport var heading = \"TestimonialsSection-module--heading--1IowY\";\nexport var testimonialsContainer = \"TestimonialsSection-module--testimonialsContainer--3Mqvm\";\nexport var Testimonial = \"TestimonialsSection-module--Testimonial--3Uwda\";\nexport var testimonialHeading = \"TestimonialsSection-module--testimonialHeading--2BoUo\";\nexport var testimonialSource = \"TestimonialsSection-module--testimonialSource--2gQyE\";","import React, { useEffect, useState } from \"react\"\r\nimport Section from \"./Section\"\r\nimport { graphql, useStaticQuery } from \"gatsby\"\r\nimport * as styles from \"./LogoCarouselSection.module.scss\"\r\nimport \"slick-carousel/slick/slick.scss\"\r\nimport \"slick-carousel/slick/slick-theme.scss\"\r\nimport Slider from \"react-slick\"\r\nimport { IStrapiImageStaticImage } from \"../../model/IStrapiImageStaticImage\"\r\n\r\ninterface LogoCarouselSectionProps {\r\n supplierLogos: {\r\n logos: (IStrapiImageStaticImage & {\r\n id: string\r\n })[],\r\n title: string\r\n }\r\n}\r\n\r\nexport const LogoCarouselSection: React.FC{heading}
\r\n ) : null}\r\n{testimonial}
\r\n {source}
\r\n \r\n
\r\n ))\r\n\r\n return (\r\n {config.title}
\r\n\r\n \r\n {logosElements}\r\n \r\n
\r\n : undefined}\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n
\r\n 
\r\n
\r\n )\r\n}\r\n","// extracted by mini-css-extract-plugin\nexport var TwoColumnPitchSectionColumn = \"TwoColumnPitchSectionColumn-module--TwoColumnPitchSectionColumn--1mux7\";\nexport var content = \"TwoColumnPitchSectionColumn-module--content--20tST\";\nexport var headline = \"TwoColumnPitchSectionColumn-module--headline--2Y7vs\";\nexport var body = \"TwoColumnPitchSectionColumn-module--body--zeD5v\";\nexport var icon = \"TwoColumnPitchSectionColumn-module--icon--2SnIZ\";","import React from \"react\"\r\nimport { graphql } from \"gatsby\"\r\nimport Section from \"../Section\"\r\nimport { TwoColumnPitchColumn } from \"./TwoColumnPitchSectionColumn\"\r\nimport * as styles from \"./TwoColumnPitchSection.module.scss\"\r\nimport { IStrapiImageStaticImage } from \"../../../model/IStrapiImageStaticImage\"\r\n\r\nexport interface TwoColumnPitchColumnType {\r\n headline: string,\r\n body: string,\r\n icon: IStrapiImageStaticImage\r\n}\r\n\r\ninterface TwoColumnPitchSectionProps {\r\n id: string,\r\n columns: TwoColumnPitchColumnType[]\r\n}\r\nexport const TwoColumnPitchSection: React.FC\r\n
\r\n {headline}
\r\n {body}
\r\n \r\n
\r\n )\r\n}","// extracted by mini-css-extract-plugin\nexport var SectionHeadingBodyButtonsColumn = \"SectionHeadingBodyButtonsColumn-module--SectionHeadingBodyButtonsColumn--1QZPB\";\nexport var heading = \"SectionHeadingBodyButtonsColumn-module--heading--3MidQ\";\nexport var body = \"SectionHeadingBodyButtonsColumn-module--body--1C4ik\";\nexport var actionButtons = \"SectionHeadingBodyButtonsColumn-module--actionButtons--34K4Y\";","import React from \"react\"\r\nimport { graphql } from \"gatsby\"\r\nimport { IStrapiImage } from \"../../model/IStrapiImage\"\r\nimport Section from \"./Section\"\r\nimport * as styles from \"./PicturesAndBody.module.scss\"\r\nimport { mergeClassNames } from \"../../util/util\"\r\nimport { IPageButton } from \"../PageButton\"\r\nimport { FramedPicture } from \"../FramedPicture\"\r\nimport { ScaleToWindowWidth } from \"../ScaleToWindowWidth\"\r\nimport { StaticImage } from \"gatsby-plugin-image\"\r\nimport { SectionHeadingBodyButtonsColumn } from \"../SectionHeadingBodyButtonsColumn\"\r\n\r\ninterface PicturesAndBodyProps {\r\n heading: string,\r\n body: string,\r\n\r\n actionButtons: IPageButton[],\r\n\r\n testimonial: {\r\n heading: string | null,\r\n source: string,\r\n testimonial: string\r\n } | null,\r\n\r\n frontImage: IStrapiImage,\r\n backImage: IStrapiImage,\r\n middleImage: IStrapiImage | null\r\n}\r\nexport const PicturesAndBody: React.FC{heading}
\r\n\r\n {actionButtons.map((button, index) => (\r\n
\r\n \r\n \r\n
\r\n {(middleImage === null) ? undefined : (\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n\r\n {(middleImage === null) ? (\r\n \r\n \r\n
\r\n ) : undefined}\r\n\r\n {(testimonial === null) ? undefined : (\r\n \r\n {(testimonial.heading) ? (\r\n
\r\n )}\r\n \r\n \r\n )}\r\n {testimonial.heading}
\r\n ) : null}\r\n {testimonial.testimonial}
\r\n {testimonial.source}
\r\n \r\n
\r\n )\r\n}\r\n\r\nconst QuestionAndAnswer: React.FC{heading}
\r\n\r\n {questionsandanswers.map((question) => (\r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport const questionsAndAnswersSectionFragment = graphql`\r\n fragment questionsAndAnswersSectionFragment on Strapi_ComponentSectionQuestionsAndAnswers {\r\n id\r\n heading\r\n colour\r\n questionsandanswers {\r\n answer\r\n id\r\n question\r\n }\r\n }\r\n`","// extracted by mini-css-extract-plugin\nexport var QuestionsAndAnswersSection = \"QuestionsAndAnswersSection-module--QuestionsAndAnswersSection--3a2uM\";\nexport var heading = \"QuestionsAndAnswersSection-module--heading--3y5eX\";\nexport var accordionTitleContainer = \"QuestionsAndAnswersSection-module--accordionTitleContainer--36js6\";\nexport var accordionButtonContainer = \"QuestionsAndAnswersSection-module--accordionButtonContainer--hhssv\";\nexport var accordionButton = \"QuestionsAndAnswersSection-module--accordionButton--3BWyD\";\nexport var accordionTitle = \"QuestionsAndAnswersSection-module--accordionTitle--4FY6_\";\nexport var accordionContent = \"QuestionsAndAnswersSection-module--accordionContent--3avi8\";\nexport var accordionText = \"QuestionsAndAnswersSection-module--accordionText--2Mlij\";\nexport var accordionLine = \"QuestionsAndAnswersSection-module--accordionLine--37Gtx\";","// extracted by mini-css-extract-plugin\nexport var headingSection = \"FourColumnSection-module--headingSection--2sIPU\";\nexport var columnHeader = \"FourColumnSection-module--columnHeader--gshTW\";\nexport var columnImage = \"FourColumnSection-module--columnImage--3eLBI\";\nexport var columnPlus = \"FourColumnSection-module--columnPlus--2QdSD\";\nexport var headingSectionHeaderText = \"FourColumnSection-module--headingSectionHeaderText--2w-GD\";\nexport var fourColumnHeadingSmallText = \"FourColumnSection-module--fourColumnHeadingSmallText--2zCn2\";\nexport var headingSectionSubHeadingText = \"FourColumnSection-module--headingSectionSubHeadingText--A3hpa\";\nexport var fourColumnButton = \"FourColumnSection-module--fourColumnButton--2LPx3\";\nexport var cardSection = \"FourColumnSection-module--cardSection--3KlEX\";\nexport var cardColumn = \"FourColumnSection-module--cardColumn--1QcPD\";\nexport var cardBox = \"FourColumnSection-module--cardBox--3ODb_\";\nexport var cardHeading = \"FourColumnSection-module--cardHeading--nnRSM\";\nexport var cardDescription = \"FourColumnSection-module--cardDescription--15Brr\";\nexport var cardSmallText = \"FourColumnSection-module--cardSmallText--2a35e\";\nexport var cardContainer = \"FourColumnSection-module--cardContainer--1JOWb\";","import React from \"react\"\r\nimport { graphql } from \"gatsby\"\r\nimport { IStrapiImage } from \"./../../model/IStrapiImage\"\r\nimport * as styles from \"./FourColumnSection.module.scss\"\r\nimport Section from \"./Section\"\r\nimport { GatsbyImage } from \"gatsby-plugin-image\"\r\nimport { IPageButton, PageButton } from \"../PageButton\"\r\n\r\nexport interface FourColumnCard {\r\n cardHeading: string,\r\n cardIcon: IStrapiImage,\r\n cardDescription: string,\r\n cardSmallText: string,\r\n id: string\r\n}\r\n\r\ninterface FourColumnSectionProps {\r\n id: string,\r\n fourColumnHeading: string,\r\n fourColumnHeadingSmallText: string | null,\r\n fourColumnSubHeading: string,\r\n fourColumnHeadingColour: string,\r\n fourColumnHeaderPhoto1: IStrapiImage,\r\n fourColumnHeaderPhoto2: IStrapiImage,\r\n card: FourColumnCard[],\r\n fourColumnButton: IPageButton[]\r\n}\r\n\r\nexport const FourColumnSection: React.FC\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n {fourColumnHeading}{fourColumnHeadingSmallText ? {fourColumnHeadingSmallText}: undefined }
\r\n{fourColumnSubHeading}
\r\n \r\n \r\n
\r\n +
\r\n \r\n \r\n
\r\n \r\n {card.map((c) => (\r\n
\r\n \r\n {fourColumnButton.map((button, index) => (\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport const fourColumnSectionFragment = graphql`\r\n fragment fourColumnSectionFragment on Strapi_ComponentSectionFourColumnCard {\r\n id\r\n fourColumnHeading\r\n fourColumnHeadingSmallText\r\n fourColumnSubHeading\r\n fourColumnHeadingColour\r\n fourColumnHeaderPhoto1 {\r\n url\r\n urlSharp {\r\n childImageSharp {\r\n gatsbyImageData(width: 400, quality: 100)\r\n }\r\n }\r\n }\r\n fourColumnHeaderPhoto2 {\r\n url\r\n urlSharp {\r\n childImageSharp {\r\n gatsbyImageData(width: 400, quality: 100)\r\n }\r\n }\r\n }\r\n fourColumnButton {\r\n id\r\n page {\r\n slug\r\n }\r\n type\r\n text\r\n }\r\n card {\r\n cardHeading\r\n id\r\n cardDescription\r\n cardSmallText\r\n cardIcon {\r\n url\r\n urlSharp {\r\n childImageSharp {\r\n gatsbyImageData(width: 100, quality: 100)\r\n }\r\n }\r\n }\r\n }\r\n }\r\n`","import React from \"react\"\r\nimport { graphql, useStaticQuery } from \"gatsby\"\r\nimport { IStrapiImage } from \"../../model/IStrapiImage\"\r\nimport * as styles from \"./TwoColumnTalkSection.module.scss\"\r\nimport { GatsbyImage } from \"gatsby-plugin-image\"\r\nimport Section from \"./Section\"\r\nimport { IPhoneNumber } from \"../../model/IPhoneNumber\"\r\nimport {RichText} from \"../RichText\";\r\n\r\ninterface TwoColumnTalkSectionProps {\r\n talkDescription: string,\r\n talkImage: IStrapiImage\r\n}\r\ninterface TwoColumnTalkSectionData {\r\n localNumber: IPhoneNumber,\r\n nationalNumber: IPhoneNumber\r\n}\r\nexport const TwoColumnTalkSection: React.FC\r\n
\r\n {cardHeading}
\r\n \r\n \r\n {cardSmallText ?
\r\n {cardSmallText}
: ''}\r\n {cardDescription}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n {config.localNumber.userVisible} or call free {config.nationalNumber.userVisible}\r\n
\r\n \r\n \r\n
\r\n {contactHeader}
\r\n\r\n Helpdesk: {config.localNumber.userVisible} or call free {config.nationalNumber.userVisible}\r\n
\r\n\r\n
\r\n \r\n Talk to one of our friendly team,\r\n
\r\n Monday to Friday 8:00am - 4:00pm\r\n
\r\n
\r\n Email: {config.helpdeskEmail}\r\n
\r\n\r\n
\r\n Online: {config.supportLink}\r\n
\r\n\r\n
\r\n \r\n Our online support centre for ezlunch and your myKindo account\r\n
\r\n\r\n
\r\n
\r\n \r\n Or you can contact us with this form:\r\n
\r\n \r\n
\r\n \r\n * Required fields\r\n
\r\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\";\n// Exports\nexport default code;","function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {\n try {\n var info = gen[key](arg);\n var value = info.value;\n } catch (error) {\n reject(error);\n return;\n }\n\n if (info.done) {\n resolve(value);\n } else {\n Promise.resolve(value).then(_next, _throw);\n }\n}\n\nexport default function _asyncToGenerator(fn) {\n return function () {\n var self = this,\n args = arguments;\n return new Promise(function (resolve, reject) {\n var gen = fn.apply(self, args);\n\n function _next(value) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value);\n }\n\n function _throw(err) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err);\n }\n\n _next(undefined);\n });\n };\n}","var array = [];\nvar characterCodeCache = [];\nexport default function leven(first, second) {\n if (first === second) {\n return 0;\n }\n\n var swap = first; // Swapping the strings if `a` is longer than `b` so we know which one is the\n // shortest & which one is the longest\n\n if (first.length > second.length) {\n first = second;\n second = swap;\n }\n\n var firstLength = first.length;\n var secondLength = second.length; // Performing suffix trimming:\n // We can linearly drop suffix common to both strings since they\n // don't increase distance at all\n // Note: `~-` is the bitwise way to perform a `- 1` operation\n\n while (firstLength > 0 && first.charCodeAt(~-firstLength) === second.charCodeAt(~-secondLength)) {\n firstLength--;\n secondLength--;\n } // Performing prefix trimming\n // We can linearly drop prefix common to both strings since they\n // don't increase distance at all\n\n\n var start = 0;\n\n while (start < firstLength && first.charCodeAt(start) === second.charCodeAt(start)) {\n start++;\n }\n\n firstLength -= start;\n secondLength -= start;\n\n if (firstLength === 0) {\n return secondLength;\n }\n\n var bCharacterCode;\n var result;\n var temporary;\n var temporary2;\n var index = 0;\n var index2 = 0;\n\n while (index < firstLength) {\n characterCodeCache[index] = first.charCodeAt(start + index);\n array[index] = ++index;\n }\n\n while (index2 < secondLength) {\n bCharacterCode = second.charCodeAt(start + index2);\n temporary = index2++;\n result = index2;\n\n for (index = 0; index < firstLength; index++) {\n temporary2 = bCharacterCode === characterCodeCache[index] ? temporary : temporary + 1;\n temporary = array[index]; // eslint-disable-next-line no-multi-assign\n\n result = array[index] = temporary > result ? temporary2 > result ? result + 1 : temporary2 : temporary2 > temporary ? temporary + 1 : temporary2;\n }\n }\n\n return result;\n}","import { SCHOOL_ALIAS_LIST } from \"../../../config\"\r\n\r\nconst buildEquivalentSchoolNameGeneratorFunction = (): ((schoolId: string) => string[]) => {\r\n /*Returns a function that converts school_ids into an array of 'equivalent' ids based on aliases */\r\n const mkReplaceFn = function(strFrom: string, strTo: string) {\r\n /* return a one-way function for an alias pair*/\r\n const reStarts = new RegExp(\"^\" + strFrom + \" \")\r\n const reContains = new RegExp(\" \" + strFrom + \" \", \"g\")\r\n const reEnds = new RegExp(\" \" + strFrom + \"$\")\r\n const fnOneWay = function(tok: string) {\r\n return tok.replace(reStarts, strTo + \" \").replace(reContains, \" \" + strTo + \" \").replace(reEnds, \" \" + strTo)\r\n }\r\n return fnOneWay\r\n\r\n }\r\n const mkEquivFnForPair = function(pair: [string, string]) { /* given a pair like ['st','saint'] return a function that will do a global replace in both directions*/\r\n /* return a two way function for an alias pair\r\n * the function returned first tries forward, and (only if result of forward is unchanged) tries backward\r\n */\r\n const fn1 = mkReplaceFn(pair[0].trim(), pair[1].trim()) //forward function\r\n const fn2 = mkReplaceFn(pair[1].trim(), pair[0].trim()) //backwards function\r\n const fnTwoWay = function(s0: string) {\r\n const s1 = fn1(s0)\r\n if (s1 !== s0) {\r\n return s1 //string was altered, so return now\r\n } else {\r\n return fn2(s1) //may still return same string as s0\r\n }\r\n }\r\n return fnTwoWay\r\n }\r\n\r\n const fnsToApply = SCHOOL_ALIAS_LIST.map(mkEquivFnForPair)\r\n\r\n const finalFunction = function(school_id: string) {\r\n const equivs = []\r\n for (let i = 0; i < fnsToApply.length; i++) {\r\n const equivOrSame = fnsToApply[i](school_id)\r\n if (school_id !== equivOrSame) equivs.push(equivOrSame)\r\n }\r\n return equivs\r\n }\r\n\r\n return finalFunction\r\n}\r\nexport const equivalentSchoolNameGeneratorFunction = buildEquivalentSchoolNameGeneratorFunction()","import React, { ChangeEvent, useCallback, useEffect, useMemo, useReducer, useState } from \"react\"\r\nimport * as styles from \"./SchoolSearchBox.module.scss\"\r\nimport loadFetchPolyfill from \"../../../util/compat/loadFetchPolyfill\"\r\nimport { mergeClassNames, pathify } from \"../../../util/util\"\r\nimport { RaisedButton } from \"../../button/RaisedButton\"\r\nimport { FlatButton } from \"../../button/FlatButton\"\r\nimport leven from \"leven\"\r\nimport { equivalentSchoolNameGeneratorFunction } from \"./util\"\r\n\r\ninterface SchoolSearchBoxSchool {\r\n school_id: string,\r\n roll_status: {\r\n w_join: boolean,\r\n s_join: boolean\r\n }\r\n}\r\n\r\n/*\r\n* SchoolSearchBox State\r\n*/\r\nenum SchoolSearchBoxLoadingState {\r\n Unloaded,\r\n Pending,\r\n Loaded,\r\n Error\r\n}\r\nenum SchoolSearchBoxStateActionType {\r\n TriggerLoad,\r\n LoadSuccessful,\r\n LoadFailure\r\n}\r\ninterface SchoolSearchBoxState {\r\n loadSchoolListStatus: SchoolSearchBoxLoadingState,\r\n schools?: SchoolSearchBoxSchool[]\r\n}\r\ninterface SchoolSearchBoxStateAction {\r\n type: SchoolSearchBoxStateActionType\r\n}\r\ninterface SchoolSearchBoxStateActionLoaded extends SchoolSearchBoxStateAction {\r\n type: SchoolSearchBoxStateActionType.LoadSuccessful,\r\n schools: SchoolSearchBoxSchool[]\r\n}\r\nconst SchoolSearchBoxReducer: React.Reducer\r\n Failed to load schools. Retry \r\n
\r\n )\r\n\r\n switch (state.loadSchoolListStatus) {\r\n case SchoolSearchBoxLoadingState.Loaded:\r\n if (state.schools !== undefined) {\r\n return \r\n Loading school search...\r\n
\r\n )\r\n }\r\n}\r\n\r\n/*\r\n* SchoolSearchBoxContent State\r\n*/\r\ninterface SchoolSearchBoxContentState {\r\n currentText: string,\r\n currentMatches: {\r\n distance: number,\r\n aliasIndex: number\r\n }[]\r\n}\r\ninterface SchoolSearchBoxSearchableSchool {\r\n school_index: number,\r\n searchable_name: string\r\n}\r\n\r\n/*\r\n* SchoolSearchBoxContent\r\n*/\r\ninterface SchoolSearchBoxContentProps extends SchoolSearchBoxProps {\r\n schools: SchoolSearchBoxSchool[]\r\n}\r\nconst SchoolSearchBoxContent: React.FC\r\n
\r\n\r\n \r\n
\r\n )}\r\n \r\n {(matches.map((school_id) => (\r\n onSearchChange(school_id)}\r\n >\r\n {school_id}\r\n
\r\n )))}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {cloudTextHighlight}
\r\n {cloudTextMain}
\r\n \r\n \r\n
\r\n \r\n {schoolMenuHeader}
\r\n {schoolMenuDescription1}
\r\n {schoolMenuDescription2}
\r\n {schoolMenuDescription3}
\r\n \r\n {schoolMenuButtons.map((button, index) => (\r\n
\r\n {howItWorksHeader}
\r\n\r\n
\r\n \r\n \r\n \r\n {bubbleSteps.map((bubbleStep) => (\r\n
\r\n \r\n {bubbleStep.stepNumber}\r\n {bubbleStep.stepBold}\r\n {bubbleStep.stepText}\r\n
\r\n ))}\r\n \r\n \r\n \r\n \r\n
\r\n {(rowCard === null) ? undefined : (\r\n \r\n
\r\n )}\r\n {(localMenuCard === null) ? undefined : (\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n 
\r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n )}\r\n \r\n {localMenuCard.menuHeader}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {ourStoryHeader}
\r\n{ourStorySubHeader1}
\r\n{ourStorySubHeader2}
\r\n {ourStorySubHeader3}
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n Visit kindo.co.nz to find out more about what we do.
\r\n Find out how we can help you:
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {bubbleLine1}
\r\n \r\n
\r\n \r\n \r\n {bubbleLine1}
\r\n {bubbleLine2}
\r\n {bubbleLine3}
\r\n {bubbleLine4}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport const threeColumnCaseShareSectionFragment = graphql`\r\n fragment threeColumnCaseShareSectionFragment on Strapi_ComponentSectionThreeColumnCaseShare {\r\n bubbleText\r\n threeColumnHeader\r\n threeColumnSubHeader\r\n threeColumnHeaderColour\r\n displaySocialIcons\r\n findOutBtn {\r\n id\r\n page {\r\n slug\r\n }\r\n type\r\n text\r\n }\r\n threeColumnImage {\r\n url\r\n urlSharp {\r\n childImageSharp {\r\n gatsbyImageData(width: 204, quality: 100)\r\n }\r\n }\r\n }\r\n }\r\n`\r\n\r\nconst connectSectionQuery = graphql`\r\nquery {\r\n strapi {\r\n globalConfig {\r\n titleSuffix\r\n Metadata {\r\n metaTitle\r\n metaDescription\r\n shareImage {\r\n url\r\n urlSharp {\r\n staticURL\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n`","// extracted by mini-css-extract-plugin\nexport var threeColumnCaseShareSection = \"ThreeColumnCaseShareSection-module--threeColumnCaseShareSection--11Xnw\";\nexport var left = \"ThreeColumnCaseShareSection-module--left--3CUkw\";\nexport var middle = \"ThreeColumnCaseShareSection-module--middle--fRi3D\";\nexport var right = \"ThreeColumnCaseShareSection-module--right--3nCNx\";\nexport var findOutBtn = \"ThreeColumnCaseShareSection-module--findOutBtn--2OAOt\";\nexport var socialSection = \"ThreeColumnCaseShareSection-module--socialSection--1Yz0N\";\nexport var threeColumnHeader = \"ThreeColumnCaseShareSection-module--threeColumnHeader--2A0kC\";\nexport var threeColumnSubHeader = \"ThreeColumnCaseShareSection-module--threeColumnSubHeader--319_U\";\nexport var speechBubble = \"ThreeColumnCaseShareSection-module--speechBubble--3QtS0\";\nexport var bubbleContent = \"ThreeColumnCaseShareSection-module--bubbleContent--3qkgA\";\nexport var bubbleContentHighlight = \"ThreeColumnCaseShareSection-module--bubbleContentHighlight--WKcvy\";","// extracted by mini-css-extract-plugin\nexport var SectionNews = \"NewsSection-module--SectionNews--3QOh-\";\nexport var blogHeading = \"NewsSection-module--blogHeading--1i96X\";\nexport var blogTitle = \"NewsSection-module--blogTitle--3LRzI\";\nexport var blogDate = \"NewsSection-module--blogDate--y8EA1\";\nexport var blogContent = \"NewsSection-module--blogContent--3z-Ug\";\nexport var readMore = \"NewsSection-module--readMore--1cZjB\";\nexport var blogImage = \"NewsSection-module--blogImage--cV1-G\";\nexport var sliderContent = \"NewsSection-module--sliderContent--1nwqD\";\nexport var newsHeader = \"NewsSection-module--newsHeader--3NrjD\";\nexport var latestOne = \"NewsSection-module--latestOne--d4klg\";\nexport var latestTwo = \"NewsSection-module--latestTwo--2plIE\";\nexport var sidebar = \"NewsSection-module--sidebar--2QV_0\";\nexport var content = \"NewsSection-module--content--1Usz2\";\nexport var blogsContainer = \"NewsSection-module--blogsContainer--3-zhH\";\nexport var blogsHeader = \"NewsSection-module--blogsHeader--3brmi\";","import React from \"react\"\r\nimport Section from \"./Section\"\r\nimport { graphql, Link, useStaticQuery } from \"gatsby\"\r\nimport { IStrapiImage } from \"../../model/IStrapiImage\"\r\nimport * as styles from \"./NewsSection.module.scss\"\r\nimport { RichText } from \"../RichText\"\r\nimport { GatsbyImage } from \"gatsby-plugin-image\"\r\nimport \"slick-carousel/slick/slick.scss\"\r\nimport \"slick-carousel/slick/slick-theme.scss\"\r\nimport Slider from \"react-slick\"\r\nimport { format, parseISO } from \"date-fns\"\r\n\r\ninterface NewsBlog {\r\n blogTitle: string,\r\n blogContent: string,\r\n slug: string,\r\n id: string,\r\n published_at: string,\r\n blogImage: IStrapiImage,\r\n locale: string\r\n}\r\n\r\ninterface NewsData {\r\n strapi: {\r\n blogs: NewsBlog[]\r\n }\r\n}\r\n\r\nexport interface NewsProps {\r\n newsHeader: string\r\n}\r\n\r\n\r\nexport const NewsSection: React.FC\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n {threeColumnHeader}
\r\n{threeColumnSubHeader}
\r\n \r\n {findOutBtn.map((button, index) => (\r\n
\r\n \r\n
\r\n : undefined}\r\n {newsHeader}
\r\n\r\n \r\n {blogs\r\n // .sort((a, b) => b.id - a.id)\r\n .map((blog, index) => (\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\ninterface LatestBlogPostProps {\r\n className?: string,\r\n blog: NewsBlog,\r\n imageSide: \"left\" | \"right\"\r\n}\r\nconst LatestBlogPost: React.FCPrevious posts
\r\n\r\n
\r\n ))}\r\n {blog.blogTitle}
\r\n\r\n
\r\n )\r\n\r\n const image = (\r\n \r\n
\r\n {blog.blogTitle}
\r\n {format(parseISO(blog.published_at), \"dd MMMM, yyyy\")}\r\n\r\n
\r\n )\r\n\r\n return (\r\n \r\n {(imageSide === \"left\") ? (\r\n <>\r\n {image}\r\n {text}\r\n \r\n ) : (\r\n <>\r\n {text}\r\n {image}\r\n \r\n )}\r\n
\r\n )\r\n}\r\n\r\nconst query = graphql`\r\nquery {\r\n strapi {\r\n blogs(sort: \"id:desc\") {\r\n blogTitle\r\n blogContent\r\n id\r\n slug\r\n published_at\r\n locale\r\n blogImage {\r\n url\r\n alternativeText\r\n urlSharp {\r\n childImageSharp {\r\n gatsbyImageData(width: 300, quality: 100)\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n`\r\n\r\nexport const twoColumnTalkSectionFragment = graphql`\r\n fragment newsSectionFragment on Strapi_ComponentSectionNews {\r\n newsHeader\r\n }\r\n`","// extracted by mini-css-extract-plugin\nexport var familiesSchoolsCafesHeaderSectionContainer = \"FamiliesSchoolsCafesHeaderSection-module--familiesSchoolsCafesHeaderSectionContainer--1zmCS\";\nexport var sidebar = \"FamiliesSchoolsCafesHeaderSection-module--sidebar--3Ciiu\";\nexport var content = \"FamiliesSchoolsCafesHeaderSection-module--content--1FC0-\";\nexport var curvedTextImage = \"FamiliesSchoolsCafesHeaderSection-module--curvedTextImage--1_Bvn\";\nexport var headerButtons = \"FamiliesSchoolsCafesHeaderSection-module--headerButtons--2uToE\";\nexport var topHeaderContainer = \"FamiliesSchoolsCafesHeaderSection-module--topHeaderContainer--3yhvf\";\nexport var sectionContainer = \"FamiliesSchoolsCafesHeaderSection-module--sectionContainer--1g8zT\";\nexport var headerBox = \"FamiliesSchoolsCafesHeaderSection-module--headerBox--2_oS-\";\nexport var bubbleContent = \"FamiliesSchoolsCafesHeaderSection-module--bubbleContent--3tG85\";\nexport var bubbleContentHighlight = \"FamiliesSchoolsCafesHeaderSection-module--bubbleContentHighlight--YErVv\";\nexport var bubbleContentMain = \"FamiliesSchoolsCafesHeaderSection-module--bubbleContentMain--2qkW-\";\nexport var headerTextBottom = \"FamiliesSchoolsCafesHeaderSection-module--headerTextBottom--2BtEV\";\nexport var headerTextTop = \"FamiliesSchoolsCafesHeaderSection-module--headerTextTop--1aDNY\";\nexport var cloud = \"FamiliesSchoolsCafesHeaderSection-module--cloud--LlVVU\";\nexport var rightSideContent = \"FamiliesSchoolsCafesHeaderSection-module--rightSideContent--k5h3G\";\nexport var rightSideSubHeader = \"FamiliesSchoolsCafesHeaderSection-module--rightSideSubHeader--2WQXl\";\nexport var rightSideTextContainer = \"FamiliesSchoolsCafesHeaderSection-module--rightSideTextContainer--2rCjq\";\nexport var rightSideImage = \"FamiliesSchoolsCafesHeaderSection-module--rightSideImage--1nuXM\";\nexport var headerTextTopMobile = \"FamiliesSchoolsCafesHeaderSection-module--headerTextTopMobile--3bwUm\";\nexport var iconImage = \"FamiliesSchoolsCafesHeaderSection-module--iconImage--1qmz7\";\nexport var speechBubble = \"FamiliesSchoolsCafesHeaderSection-module--speechBubble--2VZXY\";","import React from \"react\"\r\nimport Section from \"./Section\"\r\nimport { GatsbyImage, StaticImage } from \"gatsby-plugin-image\"\r\nimport { IStrapiImage } from \"../../model/IStrapiImage\"\r\nimport { graphql } from \"gatsby\"\r\nimport { SpeechBubble } from \"../SpeechBubble\"\r\nimport * as styles from \"./FamiliesSchoolsCafesHeaderSection.module.scss\"\r\nimport { IStrapiImageStaticImage } from \"../../model/IStrapiImageStaticImage\"\r\nimport { IPageButton, PageButton } from \"./../PageButton\"\r\n\r\nexport interface FamiliesSchoolsCafesHeaderProps {\r\n headerTextTop: string,\r\n headerTextBottom: string,\r\n headerTextTopColour: string,\r\n bubbleTextHighlight: string,\r\n bubbleTextMain: string,\r\n rightSideSubHeader: string,\r\n rightSideContent: string,\r\n curvedTextImage: IStrapiImageStaticImage,\r\n leftSideImage: IStrapiImage,\r\n rightSideImage: IStrapiImage,\r\n speechBubblePosition: SpeechBubblePosition | null,\r\n headerButtons: IPageButton[]\r\n}\r\n\r\nexport interface SpeechBubblePosition {\r\n top: string,\r\n bottom: string,\r\n right: string,\r\n left: string\r\n}\r\n\r\nexport const FamiliesSchoolsCafesHeaderSection: React.FC\r\n \r\n 
\r\n {headerTextTop}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {bubbleTextHighlight}
\r\n {bubbleTextMain}
\r\n \r\n \r\n\r\n
\r\n \r\n {bubbleTextMain}
\r\n \r\n \r\n
\r\n \r\n {headerTextTop}\r\n
\r\n\r\n
\r\n \r\n {headerTextTop}\r\n {headerTextBottom}\r\n
\r\n\r\n \r\n
\r\n {rightSideSubHeader}
\r\n {rightSideContent}
\r\n \r\n {headerButtons.map((button, index) => (\r\n
\r\n ERROR: Failed to load section with typeName: {section.typeName}
\r\n )\r\n }\r\n}","import React from \"react\"\r\nimport { ShareIconType } from \"./ShareIconType\"\r\nimport { IMetadata } from \"../../model/IMetadata\"\r\nimport { graphql, useStaticQuery } from \"gatsby\"\r\nimport { SocialIcon } from \"./SocialIcon\"\r\nimport * as styles from \"./SocialIconsSidebar.module.scss\"\r\n\r\ninterface SocialIconsProps {\r\n pageSeo: IMetadata,\r\n}\r\ninterface SocialIconsData {\r\n strapi: {\r\n globalConfig: {\r\n socialLinks: { type: ShareIconType }[]\r\n }\r\n }\r\n}\r\nexport const SocialIconsSidebar: React.FC\r\n {(socialLinks.map(({type: linkType}, index) => (\r\n \r\n )))}\r\n
\r\n )\r\n}\r\n\r\nconst query = graphql`\r\n query {\r\n strapi {\r\n globalConfig {\r\n socialLinks {\r\n type\r\n }\r\n }\r\n }\r\n } \r\n`","// extracted by mini-css-extract-plugin\nexport var SocialIconsSidebar = \"SocialIconsSidebar-module--SocialIconsSidebar--1Xi6I\";","// extracted by mini-css-extract-plugin\nexport var hiddenXs = \"Page-module--hiddenXs--PwMys\";","import React from \"react\"\r\nimport Layout from \"./layout/Layout\"\r\nimport { graphql } from \"gatsby\"\r\nimport SEO from \"./seo_analytics/SEO\"\r\nimport { IMetadata } from \"../model/IMetadata\"\r\nimport { AppContext, AppContextProvider } from \"./AppContext\"\r\nimport { SectionMapper, SectionProps } from \"./section/SectionMapper\"\r\nimport { SocialIconsSidebar } from \"./social/SocialIconsSidebar\"\r\nimport { StaticImage } from \"gatsby-plugin-image\"\r\nimport * as styles from './Page.module.scss'\r\n\r\ninterface PageProps {\r\n data: {\r\n strapi: {\r\n pages: {\r\n locale: string,\r\n slug: string,\r\n metadata: IMetadata,\r\n content: SectionProps[]\r\n }[]\r\n }\r\n }\r\n}\r\nconst page: React.FCNOTICE: Auckland, Northland and Bay of Plenty ezlunch services are cancelled for Tuesday. Pre-orders in those areas have been cancelled. Go to My Orders to view.
*/}\r\n