https://mypg.jp/_next/static/chunks/pages/multi/cart/confirm-6e6dc494561b5299.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2017],{11865:(e,t,i)=>{"use strict";i.d(t,{I:()=>_,J:()=>p});let n="配送確認事項",s=`【${n}】`,a=/^【(.+?)】/,r=/^\\*【.+?】/,l=/^\\+【.+?】/,o=/^アンケート(\d+)$/,c="##SURVEY_QUESTION_WORDING_V1##";function u(e){return e.split("\n").map(e=>r.test(e)?`\\${e}`:e).join("\n")}function d(e){return e.split("\n").map(e=>l.test(e)?e.slice(1):e).join("\n")}function m(e){let t=e.find(e=>e.includes("】"));if(void 0!==t)throw Error(`アンケート設問文に区切り文字「】」を含められません: ${t}`);if(new Set(e).size!==e.length)throw Error(`アンケート設問文が重複しています: ${e.join(", ")}`)}function p(e,t){m(t);let i=[],n=e.deliveryNote.trim();return(n&&i.push(`${s}${u(n)}`),e.surveyAnswers.forEach((e,n)=>{let s=e.trim();s&&i.push(`【${t[n]}】${u(s)}`)}),0===i.length)?null:[c,...i].join("\n")}function _(e,t){m(t);let i={deliveryNote:"",surveyAnswers:Array.from({length:t.length},()=>"")};if(!e)return i;let s=e.split("\n"),r=s[0]===c;if(!s.some(e=>{var t;let i=e.match(a);return!!i&&(i[1]===n||(t=i[1],o.test(t)||r))}))return{...i,surveyAnswers:[e,...i.surveyAnswers.slice(1)]};let l={...i,surveyAnswers:[...i.surveyAnswers]},u=null,p=new Map;for(let e of s){let t=e.match(a);t?(u=t[1],p.set(u,[e.slice(t[0].length)])):u&&p.get(u)?.push(e)}let _=p.get(n);return _&&(l.deliveryNote=d(_.join("\n"))),p.forEach((e,t)=>{let i=o.exec(t);if(!i)return;let n=Number(i[1])-1;n>=0&&n<l.surveyAnswers.length&&(l.surveyAnswers[n]=d(e.join("\n")))}),t.forEach((e,t)=>{let i=p.get(e);i&&(l.surveyAnswers[t]=d(i.join("\n")))}),l}},24781:(e,t,i)=>{"use strict";i.d(t,{A:()=>r});var n=i(6029);i(55729);var s=i(47158),a=i.n(s);let r=function({children:e}){return(0,n.jsx)("div",{className:a().foot,children:(0,n.jsx)("div",{className:a().next,children:e})})}},29787:(e,t,i)=>{"use strict";i.d(t,{A:()=>r});var n=i(6029);i(55729);var s=i(56760),a=i(51870);let r=function({currentStep:e,stepLabel:t}){let i=(0,a.mI)(),r=(0,n.jsx)(a.fx,{currentStep:e,totalSteps:6,stepLabel:t});return i?(0,n.jsxs)(n.Fragment,{children:[i.headElement&&(0,s.createPortal)(r,i.headElement),i.footElement&&(0,s.createPortal)((0,n.jsx)(a.Hw,{currentStep:e}),i.footElement)]}):r}},31877:(e,t,i)=>{"use strict";i.d(t,{Js:()=>l,bS:()=>s,mg:()=>a,s8:()=>r,wv:()=>n});let n=["お寄せ頂いた個人情報は、寄附申込先の自治体が寄附金の受付及び入金に係る確認・連絡等に利用するものであり、それ以外の目的で使用するものではありません。","寄附金の使途については、各自治体の裁量により変更される場合があります。"],s="不在日・配送希望日時",a="例：7月15日〜20日は不在、午前中希望など";function r(e){return["寄附のきっかけを教えてください。",`${e}へのメッセージがあればお聞かせください。`]}let l=[{text:"もともと確定申告をする必要のない給与所得者等であること",note:"※年収2,000万円以上の所得者や、医療費控除のために確定申告が必要な場合は確定申告で寄附金控除を申請してください。"},{text:"1年間の寄附先が5自治体以下であること",note:"※1つの自治体に複数寄附しても1カウントとなります。"}]},41114:(e,t,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/multi/cart/confirm",function(){return i(85674)}])},43854:e=>{e.exports={step:"StepMunicipalitySettings_step__HQJ72",group:"StepMunicipalitySettings_group__9ZwBU",municipalityName:"StepMunicipalitySettings_municipalityName__46bu_",body:"StepMunicipalitySettings_body__4z

1L4c",field:"StepMunicipalitySettings_field__61EUJ",label:"StepMunicipalitySettings_label__ipfe3",select:"StepMunicipalitySettings_select__uPurr",confirmationLabel:"StepMunicipalitySettings_confirmationLabel__wtHgv",required:"StepMunicipalitySettings_required__0RniY",confirmationItems:"StepMunicipalitySettings_confirmationItems__eNax1",confirmationItem:"StepMunicipalitySettings_confirmationItem__8a6r_",agreementBox:"StepMunicipalitySettings_agreementBox__cqZK2",fieldBody:"StepMunicipalitySettings_fieldBody__OerP5",deliveryConfirm:"StepMunicipalitySettings_deliveryConfirm__VmHNM",fieldNote:"StepMunicipalitySettings_fieldNote__HtFfg",textarea:"StepMunicipalitySettings_textarea__5lQU8",questionnaire:"StepMunicipalitySettings_questionnaire__L_cvN",questionnaireItem:"StepMunicipalitySettings_questionnaireItem__FV7cN",questionnaireQuestion:"StepMunicipalitySettings_questionnaireQuestion__p7JMf",questionnaireTextarea:"StepMunicipalitySettings_questionnaireTextarea__6QWAE"}},47158:e=>{e.exports={foot:"CheckoutStepFooter_foot__MTDih",next:"CheckoutStepFooter_next__rPBts"}},48680:(e,t,i)=>{"use strict";i.d(t,{A:()=>u});var n=i(6029),s=i(55729),a=i(51996),r=i.n(a),l=i(32988),o=i.n(l);let c=function({value:e,label:t,onChange:i,checked:a,defaultChecked:l,className:c,style:u,...d}){let[m,p]=(0,s.useState)(a??l??!1);return(0,s.useEffect)(()=>{p(a??l)},[a,l]),(0,n.jsxs)("label",{className:o()(r().checkbox_label,{[r().check]:m,[r().disabled]:d.disabled},c),style:u,children:[(0,n.jsx)("input",{type:"checkbox",value:e,checked:m,onChange:e=>{p(e.target.checked),"function"==typeof i&&i?.(e)},...d}),(0,n.jsx)("span",{children:t})]})};c.Group=function({options:e=[],defaultValue:t=["1","3"],className:i,onChange:a,...l}

1){let[u,d]=(0,s.useState)(l.value||t||[]);return(0,s.useEffect)(()=>{"value"in l&&d(l.value||[])},[l.value]),(0,n.jsx)("div",{className:o()(r().checkbox_group,i),children:e.map((e,t)=>(0,n.jsx)(c,{value:e.value,label:e.label,checked:u.includes(e.value),onChange:()=>{var t;return t=e.value,void(d(e=>u.includes(t)?u.filter(e=>e!==t):[...e,t]),a?.(u))},disabled:e.disabled},t))})};let u=c},51996:e=>{e.exports={checkbox_label:"CheckBox_checkbox_label__8eUKk",check:"CheckBox_check__G9QEW",disabled:"CheckBox_disabled__Whgq0"}},85674:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>I});var n=i(6029),s=i(55729),a=i(89099),r=i(43230),l=i(29787),o=i(11061),c=i(32988),u=i.n(c),d=i(26126),m=i(48680),p=i(32433),_=i(14854),h=i(31877),f=i(11865),x=i(24997),y=i(4913),g=i(39487),v=i(24781),N=i(43854),S=i.n(N);let j=function({groups:e,donationUses:t,initialSettings:i,initialSurveyInputs:r,onNext:l}){let o=(0,a.useRouter)(),c=(0,s.useMemo)(()=>new Map(t.map(e=>[e.municipalityId,e.donationUses])),[t]),[N,j]=(0,s.useState)(()=>Object.fromEntries(e.map(e=>{let t=i?.[e.donationOrderId]?.donationPurposeName??e.settings.donationPurposeName??"",n=(c.get(e.municipalityId)??[]).some(e=>e.useName===t);return[e.donationOrderId,{donationPurposeName:n?t:"",isAgreementConfirmed:!1}]}

1))),[b,I]=(0,s.useState)(()=>Object.fromEntries(e.map(e=>[e.donationOrderId,r?.[e.donationOrderId]??(0,f.I)(e.settings.surveyFreeText,(0,h.s8)(e.municipalityName))]))),[w,A]=(0,s.useState)(!1),[C,M]=(0,s.useState)(null),k=e.every(e=>N[e.donationOrderId].isAgreementConfirmed);function O(e,t){j(i=>({...i,[e]:{...i[e],...t}}))}function E(e,t){I(i=>({...i,[e]:{...i[e],...t}}))}async function q(){if(k&&!w){A(!0),M(null);try{await (0,y.FF)(e.map(e=>({municipalityId:e.municipalityId,donationPurposeName:N[e.donationOrderId].donationPurposeName,isAgreementConfirmed:N[e.donationOrderId].isAgreementConfirmed,surveyFreeText:(0,f.J)(b[e.donationOrderId],(0,h.s8)(e.municipalityName))}))),l(N,b)}catch(e){if(e instanceof y.d4&&e.status===x.Rf)return void await o.push(g.Zc.authLogin);M("保存に失敗しました。時間をおいて再度お試しください")}finally{A(!1)}}}return(0,n.jsxs)("section",{className:S().step,children:[C&&(0,n.jsx)(p.A,{children:C}),e.map(e=>{let t=N[e.donationOrderId],i=b[e.donationOrderId],s=`municipality-purpose-${e.donationOrderId}`,a=c.get(e.municipalityId)??[];return(0,n.jsxs)("div",{className:S().group,children:[(0,n.jsx)("h3",{className:S().municipalityName,children:e.municipalityName}),(0,n.jsxs)("div",{className:S().body,children:[(0,n.jsxs)("div",{className:S().field,children:[(0,n.jsx)("label",{htmlFor:s,className:S().label,children:"使い道"}),(0,n.jsxs)("select",{id:s,className:S().select,value:t.donationPurposeName,disabled:0===a.length,onChange:t=>O(e.donationOrderId,{donationPurposeName:t.target.value}),children:[(0,n.jsx)("option",{value:"",children:"指定なし（自治体に一任）"}),a.map(e=>(0,n.jsx)("option",{value:e.useName,children:e.useName},e.id))]})]}),(0,n.jsxs)("div",{className:S().field,children:[(0,n.jsxs)("p",{className:S().confirmationLabel,children:["自治体からの確認事項",(0,n.jsx)("span",{className:S().required,children:"※必須"})]}),(0,n.jsx)("ol",{className:S().confirmationItems,children:h.wv.map(e=>(0,n.jsx)("li",{className:S().confirmationItem,children:e},e))}),(0,n.jsx)("div",{className:S().agreementBox,"data-testid":`agreement-box-${e.donationOrderId}`,children:(0,n.jsx)(m.A,{label:"上記の内容をすべて了解しました。",checked:t.isAgreementConfirmed,onChange:t=>O(e.donationOrderId,{isAgreementConfirmed:t.target.checked})})})]}),(0,n.jsxs)("div",{className:u()(S().field,S().deliveryConfirm),children:[(0,n.jsx)("p",{className:S().label,children:"配送確認事項"}),(0,n.jsxs)("div",{className:S().fieldBody,children:[(0,n.jsx)("p",{className:S().fieldNote,children:h.bS}),(0,n.jsx)("textarea",{className:S().textarea,"aria-label":`配送確認事項（${e.municipalityName}）`,placeholder:h.mg,value:i.deliveryNote,onChange:t=>E(e.donationOrderId,{deliveryNote:t.target.value})})]})]}),(0,n.jsxs)("div",{className:S().field,children:[(0,n.jsx)("p",{className:S().label,children:"アンケート"}),(0,n.jsx)("ol",{className:S().questionnaire,children:(0,h.s8)(e.municipalityName).map((t,s)=>(0,n.jsxs)("li",{className:S().questionnaireItem,children:[(0,n.jsx)("p",{className:S().questionnaireQuestion,children:t}),(0,n.jsx)("textarea",{className:u()(S().textarea,S().questionnaireTextarea),"aria-label":t,placeholder:t,value:i.surveyAnswers[s],onChange:t=>E(e.donationOrderId,{surveyAnswers:i.surveyAnswers.map((e,i)=>i===s?t.target.value:e)})})]},t))})]})]})]},e.donationOrderId)}),(0,n.jsx)(v.A,{children:(0,n.jsx)(d.A,{type:"button",htmlType:"primary",size:"medium",disabled:!k||w,onClick:q,postfixIcon:(0,n.jsx)(_.A.ChevronRight,{}),children:"次へ"})})]})},b=()=>{let e=(0,a.useRouter)(),{cart:t,donationUses:i,municipalitySettings:s,surveyInputs:c,setMunicipalitySettings:u,setSurveyInputs:d}=(0,o.NB)(),{isLocked:m}=(0,o.ID)();return m?null:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(l.A,{currentStep:1,stepLabel:"自治体設定"}),(0,n.jsx)(j,{groups:t.groups,donationUses:i,initialSettings:s,initialSurveyInputs:c,onNext:(t,i)=>{u(t),d(i),e.push(g.Zc.multiCartConfirmDelivery)}}),(0,n.jsx)(r.Ay,{href:g.Zc.multiCart,label:"カートに戻る"})]})};b.getLayout=o.zR;let I=b}},e=>{e.O(0,[883,1909,5804,449,3787,3004,274,8220,3998,181,6207,8125,9351,3266,1061,636,6593,8792],()=>e(e.s=41114)),_N_E=e.O()}]);