https://mypg.jp/_next/static/chunks/4151-0b16e9ac7a28decf.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4151],{3717:(e,t,a)=>{"use strict";a.d(t,{A:()=>b});var r=a(6029),l=a(55729),n=a(54587),s=a.n(n),i=a(34651),c=a(32988),o=a.n(c),_=a(1909),d=a(74940),u=a(72512),p=a(20138),m=a(61220),h=a.n(m),f=a(14854),g=a(99194);let x=[],v=5242880,j=5,N=l.forwardRef(({disabled:e,instruction:t="（合計5MBまでのGIF、PNG、JPEGファイル）",note:a="",name:n,multiple:c=!1,title:m="画像を添付する",value:N=x,onChange:b,accept:U="",className:A,fileSize:y=v,totalFileSize:C,threshold:E=j,validationMessages:k,...S},w)=>{let[L,z]=(0,l.useState)(N),[M,R]=(0,l.useState)([]),I=(0,l.useRef)(null),[P,B]=(0,l.useState)(!1);(0,l.useEffect)(()=>{B("android"===i.Ii.getPlatform())},[]);let D=(0,u.V)(),[F,T]=(0,l.useState)(!1),q=(0,l.useRef)(!1),$=(0,_.xW)(),J=!!$?.formState?.errors?.[n],V=(0,l.useMemo)(()=>U.split(",").map(e=>e.trim()),[U]);function G(e){(function(e){if(L.length+e.length>E){let e,t=(e=E,`添付できる画像ファイルの数は${e}ファイルまでです。`);return"function"==typeof k?.threshold?t=k.threshold(E):"string"==typeof k?.threshold&&(t=k.threshold),(0,g.z3)(t),!1}for(let t of e){let e=`.${t.name.split(".").pop()?.toLowerCase()}`;if(!V.includes(e))return(0,g.z3)(k?.accept??"画像ファイル以外は指定できません。"),!1;if(t.size>y)return(0,g.z3)(k?.fileSize??"ファイルの上限サイズ5MBを超えています。"),!1}if(void 0!==C&&[...L,...e].reduce((e,t)=>e+t.size,0)>C){let e;return(0,g.z3)((e=C,`添付ファイルの合計サイズ${e/1024/1024}MBを超えています。`)),!1}return q.current=!0,!0})(e)&&z(t=>c?[...t,...e]:e)}function W(e){let{files:t}=e.target;G(Array.from(t))}async function X(t){if(t.preventDefault(),!e)try{let e=await (0,p.Sq)();if(null===e)return;G([e])}catch(e){console.error("ネイティブの画像選択に失敗しました。",e),(0,g.z3)((0,p.cd)(e))}}let K=(0,l.useRef)(G);K.current=G,(0,l.useEffect)(()=>{if(P)return(0,p.oq)(e=>{K.current([e])})},[P]);let O=(0,l.useCallback)((e,t)=>e.map((e,a)=>(0,r.jsxs)("li",{className:o()(h().single_value,h().frame),children:[(0,r.jsxs)("div",{className:h().title,children:[(0,r.jsx)("div",{className:h().name,children:e.name}),(0,r.jsx)("button",{type:"button",className:h().clear,onClick:()=>{z(e=>e.filter((e,t)=>t!=a)),q.current=!0},children:(0,r.jsx)(f.A.Close,{})})]}),(0,r.jsx)("div",{className:h().image_container,children:!!t[a]&&(0,r.jsx)(s(),{src:t[a],alt:e.name,width:100,height:100,className:h().image})})]},`${e.lastModified}-${a}`)),[e]);return(0,l.useEffect)(()=>{let e=[];L.forEach(t=>{let a=new FileReader;a.onloadend=t=>{let a=t.target.result;"string"==typeof a&&e.push(a),e.length===L.length&&R(e)},a.readAsDataURL(t)}),q.current&&"function"==typeof b?b(L):q.current=!0},[L]),(0,l.useEffect)(()=>{z(N??[]),q.current=!1},[N]),(0,l.useImperativeHandle)(w,()=>({focus:()=>{I?.current?.focus()},nativeElement:I.current}),[w,I]),(0,r.jsxs)("div",{className:A,children:[(0,r.jsx)("ul",{className:o()(h().file_list,{[h().grid]:c}),children:O(L,M)}),(c||!L.length)&&(0,r.jsx)("div",{className:o()(h().frame,{[h().disabled]:e,[h().error]:J}),onDragEnter:()=>{L.length||I.current?.classList.add(h().float)},children:(0,r.jsxs)("div",{className:h().panel,children:[(0,r.jsx)("span",{className:h().icon,children:(0,r.jsx)(f.A.Upload,{})}),(0,r.jsx)("div",{className:h().heading,children:m}),(0,r.jsx)("div",{className:h().requirement,children:t}),a&&(0,r.jsx)("div",{className:h().note,children:a}),(0,r.jsxs)("label",{className:h().select_file,children:[(0,r.jsx)("input",{type:"file",className:h().input_upload,onChange:e?void 0:W,ref:I,disabled:e,name:n,multiple:c,value:"",accept:U,...S,onDragLeave:e=>e.currentTarget.classList.remove(h().float),onDrop:function(e){e.preventDefault(),e.currentTarget.classList.remove(h().float),G(Array.from(e.dataTransfer.files))},onClick:P?X:D?function(t){t.preventDefault(),e||T(!0)}:void 0}),(0,r.jsx)("span",{className:h().text,children:"画像を選択"})]})]})}),D&&(0,r.jsx)(d.u,{visible:F,onClose:()=>T(!1),accept:U,multiple:c,onChange:W})]})});N.displayName="FileUpload";let b=N},14042:(e,t,a)=>{"use strict";a.d(t,{A:()=>c});var r=a(6029);a(55729);var l=a(32988),n=a.n(l),s=a(66646),i=a.n(s);let c=function({children:e,className:t,level:a=1,smallOnSP:l=!1,...s}){return(0,r.jsx)("p",{className:n()(i()[`paragraph_${a}`],{[i().small_on_sp]:l},t),...s,children:e})}},18926:(e,t,a)=>{"use strict";a.d(t,{A:()=>m});var r=a(6029),l=a(55729),n=a(48230),s=a.n(n),i=a(32988),c=a.n(i),o=a(46778),_=a.n(o),d=a(14854);function u({title:e,content:t,children:a,button:l,anchor:n,className:i}){return(0,r.jsxs)("li",{className:_().item_wrapper,children:[(0,r.jsxs)("div",{className:_().title,children:[e,l&&l.text&&l.onClick&&(0,r.jsxs)("button",{onClick:l.onClick,className:_().action_btn,children:[l.text,(0,r.jsx)(d.A.ChevronRight,{})]}),n&&n.href&&n.text&&(0,r.jsxs)(s(),{href:n.href,className:_().action_btn,children:[n.text,(0,r.jsx)(d.A.ChevronRight,{})]})]}),(a||t)&&(0,r.jsx)("div",{className:c()(_().content,i),children:a??t})]})}function p({items:e=[],children:t,bordered:a,className:n,...s}){let i=(0,l.useMemo)(()=>e&&e.length?(0,r.jsx)(r.Fragment,{children:e.map((e,t)=>(0,l.createElement)(u,{...e,key:t}))}):t||null,[e,t]);return(0,r.jsx)("ul",{className:c()(_().wrapper,{[_().bordered]:a},n),...s,children:i})}p.Item=u;let m=p},32433:(e,t,a)=>{"use strict";a.d(t,{A:()=>

1o});var r=a(6029);a(55729);var l=a(32988),n=a.n(l),s=a(39924),i=a.n(s),c=a(78803);let o=function({children:e,className:t,title:a,...l}){return(0,r.jsxs)("div",{className:n()(i().error,t),...l,role:"alert",children:[a&&(0,r.jsx)(c.A,{className:i().title,level:2,children:a}),(0,r.jsx)("div",{className:i().content,children:e})]})}},33919:e=>{e.exports={modal:"ImageSourceSelectModal_modal__hR5mQ",actions:"ImageSourceSelectModal_actions__LhXJG",hidden_input:"ImageSourceSelectModal_hidden_input__BpFkb"}},39924:e=>{e.exports={error:"ErrorMessage_error__x93wj",title:"ErrorMessage_title__FhxvZ",content:"ErrorMessage_content__pAzyN"}},46778:e=>{e.exports={wrapper:"List_wrapper__3ybJV",bordered:"List_bordered__p_AkE",item_wrapper:"List_item_wrapper__Uc1Ba",title:"List_title__zlgCX",action_btn:"List_action_btn__sfjYS",content:"List_content__ecBUi"}},61220:e=>{e.exports={frame:"Upload_frame__bUcAq",error:"Upload_error__uX5Hd",single_value:"Upload_single_value__Vhvrc",size:"Upload_size__IOEFp",disabled:"Upload_disabled__RERzu",panel:"Upload_panel__o0hic",select_file:"Upload_select_file__WJTir",float:"Upload_float__SwWAR",icon:"Upload_icon__a7M83",heading:"Upload_heading___4QuS",requirement:"Upload_requirement__6e1Ls",note:"Upload_note__5u2pz",input_upload:"Upload_input_upload__6tT8E",file_list:"Upload_file_list__2xBWn",grid:"Upload_grid__Ai_Qr",image_container:"Upload_image_container__LuobA",title:"Upload_title__eKKYj",name:"Upload_name__PaL9O",clear:"Upload_clear__xaI92",image:"Upload_image__blgXm"}},66646:e=>{e.exports={paragraph_1:"Paragraph_paragraph_1__KkIgP",paragraph_2:"Paragraph_paragraph_2__C1dMP",paragraph_3:"Paragraph_paragraph_3__7900S",small_on_sp:"Paragraph_small_on_sp__OVs9J"}},72512:(e,t,a)=>{"use strict";a.d(t,{V:()=>n});var r=a(34651),l=a(55729);function n(){let[e,t]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{var e;t(!r.Ii.isNativePlatform()&&(e=navigator.userAgent,/\bAndroid\b/i.test(e)))},[]),e}},74940:(e,t,a)=>{"use strict";a.d(t,{u:()=>o});var r=a(6029),l=a(55729),n=a(33919),s=a.n(n),i=a(26126),c=a(91303);function o({visible:e,onClose:t,accept:a,multiple:n=!1,onChange:_}){let d=(0,l.useRef)(null),u=(0,l.useRef)(null),p=e=>{_(e),t?.()};return(0,r.jsxs)(c.A,{visible:e,onClose:t,title:"画像を選択",width:400,className:s().modal,children:[(0,r.jsxs)("div",{className:s().actions,children:[(0,r.jsx)(i.A,{type:"button",htmlType:"primary",onClick:()=>d.current?.click(),children:"写真を撮る"}),(0,r.jsx)(i.A,{type:"button",htmlType:"secondary",onClick:()=>u.current?.click(),children:"写真から選択"})]}),(0,r.jsx)("input",{ref:d,type:"file",className:s().hidden_input,accept:"image/*",capture:"environment",tabIndex:-1,"aria-label":"写真を撮る",onChange:p}),(0,r.jsx)("input",{ref:u,type:"file",className:s().hidden_input,accept:a,multiple:n,tabIndex:-1,"aria-label":"写真から選択",onChange:p})]})}}}]);