{"version":3,"sources":["webpack:///./src/components/ContactForm/ContactForm.js","webpack:///./src/pages/support/mail/index.js"],"names":["Amplify","configure","awsconfig","FormContentJa","postInquiry","body","a","params","API","post","state","submitButton","submit","this","form","document","getElementById","name","value","company","zip","address","tel","email","service","inquiry","window","alert","setState","department","fax","locale","resetBtnOperation","render","className","id","type","placeholder","ref","el","rows","onClick","React","Component","FormContentEn","country","business","others","web","console","log","ContactForm","pathName","location","pathname","indexOf","MailJa","showForm","showButton","agreeBtnOperation","to","MailEn","Mail","SupportLeftNav","Footer"],"mappings":"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","file":"component---src-pages-support-mail-index-js-b0d56c4eb712cb0f5827.js","sourcesContent":["import React from \"react\";\nimport Amplify, {API} from 'aws-amplify'\nimport awsconfig from '../../aws-exports'\n\nAmplify.configure(awsconfig);\n\nclass FormContentJa extends React.Component {\n    constructor() {\n        super();\n        this.state = {\n            submitButton: true\n        }\n    }\n    postInquiry = async body => {\n        const APIName = 'satoAmplify'\n        const path = '/inquiry'\n        const params = {\n            body: body,\n        }\n        return await API.post(APIName, path, params)\n    }\n\n    async submit() {\n        if (this.state.submitButton === true) {\n            const form = document.getElementById(\"submit_form\")\n            if (form.name.value === \"\" || form.company.value === \"\" || form.zip.value === \"\" || form.address.value === \"\" || form.tel.value === \"\" || form.email.value === \"\" || form.service.value === \"\" || form.inquiry.value === \"\") {\n                window.alert('必須項目を入力してください')\n                return\n            }\n            try {\n                window.alert('お問い合わせの送信が完了しました。')\n                this.setState({submitButton: false})\n                await this.postInquiry({\n                    name: form.name.value,\n                    company: form.company.value,\n                    department: form.department.value,\n                    zip: form.zip.value,\n                    address: form.address.value,\n                    tel: form.tel.value,\n                    fax: form.fax.value,\n                    email: form.email.value,\n                    service: form.service.value,\n                    inquiry: form.inquiry.value,\n                    locale: 'ja'\n                })\n            } catch (e) {\n                window.alert('お問い合わせの送信に失敗しました。')\n            }\n        } else {\n            window.alert('お問い合わせの送信は完了しています。\\n別のお問い合わせメールを送信する場合は、ページの更新またはリセットボタンを押してください。')\n        }\n    }\n\n    resetBtnOperation() {\n        this.name.value = \"\";\n        this.company.value = \"\";\n        this.department.value = \"\";\n        this.zip.value = \"\";\n        this.address.value = \"\";\n        this.tel.value = \"\";\n        this.fax.value = \"\";\n        this.email.value = \"\";\n        this.inquiry.value = \"\";\n        this.setState({submitButton: true})\n    }\n\n    render() {\n        return (\n            <div className=\"mail-form\">\n                <h3>お問い合わせフォーム</h3>\n                <p className=\"form-description\">取扱説明書をご要望の場合、対象製品の製品ページに掲載しています。</p>\n                <p className=\"asterisk-text\">の部分は必須項目です。</p>\n                <form id=\"submit_form\">\n                    <table>\n                        <tbody>\n                        <tr>\n                            <td className=\"name\">ご氏名</td>\n                            <td><input type=\"text\" id=\"name\" name=\"name\" placeholder=\"ご氏名\" ref={(el) => (this.name = el)} /></td>\n                        </tr>\n                        <tr>\n                            <td className=\"company\">御社名</td>\n                            <td className=\"company-td\">\n                                <input type=\"text\" id=\"company\" name=\"company\" placeholder=\"御社名\" ref={(el) => (this.company = el)} />\n                                <br/><span className=\"company-text\">個人のお客様の場合は「個人」とご記入ください。</span>\n                            </td>\n                        </tr>\n                        <tr>\n                            <td className=\"department\">所属部署名<span className=\"not-required\">（任意）</span></td>\n                            <td><input type=\"text\" id=\"department\" name=\"department\" placeholder=\"所属部署名\" ref={(el) => (this.department = el)} /></td>\n                        </tr>\n                        <tr>\n                            <td className=\"zip\">郵便番号</td>\n                            <td><input type=\"text\" id=\"zip\" name=\"zip\" placeholder=\"郵便番号\" ref={(el) => (this.zip = el)} /></td>\n                        </tr>\n                        <tr>\n                            <td className=\"address\">ご住所</td>\n                            <td><input type=\"text\" id=\"address\" name=\"address\" placeholder=\"ご住所\" ref={(el) => (this.address = el)} /></td>\n                        </tr>\n                        <tr>\n                            <td className=\"telephone\">電話番号</td>\n                            <td><input type=\"text\" id=\"tel\" name=\"tel\" placeholder=\"電話番号\" ref={(el) => (this.tel = el)} /></td>\n                        </tr>\n                        <tr>\n                            <td className=\"fax\">FAX番号<span className=\"not-required\">（任意）</span></td>\n                            <td><input type=\"text\" id=\"fax\" name=\"fax\" placeholder=\"FAX番号\" ref={(el) => (this.fax = el)} /></td>\n                        </tr>\n                        <tr>\n                            <td className=\"e-mail\">E-Mail</td>\n                            <td><input type=\"text\" id=\"e-mail\" name=\"email\" placeholder=\"E-Mail\" ref={(el) => (this.email = el)} /></td>\n                        </tr>\n                        <tr>\n                            <td className=\"classification\">お問い合わせ分類</td>\n                            <td>\n                                <div className=\"radio\">\n                                    <label><input type=\"radio\" className=\"service\" name=\"service\" value=\"お問い合わせ（購入前相談）\" /><span>お問い合わせ（購入前相談）</span></label><br />\n                                    <label><input type=\"radio\" className=\"service\" name=\"service\" value=\"故障・修理・検査のご相談\" /><span>故障・修理・検査のご相談</span></label><br />\n                                    <label><input type=\"radio\" className=\"service\" name=\"service\" value=\"操作方法・はかり方・設定方法など\" /><span>操作方法・はかり方・設定方法など</span></label><br />\n                                    <label><input type=\"radio\" className=\"service\" name=\"service\" value=\"部品・カタログ・取扱説明書等お取り寄せ\" /><span>部品・カタログ・取扱説明書等お取り寄せ</span></label><br />\n                                </div>\n                            </td>\n                        </tr>\n                        <tr>\n                            <td className=\"inquiry-content\">お問い合わせ内容</td>\n                            <td><textarea id=\"inquiry\" name=\"inquiry\" rows=\"8\" placeholder=\"お問い合わせ内容\" ref={(el) => (this.inquiry = el)} >\n                                                </textarea></td>\n                        </tr>\n                        </tbody>\n                    </table>\n                </form>\n                <div className=\"confirmation-pc\">\n                    <input className=\"reset-btn\" type=\"button\" value=\"リセット\" onClick={()=>this.resetBtnOperation()} name=\"reset\">\n                    </input>\n                    <input className=\"confirm-btn\" type=\"button\" value=\"送信\" name=\"confirm\" onClick={()=>this.submit()}>\n                    </input>\n                </div>\n                <div className=\"confirmation-sp\">\n                    <input className=\"confirm-btn\" type=\"button\" value=\"送信\" name=\"confirm\" onClick={()=>this.submit()}>\n                    </input>\n                    <input className=\"reset-btn\" type=\"button\" value=\"リセット\" onClick={()=>this.resetBtnOperation()} name=\"reset\">\n                    </input>\n                </div>\n            </div>\n        )\n    }\n}\n\nclass FormContentEn extends React.Component {\n    constructor() {\n        super();\n        this.state = {\n            submitButton: true\n        }\n    }\n    postInquiry = async body => {\n        const APIName = 'satoAmplify'\n        const path = '/inquiry'\n        const params = {\n            body: body,\n        }\n        return await API.post(APIName, path, params)\n    }\n\n    async submit() {\n        if (this.state.submitButton === true) {\n            const form = document.getElementById(\"submit_form\")\n            if (form.name.value === \"\" || form.address.value === \"\" || form.country.value === \"\" || form.business.value === \"\" || form.tel.value === \"\" || form.email.value === \"\" || form.inquiry.value === \"\") {\n                window.alert('Please fill in the required fields.')\n                return\n            }\n            try {\n                window.alert('Your inquiry has been sent.')\n                this.setState({submitButton: false})\n                await this.postInquiry({\n                    name: form.name.value,\n                    department: form.department.value,\n                    company: form.company.value,\n                    address: form.address.value,\n                    country: form.country.value,\n                    business: form.business.value,\n                    others: form.others.value,\n                    tel: form.tel.value,\n                    fax: form.fax.value,\n                    email: form.email.value,\n                    web: form.web.value,\n                    inquiry: form.inquiry.value,\n                    locale: 'en'\n                })\n            } catch (e) {\n                window.alert(e)\n            }\n        } else {\n            window.alert('Your inquiry has already been sent.\\nIf you wish to send another inquiry email, please refresh the page or press the reset button.')\n        }\n    }\n\n    resetBtnOperation() {\n        this.name.value = \"\";\n        this.department.value = \"\";\n        this.company.value = \"\";\n        this.address.value = \"\";\n        this.country.value = \"\";\n        this.others.value = \"\";\n        this.tel.value = \"\";\n        this.fax.value = \"\";\n        this.email.value = \"\";\n        this.inquiry.value = \"\";\n    }\n\n    render() {\n        console.log(this)\n        return (\n            <div className=\"mail-form\">\n                <h3>Contact Form</h3>\n                <form id=\"submit_form\">\n                    <table>\n                        <tbody>\n                        <tr>\n                            <td className=\"name\">Name</td>\n                            <td><input type=\"text\" id=\"name\" name=\"name\" placeholder=\"Name\" ref={(el) => (this.name = el)} /></td>\n                        </tr>\n                        <tr>\n                            <td className=\"department\">Department or Job title<span className=\"not-required\">(optional）</span></td>\n                            <td><input type=\"text\" id=\"department\" name=\"department\" placeholder=\"Department or Job title\" ref={(el) => (this.department = el)} />\n                            </td>\n                        </tr>\n                        <tr>\n                            <td className=\"company\">Company Name</td>\n                            <td><input type=\"text\" id=\"company\" name=\"company\" placeholder=\"Company Name\" ref={(el) => (this.company = el)} /></td>\n                        </tr>\n                        <tr>\n                            <td className=\"address\">Address</td>\n                            <td><input type=\"text\" id=\"address\" name=\"address\" placeholder=\"Address\" ref={(el) => (this.address = el)} /></td>\n                        </tr>\n                        <tr>\n                            <td className=\"address\">Country</td>\n                            <td><input type=\"text\" id=\"country\" name=\"country\" placeholder=\"Country\" ref={(el) => (this.country = el)} /></td>\n                        </tr>\n                        <tr>\n                            <td className=\"classification\">Type of Business</td>\n                            <td>\n                                <div className=\"radio\">\n                                    <label><input type=\"radio\" className=\"business\" name=\"business\" value=\"Wholesaler\" /><span>Wholesaler</span></label><br />\n                                    <label><input type=\"radio\" className=\"business\" name=\"business\" value=\"Retailer\" /><span>Retailer</span></label><br />\n                                    <label><input type=\"radio\" className=\"business\" name=\"business\" value=\"End-user\" /><span>End-user</span></label><br />\n                                    <label><input type=\"radio\" className=\"business\" name=\"business\" value=\"Others\" /><span>Others</span></label>\n                                    <input type=\"text\" id=\"others\" name=\"others\" placeholder=\"Others\" ref={(el) => (this.others = el)}/><br />\n                                </div>\n                            </td>\n                        </tr>\n                        <tr>\n                            <td className=\"telephone\">Phone</td>\n                            <td><input type=\"text\" id=\"tel\" name=\"tel\" placeholder=\"Phone\" ref={(el) => (this.tel = el)} /></td>\n                        </tr>\n                        <tr>\n                            <td className=\"fax\">Fax<span className=\"not-required\">（optional）</span></td>\n                            <td><input type=\"text\" id=\"fax\" name=\"fax\" placeholder=\"Fax\" ref={(el) => (this.fax = el)} /></td>\n                        </tr>\n                        <tr>\n                            <td className=\"e-mail\">Email</td>\n                            <td><input type=\"text\" id=\"e-mail\" name=\"email\" placeholder=\"Email\" ref={(el) => (this.email = el)} /></td>\n                        </tr>\n                        <tr>\n                            <td className=\"web\">Website</td>\n                            <td><input type=\"text\" id=\"web\" name=\"web\" placeholder=\"Website\" ref={(el) => (this.web = el)} /></td>\n                        </tr>\n                        <tr>\n                            <td className=\"inquiry-content\">Comments</td>\n                            <td><textarea id=\"inquiry\" name=\"inquiry\" rows=\"8\" placeholder=\"Comments\" ref={(el) => (this.inquiry = el)} >\n                                                </textarea></td>\n                        </tr>\n                        </tbody>\n                    </table>\n                </form>\n                <div className=\"confirmation-pc\">\n                    <input className=\"reset-btn\" type=\"button\" value=\"reset\" onClick={()=>this.resetBtnOperation()} name=\"reset\">\n                    </input>\n                    <input className=\"confirm-btn\" type=\"button\" value=\"submit\" name=\"confirm\" onClick={()=>this.submit()}>\n                    </input>\n                </div>\n                <div className=\"confirmation-sp\">\n                    <input className=\"confirm-btn\" type=\"button\" value=\"submit\" name=\"confirm\" onClick={()=>this.submit()}>\n                    </input>\n                    <input className=\"reset-btn\" type=\"button\" value=\"reset\" onClick={()=>this.resetBtnOperation()} name=\"reset\">\n                    </input>\n                </div>\n            </div>\n        )\n    }\n}\n\nconst ContactForm = () => {\n    const pathName = typeof window !== 'undefined' ? window.location.pathname : '';\n    return (\n        <div>\n            {\n                (pathName.indexOf('/en') !== -1) ?\n                    <FormContentEn />:\n                    <FormContentJa />\n            }\n        </div>\n    )\n}\n\nexport default ContactForm;","import React from \"react\"\nimport Footer from \"../../../components/Footer/Footer\";\nimport SupportLeftNav from \"../../../components/TwoColumnLeftNav/SupportLeftNav\";\nimport LocalizedLink from \"../../../components/localizedLink\";\nimport ContactForm from \"../../../components/ContactForm/ContactForm\";\n\nclass MailJa extends React.Component {\n    constructor() {\n        super();\n        this.state = {\n            showForm: false,\n            showButton: true,\n        }\n    }\n\n    agreeBtnOperation() {\n        this.setState({\n            showForm: true,\n            showButton: false\n        })\n    }\n\n    render() {\n\n        return (\n            <>\n                <div>\n                    <h2 className={'large bold'}>メールでのお問い合わせ</h2>\n                    <div className=\"content-container\">\n                        <div className=\"content\">\n\n\n                            <p>製品や修理のお問い合わせを承っております。お問い合わせいただく際は、下記の内容をよくお読みになり、ご理解・ご同意の上お問い合わせください。</p><br/>\n                            <p>【個人情報の使用目的について】</p>\n                            <p>メールでのお問い合わせについて、下記の使用目的のためにお客様の個人情報を収集させていただいております。</p>\n                            <ul>\n                                <li> ・ お客様へのメール、お電話、お手紙などでのご連絡</li>\n                                <li> ・ お問い合わせに関して、関係するグループ会社からのご連絡</li>\n                                <li> ・ 製品、サービス内容向上のためのお問い合わせ内容の利用</li>\n                            </ul>\n                            <p> ※プライバシーポリシーは<LocalizedLink to=\"/company/privacy\" className=\"direct-link\">こちら</LocalizedLink>のページよりご確認いただけます。</p><br/>\n                            <p>【注意事項】</p>\n                            <ul>\n                                <li> ・ お問い合わせ内容によっては、回答をお電話でさせていただく場合や、回答を差し上げるのにお時間をいただくこともございます。お急ぎの場合は電話相談窓口をご利用ください。</li>\n                                <li> ・ 弊社からお返事させていただくことが適当でない場合には、お返事を差し上げられない場合もございます。あらかじめご了承ください。</li>\n                                <li> ・ 弊社からのお返事のメールは、お客様個人宛てにお送りするものです。一部または全部を転載、二次利用することはご遠慮ください。</li>\n                            </ul>\n                        </div>\n                    </div>\n                    {\n                        this.state.showButton?\n                            <div>\n                                <div className=\"agreement-pc\">\n                                    <LocalizedLink to=\"/support\">\n                                        <input className=\"disagree-btn\" type=\"button\" value=\"同意しません\" name=\"disagree\" />\n                                    </LocalizedLink>\n                                    <input className=\"agree-btn\" type=\"button\" value=\"上記内容に同意し、入力フォームに進む\" onClick={()=>this.agreeBtnOperation()} name=\"agree\" />\n                                </div>\n                                <div className=\"agreement-sp\">\n                                    <input className=\"agree-btn\" type=\"button\" value=\"上記内容に同意し、入力フォームに進む\" onClick={()=>this.agreeBtnOperation()} name=\"agree\" />\n                                    <LocalizedLink to=\"/support\">\n                                        <input className=\"disagree-btn\" type=\"button\" value=\"同意しません\" name=\"disagree\" />\n                                    </LocalizedLink>\n                                </div>\n                            </div>\n                            :null\n                    }\n                    {\n                        this.state.showForm?\n                            <ContactForm/>\n                            :null\n                    }\n                </div>\n            </>\n        )\n    }\n}\n\nclass MailEn extends React.Component {\n    constructor() {\n        super();\n        this.state = {\n            showForm: false,\n            showButton: true,\n        }\n    }\n\n    agreeBtnOperation() {\n        this.setState({\n            showForm: true,\n            showButton: false\n        })\n    }\n\n    render() {\n\n        return (\n            <>\n               <div>\n                   <h2 className={'large bold'}>Contact us via email</h2>\n                   <div className=\"content-container\">\n                       <div className=\"content\">\n                           <p>We, Sato Keiryoki Mfg. Co., Ltd., welcome any inquiries about our products and services via\n                               the following email inquiry form. </p>\n                           <p>Please read the instructions below carefully before contacting us.</p><br/>\n                           <p>-Purpose of use of personal information-</p>\n                           <p>When you use the email inquiry form, we collect your personal information for the following purposes:</p>\n                           <ul>\n                               <li> ・ to respond to you from us</li>\n                               <li> ・ to have our dealers respond to you regarding your inquiry</li>\n                               <li> ・ to use the information to improve our products and services</li>\n                           </ul>\n                           <p> * Click here to read our <LocalizedLink to=\"/company/privacy\" className=\"direct-link\">Privacy\n                               Policy</LocalizedLink></p><br/>\n                           <p>-Notice-</p>\n                           <ul>\n                               <li> ・ We may take time to respond to you depending on the content of the inquiry.</li>\n                               <li> ・ During weekends, our summer holidays in August, and our winter holidays from the end of December to the beginning of January, we are unable to respond.</li>\n                               <li> ・ We may not be able to respond to you in case if it is not appropriate to reply from us.\n                               </li>\n                               <li> ・ Our response by email is confidential and intended solely for the individuals to whom\n                                   they are addressed. Reproducing and secondary use of any part of our messages is prohibited.\n                               </li>\n                           </ul>\n                       </div>\n                   </div>\n                   {\n                       this.state.showButton?\n                           <div>\n                               <div className=\"agreement-pc\">\n                                   <LocalizedLink to=\"/support/mail\">\n                                       <input className=\"disagree-btn\" type=\"button\" value=\"I don’t agree\" name=\"disagree\" />\n                                   </LocalizedLink>\n                                   <input className=\"agree-btn\" type=\"button\" value=\"I agree and proceed to the inquiry form\" onClick={()=>this.agreeBtnOperation()} name=\"agree\" />\n                               </div>\n                               <div className=\"agreement-sp\">\n                                   <input className=\"agree-btn\" type=\"button\" value=\"I agree and proceed to the inquiry form\" onClick={()=>this.agreeBtnOperation()} name=\"agree\" />\n                                   <LocalizedLink to=\"/support/mail\">\n                                       <input className=\"disagree-btn\" type=\"button\" value=\"I don’t agree\" name=\"disagree\" />\n                                   </LocalizedLink>\n                               </div>\n                           </div>\n                           :null\n                   }\n                   {\n                       this.state.showForm?\n                           <ContactForm/>\n                           :null\n                   }\n               </div>\n            </>\n        )\n    }\n}\n\nconst Mail = () => {\n    const pathName = typeof window !== 'undefined' ? window.location.pathname : '';\n\n    return (\n        <>\n            <article className=\"mail-info two-column-left-nav\">\n                <SupportLeftNav/>\n                <section className=\"main-content\">\n                    {\n                        (pathName.indexOf('/en') !== -1) ?\n                            <MailEn/> :\n                            <MailJa/>\n                    }\n                </section>\n            </article>\n            <Footer/>\n        </>\n    )\n}\nexport default Mail"],"sourceRoot":""}