{"version":3,"sources":["webpack:///./src/pages/retourbeleid.tsx","webpack:///./src/components/return-form/return-form-validation.ts","webpack:///./src/components/return-form/return-form-view.tsx","webpack:///./src/components/return-form/return-form-redux.ts"],"names":["ReturnPage","breadcrumbs","label","name","content","variant","gutterBottom","paragraph","ml","component","GatsbyLink","underline","to","validationSchema","yup","object","shape","string","required","email","orderRef","products","ReturnFormView","showAlert","methods","useForm","defaultValues","reason","mode","onSubmit","data","a","createReturnRequest","then","reset","e","preventDefault","triggerValidation","isValid","handleSubmit","multiline","isSubmitting","formState","connect"],"mappings":"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","file":"component---src-pages-retourbeleid-tsx-e9339d42db86c6f282c9.js","sourcesContent":["import React from \"react\"\n\nimport { Box, Link, Typography } from \"@material-ui/core\"\nimport { Link as GatsbyLink } from \"gatsby\"\nimport { Helmet } from \"react-helmet\"\n\nimport MainShell from \"../components/main-shell\"\nimport ReturnForm from \"../components/return-form/return-form-redux\"\n\nconst ReturnPage = () => {\n  return (\n    <MainShell breadcrumbs={[{ label: `Retourbeleid` }]}>\n      <Helmet>\n        <title>Retourbeleid - Todocards.nl</title>\n\n        <meta\n          name=\"description\"\n          content=\"Tot 14 dagen nadat je jouw bestelling hebt ontvangen kan je deze kosteloos retour sturen. Wij zullen dan zo snel mogelijk het volledige aankoopbedrag (inclusief verzendkosten) terugstorten via de door jou gebruikte betaalmethode.\"\n        />\n      </Helmet>\n\n      <Typography variant=\"h1\" gutterBottom>\n        Retourbeleid\n      </Typography>\n\n      <Typography paragraph={true}>\n        Tot 14 dagen nadat je jouw bestelling hebt ontvangen kan je deze\n        kosteloos retour sturen. Wij zullen dan zo snel mogelijk het volledige\n        aankoopbedrag (inclusief verzendkosten) terugstorten via de door jou\n        gebruikte betaalmethode.\n      </Typography>\n\n      <Typography variant=\"h2\" gutterBottom>\n        Annuleren\n      </Typography>\n\n      <Typography paragraph={true}>\n        Als jouw bestelling nog niet verzonden is, dan kan je deze annuleren.\n        Neem dan zo snel mogelijk contact met ons op via het formulier onderaan\n        deze pagina, hiermee voorkomen we dat het pakket onnodig heen en weer\n        gestuurd wordt.\n      </Typography>\n\n      <Typography variant=\"h2\" gutterBottom>\n        Bestelling nog niet ontvangen\n      </Typography>\n\n      <Typography paragraph={true}>\n        Bestellingen die al verzonden zijn kunnen wij helaas niet meer\n        annuleren. Wel kan je alvast het onderstaande formulier invullen, dan\n        krijg je van ons een retourlabel waarmee je jouw bestelling direct terug\n        kunt sturen.\n      </Typography>\n\n      <Typography paragraph={true}>\n        Ben je toevallig thuis als jouw bestelling wordt bezorgd? Dan kan je het\n        pakket weigeren, deze wordt dan automatisch retour gestuurd. Zou je het\n        ons willen laten weten als je dit doet? Dan kunnen wij er rekening mee\n        houden.\n      </Typography>\n\n      <Typography variant=\"h2\" gutterBottom>\n        Retourvoorwaarden\n      </Typography>\n\n      <Typography paragraph={true}>\n        Het retourneren van jouw bestelling is aan de volgende voorwaarden\n        gebonden:\n      </Typography>\n\n      <Box ml={2}>\n        <Typography paragraph={true}>\n          1. Jouw retouraanvraag is gedaan binnen 14 dagen na ontvangst van de\n          bestelling en aan ons kenbaar gemaakt via onderstaand formulier of één\n          van de opties op onze{\" \"}\n          <Link component={GatsbyLink} underline=\"always\" to=\"/contact\">\n            contactpagina\n          </Link>\n          .\n        </Typography>\n\n        <Typography paragraph={true}>\n          2. Je bent zorgvuldig met het product omgegaan, hebt deze alleen\n          geïnspecteerd zoals je dat ook in de winkel zou mogen doen en gebruikt\n          in de mate die nodig is om de aard, de kenmerken en de werking van het\n          product vast te stellen.\n        </Typography>\n\n        <Typography paragraph={true}>\n          3. Het product wordt in zo origineel mogelijke staat en verpakking\n          teruggestuurd.\n        </Typography>\n      </Box>\n\n      <Typography variant=\"h2\" gutterBottom>\n        Bestelling retourneren\n      </Typography>\n\n      <Typography paragraph={true}>\n        Volg de onderstaande stappen om jouw bestelling retour te sturen:\n      </Typography>\n\n      <Box ml={2}>\n        <Typography paragraph={true}>\n          1. Vul het formulier onderaan deze pagina in of neem contact met ons\n          op via de{\" \"}\n          <Link component={GatsbyLink} underline=\"always\" to=\"/contact\">\n            contactpagina\n          </Link>\n          .\n        </Typography>\n\n        <Typography paragraph={true}>\n          2. Wij zullen jou zo snel mogelijk per e-mail een retourlabel sturen\n          en een overzicht van locaties waar je het pakket af kunt geven.\n        </Typography>\n\n        <Typography paragraph={true}>\n          3. Maak het pakket goed dicht met tape en plak het retourlabel erop.\n          Je hoeft verder niets in te vullen, aan de hand van het retourlabel\n          kunnen wij zien dat het pakket van jou afkomstig is.\n        </Typography>\n\n        <Typography paragraph={true}>\n          4. Lever het pakket in bij één van de afleverlocaties. Zodra wij het\n          pakket in goede orde hebben ontvangen zullen wij zo snel mogelijk het\n          volledige aankoopbedrag (inclusief verzendkosten) terugstorten via de\n          door jou gebruikte betaalmethode.\n        </Typography>\n      </Box>\n\n      <Typography variant=\"h2\" gutterBottom>\n        Retourformulier\n      </Typography>\n\n      <Typography paragraph={true}>\n        Neem contact met ons op via de{\" \"}\n        <Link component={GatsbyLink} underline=\"always\" to=\"/contact\">\n          contactpagina\n        </Link>\n        , of vul het onderstaande formulier in, om een retouraanvraag te doen.\n      </Typography>\n\n      <ReturnForm />\n    </MainShell>\n  )\n}\n\nexport default ReturnPage\n","import yup from \"../../utils/get-yup\"\n\nexport const validationSchema = yup.object().shape({\n  name: yup.string().required(),\n  email: yup\n    .string()\n    .required()\n    .email(),\n  orderRef: yup.string().required(),\n  products: yup.string().required(),\n})\n","import React from \"react\"\n\nimport { useForm, FormContext } from \"react-hook-form\"\n\nimport { validationSchema } from \"./return-form-validation\"\nimport { FormValues } from \"./return-form-types\"\nimport TextField from \"../utils/form/text-field/text-field-view\"\nimport SubmitButton from \"../utils/form/submit-button/submit-button-view\"\nimport { ViewDispatchActions } from \"./return-form-types\"\nimport { createReturnRequest } from \"../../api/actions\"\n\nconst ReturnFormView = ({ showAlert }: ViewDispatchActions) => {\n  const methods = useForm<FormValues>({\n    defaultValues: {\n      name: ``,\n      email: ``,\n      orderRef: ``,\n      products: ``,\n      reason: ``,\n    },\n    mode: `onBlur`,\n    validationSchema,\n  })\n\n  const onSubmit = async (data: FormValues) => {\n    await createReturnRequest(\n      data.name,\n      data.email,\n      data.orderRef,\n      data.products,\n      data.reason,\n      `De retouraanvraag kon niet verzonden worden, er is een onbekende fout opgetreden.`,\n      `De retouraanvraag kon niet verzonden worden, controleer de verbinding met internet.`\n    ).then(() => {\n      methods.reset()\n\n      showAlert(\n        `Retouraanvraag verzonden`,\n        `De retouraanvraag is succesvol verzonden. We zullen zo snel mogelijk een reactie sturen naar het door jou opgegeven e-mailadres.`\n      )\n    })\n  }\n\n  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n\n    methods.triggerValidation().then(isValid => {\n      if (!isValid) {\n        showAlert(\n          `Er is een fout opgetreden`,\n          `De retouraanvraag kon niet verzonden worden, niet alle velden zijn juist ingevuld.`\n        )\n      }\n\n      methods.handleSubmit(onSubmit)()\n    })\n  }\n\n  return (\n    <FormContext {...methods}>\n      <form onSubmit={handleSubmit}>\n        <TextField name=\"name\" label=\"Naam\" />\n        <TextField name=\"email\" label=\"E-mailadres\" />\n        <TextField name=\"orderRef\" label=\"Bestelnummer\" />\n        <TextField\n          name=\"products\"\n          label=\"Welk(e) product(en) wil je retourneren?\"\n        />\n        <TextField\n          name=\"reason\"\n          label=\"Reden van retourneren (optioneel)\"\n          multiline\n        />\n\n        <SubmitButton\n          label=\"Verzenden\"\n          isSubmitting={methods.formState.isSubmitting}\n        />\n      </form>\n    </FormContext>\n  )\n}\n\nexport default ReturnFormView\n","import { connect } from \"react-redux\"\n\nimport ReturnFormView from \"./return-form-view\"\nimport { showAlert } from \"../../redux/alert/actions\"\n\nexport default connect(null, { showAlert })(ReturnFormView)\n"],"sourceRoot":""}