\r\n
\r\n );\r\n}\r\n","import React, { Fragment } from 'react';\r\nimport XIcon from '@heroicons/react/outline/XIcon';\r\nimport { Dialog, Transition } from '@headlessui/react';\r\nimport LightButton from '../Buttons/LightButton';\r\nimport useModal from '../../hooks/useModal';\r\nimport Order from '../Orders/Order';\r\nimport ChooseUnit from '../Products/ChooseUnit';\r\nimport Notification from '../Notifications/Notification';\r\nimport Info from '../Products/Info';\r\nimport Report from '../Reports/Report';\r\nimport TermsOfAgreement from '../../routes/Register/TermsOfAgreement';\r\n\r\nconst components = {\r\n order: Order,\r\n report: Report,\r\n productInfo: Info,\r\n chooseUnit: ChooseUnit,\r\n notification: Notification,\r\n termsOfAgreement: TermsOfAgreement,\r\n};\r\n\r\nfunction UnknownComponent() {\r\n const { closeModal } = useModal();\r\n return (\r\n {message}
\r\nDu kan nu stänga ned rutan
\r\n\r\n Stäng \r\n
\r\n );\r\n}\r\n\r\nexport default function Modal() {\r\n const {\r\n open,\r\n closeModal,\r\n title,\r\n component,\r\n componentProps,\r\n } = useModal();\r\n\r\n const Component = components[component];\r\n\r\n return (\r\n <>\r\n Komponenten du försökte hitta finns inte. Kontakta vår support så kan vi hjälpa dig.
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {Component === undefined ?
\r\n \r\n \r\n
\r\n {title}
\r\n\r\n \r\n
\r\n Hämtar order ...
\r\n )}\r\n {error && (\r\nEtt fel uppstod
\r\n )}\r\n {ready && !error && data === null && (\r\nOrdern kunde inte hittas
\r\n )}\r\n {ready && !error && data !== null && (\r\n\r\n {data.unlockCode !== null && (\r\n
\r\n )}\r\n \r\n );\r\n}\r\n","import React, { useState } from 'react';\r\nimport TextField from '../Shared/TextField';\r\nimport TextArea from '../Shared/TextArea';\r\nimport GreenButton from '../Buttons/GreenButton';\r\nimport Complete from '../Shared/Complete';\r\nimport { useAuthenticatedHttpQueryTrigger } from '../../hooks/useHttp';\r\nimport { httpMethods } from '../../utils/http';\r\n\r\nexport default function Report() {\r\n const [title, setTitle] = useState('');\r\n const [description, setDescription] = useState('');\r\n\r\n const {\r\n trigger,\r\n sending,\r\n result,\r\n error,\r\n done,\r\n } = useAuthenticatedHttpQueryTrigger();\r\n\r\n function doSave() {\r\n const options = {\r\n method: httpMethods.POST,\r\n body: JSON.stringify({\r\n title,\r\n description,\r\n }),\r\n headers: { 'Content-Type': 'application/json' },\r\n };\r\n\r\n trigger('/api/reports/add', options);\r\n }\r\n\r\n const hasError = done && (error || (result?.hasError ?? true));\r\n const errorMessage = (result?.errors || ['Ett fel uppstod']).join(', ');\r\n\r\n return (\r\n Totalpris
\r\n{localeCurrency(data.totalPrice)}
\r\nDatum och tid för order
\r\n{toDisplayDateTime(new Date(data.createdAt))}
\r\nProdukter
\r\n {data.orderLines.map((ol, index) => (\r\n{`${index + 1}. ${ol.article.name} - ${localeCurrency(ol.price)} - ${ol.amount} st.`}
\r\n ))}\r\n\r\n {(!done || hasError) && (\r\n <>\r\n setTitle(e.target.value)}\r\n value={title}\r\n />\r\n \r\n setDescription(e.target.value)}\r\n value={description}\r\n />\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\n\r\nexport default function Info({ description }) {\r\n return (\r\n \r\n {sending ? 'Skickar ...' : 'Skicka'} \r\n {hasError && (\r\n {errorMessage}\r\n )}\r\n\r\n
\r\n \r\n )}\r\n {done && !hasError && (\r\n \r\n
\r\n );\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport useAuth from '../../hooks/useAuth';\r\nimport TextField from '../Shared/TextField';\r\nimport GreenButton from '../Buttons/GreenButton';\r\nimport useModal from '../../hooks/useModal';\r\nimport { useAuthenticatedHttpQueryTrigger } from '../../hooks/useHttp';\r\nimport { httpMethods } from '../../utils/http';\r\n\r\nexport default function ChooseUnit() {\r\n const { user, setPreferredUnit } = useAuth();\r\n const { closeModal } = useModal();\r\n\r\n const {\r\n trigger,\r\n sending,\r\n result,\r\n error,\r\n done,\r\n } = useAuthenticatedHttpQueryTrigger();\r\n\r\n const [identifier, setIdentifier] = useState(user?.defaultUnit?.storeIdentifier ?? '');\r\n\r\n function updateIdentifier(e) {\r\n if (e.target.value.length <= 4) {\r\n setIdentifier(e.target.value.toUpperCase());\r\n }\r\n }\r\n\r\n function savePreferredUnit() {\r\n const options = {\r\n method: httpMethods.POST,\r\n body: JSON.stringify({ storeIdentifier: identifier }),\r\n headers: { 'Content-Type': 'application/json' },\r\n };\r\n\r\n trigger('/api/users/set-preferred-unit', options);\r\n }\r\n\r\n function handleSave() {\r\n if (done && !error) {\r\n const { hasError = true, data = {} } = result ?? {};\r\n if (!hasError) {\r\n setPreferredUnit(data);\r\n closeModal();\r\n }\r\n }\r\n }\r\n\r\n useEffect(handleSave, [done, error, result, closeModal, setPreferredUnit]);\r\n\r\n const hasError = done && (error || (result?.hasError ?? true));\r\n const errorMessage = (result?.errors || ['Ett fel uppstod']).join(', ');\r\n\r\n return (\r\n Produktbeskrivning
\r\n{description}
\r\n\r\n {sending ? 'Sparar ...' : 'Spara'} \r\n {hasError && (\r\n {errorMessage}\r\n )}\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport useModal from '../../hooks/useModal';\r\nimport LightButton from '../Buttons/LightButton';\r\n\r\nexport default function Notification({ imageUrl, message }) {\r\n const { closeModal } = useModal();\r\n return (\r\n \r\n {(imageUrl !== null) && (\r\n 
\r\n )}\r\n Stäng \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport LightButton from '../../components/Buttons/LightButton';\r\nimport useModal from '../../hooks/useModal';\r\n\r\nexport default function TermsOfAgreement() {\r\n const { closeModal } = useModal();\r\n return (\r\n {message}
\r\n\r\n Stäng \r\n
\r\n );\r\n}\r\n","export const notificationStatus = {\r\n unseen: { value: 0, description: 'Osedd' },\r\n seen: { value: 1, description: 'Sedd' },\r\n clicked: { value: 2, description: 'Klickad' },\r\n};\r\n\r\nexport const orderStatus = {\r\n open: { value: 0, description: 'Öppen' },\r\n pending: { value: 10, description: 'Väntar' },\r\n paid: { value: 20, description: 'Betalad' },\r\n cancelled: { value: 99, description: 'Avbruten' },\r\n};\r\n\r\nexport const categories = {\r\n food: { value: 'Mat', description: 'Mat' },\r\n};\r\n","import React from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport ShoppingBagIcon from '@heroicons/react/outline/ShoppingBagIcon';\r\nimport UserIcon from '@heroicons/react/outline/UserIcon';\r\nimport ViewGridAddIcon from '@heroicons/react/outline/ViewGridAddIcon';\r\nimport HeartIcon from '@heroicons/react/outline/HeartIcon';\r\nimport CalendarIcon from '@heroicons/react/outline/CalendarIcon';\r\nimport useStore from '../../hooks/useStore';\r\nimport { allRoutes } from '../../utils/routes';\r\nimport { categories } from '../../utils/enums';\r\nimport useAuth from '../../hooks/useAuth';\r\n\r\nconst bottomMenuSize = '86px';\r\nexport default function AuthenticatedLayout({ children }) {\r\n const { items } = useStore();\r\n const { user } = useAuth();\r\n\r\n const availableCategories = (user?.defaultUnit?.availableCategories ?? []);\r\n const hasFood = availableCategories.length !== 0 && availableCategories.some((c) => c === categories.food.value);\r\n\r\n return (\r\n <>\r\n Våra generella villkor
\r\n\r\n
1. Allmänt om tjänsten
\r\n Boxmeal är en tjänst för köp av livsmedel på din arbetsplats. Boxmeal-butiken är öppen för dig dygnet runt (om inte annat avtalas parterna emellan) varje dag i veckan. Du har tillgång till ett brett och varierat sortiment av mellanmål, kalla drycker samt frukostmackor och kylda måltider vid beställning.\r\n Tjänsten omfattas i allmänhet av köp- och medlemsvillkoren nedan. Dessa köp-och medlemsvillkor börjar gälla från och med kontots skapande.\r\n1.1 Parterna
\r\n Köp- och tjänstevillkoren reglerar avtalet mellan dig som kund (nedan: du, kunden) och Boxmeal Gävle AB (nedan: vi, Boxmeal). Tjänsten tillhandahålls i samarbete med arbetsplatsens arbetsgivare.\r\n1.2 Avtalets giltighet
\r\n Köp- och medlemsvillkoren utgör parternas huvudsakliga reglering av de frågor som omfattas av dessa villkor.\r\n Boxmeal förbehåller sig rätten att uppdatera och revidera dessa köp- och medlemsvillkor. Därför ber vi dig alltid kontrollera gällande villkor www.boxmeal.se. Vid större förändringar av köp- och medlemsvillkoren meddelar vi kunden per e-post senast 14 dagar innan ändringarna träder i kraft.\r\n1.3 Kontaktuppgifter
\r\n Tjänsten ägs och drivs av Boxmeal AB, org.nr. 559175-3685, (nedan ”Boxmeal”). Södra Kungsgatan 57, 802 55 Gävle. Har du frågor om köp- och medlemsvillkoren eller om vår integritetspolicy hur vi hanterar dina personliga uppgifter eller har ett annat\r\n kundtjänstärende, kontakta oss gärna på telefon: 072-510 52 42 eller 070-649 45 00 eller per e-post: info@boxmeal.se. Aktuella kontaktuppgifter till oss finns även på www.boxmeal.se\r\n2. Att handla hos Boxmeal
\r\n För information om vilka personuppgifter vi behandlar och syftet med behandlingen hänvisar vi till vår integritetspolicy. Du kan också med ditt samtycke överlåta registreringen till en säljare eller annan representant för Boxmeal.\r\n2.1 Uppgifternas riktighet
\r\n Uppgifterna vid betalning ska vara korrekta och du är skyldig att uppdatera dessa uppgifter om de vid någon tidpunkt skulle förändras.\r\n2.2 Behandling av personuppgifter
\r\n När du köper våra produkter och använder våra tjänster kan du direkt eller indirekt komma att ge oss information om dig själv på ett antal olika sätt, såsom när du genomför ett köp via våra boxar, kontaktar oss, använder någon av våra webtjänster eller deltar i events eller tävlingar där du lämnar ifrån dig personuppgifter av något slag. Vi är naturligtvis måna om att du alltid skall känna dig trygg att vi behandlar dina personuppgifter ansvarsfullt med hänsyn till din integritet och att vi är transparenta med vilken information vi samlar in om dig, hur dessa uppgifter kan komma att användas och hur länge dina personliga uppgifter lagras hos oss.\r\n Dataskyddsförordningen som trädde i kraft 25 maj 2018 har stärkt dina rättigheter att styra hur du vill att vi hanterar personuppgifter kopplade till dig som är kund hos oss. Du har bland annat rätt till ett s.k. registerutdrag, få dina uppgifter rättade, ge och återkalla ditt samtycke för behandling av dina personuppgifter, avsäga dig direktreklam från oss. Du kan även motsätta dig till behandling av personuppgifter som grundar sig på berättigat intresse samt få dina uppgifter raderade när det inte längre finns legitimt skäl för fortsatt behandling av dina uppgifter. Du har även möjlighet att begränsa dina uppgifter om du anser att uppgifter som vi lagrat om dig inte är korrekta samt under vissa omständigheter kunna flytta din data eller vissa uppgifter om dig (s.k. dataportabilitet).\r\n För mer detaljerad information om behandling av personuppgifter, hänvisar vi dig att läsa mer om detta i vår integritetspolicy.\r\n3. Betalning
\r\n Boxmeal förbehåller sig rätten att kontrollera dina personuppgifter och genomföra kreditupplysning. Om resultatet av kreditupplysningen indikerar en förhöjd kreditrisk förbehåller sig Boxmeal rätten att avslå registreringen. Boxmeal eller arbetsplatsens arbetsgivare förbehåller sig rätten avsluta/spärra konton vid missbruk eller obetalda köp.\r\n3.1 Betalning av köp
\r\n Betalning av köp i våra boxar sker i direkt anslutning till att du fysiskt plockar varan ur utplacerad kyl/frys, alternativt plockar ut sedan tidigare beställda varor. Betalning via Swish, kort eller faktura. Vid betalning med ovan nämnda betalningsmetoder sker debitering automatiskt för köpta varor från ditt konto. Varor som inte betalats för förläggs med faktura till arbetsgivare. Vid utebliven betalning skickas en påminnelseavgift och därefter inkassoföreläggande. Vid hävt köp följer Boxmeal konsumentverkets rekommendationer för ångerrätt och återbetalning.\r\n Boxmeal åtar sig att kontrollera vid varje påfyllningstillfälle att saldot i boxen stämmer överrens med systemets saldo. Boxmeal åtar sig också att föra dialog med arbetsgivaren gällande eventuellt svinn och åtgärder för detta.\r\n3.2 Betalningsansvar
\r\n Som kund finns ett personligt betalningsansvar för de köp som görs i våra boxar. Du står därmed personligt bunden till att inbetald summa står i paritet med utplockade varor ur kyl/frys.\r\n4. Livsmedelsfrågor
\r\n4.1 Matallergier
\r\n Vårt sortiment kan innehålla nötter och andra allergener. Kunden ansvarar själv för att läsa på innehållsförteckningarna. Kunder med en överkänslighet eller allergi uppmanas vara extra uppmärksamma.\r\n4.2 Livsmedelsupplysning
\r\n Som kund har du fri tillgång till vår kundtjänst som svarar på dina frågor eller önskemål, mail: info@boxmeal.se.\r\n4.3 Reklamationer
\r\n Boxmeal följer konsumentköpslagen och hanterar reklamationer i första hand enligt vår smakgaranti. Smakgarantin innebär att du oavsett anledning kan reklamera köpt produkt som gjorts de senaste dagarna. Smakgarantin krediterar dig för varans värde på nästkommande månadssammanställning.\r\n4.4 Ångerrätt
\r\n Den lagstadgade ångerrätter gäller inte vid köp av livsmedel från Boxmeal enligt 14§ distanshandelslagen. Detta eftersom tjänsten och fullgörandet har påbörjats i samband med inköp av varorna och eftersom det ibland rör sig om färska varor som snabbt kan försämras när de blir gamla. Om du häver köpet kommer vi att återbetala dig inom 30 dagar förutsatt att vi har mottagit rätt uppgifter att betala ut beloppet. Vid en eventuell tvist har vi som policy att följa Allmänna Reklamationsnämndens rekommendationer.\r\n4.5 Mat
\r\n Vid beställning av mat / mackor skall beställning ske innan kl 11.00 dag leverans.\r\n Vid sjukfall på bokad matlåda/matlådor maila till info@boxmeal.se\r\n - Endast mat från menyn är beställningsbar.\r\n - Tillbehör så som bestick, dryck, sallad o bröd ingår ej.\r\n - Vi förser endast med gluten och laktosfria alternativ till matallergier.\r\n5. Övrigt
\r\n5.1 Förändringar i tjänstens innehåll
\r\n Boxmeal äger rätt att genomföra förändringar beträffande pris och/eller tjänstens innehåll. Samtliga kunder meddelas om detta via mail eller telefon utifrån de uppgifter som lämnats vid registreringen. Boxmeal äger rätt att när som helst avsluta tjänsten och därmed möjligheten att handla i boxen. Kunden blir vid sådan händelse informerad via mail eller telefon.\r\n5.2 Överlåtelse av rättigheter och skyldigheter
\r\n Boxmeal förbehåller sig rätten att överlåta sina rättigheter och skyldigheter enligt detta avtal till en annan part till exempel i samband med en förändring i företagets organisation.\r\n\r\n \r\n\r\n {children}\r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from 'react';\r\n\r\nexport default function UnauthenticatedLayout({ children }) {\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n {items.length > 0 && (\r\n
\r\n \r\n {hasFood && (\r\n \r\n \r\n
\r\n )}\r\n {items.length}
\r\n\r\n
\r\n {children}\r\n \r\n );\r\n}\r\n","import React from 'react';\r\nimport Modal from '../Shared/Modal';\r\nimport useAuth from '../../hooks/useAuth';\r\nimport AuthenticatedLayout from './AuthenticatedLayout';\r\nimport UnauthenticatedLayout from './UnauthenticatedLayout';\r\n\r\nexport default function Layout({ children }) {\r\n const { authenticated } = useAuth();\r\n const Wrapper = authenticated\r\n ? AuthenticatedLayout\r\n : UnauthenticatedLayout;\r\n\r\n return (\r\n <>\r\n \r\n
\r\n ![\"Människa](\"/img/can.png\")
\r\n \r\n history.push(allRoutes.login)}>Logga in \r\n \r\n history.push(allRoutes.register)}>Registrera konto \r\n
\r\n \r\n );\r\n}\r\n","const keyCodes = {\r\n enter: 'Enter',\r\n};\r\n\r\nexport default keyCodes;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { allRoutes, getRouteParameter } from '../../utils/routes';\r\nimport GreenButton from '../../components/Buttons/GreenButton';\r\nimport LightButton from '../../components/Buttons/LightButton';\r\nimport TextField from '../../components/Shared/TextField';\r\nimport useAuth from '../../hooks/useAuth';\r\nimport keyCodes from '../../utils/events';\r\n\r\nexport default function LogInForm({ goToReset }) {\r\n const history = useHistory();\r\n\r\n const {\r\n authenticating,\r\n authenticated,\r\n errors,\r\n logIn,\r\n } = useAuth();\r\n\r\n const [credentials, setCredentials] = useState({\r\n email: '',\r\n password: '',\r\n });\r\n\r\n function doLogIn() {\r\n logIn(credentials.email, credentials.password);\r\n }\r\n\r\n function checkKey(e) {\r\n if (e.key === keyCodes.enter) {\r\n doLogIn();\r\n }\r\n }\r\n\r\n function setEmail(e) {\r\n setCredentials((cred) => ({\r\n ...cred,\r\n email: e.target.value,\r\n }));\r\n }\r\n\r\n function setPassword(e) {\r\n setCredentials((cred) => ({\r\n ...cred,\r\n password: e.target.value,\r\n }));\r\n }\r\n\r\n function handleLogin() {\r\n if (authenticated) {\r\n const redirect = getRouteParameter('redirect') ?? '';\r\n history.push(redirect === '' ? allRoutes.home : redirect);\r\n }\r\n }\r\n\r\n useEffect(handleLogin, [history, authenticated]);\r\n\r\n return (\r\n <>\r\n \r\n {authenticating ? 'Skickar ...' : 'Logga in'} \r\n {errors.length !== 0 && (\r\n {errors.join(', ')}\r\n )}\r\n \r\n history.push(allRoutes.register)} disabled={authenticating}>Registrera \r\n \r\n Återställ lösenord\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from 'react';\r\n\r\nexport default function LightAlert({ children }) {\r\n return (\r\n {children}
\r\n );\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport LightAlert from '../../components/Alerts/LightAlert';\r\nimport GreenButton from '../../components/Buttons/GreenButton';\r\nimport LightButton from '../../components/Buttons/LightButton';\r\nimport TextField from '../../components/Shared/TextField';\r\nimport { useHttpQueryTrigger } from '../../hooks/useHttp';\r\nimport keyCodes from '../../utils/events';\r\nimport { httpMethods } from '../../utils/http';\r\n\r\nconst views = { RESET: 'RESET', COMPLETE: 'COMPLETE' };\r\nexport default function ResetForm({ goToLogIn }) {\r\n const [view, setView] = useState(views.RESET);\r\n const [email, setEmail] = useState('');\r\n\r\n const {\r\n trigger,\r\n sending,\r\n result,\r\n error,\r\n done,\r\n } = useHttpQueryTrigger();\r\n\r\n function doReset() {\r\n const options = {\r\n method: httpMethods.POST,\r\n body: JSON.stringify({ email }),\r\n headers: { 'Content-Type': 'application/json' },\r\n };\r\n\r\n trigger('/api/users/reset-password', options);\r\n }\r\n\r\n function checkKey(e) {\r\n if (e.key === keyCodes.enter) {\r\n doReset();\r\n }\r\n }\r\n\r\n const hasError = done && (error || (result?.hasError ?? true));\r\n const errorMessage = (result?.errors || ['Ett fel uppstod']).join(', ');\r\n\r\n function handleCompletion() {\r\n if (done && !error) {\r\n if (!(result?.hasError ?? true)) {\r\n setView(views.COMPLETE);\r\n }\r\n }\r\n }\r\n\r\n useEffect(handleCompletion, [done, error, result, setView]);\r\n\r\n return (\r\n <>\r\n {view === views.RESET && (\r\n <>\r\n \r\n {sending ? 'Återställer ...' : 'Återställ'} \r\n {hasError && (\r\n {errorMessage}\r\n )}\r\n \r\n Logga in istället \r\n
\r\n \r\n )}\r\n {view === views.COMPLETE && (\r\n <>\r\n Ett mail har skickats!
\r\nKolla din mail och gå in på länken
\r\n\r\n {view === views.LOGIN &&
\r\n );\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { useHttpQueryTrigger } from '../../hooks/useHttp';\r\nimport { allRoutes, getRouteParameter } from '../../utils/routes';\r\nimport GreenButton from '../../components/Buttons/GreenButton';\r\nimport LightButton from '../../components/Buttons/LightButton';\r\nimport TextField from '../../components/Shared/TextField';\r\nimport useAuth from '../../hooks/useAuth';\r\nimport keyCodes from '../../utils/events';\r\nimport { httpMethods } from '../../utils/http';\r\n\r\nexport default function CompleteReset() {\r\n const history = useHistory();\r\n const { setAuthenticated } = useAuth();\r\n const [password, setPassword] = useState('');\r\n\r\n function goToLogIn() {\r\n history.push(allRoutes.login);\r\n }\r\n\r\n const {\r\n trigger,\r\n sending,\r\n result,\r\n error,\r\n done,\r\n } = useHttpQueryTrigger();\r\n\r\n function doPasswordReset() {\r\n const options = {\r\n method: httpMethods.POST,\r\n body: JSON.stringify({ password }),\r\n headers: { 'Content-Type': 'application/json' },\r\n };\r\n\r\n const token = getRouteParameter('token');\r\n trigger(`/api/users/complete-password-reset/${token}`, options);\r\n }\r\n\r\n function checkKey(e) {\r\n if (e.key === keyCodes.enter) {\r\n doPasswordReset();\r\n }\r\n }\r\n\r\n const hasError = done && (error || (result?.hasError ?? true));\r\n const errorMessage = (result?.errors || ['Ett fel uppstod']).join(', ');\r\n\r\n function handleLogin() {\r\n if (done && !error) {\r\n if (!(result?.hasError ?? true)) {\r\n setAuthenticated(result.data);\r\n history.push(allRoutes.home);\r\n }\r\n }\r\n }\r\n\r\n useEffect(handleLogin, [done, error, result, history, setAuthenticated]);\r\n\r\n return (\r\n \r\n setPassword(e.target.value)}\r\n onKeyDown={checkKey}\r\n label=\"Nytt lösenord\"\r\n placeholder=\"Nytt lösenord\"\r\n autoComplete=\"new-password\"\r\n />\r\n
\r\n );\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { Switch } from '@headlessui/react';\r\nimport GreenButton from '../../components/Buttons/GreenButton';\r\nimport LightButton from '../../components/Buttons/LightButton';\r\nimport TextField from '../../components/Shared/TextField';\r\nimport { useHttpQueryTrigger } from '../../hooks/useHttp';\r\nimport { allRoutes } from '../../utils/routes';\r\nimport useAuth from '../../hooks/useAuth';\r\nimport useModal from '../../hooks/useModal';\r\nimport { httpMethods } from '../../utils/http';\r\n\r\nexport default function Register() {\r\n const { setAuthenticated } = useAuth();\r\n const { openModal } = useModal();\r\n const history = useHistory();\r\n\r\n const [user, editUser] = useState({\r\n givenName: '',\r\n surname: '',\r\n phoneNumber: '',\r\n email: '',\r\n password: '',\r\n passwordRepeat: '',\r\n preferredStoreIdentifier: '',\r\n readTerms: false,\r\n });\r\n\r\n function editDetails(e) {\r\n const { name, value } = e.target;\r\n editUser((u) => ({\r\n ...u,\r\n [name]: value,\r\n }));\r\n }\r\n\r\n function editPreferredStoreIdentifier(e) {\r\n const { value } = e.target;\r\n if (value.length <= 4) {\r\n editUser((u) => ({\r\n ...u,\r\n preferredStoreIdentifier: value.toUpperCase(),\r\n }));\r\n }\r\n }\r\n\r\n function setReadTerms(readTerms) {\r\n editUser((u) => ({\r\n ...u,\r\n readTerms,\r\n }));\r\n }\r\n\r\n const {\r\n trigger,\r\n sending,\r\n result,\r\n error,\r\n done,\r\n } = useHttpQueryTrigger();\r\n\r\n function doRegister() {\r\n const options = {\r\n method: httpMethods.POST,\r\n body: JSON.stringify({\r\n givenName: user.givenName,\r\n surname: user.surname,\r\n phoneNumber: user.phoneNumber,\r\n email: user.email,\r\n password: user.password,\r\n preferredStoreIdentifier: user.preferredStoreIdentifier,\r\n }),\r\n headers: { 'Content-Type': 'application/json' },\r\n };\r\n\r\n trigger('/api/users/register', options);\r\n }\r\n\r\n const hasError = done && (error || (result?.hasError ?? true));\r\n const errorMessage = (result?.errors || ['Ett fel uppstod']).join(', ');\r\n\r\n function handleCompletion() {\r\n if (done && !error) {\r\n if (!(result?.hasError ?? true)) {\r\n setAuthenticated(result.data);\r\n history.push(allRoutes.home);\r\n }\r\n }\r\n }\r\n\r\n useEffect(handleCompletion, [done, error, result, setAuthenticated, history]);\r\n\r\n return (\r\n \r\n {sending ? 'Återställer ...' : 'Återställ'} \r\n {hasError && (\r\n {errorMessage}\r\n )}\r\n \r\n Logga in istället \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import { useEffect } from 'react';\r\n\r\nfunction usePolling(poll, ms = 2000) {\r\n useEffect(() => {\r\n const interval = setInterval(() => {\r\n poll();\r\n }, ms);\r\n\r\n return () => clearInterval(interval);\r\n }, []);\r\n}\r\n\r\nexport default usePolling;\r\n","import React from 'react';\r\nimport { notificationStatus } from '../../utils/enums';\r\n\r\nexport default function Preview({\r\n message,\r\n status,\r\n}) {\r\n return (\r\n \r\n
\r\n \r\n \r\n Godkänn villkor\r\n \r\n \r\n
\r\n \r\n \r\n Jag godkänner Boxmeals openModal({ title: 'Allmänna villkor', component: 'termsOfAgreement' })} className=\"underline\">allmänna villkor\r\n \r\n
\r\n \r\n {sending ? 'Registrerar ...' : 'Registrera'} \r\n {hasError && (\r\n {errorMessage}\r\n )}\r\n \r\n history.push(allRoutes.login)} disabled={sending}>Logga in istället \r\n
\r\n \r\n {status === notificationStatus.unseen.value && (\r\n \r\n )}\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { Menu } from '@headlessui/react';\r\nimport Preview from '../Notifications/Preview';\r\nimport { notificationStatus } from '../../utils/enums';\r\nimport { authenticatedHttpQuery, httpMethods } from '../../utils/http';\r\nimport useModal from '../../hooks/useModal';\r\n\r\nexport default function Notification({\r\n id,\r\n status,\r\n message,\r\n imageUrl,\r\n}) {\r\n const { openModal } = useModal();\r\n\r\n function openNotification() {\r\n if (id) {\r\n if (status !== notificationStatus.clicked.value) {\r\n authenticatedHttpQuery({ url: `/api/notifications/clicked/${id}`, options: { method: httpMethods.POST } });\r\n }\r\n\r\n openModal({\r\n title: `Notis #${id}`,\r\n component: 'notification',\r\n componentProps: { imageUrl, message },\r\n });\r\n }\r\n }\r\n\r\n return (\r\n {message.length > 30 ? `${message.slice(0, 30)} ...` : message}
\r\n\r\n \r\n \r\n
\r\n \r\n {notifications.filter((n) => n.status === notificationStatus.unseen.value).length > 0 && (\r\n \r\n )}\r\n \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport Notifications from './Notifications';\r\n\r\nexport default function AuthenticatedTopMenu({ children }) {\r\n return (\r\n \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport ChevronDownIcon from '@heroicons/react/outline/ChevronDownIcon';\r\nimport ChevronUpIcon from '@heroicons/react/outline/ChevronUpIcon';\r\nimport useAuth from '../../hooks/useAuth';\r\nimport useModal from '../../hooks/useModal';\r\n\r\nexport default function OpenChooseUnit() {\r\n const { user } = useAuth();\r\n const { open, openModal } = useModal();\r\n\r\n function openUnitChooser() {\r\n openModal({ title: 'Välj butik', component: 'chooseUnit' });\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {children}
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\n\r\nexport default function Message({ text }) {\r\n return (\r\n {user?.defaultUnit?.name ?? 'Välj butik'}
\r\n {open ?{text}
\r\n );\r\n}\r\n","import React, { useState } from 'react';\r\nimport GreenButton from '../Buttons/GreenButton';\r\nimport useModal from '../../hooks/useModal';\r\nimport usePolling from '../../hooks/usePolling';\r\nimport { authenticatedHttpQuery, httpMethods } from '../../utils/http';\r\n\r\nexport default function LatestOrder() {\r\n const [order, setOrder] = useState(null);\r\n const { openModal } = useModal();\r\n\r\n function openOrder() {\r\n openModal({\r\n title: `Order #${order.id}`,\r\n component: 'order',\r\n componentProps: { id: order.id },\r\n });\r\n }\r\n\r\n async function pollLatestOrder() {\r\n const data = await authenticatedHttpQuery({ url: '/api/orders/latest', options: { method: httpMethods.GET } });\r\n const { errors = [] } = data;\r\n\r\n if (errors.length === 0) {\r\n setOrder(data);\r\n }\r\n }\r\n\r\n usePolling(pollLatestOrder, 10 * 1000);\r\n if (order == null) return null;\r\n\r\n return (\r\n\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport useStore from '../../hooks/useStore';\r\nimport useModal from '../../hooks/useModal';\r\n\r\nexport default function Item({ product }) {\r\n const {\r\n items,\r\n addItem,\r\n } = useStore();\r\n\r\n const { openModal } = useModal();\r\n const amountInBag = items.filter((item) => item.id === product.id).length;\r\n\r\n function addItemToBag() {\r\n if (amountInBag < product.currentStock) {\r\n addItem(product);\r\n }\r\n }\r\n\r\n function openProductInfo() {\r\n openModal({\r\n title: `Info om ${product.article.name}`,\r\n component: 'productInfo',\r\n componentProps: { description: product.article.description },\r\n });\r\n }\r\n\r\n return (\r\n \r\n Se senaste order \r\n
\r\n \r\n
\r\n );\r\n}\r\n","import React, { useState } from 'react';\r\nimport ChevronDownIcon from '@heroicons/react/outline/ChevronDownIcon';\r\nimport ChevronUpIcon from '@heroicons/react/outline/ChevronUpIcon';\r\nimport Item from '../../components/Products/Item';\r\n\r\nfunction ItemWrapper({ products }) {\r\n return (\r\n \r\n
\r\n \r\n {amountInBag > 0 && (\r\n
\r\n \r\n \r\n \r\n {amountInBag}\r\n
\r\n )}\r\n \r\n 
\r\n
\r\n \r\n
\r\n {product.article.name}
\r\n{`${product.article.price} :-`}
\r\n\r\n {products.map((p) => (\r\n
\r\n );\r\n}\r\n\r\nexport default function Category({ name, products }) {\r\n const [open, setOpen] = useState(false);\r\n const toggleOpen = () => setOpen((o) => !o);\r\n\r\n return (\r\n <>\r\n {products.length > 2 && (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {name}
\r\n\r\n {open ?
\r\n \r\n
\r\n {name}
\r\n\r\n {!hasChosenUnit &&
\r\n \r\n );\r\n}\r\n","import React from 'react';\r\n\r\nexport default function HeaderMessage({ text }) {\r\n return (\r\n {text}
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport CogIcon from '@heroicons/react/outline/CogIcon';\r\nimport DocumentTextIcon from '@heroicons/react/outline/DocumentTextIcon';\r\nimport SupportIcon from '@heroicons/react/outline/SupportIcon';\r\nimport GreenButton from '../../components/Buttons/GreenButton';\r\nimport LightButton from '../../components/Buttons/LightButton';\r\nimport AuthenticatedTopMenu from '../../components/Layout/AuthenticatedTopMenu';\r\nimport HeaderMessage from '../../components/Layout/HeaderMessage';\r\nimport useAuth from '../../hooks/useAuth';\r\nimport { allRoutes } from '../../utils/routes';\r\n\r\nexport default function Account() {\r\n const { logOut } = useAuth();\r\n const history = useHistory();\r\n\r\n return (\r\n <>\r\n\r\n history.push(allRoutes.history)}>\r\n \r\n \r\n history.push(allRoutes.support)}>\r\n \r\n \r\n history.push(allRoutes.settings)}>\r\n \r\n \r\n Logga ut \r\n
\r\n \r\n );\r\n}\r\n","import React from 'react';\r\nimport GreenButton from '../../components/Buttons/GreenButton';\r\nimport LightButton from '../../components/Buttons/LightButton';\r\n\r\nexport default function AreYouSure({\r\n goToCheckout,\r\n goToAssortment,\r\n}) {\r\n return (\r\n \r\n
\r\n \r\n Köphistorik\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Support\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n Dina inställningar\r\n
\r\n \r\n \r\n
\r\n \r\n Ja \r\n \r\n Nej \r\n
\r\n );\r\n}\r\n","import React, { useEffect } from 'react';\r\nimport GreenButton from '../../components/Buttons/GreenButton';\r\nimport { getToken } from '../../utils/auth';\r\nimport { allRoutes } from '../../utils/routes';\r\n\r\nexport default function Payment({\r\n orderId,\r\n token,\r\n}) {\r\n const redirectUrl = `swish://paymentrequest?token=${token}&callbackurl=${window.location.origin}${allRoutes.confirmation}/${orderId}?token=${getToken().value}`;\r\n const openSwish = () => { window.location = redirectUrl; };\r\n\r\n useEffect(() => {\r\n const redirect = setTimeout(() => {\r\n window.location = redirectUrl;\r\n }, 1000);\r\n\r\n return () => clearTimeout(redirect);\r\n }, [redirectUrl]);\r\n\r\n return (\r\n <>\r\n Har du valt alla produkter du vill köpa?
\r\nSwish borde öppnas automatiskt, men om inte så kan du öppna Swish genom att trycka på knappen nedan!
\r\n\r\n
\r\n );\r\n}\r\n","import React, { useEffect } from 'react';\r\nimport useStore from '../../hooks/useStore';\r\nimport GreenButton from '../../components/Buttons/GreenButton';\r\nimport Item from './Item';\r\nimport { useAuthenticatedHttpQueryTrigger } from '../../hooks/useHttp';\r\nimport { httpMethods } from '../../utils/http';\r\n\r\nexport default function Items({ setOrder }) {\r\n const { items, clearItems } = useStore();\r\n\r\n const products = [];\r\n for (let i = 0; i < items.length; i += 1) {\r\n if (!products.some((p) => p.id === items[i].id)) {\r\n products.push(items[i]);\r\n }\r\n }\r\n\r\n const {\r\n trigger,\r\n sending,\r\n result,\r\n error,\r\n done,\r\n } = useAuthenticatedHttpQueryTrigger();\r\n\r\n function makeOrder() {\r\n const purchase = [];\r\n for (let i = 0; i < items.length; i += 1) {\r\n const index = purchase.findIndex(((p) => p.productId === items[i].id));\r\n\r\n if (index === -1) {\r\n purchase.push({\r\n productId: items[i].id,\r\n amount: 1,\r\n });\r\n } else {\r\n purchase[index].amount += 1;\r\n }\r\n }\r\n\r\n const options = {\r\n method: httpMethods.POST,\r\n body: JSON.stringify({ products: purchase }),\r\n headers: { 'Content-Type': 'application/json' },\r\n };\r\n\r\n trigger('/api/orders/add', options);\r\n }\r\n\r\n const hasError = done && (error || (result?.hasError ?? true));\r\n const errorMessage = (result?.errors || ['Ett fel uppstod']).join(', ');\r\n\r\n function handleOrder() {\r\n if (done && !error) {\r\n if (!(result?.hasError ?? true)) {\r\n setOrder(result.data.id, result.data.token);\r\n }\r\n }\r\n }\r\n\r\n useEffect(handleOrder, [done, error, result, setOrder]);\r\n\r\n return (\r\n <>\r\n {products.map((p) => (\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 {`${amountInBag} x ${product.article.name}`}
\r\n{`${amountInBag} x ${product.article.price} :-`}
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n Rensa varukorg\r\n \r\n
\r\n {`Totalt: ${items.map((p) => p.article.price).reduce((a, b) => a + b, 0)} :-`}
\r\n{text}
\r\n );\r\n}\r\n","import React, { useState } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport AuthenticatedTopMenu from '../../components/Layout/AuthenticatedTopMenu';\r\nimport HeaderMessage from '../../components/Layout/HeaderMessage';\r\nimport useStore from '../../hooks/useStore';\r\nimport AreYouSure from './AreYouSure';\r\nimport Payment from './Payment';\r\nimport Items from './Items';\r\nimport Message from './Message';\r\nimport { allRoutes } from '../../utils/routes';\r\n\r\nconst views = {\r\n ARE_YOU_SURE: 'ARE_YOU_SURE',\r\n CHECKOUT: 'CHECKOUT',\r\n PAYMENT: 'PAYMENT',\r\n};\r\n\r\nexport default function Checkout() {\r\n const history = useHistory();\r\n\r\n const [state, setState] = useState({\r\n view: Math.floor(Math.random() * 4) !== 0 ? views.CHECKOUT : views.ARE_YOU_SURE,\r\n orderId: null,\r\n token: '',\r\n });\r\n\r\n function goToCheckout() {\r\n setState((prev) => ({\r\n ...prev,\r\n view: views.CHECKOUT,\r\n }));\r\n }\r\n\r\n function setOrder(orderId, token) {\r\n setState((prev) => ({\r\n ...prev,\r\n view: views.PAYMENT,\r\n orderId,\r\n token,\r\n }));\r\n }\r\n\r\n function goToAssortment() {\r\n history.push(allRoutes.home);\r\n }\r\n\r\n const { items } = useStore();\r\n\r\n return (\r\n <>\r\n\r\n {state.view === views.ARE_YOU_SURE && (\r\n
\r\n \r\n );\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport GreenButton from '../../components/Buttons/GreenButton';\r\nimport LightButton from '../../components/Buttons/LightButton';\r\nimport AuthenticatedTopMenu from '../../components/Layout/AuthenticatedTopMenu';\r\nimport HeaderMessage from '../../components/Layout/HeaderMessage';\r\nimport TextField from '../../components/Shared/TextField';\r\nimport useAuth from '../../hooks/useAuth';\r\nimport { useAuthenticatedHttpQueryTrigger } from '../../hooks/useHttp';\r\nimport { httpMethods } from '../../utils/http';\r\nimport { allRoutes } from '../../utils/routes';\r\n\r\nexport default function Settings() {\r\n const { user, setUserDetails } = useAuth();\r\n const history = useHistory();\r\n\r\n const [details, setDetails] = useState({\r\n email: user?.email ?? '',\r\n givenName: user?.givenName ?? '',\r\n surname: user?.surname ?? '',\r\n phoneNumber: user?.phoneNumber ?? '',\r\n preferredStoreIdentifier: user?.defaultUnit?.storeIdentifier ?? '',\r\n });\r\n\r\n function editDetails(e) {\r\n const { name, value } = e.target;\r\n setDetails((u) => ({\r\n ...u,\r\n [name]: value,\r\n }));\r\n }\r\n\r\n function editPreferredStoreIdentifier(e) {\r\n if (e.target.value.length <= 4) {\r\n setDetails((u) => ({\r\n ...u,\r\n preferredStoreIdentifier: e.target.value.toUpperCase(),\r\n }));\r\n }\r\n }\r\n\r\n const {\r\n trigger,\r\n sending,\r\n result,\r\n error,\r\n done,\r\n } = useAuthenticatedHttpQueryTrigger();\r\n\r\n function doUpdate() {\r\n const options = {\r\n method: httpMethods.POST,\r\n body: JSON.stringify(details),\r\n headers: { 'Content-Type': 'application/json' },\r\n };\r\n\r\n trigger('/api/users/edit-profile', options);\r\n }\r\n\r\n function handleSave() {\r\n if (done && !error) {\r\n const { hasError = true, data = {} } = result ?? {};\r\n if (!hasError) {\r\n setUserDetails(data);\r\n }\r\n }\r\n }\r\n\r\n useEffect(handleSave, [done]);\r\n\r\n const hasError = done && (error || (result?.hasError ?? true));\r\n const errorMessage = (result?.errors || ['Ett fel uppstod']).join(', ');\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n );\r\n}\r\n","import React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { Disclosure } from '@headlessui/react';\r\nimport ChevronDownIcon from '@heroicons/react/outline/ChevronDownIcon';\r\nimport ChevronUpIcon from '@heroicons/react/outline/ChevronUpIcon';\r\nimport GreenButton from '../../components/Buttons/GreenButton';\r\nimport LightButton from '../../components/Buttons/LightButton';\r\nimport AuthenticatedTopMenu from '../../components/Layout/AuthenticatedTopMenu';\r\nimport HeaderMessage from '../../components/Layout/HeaderMessage';\r\nimport { allRoutes } from '../../utils/routes';\r\nimport { useAuthenticatedHttpGet } from '../../hooks/useHttp';\r\nimport useModal from '../../hooks/useModal';\r\n\r\nfunction SupportItem({ title, children }) {\r\n return (\r\n \r\n {sending ? 'Sparar ...' : 'Spara'} \r\n {hasError && (\r\n {errorMessage}\r\n )}\r\n {done && !hasError && (\r\n Sparat!\r\n )}\r\n \r\n history.push(allRoutes.account)}>Gå tillbaka \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {title}
\r\n\r\n {open ?
\r\n \r\n {loading && (\r\n Rapportera ett fel \r\n \r\n history.push(allRoutes.account)}>Gå tillbaka \r\n
\r\n \r\n );\r\n}\r\n","import React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport GreenButton from '../../components/Buttons/GreenButton';\r\nimport LightButton from '../../components/Buttons/LightButton';\r\nimport AuthenticatedTopMenu from '../../components/Layout/AuthenticatedTopMenu';\r\nimport HeaderMessage from '../../components/Layout/HeaderMessage';\r\nimport { useAuthenticatedHttpGet } from '../../hooks/useHttp';\r\nimport { allRoutes } from '../../utils/routes';\r\nimport { toDisplayDate } from '../../utils/datetime';\r\nimport localeCurrency from '../../utils/numbers';\r\nimport useModal from '../../hooks/useModal';\r\n\r\nexport default function History() {\r\n const history = useHistory();\r\n const { openModal } = useModal();\r\n\r\n function openOrder(id) {\r\n openModal({\r\n title: `Order #${id}`,\r\n component: 'order',\r\n componentProps: { id },\r\n });\r\n }\r\n\r\n const {\r\n loading,\r\n error,\r\n ready,\r\n data,\r\n } = useAuthenticatedHttpGet('/api/orders');\r\n const orders = data ?? [];\r\n\r\n return (\r\n <>\r\n Hämtar dina ordrar ...
\r\n )}\r\n {ready && error && (\r\nDu har inga sparade ordrar
\r\n )}\r\n {ready && !error && data === null && (\r\nFrågorna kunde inte hittas
\r\n )}\r\n {ready && !error && data !== null && (data ?? []).length === 0 && (\r\nDet finns inga vanliga frågor än så länge
\r\n )}\r\n {ready && !error && data !== null && (data ?? []).length !== 0 && (data ?? []).map((q) => (\r\n\r\n \r\n \r\n
\r\n ))}\r\n \r\n {q.answer}
\r\n\r\n {loading && (\r\n history.push(allRoutes.account)}>Gå tillbaka \r\n
\r\n \r\n );\r\n}\r\n","import React from 'react';\r\n\r\nexport default function Message({ text }) {\r\n return (\r\n Hämtar dina ordrar ...
\r\n )}\r\n {ready && error && (\r\nDu har inga sparade ordrar
\r\n )}\r\n {ready && !error && (\r\n <>\r\n {orders.length === 0 && (\r\nDu har inga sparade ordrar
\r\n )}\r\n {orders.length > 0 && orders.map((order) => (\r\n\r\n openOrder(order.id)}>\r\n \r\n
\r\n ))}\r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n {toDisplayDate(new Date(order.createdAt))}\r\n
\r\n \r\n \r\n {localeCurrency(order.totalPrice)}\r\n
\r\n {text}
\r\n );\r\n}\r\n","import React from 'react';\r\nimport Item from '../../components/Products/Item';\r\n\r\nexport default function Overview({ products = [] }) {\r\n return (\r\n\r\n {products.map((p) => (\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport Message from './Message';\r\nimport Overview from './Overview';\r\nimport useAuth from '../../hooks/useAuth';\r\nimport { useAuthenticatedHttpGet } from '../../hooks/useHttp';\r\n\r\nexport default function Products() {\r\n const { user } = useAuth();\r\n const {\r\n loading,\r\n error,\r\n ready,\r\n data,\r\n } = useAuthenticatedHttpGet(`/api/products/favorites/${user.defaultUnit.id}`);\r\n const products = data ?? [];\r\n\r\n return (\r\n <>\r\n {loading && \r\n {!hasChosenUnit && (\r\n
\r\n \r\n );\r\n}\r\n","import React from 'react';\r\nimport Qr from 'qrcode.react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport GreenButton from '../../components/Buttons/GreenButton';\r\nimport { allRoutes } from '../../utils/routes';\r\n\r\nexport default function Complete({\r\n orderId,\r\n unitLockCode,\r\n}) {\r\n const history = useHistory();\r\n return (\r\n <>\r\n Välj butik för att se dina tillgängliga favoriter
\r\n )}\r\n {hasChosenUnit && (\r\n\r\n
\r\n \r\n {`Tack för din order med ordernummer: ${orderId}!`}
\r\nSkanna koden ovan för att öppna kylen och ta dina varor
\r\n\r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport GreenButton from '../../components/Buttons/GreenButton';\r\nimport { allRoutes } from '../../utils/routes';\r\n\r\nexport default function Error({ orderId }) {\r\n const history = useHistory();\r\n return (\r\n <>\r\n {`Väntar på bekräftelse för din order med ordernummer: ${orderId}`}
\r\nVi väntar bara på bekräftelse från Swish, när de är klara kommer du att kunna öppna kylen
\r\n\r\n
\r\n \r\n {`Kunde inte ta betalt för din order med ordernummer: ${orderId}`}
\r\nVi har sparat det här ärendet, om du vill prova igen så är din order sparad
\r\n\r\n {state.view === views.PENDING && (\r\n
\r\n \r\n );\r\n}\r\n","import React, { useState } from 'react';\r\nimport BadgeCheckIcon from '@heroicons/react/outline/BadgeCheckIcon';\r\nimport CheckCircleIcon from '@heroicons/react/outline/CheckCircleIcon';\r\nimport XCircleIcon from '@heroicons/react/outline/XCircleIcon';\r\nimport GreenButton from '../../components/Buttons/GreenButton';\r\nimport { useAuthenticatedHttpQueryTrigger } from '../../hooks/useHttp';\r\nimport { httpMethods } from '../../utils/http';\r\nimport {\r\n getIsoWeek,\r\n toDisplayDate,\r\n addDaysToDate,\r\n addWeeksToDate,\r\n} from '../../utils/datetime';\r\n\r\nconst weekdays = (monday) => [\r\n { day: 1, description: `Måndag, ${toDisplayDate(monday)}` },\r\n { day: 2, description: `Tisdag, ${toDisplayDate(addDaysToDate(monday, 1))}` },\r\n { day: 3, description: `Onsdag, ${toDisplayDate(addDaysToDate(monday, 2))}` },\r\n { day: 4, description: `Torsdag, ${toDisplayDate(addDaysToDate(monday, 3))}` },\r\n { day: 5, description: `Fredag, ${toDisplayDate(addDaysToDate(monday, 4))}` },\r\n];\r\n\r\nexport default function SaveLunch({\r\n year,\r\n week,\r\n monday,\r\n bookedLunches,\r\n}) {\r\n const [lunches, setLunches] = useState(weekdays(monday).map((w) => ({\r\n ...w,\r\n isBooked: bookedLunches.find((b) => b.day === w.day)?.isBooked ?? false,\r\n })));\r\n\r\n function toggleLunch(day) {\r\n const copy = [...lunches];\r\n const index = copy.findIndex((l) => l.day === day);\r\n\r\n if (index !== -1) {\r\n copy[index].isBooked = !copy[index].isBooked;\r\n setLunches(copy);\r\n }\r\n }\r\n\r\n const {\r\n trigger,\r\n sending,\r\n result,\r\n error,\r\n done,\r\n } = useAuthenticatedHttpQueryTrigger();\r\n\r\n function doSave() {\r\n const options = {\r\n method: httpMethods.POST,\r\n body: JSON.stringify(lunches.map((l) => ({\r\n day: l.day,\r\n isBooked: l.isBooked,\r\n }))),\r\n headers: { 'Content-Type': 'application/json' },\r\n };\r\n\r\n trigger(`/api/lunch/${year}/${week}`, options);\r\n }\r\n\r\n const hasError = done && (error || (result?.hasError ?? true));\r\n const errorMessage = (result?.errors || ['Ett fel uppstod']).join(', ');\r\n\r\n const nextWeek = getIsoWeek(addWeeksToDate(new Date(), 1));\r\n const isBookable = week === nextWeek;\r\n\r\n return (\r\n <>\r\n {(!done || hasError) && (\r\n <>\r\n För att vi enklare ska veta hur många matlådor ni behöver boka vilka dagar du vill ha mat. Tack!
\r\n {lunches.map((l) => (\r\n\r\n
\r\n \r\n ))}\r\n {isBookable && (\r\n \r\n
\r\n {l.description}
\r\n\r\n {l.isBooked ?
\r\n \r\n {sending ? 'Sparar ...' : 'Spara'} \r\n {hasError && (\r\n {errorMessage}\r\n )}\r\n
\r\n )}\r\n \r\n )}\r\n {done && !hasError && (\r\n <>\r\n {`Dina luncher för vecka ${week} är nu sparade`}
\r\n \r\n )}\r\n \r\n );\r\n}\r\n","import React, { useState } from 'react';\r\nimport ChevronLeftIcon from '@heroicons/react/outline/ChevronLeftIcon';\r\nimport ChevronRightIcon from '@heroicons/react/outline/ChevronRightIcon';\r\nimport AuthenticatedTopMenu from '../../components/Layout/AuthenticatedTopMenu';\r\nimport OpenChooseUnit from '../../components/Products/OpenChooseUnit';\r\nimport SaveLunch from './SaveLunch';\r\nimport { useAuthenticatedHttpGet } from '../../hooks/useHttp';\r\nimport {\r\n getIsoYear,\r\n getIsoWeek,\r\n getMonday,\r\n addWeeksToDate,\r\n} from '../../utils/datetime';\r\n\r\nfunction ToggleButton({\r\n children,\r\n onClick,\r\n disabled,\r\n}) {\r\n return (\r\n\r\n
\r\n \r\n );\r\n}\r\n","import React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport GreenButton from '../../components/Buttons/GreenButton';\r\nimport { allRoutes } from '../../utils/routes';\r\n\r\nexport default function NotFound() {\r\n const history = useHistory();\r\n return (\r\n \r\n
\r\n {loading && (\r\n \r\n \r\n
\r\n \r\n
\r\n {`Vecka ${week} - ${year}`}
\r\n\r\n \r\n
\r\n Hämtar dina bokade luncher ...
\r\n )}\r\n {ready && error && (\r\nKunde inte hämta dina bokade luncher
\r\n )}\r\n {ready && !error && (\r\n\r\n history.push(allRoutes.home)}>Gå till första sidan \r\n
\r\n );\r\n}\r\n","import React from 'react';\r\nimport { BrowserRouter as Router, Route, Switch } from 'react-router-dom';\r\nimport { allRoutes } from './utils/routes';\r\nimport PrivateRoute from './components/Auth/PrivateRoute';\r\nimport PublicRoute from './components/Auth/PublicRoute';\r\nimport Layout from './components/Layout/Layout';\r\nimport Start from './routes/Start/Start';\r\nimport Login from './routes/Auth/LogIn';\r\nimport CompleteReset from './routes/Auth/CompleteReset';\r\nimport Register from './routes/Register/Register';\r\nimport Home from './routes/Home/Home';\r\nimport Account from './routes/Account/Account';\r\nimport Checkout from './routes/Checkout/Checkout';\r\nimport Settings from './routes/Account/Settings';\r\nimport Support from './routes/Account/Support';\r\nimport History from './routes/Account/History';\r\nimport Favorites from './routes/Favorites/Favorites';\r\nimport Confirmation from './routes/Order/Confirmation';\r\nimport Lunch from './routes/Lunch/Lunch';\r\nimport NotFound from './routes/404/NotFound';\r\n\r\nexport default function App() {\r\n return (\r\n 404 - Sidan hittades inte!
\r\n