{"version":3,"sources":["Components/TermsAndConditions.js","Components/Config.js","Components/Redirect.js","Components/Summary.js","Components/Routes.js","App.js","serviceWorker.js","index.js","Assets/vibetransparent.png","Assets/SerialNo.jpg"],"names":["makeStyles","theme","root","borderColor","color","palette","primary","light","paper","marginTop","spacing","display","flexDirection","alignItems","avatar","margin","backgroundColor","secondary","main","form","width","submit","selectEmpty","logo","minWidth","textfield","fontWeight","disabled","TermsAndConditions","Typography","component","variant","Copyright","align","Link","target","href","Date","getFullYear","process","VERSION","useStyles","height","popupimg","withRouter","props","leftSerialInput","useRef","rightSerialInput","classes","React","useState","leftDevice","setLeftDevice","rightDevice","setRightDevice","leftSerial","setLeftSerial","rightSerial","setRightSerial","name","setName","email","setEmail","errorName","setErrorName","helperTextName","setHelperTextName","errorEmail","setErrorEmail","helperTextEmail","setHelperTextEmail","errorSerialLeft","setErrorSerialLeft","helperTextSerialLeft","setHelperTextSerialLeft","errorSerialRight","setErrorSerialRight","helperTextSerialRight","setHelperTextSerialRight","setErrorTandCs","helperTextTandCs","setHelperTextTandCs","helperTextLeftAndRightEmpty","setHelperTextLeftAndRightEmpty","serialNumberDialogOpen","setSerialNumberDialogOpen","deviceNameDialogOpen","setDeviceNameDialogOpen","termsAndConditionsDialogOpen","setTermsAndConditionsDialogOpen","tandCsAccepted","setTandCsAccepted","handleClose","value","validate","valid","trim","validateEmail","test","String","toLowerCase","Container","maxWidth","CssBaseline","className","alt","src","vibeImg","style","background","borderRadius","onSubmit","event","preventDefault","console","log","leftDev","rightDev","data","dataEncoded","Base64","encode","base64UrlSafeEncoded","params","encodeURI","history","push","pathname","search","Grid","container","item","xs","sm","FormControl","formControl","displayEmpty","fullWidth","Select","labelId","id","onChange","current","MenuItem","FormHelperText","cursor","onClick","TextField","error","helperText","autoComplete","inputRef","label","autoFocus","Checkbox","e","checked","Button","type","Box","mt","Dialog","onClose","aria-labelledby","open","padding","mb","justifyContent","serial","Redirect","window","location","sBurl","URLSearchParams","get","url","replace","CircularProgress","Summary","Routes","exact","path","Config","createMuiTheme","action","disabledBackground","App","Boolean","hostname","match","ReactDOM","render","StrictMode","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister","catch","message","module","exports"],"mappings":"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","file":"static/js/main.62b9fa25.chunk.js","sourcesContent":["import React from 'react';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n    root: {\r\n        \"& .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline\": {\r\n            borderColor: \"#FAFAFA\",\r\n        },\r\n\r\n        \"& .MuiFormLabel-root.Mui-disabled\": {\r\n            color: theme.palette.primary.light,\r\n        },\r\n\r\n        \"& .MuiFormLabel-root\": {\r\n            color: theme.palette.primary.light,\r\n        },\r\n\r\n        \"& .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline\": {\r\n            borderColor: theme.palette.primary.light,\r\n        },\r\n    },\r\n    paper: {\r\n        marginTop: theme.spacing(4),\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        alignItems: 'center',\r\n    },\r\n    avatar: {\r\n        margin: theme.spacing(1),\r\n        backgroundColor: theme.palette.secondary.main,\r\n    },\r\n    form: {\r\n        width: '100%', // Fix IE 11 issue.\r\n        marginTop: theme.spacing(3),\r\n    },\r\n    submit: {\r\n        margin: theme.spacing(3, 0, 2),\r\n    },\r\n    selectEmpty: {\r\n        marginTop: theme.spacing(2),\r\n    },\r\n    logo: {\r\n        width: '15vw',\r\n        minWidth: \"100px\"\r\n    },\r\n    textfield: {\r\n        fontWeight: \"400\",\r\n        \"&$Mui-disabled\": {\r\n            color: \"red\"\r\n        }\r\n    },\r\n    disabled: {}\r\n}));\r\n\r\n\r\nexport default function TermsAndConditions() {\r\n\r\n    return (\r\n        <div>\r\n            <Typography component=\"h1\" variant=\"h6\" >\r\n                VIBEフィッティングプライバシーノーティス\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"h6\" >\r\n                1.  一般事項\r\n                </Typography>\r\n            <Typography component=\"h1\" variant=\"body1\" >\r\n                1.1  この個人情報に関する通知（以下「本個人情報通知」といいます。）は、お客様に対して、お客様がヒアリングエクスプレス株式会社（以下「Vibe」又は「当社」といいます。）のオンラインサービス（以下「本サービス」といいます。）を利用するときに当社が処理するお客様の個人データ（第3.1条に定義します。）及び技術的データ（第3.3条に定義します。）の収集方法及びその目的に関する情報を提供することを意図しています。当社は、お客様の個人データを、本個人情報通知、個人情報の保護に関する法律（平成15年法律第57号）その他本サービスに関連する法令及びガイドラインに従って処理します。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                1.2  Vibeは、お客様の個人データに関するデータ管理者です。お客様は、第7条の連絡先情報を利用して当社に連絡することができます。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                1.3  お客様が住んでいる国又は地域や本サービスによって、機能が異なる場合があります。例えば、\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                1.3.1  遠隔聴覚検査を実施するために、第三者の使用条件やプライバシーポリシーが適用される第三者のウェブサイトを使用する場合があります。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                1.3.2  お客様の補聴器の特定のセッティングやパラメーターを当社の補聴器専門家が遠隔で変更する場合があります（以下「遠隔機能」といいます。）。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"h6\" >\r\n                2.  お客様のデータをどのように収集しますか？\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                当社は、お客様の個人データをお客様、本サービス、当社の補聴器専門家及びお客様の補聴器から収集します。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"h6\" >\r\n                3.  お客様の個人データを処理する目的及び法的根拠はなんですか？\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                遠隔フィッティング中に処理される個人データについて\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                3.1  お客様が本サービス及び第1.3.2条に規定されているその遠隔機能をご利用される場合、当社は、お客様の特定の個人データを、当該個人データを当社の補聴器専門家に送信し、補聴器専門家がお客様の補聴器遠隔でのチューニングやフィッティングを行うことを許可する目的で処理します。当社が処理する個人データのカテゴリは以下のとおりです。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                3.1.1  お客様の氏名、オーディオグラム、メールアドレス、補聴器のモデル、シリアルナンバー及び補聴器の設定。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                3.2  この情報の処理は、お客様と当社の補聴器専門家との間の遠隔フィッティングを可能にするために必要です。当社の処理の法的根拠は、本サービスを初めてご利用いただく際にお客様から提供された同意に基づきます。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                本サービスによる技術データの収集について\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                3.3  お客様が遠隔機能をご利用される場合、当社は、お客様の氏名、メールアドレス、デバイスID等のお客様のデバイス、OS、お客様が特定の機能や動作を使用する頻度等の本サービスのご利用状況についての技術的データを収集します。お客様の個人データは、お客様を識別することができずかつ当該個人データを復元することができないように加工されます。当社は、この匿名化された情報を、お客様を識別するために他の情報と照合しません。当社は、この情報を作成したときは、当該情報に含まれる個人に関する情報の項目を公表します。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                3.3.1  この情報の処理は、当社がメンテナンス、トラブルシューティング並びに当社が提供するサービス及び本サービスの改善における当社の正当な利益の追求に必要となります。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"h6\" >\r\n                4.  お客様の個人データの共有\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                4.1  遠隔チューニング及び/又はフィッティング中のお客様の個人データのお客様を担当する補聴器専門家への送信に加え、お客様の個人データは、3.3条と同じ工程によりに匿名化され、この匿名化された情報は、上記3.2条及び3.3条で規定された目的のためにWS Audiologyグループ間（Vibeはこれに属します。）で共有されます。当社は、この情報を作成したときは、当該情報に含まれる個人に関する情報の項目を公表し、この情報をWS Audiologyグループ会社に提供するときは、あらかじめ、当該グループ会社に提供される情報に含まれる個人に関する情報の項目及びその提供の方法について公表します。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                4.2  当社は、お客様の個人データを、当社に代わって事業運営を実行する当社のサードパーティサービスプロバイダに共有することがあります。当社は、当社が求めた事業運営を実行するために当社のサードパーティサービスプロバイダが必要とする情報のみをこれに提供し、当社は、サードパーティサービスプロバイダに対し、この情報を保護すること、他のいかなる目的でもこれを開示又は使用しない義務を課します。複数あるサービスの中で、当社は、Microsoft Azureを使用しています（アメリカ合衆国にある基本的なクラウドサービスです）。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                4.3  法律により要求される場合、お客様の個人データは、日本国外の第三者に共有されることがあります。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                4.3.1  例えば、召喚又は同様の法的手続に従う場合。当社が法的に許容されている範囲で、法的手続の一部として第三者にお客様の個人情報を提供する必要がある場合は、当社は、お客様に通知するために商業的に合理的な措置を講じます。又は\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                本第4.3条に記載されているこれらの第三者は、アメリカ合衆国を含むお客様の居住する国の外に所在している場合があり、そのデータ保護法は、お客様が居住する国の法律とは異なる場合があります。そのような場合、当社は、EU標準契約条項などの適切な法的過程を実施することにより、お客様の個人データを保護するための適切な安全対策が講じられていることを保証します。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"h6\" >\r\n                5.  お客様の権利\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                5.1  所定の条件に従い、お客様は、以下の権利を有します。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                5.1.1.  お客様は、本サービスで当社が保持及び処理するお客様の個人データへのアクセスを要求する権利を有します。これにより、お客様は当社がお客様について保持している個人データのコピーを受け取り、当社が合法的に当該個人データを処理しているかを確認できます。お客様の権利を行使するには、当社サポートサービス　support-jp@vibe-hearing.comにお問い合わせください。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                5.1.2  お客様は、当社が保有するお客様の個人データの修正を要求する権利を有します。これにより、お客様は、当社がお客様について保持している不完全又は不正確な情報を修正することができます。お客様の権利を行使するには、当社サポートサービス　support-jp@vibe-hearing.comにあるにお問い合わせください。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                5.1.3  お客様は、お客様の個人データの消去を要求する権利を有する場合があります。これにより、当社に個人データの処理を継続する正当な理由がない場合に、お客様はその削除又は除去を要求することができます。例えば、当社が当社の法的義務を遵守するため又は法的要求を立証、履行又は防御するためなど、お客様の個人データの継続的な処理が必要な限度においては、お客様は当社に対してお客様の個人データの削除を要求できません。お客様の権利を行使するには、当社サポートサービス　support-jp@vibe-hearing.comにお問い合わせください。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                5.1.4  お客様は、お客様の特別な状況と関連する根拠によりデータ処理に異議を述べることを望む場合、当社（又は第三者）の法的な利益に基づいてお客様の個人データを処理することに対して異議を述べる権利を有します。お客様の権利を行使するには、当社サポートサービス　support-jp@vibe-hearing.comにお問い合わせください。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                5.1.5  お客様は、お客様の個人データの処理の制限を要求する権利を有する場合があります。これにより、例えば、お客様が当社に当該個人データの正確性又は処理の理由を確認したい場合など、お客様は、当社に、お客様に関する個人データの処理を停止するよう求めることができます。お客様の権利を行使するには、当社サポートサービス　support-jp@ ibe-hearing.comにお問い合わせください。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                5.1.6  お客様は、お客様の個人データの第三者への転送を要求する権利（データポータビリティとも呼ばれています。）を有する場合があります。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                5.1.7  お客様は、いつでも、お客様の同意を撤回することができます。お客様の権利を行使する場合、当社サポートサービス　support-jp@vibe-hearing.comにご連絡ください。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                5.1.8  当社は、プライバシーの義務を真剣にとらえています。当社が適用される法律に違反したという懸念をお客様が当社に申立てた場合、当社は、できる限り早くお客様に回答し、いかなる場合であっても30日以内に回答します。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"h6\" >\r\n                6.  データ保持及びセキュリティ\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                6.1  お客様と当社との関係が続く期間中、本個人情報通知に記載されている目的を達成するために必要に応じて当社は、お客様の個人データを保持します。お客様の個人データを削除する権利を行使する場合には、当社サポートサービス　support-jp@vibe-hearing.comにお問い合わせください。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                6.2  お客様による本サービスの利用を通じてお客様のデータ及び個人情報のプライバシーを保護するため、当社は物理的、技術的及び管理上の安全対策を維持しています。当社は、継続的にセキュリティ技術を更新し、テストしています。加えて、当社は、お客様の個人データへのアクセスを、業務を遂行するためにお客様の個人データにアクセスする妥当かつ合理的な必要性があり、かつ守秘義務課されている又は機密保持の適切な法的義務の下にある従業員に制限しています。さらに、当社は、守秘義務の重要性について当社の従業員を教育し、お客様の情報のプライバシーとセキュリティを保持します。当社は、当社の従業員のプライバシー責任を履行するために適切な懲戒処分を行うことを約束します。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"h6\" >\r\n                7.  連絡先情報\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                7.1  Vibeは、お客様について当社が処理する個人データのデータ管理者です。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                7.2  本個人情報通知、お客様の権利を行使するための要求に関してのご質問、お客様の個人データの処理に関する苦情がある場合には、以下の連絡先情報をご利用ください。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                ヒアリングエクスプレス株式会社\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                〒102-0074\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                東京都千代田区九段南1-5-6りそな九段ビルディング5F KSフロア\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                メールアドレス：dpo@wsa.com\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"h6\" >\r\n                8.  ウェブサイトへのリンク\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                本サービスは、WS Audiologyグループのウェブサイトへのリンクを含んでいます。これらのウェブサイトでは、別の個人情報通知に従います。詳しくは適用されるウェブサイト個人情報通知をご覧ください。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                9.  本個人情報通知の変更\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" >\r\n                当社は、本個人情報通知を随時変更することができます。お客様には更新された本個人情報通知を確認することをお勧めします。本個人情報通知の変更は、本サービス又はこのページにこれらの変更が反映された時から効力を有します。本個人情報通知は、2020年10月1日に最終更新されています。\r\n                </Typography>\r\n        </div>\r\n    );\r\n}","import React, { useRef } from 'react';\r\nimport Button from '@material-ui/core/Button';\r\nimport CssBaseline from '@material-ui/core/CssBaseline';\r\nimport FormHelperText from '@material-ui/core/FormHelperText';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\nimport Link from '@material-ui/core/Link';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Box from '@material-ui/core/Box';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Container from '@material-ui/core/Container';\r\n\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport Select from '@material-ui/core/Select';\r\n\r\nimport vibeImg from \"./../Assets/vibetransparent.png\";\r\nimport serial from \"./../Assets/SerialNo.jpg\";\r\n\r\nimport { withRouter } from 'react-router-dom';\r\nimport Dialog from '@material-ui/core/Dialog';\r\n\r\nimport InputAdornment from '@material-ui/core/InputAdornment';\r\n\r\nimport { Base64 } from 'js-base64';\r\n\r\nimport {\r\n    encode\r\n  } from 'url-safe-base64'\r\n\r\nimport TandCs from \"./TermsAndConditions\";\r\n\r\n\r\nfunction Copyright() {\r\n    return (\r\n        <Typography variant=\"body2\" color=\"textSecondary\" align=\"center\">\r\n            {'Copyright © '}\r\n            <Link color=\"inherit\" target=\"_blank\" href=\"https://www.vibe-hearing.com/\">\r\n                Vibe\r\n      </Link>{' '}\r\n            {new Date().getFullYear()}\r\n            {' - Version '}\r\n            {process.env.VERSION}\r\n        </Typography>\r\n    );\r\n}\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n    root: {\r\n        \"& .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline\": {\r\n            borderColor: \"#FAFAFA\",\r\n        },\r\n\r\n        \"& .MuiFormLabel-root.Mui-disabled\": {\r\n            color: theme.palette.primary.light,\r\n        },\r\n\r\n        \"& .MuiFormLabel-root\": {\r\n            color: theme.palette.primary.light,\r\n        },\r\n\r\n        \"& .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline\": {\r\n            borderColor: theme.palette.primary.light,\r\n        },\r\n\r\n        // \"& .MuiFormHelperText-root\": {\r\n        //     color: theme.palette.primary.light,\r\n        // },\r\n\r\n        // \"& .MuiFormHelperText-root Mui-error\": {\r\n        //     color: \"red\",\r\n        // }\r\n    },\r\n    paper: {\r\n        marginTop: theme.spacing(4),\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        alignItems: 'center',\r\n    },\r\n    avatar: {\r\n        margin: theme.spacing(1),\r\n        backgroundColor: theme.palette.secondary.main,\r\n    },\r\n    form: {\r\n        width: '100%', // Fix IE 11 issue.\r\n        marginTop: theme.spacing(3),\r\n    },\r\n    submit: {\r\n        margin: theme.spacing(3, 0, 2),\r\n        height: \"56px\"\r\n    },\r\n    selectEmpty: {\r\n        marginTop: theme.spacing(2),\r\n    },\r\n    logo: {\r\n        width: '15vw',\r\n        minWidth: \"100px\"\r\n    },\r\n    popupimg: {\r\n        width: '90%',\r\n    },\r\n}));\r\n\r\n\r\nexport default withRouter(function Home(props) {\r\n    let leftSerialInput = useRef(null);\r\n    let rightSerialInput = useRef(null);\r\n\r\n    const classes = useStyles();\r\n    const [leftDevice, setLeftDevice] = React.useState('');\r\n    const [rightDevice, setRightDevice] = React.useState('');\r\n\r\n    const [leftSerial, setLeftSerial] = React.useState('');\r\n    const [rightSerial, setRightSerial] = React.useState('');\r\n\r\n    const [name, setName] = React.useState('');\r\n    const [email, setEmail] = React.useState('');\r\n\r\n    const [errorName, setErrorName] = React.useState('');\r\n    const [helperTextName, setHelperTextName] = React.useState('');\r\n\r\n    const [errorEmail, setErrorEmail] = React.useState('');\r\n    const [helperTextEmail, setHelperTextEmail] = React.useState('');\r\n\r\n    const [errorSerialLeft, setErrorSerialLeft] = React.useState('');\r\n    const [helperTextSerialLeft, setHelperTextSerialLeft] = React.useState('');\r\n\r\n    const [errorSerialRight, setErrorSerialRight] = React.useState('');\r\n    const [helperTextSerialRight, setHelperTextSerialRight] = React.useState('');\r\n\r\n    const [errorTandCs, setErrorTandCs] = React.useState('');\r\n    const [helperTextTandCs, setHelperTextTandCs] = React.useState('');\r\n\r\n    const [helperTextLeftAndRightEmpty, setHelperTextLeftAndRightEmpty] = React.useState('');\r\n\r\n    const [serialNumberDialogOpen, setSerialNumberDialogOpen] = React.useState(false);\r\n    const [deviceNameDialogOpen, setDeviceNameDialogOpen] = React.useState(false);\r\n    const [termsAndConditionsDialogOpen, setTermsAndConditionsDialogOpen] = React.useState(false);\r\n    const [tandCsAccepted, setTandCsAccepted] = React.useState(false);\r\n\r\n\r\n    const handleSerialNumberDialogClickOpen = () => {\r\n        setSerialNumberDialogOpen(true);\r\n    };\r\n\r\n    const handleDeviceNameDialogClickOpen = () => {\r\n        setDeviceNameDialogOpen(true);\r\n    };\r\n\r\n    const handleTermsAndConditionsDialogClickOpen = () => {\r\n        setTermsAndConditionsDialogOpen(true);\r\n    }\r\n\r\n    const handleClose = (value) => {\r\n        setSerialNumberDialogOpen(false);\r\n        setDeviceNameDialogOpen(false);\r\n        setTermsAndConditionsDialogOpen(false);\r\n    };\r\n\r\n    const onSubmit = (event) => {\r\n        event.preventDefault();\r\n        if (validate()) {\r\n\r\n            console.log(leftDevice);\r\n            console.log(leftSerial);\r\n            console.log(rightDevice);\r\n            console.log(rightSerial);\r\n            console.log(email);\r\n            console.log(name);\r\n\r\n            let leftDev = leftDevice;\r\n            let rightDev = rightDevice;\r\n\r\n            if (leftDev === \"0\")\r\n                leftDev = \"\";\r\n\r\n            if (rightDev === \"0\")\r\n                rightDev = \"\";\r\n\r\n\r\n\r\n            let data = leftDev + \";\" + rightDev + \";\" + leftSerial + \";\" + rightSerial + \";\" + email + \";\" + name + \";firstfit\";\r\n            console.log(data);\r\n            let dataEncoded = Base64.encode(data);\r\n            let base64UrlSafeEncoded = encode(dataEncoded)\r\n            console.log(base64UrlSafeEncoded);\r\n            // let params = 'https://beta.shoeboxonline.net/vibe/?ref=' + window.btoa(data);\r\n            let params = encodeURI('?ref=' + base64UrlSafeEncoded);\r\n\r\n            console.log(params);\r\n            //window.location.replace(url);\r\n\r\n            props.history.push({ pathname: \"/redirect\", search: params });\r\n\r\n        }\r\n    }\r\n\r\n    const validate = () => {\r\n\r\n        let valid = true;\r\n        if (name.trim() === \"\") {\r\n            valid = false;\r\n            setErrorName(true);\r\n            setHelperTextName(\"お名前もしくはニックネームを記入してください。\");\r\n        }\r\n        else {\r\n            setErrorName(false);\r\n            setHelperTextName(\"\");\r\n        }\r\n\r\n        if (email.trim() === \"\") {\r\n            valid = false;\r\n            setErrorEmail(true);\r\n            setHelperTextEmail(\"メールアドレスを記入してください。\");\r\n        }\r\n        else {\r\n            if (!validateEmail(email)) {\r\n                valid = false;\r\n                setErrorEmail(true);\r\n                setHelperTextEmail(\"受信可能なメールアドレスを記入してください。（○○○＠internet.com.jpなど）\");\r\n            }\r\n            else {\r\n                setErrorEmail(false);\r\n                setHelperTextEmail(\"\");\r\n            }\r\n\r\n        }\r\n\r\n        if ((leftDevice !== \"\" && leftDevice !== \"0\") && leftSerial.trim() === \"\") {\r\n            valid = false;\r\n            setErrorSerialLeft(true);\r\n            setHelperTextSerialLeft(\"補聴器のシリアルナンバーを記入してください。\");\r\n        }\r\n        else {\r\n            setErrorSerialLeft(false);\r\n            setHelperTextSerialLeft(\"\");\r\n        }\r\n\r\n        if ((rightDevice !== \"\" && rightDevice !== \"0\") && rightSerial.trim() === \"\") {\r\n            valid = false;\r\n            setErrorSerialRight(true);\r\n            setHelperTextSerialRight(\"補聴器のシリアルナンバーを記入してください。\");\r\n        }\r\n        else {\r\n            setErrorSerialRight(false);\r\n            setHelperTextSerialRight(\"\");\r\n\r\n        }\r\n\r\n        if ((leftDevice === \"\" || leftDevice === \"0\") && (rightDevice === \"\" || rightDevice === \"0\")) {\r\n            valid = false;\r\n            setHelperTextLeftAndRightEmpty(\"少なくともモデルを１つお選び下さい。\");\r\n        }\r\n\r\n        if (!tandCsAccepted) {\r\n            valid = false;\r\n            setErrorTandCs(true);\r\n            setHelperTextTandCs(\"「利用規約とプライバシーポリシーに同意します。」にチェックを入れて下さい。\");\r\n        }\r\n        else {\r\n            setErrorTandCs(false);\r\n            setHelperTextTandCs(\"\");\r\n        }\r\n\r\n        return valid;\r\n    }\r\n\r\n    const validateEmail = (email) => {\r\n        // eslint-disable-next-line\r\n        const re = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n        return re.test(String(email).toLowerCase());\r\n    }\r\n\r\n    return (\r\n        <Container component=\"main\" maxWidth=\"md\">\r\n            <CssBaseline />\r\n            <div className={classes.paper}>\r\n                <img className={classes.logo} alt=\"Vibe\" src={vibeImg} />\r\n                {/* <Typography component=\"h1\" variant=\"h4\" style={{ marginBottom: \"25px\" }}>\r\n                    Vibe First Fit\r\n                 </Typography> */}\r\n                <Typography component=\"h1\" variant=\"body1\" style={{ marginTop: \"25px\" }}>\r\n                この度はVibe（ヴィーブ）補聴器をお選び頂き誠に有難うございます。 これから、一人一人の「聞こえ」に合わせてリモートで調整させて頂きます。 まず始めに、以下の手順に従って「聞こえのチェック」を受けてください。 その結果をもとに、あなたに最適なセッティングをさせて頂きます。 セッティングの手順は、ご登録頂いたメールアドレスに通常30分以内（遅くとも24時間以内）にお送りします。\r\n                </Typography>\r\n\r\n                <Typography component=\"h1\" variant=\"h6\" style={{ marginTop: \"25px\", background: \"#e0e6ea\", width: \"100%\", borderRadius: \"5px\" }} align=\"center\">\r\n                    ステップ１：左右に注意して補聴器のモデルを選択して下さい。\r\n                </Typography>\r\n\r\n                <form className={classes.form} onSubmit={onSubmit}>\r\n                    <Grid container spacing={2}>\r\n                        <Grid item xs={12} sm={6}>\r\n                            <Grid container spacing={2}>\r\n                                <Grid item xs={12}>\r\n                                    <Typography component=\"h1\" variant=\"subtitle1\" align=\"center\">\r\n                                        左耳\r\n                                    </Typography>\r\n                                </Grid>\r\n                                <Grid item xs={12}>\r\n                                    <FormControl className={classes.formControl} displayEmpty\r\n                                        fullWidth>\r\n                                        <Select\r\n                                            labelId=\"demo-simple-select-placeholder-label-label\"\r\n                                            id=\"demo-simple-select-placeholder-label\"\r\n                                            value={leftDevice}\r\n                                            onChange={(event) => {\r\n                                                setLeftDevice(event.target.value);\r\n                                                setHelperTextLeftAndRightEmpty('');\r\n                                                if (event.target.value === '0') {\r\n                                                    leftSerialInput.current.value = '';\r\n                                                    setLeftSerial('');\r\n                                                    setErrorSerialLeft(false);\r\n                                                    setHelperTextSerialLeft('');\r\n                                                }\r\n                                            }}\r\n\r\n                                            className={classes.selectEmpty}>\r\n                                            <MenuItem value=\"0\">\r\n                                                <em>なし</em>\r\n                                            </MenuItem>\r\n                                            <MenuItem value={\"SIV1:0/18/20034D065/1\"}>Vibe Mini 8</MenuItem>\r\n                                            <MenuItem value={\"SIV1:0/18/20054D064/1\"}>Vibe Nano 8</MenuItem>\r\n                                            <MenuItem value={\"SIV1:0/18/222066064/1\"}>Vibe S8</MenuItem>\r\n\r\n                                        </Select>\r\n                                        <FormHelperText style={{ color: \"#839ca9\" }}>左耳に使用する補聴器</FormHelperText>\r\n                                    </FormControl>\r\n                                </Grid>\r\n                            </Grid>\r\n\r\n\r\n                        </Grid>\r\n                        <Grid item xs={12} sm={6}>\r\n                            <Grid container spacing={2}>\r\n                                <Grid item xs={12}>\r\n                                    <Typography component=\"h1\" variant=\"subtitle1\" align=\"center\">\r\n                                        右耳\r\n                                    </Typography>\r\n                                </Grid>\r\n                                <Grid item xs={12}>\r\n                                    <FormControl className={classes.formControl} displayEmpty\r\n                                        fullWidth>\r\n                                        <Select\r\n                                            labelId=\"demo-simple-select-placeholder-label-label\"\r\n                                            id=\"demo-simple-select-placeholder-label\"\r\n                                            value={rightDevice}\r\n                                            onChange={(event) => {\r\n                                                setRightDevice(event.target.value);\r\n                                                setHelperTextLeftAndRightEmpty('');\r\n                                                if (event.target.value === '0') {\r\n                                                    rightSerialInput.current.value = '';\r\n                                                    setRightSerial('');\r\n                                                    setErrorSerialRight(false);\r\n                                                    setHelperTextSerialRight('');\r\n                                                }\r\n                                            }}\r\n\r\n                                            className={classes.selectEmpty}>\r\n                                            <MenuItem value=\"0\">\r\n                                                <em>なし</em>\r\n                                            </MenuItem>\r\n                                            <MenuItem value={\"SIV1:0/18/20034D065/1\"}>Vibe Mini 8</MenuItem>\r\n                                            <MenuItem value={\"SIV1:0/18/20054D064/1\"}>Vibe Nano 8</MenuItem>\r\n                                            <MenuItem value={\"SIV1:0/18/222066064/1\"}>Vibe S8</MenuItem>\r\n                                        </Select>\r\n                                        <FormHelperText style={{ color: \"#839ca9\" }}>右耳に使用する補聴器</FormHelperText>\r\n                                    </FormControl>\r\n                                </Grid>\r\n                            </Grid>\r\n                        </Grid>\r\n                    </Grid>\r\n                    <Typography component=\"h1\" variant=\"body1\" align=\"center\" style={{ color: \"red\" }}>\r\n                        {helperTextLeftAndRightEmpty}\r\n                    </Typography>\r\n                    <Typography variant=\"body2\" color=\"textSecondary\" align=\"center\" style={{ marginTop: \"15px\", cursor: \"pointer\" }}>\r\n                        <Link onClick={handleDeviceNameDialogClickOpen}>補聴器のモデルの確認方法はこちら</Link>\r\n                    </Typography>\r\n\r\n                    <Typography component=\"h1\" variant=\"h6\" style={{ marginTop: \"50px\", background: \"#e0e6ea\", borderRadius: \"5px\" }} align=\"center\">\r\n                        ステップ２：補聴器のシリアルナンバー記入してください。(半角）\r\n                    </Typography>\r\n\r\n                    <Grid container spacing={2} className={classes.form}>\r\n                        <Grid item xs={12} sm={6}>\r\n                            <Grid container spacing={2}>\r\n                                <Grid item xs={12}>\r\n                                    <Typography component=\"h1\" variant=\"subtitle1\" align=\"center\">\r\n                                        左耳\r\n                                    </Typography>\r\n                                </Grid>\r\n                                <Grid item xs={12}>\r\n                                    <TextField\r\n                                        error={errorSerialLeft}\r\n                                        className={classes.root}\r\n                                        helperText={helperTextSerialLeft}\r\n                                        autoComplete=\"serialNumberLeft\"\r\n                                        name=\"serialNumberLeft\"\r\n                                        variant=\"outlined\"\r\n                                        fullWidth\r\n                                        disabled={leftDevice === \"0\" || !leftDevice}\r\n                                        inputRef={leftSerialInput}                                       \r\n                                        onChange={(event) => {\r\n                                            setLeftSerial(event.target.value);\r\n                                            setErrorSerialLeft(false);\r\n                                            setHelperTextSerialLeft('');\r\n                                        }}\r\n                                        id=\"serialNumberLeft\"\r\n                                        label={leftDevice === \"0\" || !leftDevice ? \"補聴器のモデルが選択されていません。\" : \"アルファベットから始まるシリアルナンバー\"}\r\n                                        autoFocus\r\n                                    />\r\n                                </Grid>\r\n                            </Grid>\r\n\r\n\r\n                        </Grid>\r\n                        <Grid item xs={12} sm={6}>\r\n                            <Grid container spacing={2}>\r\n                                <Grid item xs={12}>\r\n                                    <Typography component=\"h1\" variant=\"subtitle1\" align=\"center\">\r\n                                        右耳\r\n                                    </Typography>\r\n                                </Grid>\r\n                                <Grid item xs={12}>\r\n                                    <TextField\r\n                                        error={errorSerialRight}\r\n                                        className={classes.root}\r\n                                        helperText={helperTextSerialRight}\r\n                                        autoComplete=\"serialNumberRight\"\r\n                                        name=\"serialNumberRight\"\r\n                                        variant=\"outlined\"\r\n                                        disabled={rightDevice === \"0\" || !rightDevice}\r\n                                        inputRef={rightSerialInput}\r\n                                        onChange={(event) => {\r\n                                            setRightSerial(event.target.value);\r\n                                            setErrorSerialRight(false);\r\n                                            setHelperTextSerialRight('');\r\n                                        }}\r\n                                        fullWidth\r\n                                        id=\"serialNumberRight\"\r\n                                        label={rightDevice === \"0\" || !rightDevice ? \"補聴器のモデルが選択されていません。\" : \"アルファベットから始まるシリアルナンバー\"}\r\n                                        autoFocus\r\n                                    />\r\n                                </Grid>\r\n                            </Grid>\r\n                        </Grid>\r\n                    </Grid>\r\n                    <Typography variant=\"body2\" color=\"textSecondary\" align=\"center\" style={{ marginTop: \"15px\", cursor: \"pointer\" }}>\r\n                        <Link onClick={handleSerialNumberDialogClickOpen}>シリアルナンバーの確認方法はこちら</Link>\r\n                    </Typography>\r\n                    <Typography component=\"h1\" variant=\"h6\" style={{ marginTop: \"50px\", background: \"#e0e6ea\", borderRadius: \"5px\" }} align=\"center\">\r\n                        ステップ３：補聴器のセッティング手順をご連絡するため、お名前とメールアドレスを記入してください。\r\n                </Typography>\r\n                    <Grid container spacing={2}>\r\n                        <Grid item xs={12} style={{ marginTop: \"35px\" }}>\r\n                            <TextField\r\n                                error={errorEmail}\r\n                                className={classes.root}\r\n                                helperText={helperTextEmail}\r\n                                variant=\"outlined\"\r\n                                fullWidth\r\n                                id=\"email\"\r\n                                label=\"メールアドレス\"\r\n                                name=\"email\"\r\n                                autoComplete=\"email\"\r\n                                onChange={(event) => {\r\n                                    setEmail(event.target.value);\r\n                                    setErrorEmail(false);\r\n                                    setHelperTextEmail('')\r\n                                }}\r\n                            />\r\n                        </Grid>\r\n                        <Grid item xs={12}>\r\n                            <TextField\r\n                                error={errorName}\r\n                                className={classes.root}\r\n                                helperText={helperTextName}\r\n                                variant=\"outlined\"\r\n                                fullWidth\r\n                                name=\"name\"\r\n                                label=\"お名前もしくはニックネーム\"\r\n                                id=\"name\"\r\n                                autoComplete=\"name\"\r\n                                onChange={(event) => {\r\n                                    setName(event.target.value);\r\n                                    setErrorName(false);\r\n                                    setHelperTextName('')\r\n                                }}\r\n                            />\r\n                        </Grid>\r\n                        <Grid item xs={12}>\r\n                            <Checkbox onChange={(e) => { setTandCsAccepted(e.target.checked); if (e.target.checked) { setHelperTextTandCs('') } }} color=\"primary\" />\r\n                            <Link href=\"#\" onClick={(e) => { e.preventDefault(); handleTermsAndConditionsDialogClickOpen(); }} variant=\"body1\">\r\n                                利用規約とプライバシーポリシーに同意します。\r\n                            </Link>\r\n\r\n                        </Grid>\r\n                        <Grid item xs={12}>\r\n                            <Typography component=\"h1\" variant=\"body1\" style={{ color: \"red\" }}>\r\n                                {helperTextTandCs}\r\n                            </Typography>\r\n                        </Grid>\r\n                        <Grid item xs={12}>\r\n                            <Typography component=\"h1\" variant=\"body1\" style={{ color: \"red\" }}>\r\n                                {helperTextLeftAndRightEmpty}\r\n                            </Typography>\r\n                        </Grid>\r\n\r\n\r\n                    </Grid>\r\n                    <Button\r\n                        type=\"submit\"\r\n                        fullWidth\r\n                        variant=\"contained\"\r\n                        color=\"primary\"\r\n                        className={classes.submit}>\r\n                        「聞こえのチェック」を開始します。\r\n                    </Button>\r\n                </form>\r\n            </div>\r\n            <Box mt={5}>\r\n                <Copyright />\r\n            </Box>\r\n            <Dialog onClose={handleClose} aria-labelledby=\"simple-dialog-title\" open={serialNumberDialogOpen} style={{ padding: \"25px\" }}>\r\n                <Box\r\n                    mt={2}\r\n                    mb={2}\r\n                    display=\"flex\"\r\n                    alignItems=\"center\"\r\n                    justifyContent=\"center\">\r\n                    <img className={classes.popupimg} alt=\"Vibe\" src={serial} />\r\n                </Box>\r\n                <Typography align=\"center\" component=\"h1\" variant=\"body1\" style={{ marginTop: \"10px\" }}>\r\n                保証書 もしくは 取扱説明書の裏表紙 に上記のようなシールが貼られていますので、そちらにてご確認ください。 （上記写真は例です）\r\n\r\n                </Typography>\r\n\r\n\r\n                <Button\r\n                    type=\"submit\"\r\n                    fullWidth\r\n                    color=\"primary\"\r\n                    className={classes.submit}\r\n                    onClick={handleClose}>\r\n                    閉じる\r\n                    </Button>\r\n            </Dialog>\r\n            <Dialog onClose={handleClose} aria-labelledby=\"simple-dialog-title\" open={deviceNameDialogOpen} style={{ padding: \"25px\" }}>\r\n                <Box\r\n                    mt={2}\r\n                    mb={2}\r\n                    display=\"flex\"\r\n                    alignItems=\"center\"\r\n                    justifyContent=\"center\">\r\n                    <img className={classes.popupimg} alt=\"Vibe\" src={serial} />\r\n                </Box>\r\n                <Typography align=\"center\" component=\"h1\" variant=\"body1\" style={{ marginTop: \"10px\" }}>\r\n                    保証書に上記のようなシールが貼られていますので、そちらにてご確認ください（上記写真は例です）。\r\n                </Typography>\r\n\r\n\r\n                <Button\r\n                    type=\"submit\"\r\n                    fullWidth\r\n                    color=\"primary\"\r\n                    className={classes.submit}\r\n                    onClick={handleClose}>\r\n                    閉じる\r\n                    </Button>\r\n            </Dialog>\r\n            <Dialog onClose={handleClose} aria-labelledby=\"simple-dialog-title\" open={termsAndConditionsDialogOpen} style={{ padding: \"10px\" }}>\r\n                <TandCs />\r\n                <Button\r\n                    type=\"submit\"\r\n                    fullWidth\r\n                    color=\"primary\"\r\n                    className={classes.submit}\r\n                    onClick={handleClose}>\r\n                    閉じる\r\n                    </Button>\r\n            </Dialog>\r\n        </Container>\r\n    );\r\n})","import React from 'react';\r\nimport CssBaseline from '@material-ui/core/CssBaseline';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Container from '@material-ui/core/Container';\r\n\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\n\r\nimport vibeImg from \"./../Assets/vibetransparent.png\";\r\nimport Link from '@material-ui/core/Link';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n    root: {\r\n        \"& .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline\": {\r\n            borderColor: \"#FAFAFA\",\r\n        },\r\n\r\n        \"& .MuiFormLabel-root.Mui-disabled\": {\r\n            color: theme.palette.primary.light,\r\n        },\r\n\r\n        \"& .MuiFormLabel-root\": {\r\n            color: theme.palette.primary.light,\r\n        },\r\n\r\n        \"& .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline\": {\r\n            borderColor: theme.palette.primary.light,\r\n        },\r\n    },\r\n    paper: {\r\n        marginTop: theme.spacing(4),\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        alignItems: 'center',\r\n    },\r\n    avatar: {\r\n        margin: theme.spacing(1),\r\n        backgroundColor: theme.palette.secondary.main,\r\n    },\r\n    form: {\r\n        width: '100%', // Fix IE 11 issue.\r\n        marginTop: theme.spacing(3),\r\n    },\r\n    submit: {\r\n        margin: theme.spacing(3, 0, 2),\r\n    },\r\n    selectEmpty: {\r\n        marginTop: theme.spacing(2),\r\n    },\r\n    logo: {\r\n        width: '15vw',\r\n        minWidth: \"100px\"\r\n    },\r\n    textfield: {\r\n        fontWeight: \"400\",\r\n        \"&$Mui-disabled\": {\r\n            color: \"red\"\r\n        }\r\n    },\r\n    disabled: {}\r\n}));\r\n\r\n\r\nexport default function Redirect() {\r\n    const classes = useStyles();\r\n\r\n    let search = window.location.search;\r\n    let params = new URLSearchParams(search);\r\n    let ref = params.get(\"ref\");\r\n\r\n    let sBurl = 'https://www.shoeboxonline.com/vibejapan/?refid=' + ref;\r\n\r\n    const [url] = React.useState(sBurl);\r\n\r\n    window.location.replace(url);\r\n    // window.open(url, '_blank');\r\n    \r\n\r\n    const navigate = () => {\r\n        window.location.replace(url);\r\n    }\r\n\r\n    return (\r\n        <Container component=\"main\" maxWidth=\"md\">\r\n            <CssBaseline />\r\n            <div className={classes.paper}>\r\n                <img className={classes.logo} alt=\"Vibe\" src={vibeImg} />\r\n                {/* <Typography component=\"h1\" variant=\"h4\" style={{ marginBottom: \"25px\" }}>\r\n                    Vibe First Fit\r\n                 </Typography> */}\r\n                <CircularProgress style={{ marginTop: \"50px\" }} color=\"secondary\" />\r\n                <Typography component=\"h1\" variant=\"body1\" style={{ marginTop: \"50px\" }}>\r\n                    テスト開始までしばらくお待ち下さい。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body2\" style={{ marginTop: \"5px\" }}>\r\n                    <Link onClick={navigate} style={{ cursor: \"pointer\" }}>もし画面が切り替わらない場合は、こちらをクリックして下さい。</Link>\r\n                </Typography>\r\n            </div>\r\n        </Container>\r\n    );\r\n}","import React from 'react';\r\nimport CssBaseline from '@material-ui/core/CssBaseline';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Container from '@material-ui/core/Container';\r\n\r\nimport vibeImg from \"./../Assets/vibetransparent.png\";\r\n\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n    root: {\r\n        \"& .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline\": {\r\n            borderColor: \"#FAFAFA\",\r\n        },\r\n\r\n        \"& .MuiFormLabel-root.Mui-disabled\": {\r\n            color: theme.palette.primary.light,\r\n        },\r\n\r\n        \"& .MuiFormLabel-root\": {\r\n            color: theme.palette.primary.light,\r\n        },\r\n\r\n        \"& .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline\": {\r\n            borderColor: theme.palette.primary.light,\r\n        },\r\n    },\r\n    paper: {\r\n        marginTop: theme.spacing(4),\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        alignItems: 'center',\r\n    },\r\n    avatar: {\r\n        margin: theme.spacing(1),\r\n        backgroundColor: theme.palette.secondary.main,\r\n    },\r\n    form: {\r\n        width: '100%', // Fix IE 11 issue.\r\n        marginTop: theme.spacing(3),\r\n    },\r\n    submit: {\r\n        margin: theme.spacing(3, 0, 2),\r\n    },\r\n    selectEmpty: {\r\n        marginTop: theme.spacing(2),\r\n    },\r\n    logo: {\r\n        width: '15vw',\r\n        minWidth: \"100px\"\r\n    },\r\n    textfield: {\r\n        fontWeight: \"400\",\r\n        \"&$Mui-disabled\": {\r\n            color: \"red\"\r\n        }\r\n    },\r\n    disabled: {}\r\n}));\r\n\r\n\r\nexport default function Summary() {\r\n    const classes = useStyles();\r\n\r\n    return (\r\n        <Container component=\"main\" maxWidth=\"md\">\r\n            <CssBaseline />\r\n            <div className={classes.paper}>\r\n                <img className={classes.logo} alt=\"Vibe\" src={vibeImg} />\r\n                {/* <Typography component=\"h1\" variant=\"h4\" style={{ marginBottom: \"25px\" }}>\r\n                    Vibe First Fit\r\n                 </Typography> */}\r\n                <Typography component=\"h1\" variant=\"body1\" style={{ marginTop: \"50px\" }}>\r\n                以上で 「聞こえのチェック」 は終了です。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" style={{ marginTop: \"5px\" }}>\r\n                この結果をもとに、あなたに最適なセッティングをさせて頂きます。\r\n                </Typography>\r\n                <Typography component=\"h1\" variant=\"body1\" style={{ marginTop: \"5px\" }}>\r\n                セッティングの手順は、ご登録頂いたメールアドレスに通常30分以内（遅くとも24時間以内）にお送りしますので今しばらくお待ちください。\r\n                </Typography>\r\n            </div>\r\n        </Container>\r\n    );\r\n}","import React from \"react\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport Config from \"./Config\";\r\nimport Redirect from \"./Redirect\";\r\nimport Summary from './Summary';\r\n\r\nexport const Routes = () => (\r\n    <div>\r\n      <Switch>\r\n        <Route exact path=\"/\" component={Config} />        \r\n        <Route exact path=\"/redirect\" component={Redirect} />        \r\n        <Route exact path=\"/summary\" component={Summary} />        \r\n      </Switch>\r\n    </div>\r\n  );","import React from 'react';\r\nimport {Routes} from './Components/Routes'\r\nimport { BrowserRouter } from 'react-router-dom'\r\nimport { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';\r\n\r\n// Or Create your Own theme:\r\nconst theme = createMuiTheme({\r\n  palette: {\r\n    primary:{\r\n      main: '#00B4BC'\r\n    },\r\n    secondary: {\r\n        main: '#5D7D84'\r\n      }\r\n    },\r\n    action: {\r\n      disabledBackground: '#5D7D84',\r\n      disabled: '#5D7D84'\r\n    }\r\n  },\r\n)\r\n\r\nfunction App() {\r\n  return (\r\n    <MuiThemeProvider theme={theme}>\r\n      <BrowserRouter>\r\n        <Routes />\r\n      </BrowserRouter>    \r\n  </MuiThemeProvider>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n  window.location.hostname === 'localhost' ||\r\n    // [::1] is the IPv6 localhost address.\r\n    window.location.hostname === '[::1]' ||\r\n    // 127.0.0.0/8 are considered localhost for IPv4.\r\n    window.location.hostname.match(\r\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n    )\r\n);\r\n\r\nexport function register(config) {\r\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n    // The URL constructor is available in all browsers that support SW.\r\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n    if (publicUrl.origin !== window.location.origin) {\r\n      // Our service worker won't work if PUBLIC_URL is on a different origin\r\n      // from what our page is served on. This might happen if a CDN is used to\r\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n      return;\r\n    }\r\n\r\n    window.addEventListener('load', () => {\r\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n      if (isLocalhost) {\r\n        // This is running on localhost. Let's check if a service worker still exists or not.\r\n        checkValidServiceWorker(swUrl, config);\r\n\r\n        // Add some additional logging to localhost, pointing developers to the\r\n        // service worker/PWA documentation.\r\n        navigator.serviceWorker.ready.then(() => {\r\n          console.log(\r\n            'This web app is being served cache-first by a service ' +\r\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n          );\r\n        });\r\n      } else {\r\n        // Is not localhost. Just register service worker\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n  navigator.serviceWorker\r\n    .register(swUrl)\r\n    .then(registration => {\r\n      registration.onupdatefound = () => {\r\n        const installingWorker = registration.installing;\r\n        if (installingWorker == null) {\r\n          return;\r\n        }\r\n        installingWorker.onstatechange = () => {\r\n          if (installingWorker.state === 'installed') {\r\n            if (navigator.serviceWorker.controller) {\r\n              // At this point, the updated precached content has been fetched,\r\n              // but the previous service worker will still serve the older\r\n              // content until all client tabs are closed.\r\n              console.log(\r\n                'New content is available and will be used when all ' +\r\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n              );\r\n\r\n              // Execute callback\r\n              if (config && config.onUpdate) {\r\n                config.onUpdate(registration);\r\n              }\r\n            } else {\r\n              // At this point, everything has been precached.\r\n              // It's the perfect time to display a\r\n              // \"Content is cached for offline use.\" message.\r\n              console.log('Content is cached for offline use.');\r\n\r\n              // Execute callback\r\n              if (config && config.onSuccess) {\r\n                config.onSuccess(registration);\r\n              }\r\n            }\r\n          }\r\n        };\r\n      };\r\n    })\r\n    .catch(error => {\r\n      console.error('Error during service worker registration:', error);\r\n    });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n  // Check if the service worker can be found. If it can't reload the page.\r\n  fetch(swUrl, {\r\n    headers: { 'Service-Worker': 'script' },\r\n  })\r\n    .then(response => {\r\n      // Ensure service worker exists, and that we really are getting a JS file.\r\n      const contentType = response.headers.get('content-type');\r\n      if (\r\n        response.status === 404 ||\r\n        (contentType != null && contentType.indexOf('javascript') === -1)\r\n      ) {\r\n        // No service worker found. Probably a different app. Reload the page.\r\n        navigator.serviceWorker.ready.then(registration => {\r\n          registration.unregister().then(() => {\r\n            window.location.reload();\r\n          });\r\n        });\r\n      } else {\r\n        // Service worker found. Proceed as normal.\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    })\r\n    .catch(() => {\r\n      console.log(\r\n        'No internet connection found. App is running in offline mode.'\r\n      );\r\n    });\r\n}\r\n\r\nexport function unregister() {\r\n  if ('serviceWorker' in navigator) {\r\n    navigator.serviceWorker.ready\r\n      .then(registration => {\r\n        registration.unregister();\r\n      })\r\n      .catch(error => {\r\n        console.error(error.message);\r\n      });\r\n  }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\n\r\nReactDOM.render(\r\n  <React.StrictMode>\r\n    <App />\r\n  </React.StrictMode>,\r\n  document.getElementById('root')\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n","module.exports = __webpack_public_path__ + \"static/media/vibetransparent.8f439389.png\";","module.exports = __webpack_public_path__ + \"static/media/SerialNo.53becc5c.jpg\";"],"sourceRoot":""}