Merge branch 'main' of https://github.com/billylo1/covidpass into main
included url handling
This commit is contained in:
Jason Liu
commit
a30a203b1f
|
|
@ -375,7 +375,7 @@ function Form(): JSX.Element {
|
|||
{t('verifierLink')}
|
||||
<Link href="https://verifier.vaccine-ontario.ca/">
|
||||
<a className="underline">verifier.vaccine-ontario.ca </a>
|
||||
</Link>
|
||||
</Link> (NOTE: does not yet support new QR codes; will add support shortly)
|
||||
</p>
|
||||
</li>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
import React from "react";
|
||||
import {useTranslation} from 'next-i18next';
|
||||
|
||||
import usePassCount from "../src/hooks/use_pass_count";
|
||||
|
||||
import Head from 'next/head'
|
||||
import Logo from './Logo'
|
||||
import Link from 'next/link'
|
||||
|
|
@ -36,7 +34,7 @@ function Page(props: PageProps): JSX.Element {
|
|||
<a href="https://github.com/billylo1/covidpass" className="underline">{t('common:gitHub')}</a>
|
||||
<a href="https://vaccine-ontario.ca" className="underline">{t('common:returnToMainSite')}</a>
|
||||
</nav>
|
||||
<div className="flex pt-4 flex-row space-x-4 justify-center text-md flex-wrap">Last updated: 2021-10-14 (v1.10.0)</div>
|
||||
<div className="flex pt-4 flex-row space-x-4 justify-center text-md flex-wrap">Last updated: 2021-10-15 (v2.0.1)</div>
|
||||
</footer>
|
||||
</main>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -37,25 +37,24 @@ const CONSTANTS = {
|
|||
function Faq(): JSX.Element {
|
||||
const { t } = useTranslation(['common', 'index', 'faq']);
|
||||
const questionList = [
|
||||
{description: 'Which version of iOS does this support?', answer: 'The new enhanced QR code requires iOS 15+.'},
|
||||
{description: 'I\'m having issues with adding it to my iPhone 6.', answer: 'Unfortunately, the minimum requirement for the new QR code is iOS 15 which runs on iPhone 6s and newer devices.'},
|
||||
{description: "What are the supported browsers?", answer: 'For iPhones, only Safari is supported for importing to your Apple Wallet. For any other devices, we recommend that you save it as photo using your browser of choice. Browsers built internally into mobile apps (e.g. Facebook, Twitter, Instagram) are known to have issues.'},
|
||||
{description: 'Which version of iOS does this support?', answer: 'Importing the new enhanced QR codes into Apple Wallet requires iOS 15+, for everyone else please create Photo cards'},
|
||||
{description: 'I\'m having issues with adding a Wallet card to my older iPhone', answer: 'Unfortunately, the minimum requirement for importing the new QR code int Apple Wallet is iOS 15, which runs on iPhone 6s and newer devices - you will need to create a Photo card'},
|
||||
{description: "What are the supported browsers?", answer: 'For iPhones, only Safari is supported for importing to your Apple Wallet. For any other devices, we recommend that you save it as photo using an updated Google Chrome. Browsers built internally into mobile apps (e.g. Facebook, Twitter, Instagram) are known to have issues.'},
|
||||
{description: "How is my private information handled?", answer: 'Your proof-of-vaccination PDF (and most of the information in it) never leaves your device, and does NOT get sent to our server - the only information we send and store is non-personally-identifiable information such as vaccine type, date, and which organization gave you the vaccine. We share your concern about personal data being stored and lost, which is why we chose not to store or send any of it to our servers so there is no chance of it being lost or leaked.'},
|
||||
{description: 'Do you have plans for Android support?', answer: 'Yes. We are working with Google to gain access to the APIs required. Meanwhile, you can also use this tool to download an Apple Wallet pass and import that into Google Pay Wallet using apps such as Pass2Pay or simply save it as a photo.'},
|
||||
{description: 'Can you tell me about Android support?', answer: 'We are working with Google to gain access to the Google Pay COVID card APIs required to make Apple Wallet-equivalent passes for Android. Meanwhile, you can save a Photo card, or use our site to download an Apple Wallet pass and import that into Google Pay using apps such as Pass2Pay.'},
|
||||
{description: 'I have a Red/White OHIP card. Can I still use this tool?', answer: 'Yes you can! Just call the Provincial Vaccine Contact Centre at 1-833-943-3900. The call centre agent can email you a copy of the receipt.'},
|
||||
{description: 'I do not have a health card. Can I still use this tool?', answer: 'First contact your local public health unit to verify your identity and receive a COVIDcovid ID/Personal Access Code. You can then call the Provincial Vaccine Contact Centre at 1-833-943-3900 to get an email copy of your receipt.'},
|
||||
{description: 'I\'m seeing an error message saying “Failed byte range verification." What do I do?', answer: 'If you see this error then please try re-downloading your receipt from the provincial proof-of-vaccination portal and trying again. We have received reports from some people that this has resolved the problem for them.'},
|
||||
{description: 'Why isn\'t the new Apple Wallet pass green/orange?', answer: 'The official verifier from Ontario will decide which one is accepted. Color coding is no longer used for our Apple Wallet tool.'},
|
||||
{description: 'How is the data on my vaccination receipt processed?', answer: 'Inside your local web browser, it checks the receipt for a digital signature from the provincial proof-of-vaccination system. If present, the receipt data is converted into Apple\'s format and then added into your iOS Wallet app.'},
|
||||
{ description: 'How can organizations validate this QR code?', answer: urlParse('%s is your official tool. For devices that cannot run the official tool, you can also use our web-based tool at %s', [CONSTANTS.verifyOntarioApp, CONSTANTS.grassrootsEmail]) },
|
||||
{description: 'Can I use the same iPhone to store passes for my entire family?', answer: 'Yes.'},
|
||||
{ description: 'Is this free and non-commercial?', answer: urlParse('Similar to %s, there are no commercial interests. Just volunteers trying to do our part to help the community.', [CONSTANTS.vaxHunters]) },
|
||||
{ description: 'How about support for other provinces?', answer: urlParse('We will be investigating BC and Québec support shortly. If you are interested in contributing, please email us at %s', [CONSTANTS.grassrootsEmail]) },
|
||||
{description: 'Why isn\'t the new Apple Wallet pass green/orange?', answer: 'Because we now allow importing of QR codes from many provinces and states, and those provinces and states have different eligibility rules, we can no longer reliably determine who is or is not valid at receipt import time.'},
|
||||
{description: 'How is the data on my vaccination receipt processed?', answer: 'Inside your local web browser, it checks the uploaded PDF or image for a valid QR code. If present, the QR code is converted and either added to Apple Wallet or created as a photo depending on the option you choose.'},
|
||||
{description: 'How can organizations validate this QR code?', answer: urlParse('%s is your official tool. For devices that cannot run the official tool, you can also use our web-based tool at %s, once we have added support for verifying the new QR codes to it (work is in progress right now)',[CONSTANTS.verifyOntarioApp, CONSTANTS.verifier])},
|
||||
{description: 'Can I use the same iPhone to store passes for my entire family?', answer: 'Yes. You can save multiple Wallet or Photo cards on your device without issue.'},
|
||||
{description: 'Is this free and non-commercial?', answer: urlParse('Similar to %s, there are no commercial interests. Just volunteers trying to do our part to help the community.',[CONSTANTS.vaxHunters])},
|
||||
{description: 'How about support for other provinces?', answer: urlParse('We now have support for Ontario, British Columbia, Québec, Alberta, Saskatchewan, Nova Scotia, Yukon, California, New York, and Louisiana QR codes. If you have a QR code that is not currently supported by our app, please contact us at %s', [CONSTANTS.grassrootsEmail])},
|
||||
{description: 'How about Apple Watch?', answer: 'If you have iCloud sync enabled, you will see the pass on the watch too.'},
|
||||
{description: 'Why have we taken time to build this?', answer: 'Gives Ontarians/organizations something easy to use (volunteered-developed, unofficial) until the official provincial app comes out in October.'},
|
||||
{ description: 'Who made this?', answer: urlParse('The same group of volunteers who created the all-in-one vaccine appointment finding tool at %s', [CONSTANTS.booking]) },
|
||||
{ description: 'How can I stay up-to-date on your progress?', answer: urlParse('We will post regular updates on Twitter %s', [CONSTANTS.twitter]) },
|
||||
{ description: 'I have more questions. Can you please help me?', answer: urlParse('Sure. Just email us at %s', [CONSTANTS.grassrootsEmail]) }
|
||||
{description: 'Why have we taken time to build this?', answer: 'We wanted to give people across Canada the ability to conveniently and securely add their vaccination QR code to their mobile devices to make it easier to present them, and also wanted to create a verifier tool which requires no app install and is convenient for anyone to use from a web browser on any device with a camera.'},
|
||||
{description: 'Who made this?', answer: urlParse('The same group of volunteers who created the all-in-one vaccine appointment finding tool at %s', [CONSTANTS.booking])},
|
||||
{description: 'How can I stay up-to-date on your progress?', answer: urlParse('We will post regular updates on Twitter %s', [CONSTANTS.twitter])},
|
||||
{description: 'I have more questions. Can you please help me?', answer: urlParse('Sure. Just email us at %s', [CONSTANTS.grassrootsEmail]) }
|
||||
];
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ import Card from '../components/Card';
|
|||
import Page from '../components/Page';
|
||||
import Alert from '../components/Alert';
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { isIOS, isSafari, isAndroid} from 'react-device-detect';
|
||||
import { isIOS, isSafari } from 'react-device-detect';
|
||||
import usePassCount from "../src/hooks/use_pass_count";
|
||||
import Link from 'next/link'
|
||||
|
||||
|
|
@ -31,15 +31,13 @@ function Index(): JSX.Element {
|
|||
if (isIOS && !isSafari) setWarningMessage("iPhone users, only Safari is supported at the moment. Please switch to Safari to prevent any unexpected errors.")
|
||||
else if (!isIOS) {
|
||||
setWarningMessage('Only Safari on iOS is officially supported for Apple Wallet import at the moment - ' +
|
||||
'for other platforms, please ensure you have an application which can open Apple Wallet .pkpass files');
|
||||
'for other platforms, please create a photo card or ensure you have an application which can open Apple Wallet .pkpass files');
|
||||
}
|
||||
}, []);
|
||||
|
||||
|
||||
// If you previously created a vaccination receipt before Sept. 23rd and need to add your date of birth on your vaccination receipt, please reimport your Ministry of Health official vaccination receipt again below and the date of birth will now be visible on the created receipt
|
||||
|
||||
const title = 'Grassroots - Ontario vaccination receipt to your Apple wallet';
|
||||
const description = 'Stores it on iPhone with a QR code for others to validate in a privacy respecting way.';
|
||||
const title = 'Grassroots - ON/BC/QC/AB/SK/NS/YK/NY/CA/LA vaccination QR Code import for Apple and Android devices';
|
||||
const description = 'Grassroots imports vaccination QR codes from ON/BC/QC/AB/SK/NS/YK/NY/CA/LA and stores them on Apple and Android devices in a convenient, secure, and privacy-respecting way';
|
||||
|
||||
return (
|
||||
<>
|
||||
|
|
@ -50,14 +48,14 @@ function Index(): JSX.Element {
|
|||
url: 'https://grassroots.vaccine-ontario.ca/',
|
||||
title: title,
|
||||
description: description,
|
||||
// images: [
|
||||
// {
|
||||
// url: 'https://covidpass.marvinsextro.de/thumbnail.png',
|
||||
// width: 1000,
|
||||
// height: 500,
|
||||
// alt: description,
|
||||
// }
|
||||
// ],
|
||||
images: [
|
||||
{
|
||||
url: 'https://grassroots.vaccine-ontario.ca/grassroots.jpg',
|
||||
width: 400,
|
||||
height: 400,
|
||||
alt: description,
|
||||
}
|
||||
],
|
||||
site_name: title,
|
||||
}}
|
||||
twitter={{
|
||||
|
|
@ -74,11 +72,14 @@ function Index(): JSX.Element {
|
|||
<Card content={
|
||||
<div><p>{t('common:subtitle')}</p><br /><p>{t('common:subtitle2')}</p><br />
|
||||
<b>{displayPassCount}</b><br/><br/>
|
||||
Oct 14 evening update:
|
||||
<b>MAJOR NEW RELEASE! </b>Oct 15 morning update:
|
||||
<br />
|
||||
<br />
|
||||
<ul className="list-decimal list-outside" style={{ marginLeft: '20px' }}>
|
||||
<li>You can now import the new enhanced receipt from Ontario into your Apple Wallet.</li>
|
||||
<li>You can now import the new enhanced receipt from Ontario onto your Apple or Android devices</li>
|
||||
<li>Support released for importing Ontario, British Columbia, Alberta, Saskatchewan, Nova Scotia, Québec, Yukon, California, New York, and Louisiana SHC QR codes</li>
|
||||
<li>Support released for importing QR codes from images as well as from PDFs</li>
|
||||
<li>Support for creating our previous interim QR codes has been removed - now that the official Ontario QR code is being released and the gap is filled, our QR codes are no longer needed</li>
|
||||
</ul><br />
|
||||
<p>{t('common:continueSpirit')}</p>
|
||||
<br />
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
|
|
@ -1,6 +1,6 @@
|
|||
title: Vaccination Receipt to Wallet
|
||||
subtitle: This utility (created by volunteers) imports your vaccination receipt from Ontario Ministry of Health into Apple Wallet for easy access.
|
||||
subtitle2: Android users can create a photo pass while we await Google Pay COVID Card API Access from Google.
|
||||
subtitle: This utility (created by volunteers) copies your proof-of-vaccination QR code into either Apple Wallet (for iOS 15+) or a Photo pass (for all others) for easy access. We are await Google Pay COVID Card API Access from Google at this time.
|
||||
subtitle2: We now support importing QR codes from Ontario, British Columbia, Québec, Alberta, Nova Scotia, Saskatchewan, Yukon, California, New York, and Louisiana!
|
||||
update1Date: Sep 23 Updates
|
||||
update1: Thanks so much for all the encouragements and suggestions to make this better. We plan to keep enhancing this to help more Canadians. Stay tuned!
|
||||
continueSpirit: Continuing the spirit of ❤️ @VaxHuntersCanada ❤️.
|
||||
|
|
|
|||
|
|
@ -1,19 +1,19 @@
|
|||
iosHint: On iOS, please use Safari.
|
||||
errorClose: Close
|
||||
selectCertificate: Select vaccination receipt (PDF)
|
||||
selectCertificate: Select vaccination receipt (PDF or image)
|
||||
selectCertificateDescription: |
|
||||
Press "Select File", "Browse..." and select the PDF file you have saved in Step 1.
|
||||
Press "Select File", "Browse..." and select the PDF file or picture you have saved in Step 1.
|
||||
selectCertificateReminder: |
|
||||
Reminder : Receipts directly downloaded from the provincial web site is required.
|
||||
#stopCamera: Stop Camera
|
||||
#startCamera: Start Camera
|
||||
openFile: Select File
|
||||
#foundQrCode: Found QR Code!
|
||||
downloadReceipt: Download official receipt from Ontario Ministry of Health
|
||||
visit: Visit
|
||||
downloadReceipt: Download or take a picture of your QR code
|
||||
visit: If you are in Ontario, please visit
|
||||
ontarioHealth: Ontario Ministry of Health
|
||||
gotoOntarioHealth: Go to Ontario Ministry of Health
|
||||
downloadSignedPDF: and enter your information to display your official vaccination receipt. Press the Share Icon at the bottom, "Save As Files" to store it onto your iPhone.
|
||||
downloadSignedPDF: and enter your information to display your official vaccination receipt. Press the Share Icon at the bottom, "Save As Files" to store it onto your iPhone. You can also take a picture or screenshot of your QR code with your phone (please make sure the picture is good-quality, is not blurry, and captures ALL of the QR code!)
|
||||
reminderNotToRepeat: If you have completed this step before, simply proceed to Step 2.
|
||||
formatChange: After the recent vaccination receipt formatting change, both doses are included in the same file. Please select which dose you want to save.
|
||||
saveMultiple: To save multiple receipts, please select the first one you want to save and click the Wallet or Photo button below, then change which dose is selected here and push the button again to generate another Wallet or Photo for another dose.
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ import { Integrations } from '@sentry/tracing';
|
|||
|
||||
export const initSentry = () => {
|
||||
SentryModule.init({
|
||||
release: 'grassroots_covidpass@1.10.0', // App version. Needs to be manually updated as we go unless we make the build smarter
|
||||
release: 'grassroots_covidpass@2.0.1', // App version. Needs to be manually updated as we go unless we make the build smarter
|
||||
dsn: 'https://7120dcf8548c4c5cb148cdde2ed6a778@o1015766.ingest.sentry.io/5981424',
|
||||
integrations: [
|
||||
new Integrations.BrowserTracing(),
|
||||
|
|
|
|||
Loading…
Reference in New Issue