https://www.kintaicloud.jp/component---src-pages-support-tsx-efdf662b9fc3870ff10b.js

1"use strict";(self.webpackChunkbeaver_help=self.webpackChunkbeaver_help||[]).push([[4729],{64776:function(e,a,t){var n=t(6771),r=(t(67294),t(23431));var i=(0,n.Z)("div",{target:"e1hsfgx30"})({name:"1in4xat",styles:"padding:8px 0;.atm-checkbox{display:flex;width:100%;position:relative;cursor:pointer;user-select:none;padding:0 0 10px 34px;input{display:none;}p{padding:2px 0 0;}}.mark{position:absolute;top:0;left:0;height:26px;width:26px;border:solid 2px #3abd9e;border-radius:5px;box-sizing:border-box;&:after{content:'';position:absolute;border:solid #3abd9e;border-width:0 2px 2px 0;left:7px;top:1px;width:8px;height:14px;transform:rotate(45deg);opacity:0;}}.atm-checkbox{input:checked+.mark{background:transparent;border-color:#3abd9e;}input:checked+.mark:after{opacity:1;}}"});a.Z=function(e){return(0,r.tZ)(i,null,(0,r.tZ)("label",{className:"atm-checkbox txt-color-label"},(0,r.tZ)("input",{type:"checkbox",checked:e.checked,onChange:e.onChange}),(0,r.tZ)("span",{className:"mark"}),(0,r.tZ)("p",null,e.children)))}},46074:function(e,a,t){var n=t(6771),r=(t(67294),t(23431));var i=(0,n.Z)("p",{target:"e37pdhi0"})({name:"1g1mk5t",styles:"margin:-10px 0 30px 34px;opacity:0.5;text-align:left;font-size:15px"});a.Z=function(e){var a=e.className,t=void 0===a?"":a;return(0,r.tZ)(i,{className:t+" txt-size-small"},"当社製品、サービスに関するご案内を入力メールアドレス宛に",(0,r.tZ)("br",null),"お送りする可能性があります。")}},22958:function(e,a,t){var n=t(6771),r=(t(67294),t(59328)),i=t(23431),l=(0,n.Z)("div",{target:"e1yymkrb0"})("width:100%;text-align:center;margin:0 0 60px;.h3{font-size:2.5em;margin:0 0 20px;white-space:pre-wrap;font-weight:bold;}p{white-space:pre-wrap;font-weight:600;opacity:0.6;}.p-h3-line{width:48px;height:4px;margin:20px auto;position:relative;&:before,&:after{display:block;content:'';position:absolute;width:4px;height:4px;border-radius:2px;background:#3ec7b3;top:0;}&:after{left:8px;}span{display:block;background:#3ec7b3;width:32px;margin-left:auto;height:4px;border-radius:2px;}}",r.Z.medium,"{margin:0 auto 30px;width:calc(100vw - 80px);word-break:break-word;.h3{font-size:2em;}p{width:70%;margin:0 auto;}}",r.Z.smallest,"{p{width:260px;}}");a.Z=function(e){var a=e.className,t=void 0===a?"":a;return(0,i.tZ)(l,{className:t},(0,i.tZ)("div",{className:"h3"},e.label),(0,i.tZ)("p",null,e.description),(0,i.tZ)("div",{className:"p-h3-line"},(0,i.tZ)("span",null)))}},5524:function(e,a,t){var n=t(15861),r=t(87757),i=t.n(r),l=t(67294),s=t(65460),o=t(71792);a.Z=function(e){return void 0===e&&(e="post"),(0,l.useEffect)((function(){s.b.configure(o.default)}),[]),{execApi:function(){var a=(0,n.Z)(i().mark((function a(t,n,r,l){var o,p;return i().wrap((function(a){for(;;)switch(a.prev=a.next){case 0:o="beaverOfficial",p={body:n},a.prev=2,a.t0=e,a.next="get"===a.t0?6:12;break;case 6:return a.t1=r,a.next=9,s.b.get(o,t,p);case 9:return a.t2=a.sent,(0,a.t1)(a.t2),a.abrupt("break",18);case 12:return a.t3=r,a.next=15,s.b.post(o,t,p);case 15:return a.t4=a.sent,(0,a.t3)(a.t4),a.abrupt("break",18);case 18:a.next=23;break;case 20:a.prev=20,a.t5=a.catch(2),l&&l();case 23:case"end":return a.stop()}}),a,null,[[2,20]])})));return function(e,t,n,r){return a.apply(this,arguments)}}()}}},68437:function(e,a){a.Z=function(e){return function(a){var t=e.find((function(e){return e.kind===a}));return void 0!==t?t.name:""}}},72874:function(e,a,t){t.r(a),t.d(a,{default:function(){return S}});var n=t(6771),r=t(67294),i=t(44907),l=t(21375),s=t(38037),o=t(59328),p=[{name:"WEB版",kind:"web"},{name:"アプリ版",kind:"app"}],c=[{name:"利用方法に関するお問い合わせ",kind:"introduction-method"},{name:"勤怠データの引継ぎ登録に関するご相談",kind:"inherit"},{name:"月の開始日変更に関するご相談",kind:"start-date"},{name:"ご意見・ご要望・不具合の報告",kind:"detail"},{name:"その他のお問い合わせ",kind:"other"}],d=t(24870),m=t(64776),u=t(7667),Z=t(72253),x=t(17302),b=t(82069),g=t(46074),h=t(23431),f=(0,n.Z)("section",{target:"e1t1twmq0"})("width:100%;.p-section-inner{max-width:620px;padding:60px 0;margin:0 auto;.p-section-contact{width:100%;margin:0 auto;text-align:center;.item-wrap{margin:0 0 20px;&.name-wrap{display:flex;div{width:50%;margin:0;}}.label-area{display:flex;flex-wrap:wrap;padding:0 0 2px;.txt-color-alert{margin:0 5px;&.require{opacity:0.6;}&.err{margin-left:auto;word-break:keep-all;}}.sub-description{margin:0 5px;text-align:left;}}textarea{min-height:120px;}}}.p-top-data-wrap{background:#f9f3c4;width:100%;border-radius:8px;margin:-30px auto 60px;padding:20px;text-align:center;p{margin:0 0 20px;}button{margin:0;}hr{margin:20px 0;border:solid 1px #17ba9a;}}.p-select{overflow:hidden;text-align:center;position:relative;border:solid 2px #ebebeb;background:#ffffff;min-height:40px;border-radius:8px;transition:0.3s;&:hover{border-color:#3ec7b3;}&:before{position:absolute;top:45%;right:0.8em;width:0;height:0;padding:0;content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #272d2c;pointer-events:none;}select{width:100%;cursor:pointer;text-indent:0.01px;text-overflow:ellipsis;border:none;outline:none;background:transparent none;box-shadow:none;-webkit-appearance:none;appearance:none;&::-ms-expand{display:none;}}}}",o.Z.large,"{.p-section-inner{.p-section-contact{}}}

1"),v=function(e){var a=e.contact,t=e.onConfirm,n=e.onChange,i=(0,r.useState)(!1),l=i[0],o=i[1],v=(0,b.Z)("/help"),N=(0,b.Z)("/help/faq");return(0,h.tZ)(r.Fragment,null,(0,h.tZ)(x.Z,{label:"ご利用サポート",description:"以下のフォームに必要事項をご入力の上、確認ボタンを押してください"}),(0,h.tZ)(f,null,(0,h.tZ)("div",{className:"p-section-inner"},(0,h.tZ)(Z.Z,{className:"now-01"}),(0,h.tZ)("div",{className:"p-top-data-wrap"},(0,h.tZ)("p",null,"キンクラをご利用中に困った時は、こちらのヘルプページをご確認ください。"),(0,h.tZ)(u.Z,{size:"small",level:"weak",onClick:function(){window.open(v)}},"ヘルプ"),(0,h.tZ)("hr",null),(0,h.tZ)("p",null,"お客様からよくお問い合わせいただくご質問を、Q&A形式でご案内しています。"),(0,h.tZ)(u.Z,{size:"small",level:"weak",onClick:function(){(0,s.c4)(N)}},"よくあるご質問")),(0,h.tZ)("div",{className:"p-section-contact"},(0,h.tZ)("div",{className:"item-wrap"},(0,h.tZ)("p",{className:"label-area"},(0,h.tZ)("span",{className:"txt-bold"},"会社名"),(0,h.tZ)("span",{className:"txt-color-alert txt-size-small require"},"*必須"),l&&!a.company&&(0,h.tZ)("span",{className:"txt-color-alert txt-size-small err"},"会社名を入力してください。")),(0,h.tZ)("input",{value:a.company,onChange:n("company"),placeholder:"○○株式会社"})),(0,h.tZ)("div",{className:"item-wrap"},(0,h.tZ)("p",{className:"label-area"},(0,h.tZ)("span",{className:"txt-bold"},"企業ID"),(0,h.tZ)("span",{className:"txt-color-alert txt-size-small require"},"*必須"),(0,h.tZ)("span",{className:"sub-description txt-size-small"},"「設定管理＞企業設定」から確認可能です。"),l&&!a.companyId&&(0,h.tZ)("span",{className:"txt-color-alert txt-size-small err"},"企業IDを入力してください。")),(0,h.tZ)("input",{value:a.companyId,onChange:n("companyId"),placeholder:"dcs9999999"})),(0,h.tZ)("div",{className:"item-wrap"},(0,h.tZ)("p",{className:"label-area"},(0,h.tZ)("span",{className:"txt-bold"},"ご担当者名"),(0,h.tZ)("span",{className:"txt-color-alert txt-size-small require"},"*必須"),l&&!a.name&&(0,h.tZ)("span",{className:"txt-color-alert txt-size-small err"},"氏名を入力してください。")),(0,h.tZ)("input",{value:a.name,onChange:n("name"),placeholder:"田中太郎"})),(0,h.tZ)("div",{className:"item-wrap"},(0,h.tZ)("p",{className:"label-area"},(0,h.tZ)("span",{className:"txt-bold"},"登録メールアドレス"),(0,h.tZ)("span",{className:"txt-color-alert txt-size-small require"},"*必須"),l&&!a.email&&(0,h.tZ)("span",{className:"txt-color-alert txt-size-small err"},"メールアドレスの形式が間違っています。")),(0,h.tZ)("input",{value:a.email,onChange:n("email"),placeholder:"[email protected]"})),(0,h.tZ)("div",{className:"item-wrap"},(0,h.tZ)("p",{className:"label-area"},(0,h.tZ)("span",{className:"txt-bold"},"お問い合わせ種別"),(0,h.tZ)("span",{className:"txt-color-alert txt-size-small require"},"*必須"),l&&!a.supportKind&&(0,h.tZ)("span",{className:"txt-color-alert txt-size-small err"},"お問い合わせ種別を選択してください。")),(0,h.tZ)("div",{className:"p-select"},(0,h.tZ)("select",{required:!0,value:a.supportKind,onChange:n("supportKind")},(0,h.tZ)("option",{value:"",hidden:!0},"選択してください"),c.map((function(e){return(0,h.tZ)("option",{key:e.kind,value:e.kind},e.name)}))))),(0,h.tZ)("div",{className:"item-wrap"},(0,h.tZ)("p",{className:"label-area"},(0,h.tZ)("span",{className:"txt-bold"},"お問い合わせの詳細"),(0,h.tZ)("span",{className:"txt-color-alert txt-size-small require"},"*必須"),l&&!a.body&&(0,h.tZ)("span",{className:"txt-color-alert txt-size-small err"},"お問い合わせ内容をご記入ください。")),(0,h.tZ)("textarea",{value:a.body,onChange:n("body"),placeholder:"お問い合わせされたい具体的な内容をご記入ください"})),(0,h.tZ)("div",{className:"item-wrap"},(0,h.tZ)("p",{className:"label-area"},(0,h.tZ)("span",{className:"txt-bold"},"利用環境")),(0,h.tZ)("div",{className:"p-select"},(0,h.tZ)("select",{required:!0,value:a.deviceKind,onChange:n("deviceKind")},(0,h.tZ)("option",{value:""},"選択してください"),p.map((function(e){return(0,h.tZ)("option",{key:e.kind,value:e.kind},e.name)}))))),(0,h.tZ)("div",{className:"item-wrap"},(0,h.tZ)("p",{className:"label-area"}

1,(0,h.tZ)("span",{className:"txt-bold"},"エラーメッセージ")),(0,h.tZ)("textarea",{value:a.error,onChange:n("error"),placeholder:"エラーメッセージが表示される場合はメッセージ内容をご記入ください"})),(0,h.tZ)("div",{className:"txt-center"},(0,h.tZ)(m.Z,{checked:a.agree,onChange:n("agree")},(0,h.tZ)("a",{href:"https://www.clinks.jp/policy/",target:"_blank",rel:"noreferrer"},"プライバシーポリシー"),"に同意する"),(0,h.tZ)(g.Z,null),l&&!a.agree&&(0,h.tZ)("span",{className:"txt-color-alert txt-size-small err"},"プライバシーポリシーに同意してください。")),(0,h.tZ)(u.Z,{size:"large",level:"normal",className:"p-btn-contact",onClick:function(){a.company&&a.companyId&&a.name&&a.email&&d.Z.checkFormatMail(a.email)&&a.agree&&a.supportKind&&a.body?t():o(!0)}},"送信内容を確認する")))))},N=t(68437),w=(0,n.Z)("section",{target:"e1l2qaaq0"})("width:100%;.p-section-inner{max-width:620px;padding:60px 0;margin:0 auto;.p-section-contact{width:100%;margin:0 auto;text-align:center;.item-wrap{margin:0 0 20px;&.name-wrap{display:flex;div{width:50%;margin:0;}}.label-area{display:flex;flex-wrap:wrap;padding:0 0 2px;.txt-color-alert{margin:0 5px;&.require{opacity:0.6;}&.err{margin-left:auto;word-break:keep-all;}}}.data-area{width:100%;text-align:left;margin:10px 0;padding:0 0 10px;border-bottom:solid 2px #dcdee1;white-space:pre;}}.p-btn-wrap{display:flex;align-items:center;.p-btn-edit{margin-right:15%;}.p-btn-contact{margin-right:auto;}}}}",o.Z.large,"{.p-section-inner{.p-section-contact{}}}"),k=function(e){var a,t=e.isSending,n=e.contact,i=e.onClickBack,l=e.onClickSend,s=(0,N.Z)(c),o=(0,N.Z)(p);return(0,h.tZ)(r.Fragment,null,(0,h.tZ)(x.Z,{label:"ご利用サポート",description:"入力内容をご確認後、送信ボタンを押してください"}),(0,h.tZ)(w,null,(0,h.tZ)("div",{className:"p-section-inner"},(0,h.tZ)(Z.Z,{className:"now-02"}),(0,h.tZ)("div",{className:"p-section-contact"},(0,h.tZ)("div",{className:"item-wrap"},(0,h.tZ)("p",{className:"label-area"},(0,h.tZ)("span",{className:"txt-bold"},"会社名")),(0,h.tZ)("p",{className:"data-area"},n.company)),(0,h.tZ)("div",{className:"item-wrap"},(0,h.tZ)("p",{className:"label-area"},(0,h.tZ)("span",{className:"txt-bold"},"企業ID")),(0,h.tZ)("p",{className:"data-area"},n.companyId)),(0,h.tZ)("div",{className:"item-wrap"},(0,h.tZ)("p",{className:"label-area"},(0,h.tZ)("span",{className:"txt-bold"},"ご担当者名")),(0,h.tZ)("p",{className:"data-area"},n.name)),(0,h.tZ)("div",{className:"item-wrap"},(0,h.tZ)("p",{className:"label-area"},(0,h.tZ)("span",{className:"txt-bold"},"登録メールアドレス")),(0,h.tZ)("p",{className:"data-area"},n.email)),(0,h.tZ)("div",{className:"item-wrap"},(0,h.tZ)("p",{className:"label-area"},(0,h.tZ)("span",{className:"txt-bold"},"お問い合わせ種別")),(0,h.tZ)("p",{className:"data-area"},s(n.supportKind))),(0,h.tZ)("div",{className:"item-wrap"},(0,h.tZ)("p",{className:"label-area"},(0,h.tZ)("span",{className:"txt-bold"},"お問い合わせの詳細")),(0,h.tZ)("div",{className:"data-area"},n.body)),(0,h.tZ)("div",{className:"item-wrap"},(0,h.tZ)("p",{className:"label-area"},(0,h.tZ)("span",{className:"txt-bold"},"利用環境")),(0,h.tZ)("p",{className:"data-area"},null!==(a=o(n.deviceKind))&&void 0!==a?a:"ー")),(0,h.tZ)("div",{className:"item-wrap"},(0,h.tZ)("p",{className:"label-area"},(0,h.tZ)("span",{className:"txt-bold"},"エラーメッセージ")),(0,h.tZ)("div",{className:"data-area"},n.error)),(0,h.tZ)("div",{className:"p-btn-wrap"},(0,h.tZ)(u.Z,{size:"small",level:"weak",className:"p-btn-edit",onClick:i},"修正する"),(0,h.tZ)(u.Z,{size:"large",level:"normal",className:"p-btn-contact",onClick:l,disabled:t},"この内容で送信する"))))))},y=t(22958),z=(0,n.Z)("section",{target:"e1e8cxj20"})("width:100%;.p-section-inner{display:flex;max-width:1080px;padding:60px 0;margin:0 auto;flex-wrap:wrap;justify-content:space-between;}",o.Z.large,"{.p-section-inner{.p-section-download{}}}"),C=function(){return(0,h.tZ)(r.Fragment,null,(0,h.tZ)(x.Z,{label:"ご利用サポート",description:"送信完了"}),(0,h.tZ)(z,{className:"thanks"},(0,h.tZ)("div",{className:"p-section-inner"},(0,h.tZ)(Z.Z,{className:"now-03"}),(0,h.tZ)(y.Z,{label:"お問い合わせありがとうございます",description:"お問い合わせいただいた内容を確認し\n2～3営業日以内に、担当よりメールにて返信させていただきます。"}))))},q=t(5524),K=(0,n.Z)("main",{target:"e1nruzuy0"})("font-size:16px;.p-head-inner{.p-nav-area{display:none;}}",o.Z.xLarge,"{.p-head-inner{.p-nav-area{display:flex;}}}"),I={agree:!1,body:"",company:"",companyId:"",deviceKind:"",email:"",error:"",name:"",supportKind:"",tel:""},S=function(){var e=(0,r.useState)("input"),a=e[0],t=e[1],n=(0,r.useState)(I),s=n[0],o=n[1],m=(0,r.useState)(!1),u=m[0],Z=m[1],x=(0,N.Z)(c),b=(0,N.Z)(p),g=(0,q.Z)().execApi,f=function(e){return function(){window.scroll({top:0,behavior:"auto"}),t(e)}};return(0,h.tZ)(l.Z,null,(0,h.tZ)(i.Z,{title:"ご利用サポート"}

1),(0,h.tZ)(K,null,"input"===a&&(0,h.tZ)(v,{contact:s,onChange:function(e){return function(a){var t,n=a.target.value;"tel"===e?n=d.Z.pickNumberHyphen(n):"agree"===e&&a.target instanceof HTMLInputElement&&(n=a.target.checked),o(Object.assign({},s,((t={})[e]=n,t)))}},onConfirm:f("confirm")}),"confirm"===a&&(0,h.tZ)(k,{isSending:u,contact:s,onClickBack:f("input"),onClickSend:function(){Z(!0);var e=Object.assign({},s,{supportKind:x(s.supportKind),deviceKind:b(s.deviceKind)});g("/support",e,(function(){t("complete")}),(function(){Z(!1)}))}}),"complete"===a&&(0,h.tZ)(C,null)))}},24870:function(e,a){a.Z={toHalfWidth:function(e){return e.replace(/[！-～]/g,(function(e){return String.fromCharCode(e.charCodeAt(0)-65248)}))},pickNumberHyphen:function(e){var a="";if("string"==typeof e){var t=e.replace(/[^0-9０-９-]/g,"");t&&(a=this.toHalfWidth(t))}else"number"==typeof e&&(a=e.toString());return a},checkFormatMail:function(e){if(!e)return!1;return/^[A-Za-z0-9]{1}[A-Za-z0-9_.+-]*@{1}[A-Za-z0-9_.-]{1,}\.[A-Za-z0-9]{1,}$/.test(e)}}}}]);
2//# sourceMappingURL=component---src-pages-support-tsx-efdf662b9fc3870ff10b.js.map