https://www.dongnealba.com/_next/static/chunks/pages/employer/store/[storeId]/edit/picture-75ca2cb2bde572e8.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="2596ad28-1f8c-402c-8814-b92a8d2244d3",e._sentryDebugIdIdentifier="sentry-dbid-2596ad28-1f8c-402c-8814-b92a8d2244d3")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1270],{2994:(e,t,r)=>{"use strict";r.d(t,{B:()=>n});var l=r(77316),a=r(71041),s=r(65503);let n=function(){let{type:e,onUploaded:t}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=(0,s.bu)(),[n,i]=(0,a.useState)([]);(0,l.we)(r);let o=async l=>{let a={url:"",file:null};return l?r.mutateAsync({data:{type:e,file:l}},{headers:{"Content-Type":"multipart/form-data"}}).then(e=>{if(e.url){let r=e.url;return i([r]),t?.(r),{url:r,file:l}}return a}):(i([]),Promise.resolve(a))};return{imageUrl:n,isUploading:r.isPending,setImageUrl:i,onChangeImage:o,getPhotoParams:e=>e.map(e=>e.replace(/\?.*/g,""))}}},5798:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var l,a=r(71041);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}let n=e=>a.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 16 16"},e),l||(l=a.createElement("path",{fill:"currentColor",d:"M8 2.067a.6.6 0 0 1 .6.6V7.4h4.733a.6.6 0 0 1 0 1.2H8.6v4.734a.6.6 0 0 1-1.2 0V8.6H2.666a.6.6 0 0 1 0-1.2H7.4V2.667a.6.6 0 0 1 .6-.6"})))},10532:(e,t,r)=>{"use strict";r.r(t),r.d(t,{__N_SSP:()=>_,default:()=>P});var l,a=r(74429),s=r(69997),n=r(71041),i=r(59690),o=r(89772),c=r(67382),d=r(93597),u=r(46519),h=r(25833),p=r(3043);let f=e=>{let{isEdit:t,isLoading:r,hasImage:l,onSubmitClick:n,onCompleteClick:i}=e,{t:o}=(0,s.Bd)("job-ad");return(0,a.jsx)("div",{children:t?(0,a.jsx)(h.A,{className:"w-full",label:o("common:button.complete"),isLoading:r,actionType:"button",onClick:n}):(0,a.jsxs)(p.ButtonGroup,{type:p.ButtonGroupType.TwoByOne,children:[(0,a.jsx)(h.A,{className:"flex-1",label:o("common:button.later"),type:p.ButtonAnatomy.Secondary,isLoading:r,actionType:"button",onClick:n}),(0,a.jsx)(h.A,{className:"flex-1",label:o(l?"Complete":"job-ad:title.add_picture"),isLoading:r,actionType:"button",onClick:i})]})})};var m=r(39e3);function g(){return(g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}let x=e=>n.createElement("svg",g({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 24 24"},e),l||(l=n.createElement("path",{stroke:"#566471",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M9.668 17.332a2.669 2.669 0 0 0 5.336 0zM18.206 17.332c.81 0 1.467-.656 1.467-1.454 0-.872-.978-.897-1.467-2.39 0 0-.427-2.694-.491-4.232C17.6 6.349 15.307 4 12.336 4s-5.263 2.354-5.38 5.257c-.06 1.538-.489 4.22-.489 4.22C5.977 14.99 5 15.002 5 15.958c0 .791.658 1.374 1.467 1.374z",clipRule:"evenodd"})));var v=r(94575),b=r(2994);let y=e=>{let{isPersonal:t,images:r,setImages:l}=e,{t:i}=(0,s.Bd)("job-ad"),o=(0,n.useRef)(null),{onChangeImage:c}=(0,b.B)({type:"jobAds"});return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(p.Label,{type:p.LabelType.Heading2,children:t?i("Please register your store photo!"):i("Please register the photos of the company!")}),(0,a.jsxs)("div",{className:"card card--bg2 flex flex-row items-center gap-1 p-3",children:[(0,a.jsx)(x,{width:20,height:20}),(0,a.jsx)(p.Label,{bold:!0,children:"TIP!"})," ",i("If there's a picture, the acceptance rate is doubled!")]}),(0,a.jsxs)("div",{className:"flex flex-col gap-3",children:[(0,a.jsxs)("div",{className:"flex flex-row flex-wrap gap-3",children:[(0,a.jsx)(v.A,{ref:o,className:"h-[230px] min-w-[230px] flex-1",icon:(0,a.jsx)(m.A,{width:32,height:32}),imageUrl:r.length?r[0].url:"",imageFile:r.length&&r[0].file?r[0].file:void 0,buttonText:(0,a.jsx)(p.Label,{bold:!0,children:i("title.main_image")}),disablePreview:!0,selectedChildren:(0,a.jsx)("div",{className:"absolute left-3 top-3",children:(0,a.jsx)(p.RoundBadge,{type:p.RoundBadgeType.Solid,children:i("title.main")})}),onChange:e=>{c(e).then(e=>{let{url:t,file:r}=e;if(t)return void l.updateAt(0,{url:t,file:r});l.removeAt(0)})}}),(0,a.jsx)("div",{className:"flex flex-1 flex-row flex-wrap gap-3 lg:flex-col",children:[1,2].map(e=>(0,a.jsx)(v.A,{className:"flex-1 bg-gray-50-50",previewClassName:"h-[110px]",imageUrl:r[e]?r[e].url:"",imageFile:r[e]&&r[e].file?r[e].file:void 0,buttonText:(0,a.jsx)(p.Label,{type:p.LabelType.Caption1,bold:!0,children:i("Additional image")}),disablePreview:!0,onChange:t=>{c(t).then(t=>{let{url:r,file:a}=t;if(l.removeAt(e),r)return void l.push({url:r,file:a})})}},e))})]}),(0,a.jsx)(p.Label,{className:"text-gray-500-50",type:p.LabelType.Caption1,children:i("common:desc.photo_max_size")})]})]})};var w=r(56695),j=r(76115),k=r(11262),A=r(75488),C=r(34547),E=r(56718),L=r(12054);let N=e=>{let{goToStep:t,storeId:r=""}=e,{t:l}=(0,s.Bd)("job-ad"),{isEdit:i,isPersonal:o,isLoading:c,hasImage:h,input:p,images:m,setImages:g,popHistory:x,onCompleteClick:v,onSubmit:N}=(e=>{let{storeId:t,onSubmit:r}=e,l=(0,j.useRouter)(),{t:a}=(0,s.Bd)("job-ad"),i=(0,n.useRef)(null),[o,c]=(0,A.A)([]),{isUploading:d}=(0,b.B)({type:"jobAds"}),{input:u,isPersonal:h,mutation:p,popHistory:f,clear:m,setInput:g}=(0,C.W)(),{store:x,isEdit:v,editStore:y}=(0,E.v)({storeId:t});(0,n.useEffect)(()=>{x.data?.store?.pictures&&c.set(x.data.store.pictures.map(e=>({url:e})))},[x.data?.store?.pictures]);let w=()=>

1{if(p.isPending||x.isFetching)return;let e={...u,address:{...u.address,full:`${u.address.full} ${u.address.detail}`},pictures:o.filter(e=>!!e.url).map(e=>e.url).slice(0,3)};if(g(e),v&&x.data?.store)return void y.mutateAsync({storeId:t,data:{...x.data.store,pictures:e.pictures}}).then(async()=>{k.oR.success(a("toast.store_updated")),r?r():await l.push(L.R.EmployerPrepareRecruitMyJobAd),m()});p.mutateAsync({data:e}).then(async()=>{k.oR.success(a("toast.store_created")),r?r():await l.push(L.R.EmployerPrepareRecruitMyJobAd),m()})};return{images:o,input:u,isEdit:v,isPersonal:h,isLoading:p?.isPending||d,hasImage:!!o.length,popHistory:f,setImages:c,onCompleteClick:()=>{if(!o.length)return void i.current?.click();w()},onSubmit:w}})({storeId:r});return(0,n.useEffect)(()=>{i||p?.address.full||t?.(w.$.TypeSelect)},[]),(0,a.jsx)(u.A,{header:(0,a.jsx)(d.A,{title:l(i?"Edit place":"title.add_company"),hideLeft:i,onBackClick:()=>{let e=x();t?.(e)}}),body:(0,a.jsx)(y,{isPersonal:o,images:m,setImages:g}),action:(0,a.jsx)(f,{isEdit:i,isLoading:c,hasImage:h,onCompleteClick:v,onSubmitClick:N})})},B=e=>{let{storeId:t}=e,{t:r}=(0,s.Bd)("job-ad"),{toggleUseModal:l}=(0,C.W)();return((0,n.useEffect)(()=>

1{l(!0)},[]),t)?(0,a.jsx)(N,{storeId:t}):(0,a.jsx)("div",{className:"flex h-full w-full items-center justify-center",children:(0,a.jsx)(o.A,{image:(0,a.jsx)(i.A,{}),text:r("error:wrong_access")})})};B.getLayout=function(e){return(0,a.jsx)(c.A,{children:(0,a.jsx)(C.B.Provider,{children:e})})};var _=!0;let P=B},34547:(e,t,r)=>{"use strict";r.d(t,{B:()=>p,W:()=>f});var l=r(76115),a=r(71041),s=r(8734),n=r(75488),i=r(36989),o=r(1533),c=r(96496),d=r(55125),u=r(77316);let h={name:"",category:"",type:"",address:{name:"",full:"",source:c.s4g.naver,detail:""}},p=(0,d.q)(()=>{let e=(0,l.useRouter)(),[t,r]=(0,s.A)(!1),[i,d]=(0,a.useState)(h),[p,f]=(0,n.A)(),m=String(e.query.type||"")||i.type,g=m===c.niz.personal,x=(0,o.tO8)();return(0,u.we)(x),{input:i,isPersonal:g,type:m,mutation:x,stepHistory:p,setStepHistory:f,useModal:t,toggleUseModal:r,popHistory:()=>(p.length&&f.removeAt(p.length-1),p[p.length-1]),setInput:d,clear:()=>{d(h)}}}),f=()=>(0,i.i7)(p.context,e=>e)},39e3:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});var l,a=r(71041);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}let n=e=>a.createElement("svg",s({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 21 20"},e),l||(l=a.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M6.516 4.5c-.96 0-1.74.78-1.74 1.74v4.815l2.027-2.027.01-.01c.49-.471 1.1-.768 1.77-.768.671 0 1.28.297 1.77.768l.01.01 1.97 1.97.303-.303.01-.01c.49-.471 1.1-.768 1.77-.768.671 0 1.28.297 1.77.768l.011.01.36.36V6.24c0-.96-.779-1.74-1.74-1.74zm11.541 8.196V6.24A3.24 3.24 0 0 0 14.817 3h-8.3a3.24 3.24 0 0 0-3.241 3.24v6.456a.75.75 0 0 0 0 .392v.672A3.24 3.24 0 0 0 6.516 17h8.301a3.24 3.24 0 0 0 3.24-3.24v-.672a.75.75 0 0 0 0-.392m-1.5.48-1.415-1.415c-.269-.256-.52-.344-.725-.344-.206 0-.457.088-.726.344l-.297.298 1.136 1.136a.75.75 0 0 1-1.06 1.06l-1.667-1.666-2.494-2.494c-.269-.257-.52-.345-.726-.345s-.456.088-.725.345l-3.082 3.082v.583c0 .96.78 1.74 1.74 1.74h8.301c.961 0 1.74-.78 1.74-1.74zm-4.14-6.117a.75.75 0 0 1 .75-.75h.008a.75.75 0 0 1 0 1.5h-.008a.75.75 0 0 1-.75-.75",clipRule:"evenodd"})))},46519:(e,t,r)=>{"use strict";r.d(t,{A:()=>h});var l=r(74429),a=r(69997),s=r(76115),n=r(12074),i=r(25833),o=r(34547),c=r(12054),d=r(3043),u=r(37648);let h=e=>{let{header:t,body:r,action:h,title:p,className:f="",useFit:m}=e,g=(0,s.useRouter)(),{useModal:x}=(0,o.W)(),{t:v}=(0,a.Bd)("common");return(0,l.jsx)("div",{className:(0,n.QP)("flex flex-1 flex-row justify-center px-4",f),children:(0,l.jsxs)("div",{className:"mb-8 mt-20 min-w-[400px] max-w-[400px] flex-1",children:[p&&(0,l.jsx)("div",{className:"heading-2 mb-12 text-center",children:p}),(0,l.jsxs)("div",{className:"rounded-md flex flex-col dde-shadow--card bg-gray-0",children:[(0,l.jsx)("div",{className:"flex flex-row items-center justify-between p-5 border-b border-gray-50",children:(0,l.jsx)(d.Label,{type:d.LabelType.Heading3,children:t})}),(0,l.jsx)("div",{className:`card__body flex flex-col gap-8 ${m?"":"min-h-[600px]"}`,children:r}),h&&(0,l.jsx)("div",{className:"border-t border-gray-50 p-6",children:h})]}),x?(0,l.jsx)("div",{className:"mt-12 flex flex-row justify-center",children:(0,l.jsx)(i.A,{type:d.ButtonAnatomy.Tertiary,label:v("button.close"),size:u.or.Medium,onClick:()=>{g.replace(c.R.EmployerPrepareRecruitMyJobAd)}})}):null]})})}},51660:(e,t,r)=>{"use strict";r.d(t,{l:()=>i});var l=r(74429),a=r(69997),s=r(71041),n=r(11262);let i=function(){let{accept:e="image/*",cancelToClear:t,minSize:r,maxSize:i,maxFileSize:o=1e7,fileSizeErrorHandler:c,fileAcceptErrorHandler:d,imageSizeErrorHandler:u}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{t:h}=(0,a.Bd)("common"),p=(0,s.useRef)(null),[f,m]=(0,s.useState)(void 0),g=()=>{p.current&&(p.current.value=""),m(null)},x=(0,l.jsx)("input",{ref:p,type:"file",className:"hidden",accept:e,onChange:l=>{if(l.target.validity.valid){let a=l.target.files?.item(0);if(a){if(!e.includes("*")&&a?.name&&!e.toLowerCase().split(",").some(e=>a.name.toLowerCase().endsWith(e))){d?d():n.oR.error(h("common:desc.not_supported_file")),g();return}if(a.size>=o){c?c():n.oR.error(h("common:desc.photo_max_size")),g();return}if(i||r){let e=new FileReader;e.onloadend=()=>{let s=new Image;s.onload=()=>

1{if(r&&(s.width<r.width||s.height<r.height)||i&&(s.width>i.width||s.height>i.height)){u?u():n.oR.error(h("common:desc.photo_size")),g();return}if(t)return void m(a);l.target.files?.length&&m(a)},"string"==typeof e.result&&(s.src=e.result)},e.readAsDataURL(a);return}}if(t)return void m(a);l.target.files?.length&&m(a)}}});return{clearFileUpload:g,showFileUpload:()=>{p.current?.click()},selectedFile:f,FileInput:x,getPreviewImage:e=>URL.createObjectURL(e)}}},56695:(e,t,r)=>{"use strict";r.d(t,{$:()=>l});var l=function(e){return e[e.Empty=0]="Empty",e[e.TypeSelect=1]="TypeSelect",e[e.SelectCompany=2]="SelectCompany",e[e.EnterStore=3]="EnterStore",e[e.SearchAddress=4]="SearchAddress",e[e.DetailAddress=5]="DetailAddress",e[e.SelectCategory=6]="SelectCategory",e[e.SelectPicture=7]="SelectPicture",e}({})},56718:(e,t,r)=>{"use strict";r.d(t,{v:()=>n});var l=r(21283),a=r(77316),s=r(1533);let n=e=>{let{storeId:t}=e,r=(0,l.F7)(),n=(0,s.j1n)(t,{query:{enabled:!!t&&!!r}}),i=(0,s.Q8O)(),o=!!t;return(0,a.we)(i),{store:n,isEdit:o,editStore:i}}},59690:(e,t,r)=>{"use strict";r.d(t,{A:()=>v});var l,a,s,n,i,o,c,d,u,h,p,f,m,g=r(71041);function x(){return(x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}let v=e=>g.createElement("svg",x({xmlns:"http://www.w3.org/2000/svg",width:96,height:152,fill:"none"},e),l||(l=g.createElement("path",{fill:"#E2E3E7",stroke:"#1B1C20",strokeWidth:2.553,d:"M71.495 10.723c-11.571 0-21.276 8.298-21.276 18.838 0 3.934 1.37 7.708 3.88 10.836l-3.268 3.82-.002.002a2.53 2.53 0 0 0-.38 2.702c.41.9 1.31 1.478 2.296 1.478h18.75c11.572 0 21.277-8.298 21.277-18.838s-9.705-18.838-21.277-18.838Z"})),a||(a=g.createElement("path",{fill:"#FAFAFA",stroke:"#1B1C20",strokeWidth:2.553,d:"M71.495 33.346a3.78 3.78 0 0 0 3.777-3.785 3.78 3.78 0 0 0-3.777-3.785 3.78 3.78 0 0 0-3.776 3.785 3.78 3.78 0 0 0 3.776 3.785ZM61.495 33.346a3.78 3.78 0 0 0 3.777-3.785 3.78 3.78 0 0 0-3.777-3.785 3.78 3.78 0 0 0-3.776 3.785 3.78 3.78 0 0 0 3.776 3.785ZM81.495 33.346a3.78 3.78 0 0 0 3.777-3.785 3.78 3.78 0 0 0-3.777-3.785 3.78 3.78 0 0 0-3.776 3.785 3.78 3.78 0 0 0 3.776 3.785Z"})),s||(s=g.createElement("path",{fill:"#F8F9FA",d:"M71.495 12c-11.027 0-20 7.877-20 17.561 0 3.969 1.51 7.777 4.283 10.838l-3.98 4.65a1.25 1.25 0 0 0-.188 1.34c.203.447.648.733 1.135.733h18.75c11.028 0 20-7.877 20-17.561S82.523 12 71.495 12"})),n||(n=g.createElement("path",{fill:"#1B1C20",d:"M71.495 32.07c1.38 0 2.5-1.123 2.5-2.509a2.504 2.504 0 0 0-2.5-2.509c-1.38 0-2.5 1.123-2.5 2.509a2.504 2.504 0 0 0 2.5 2.509M61.495 32.07c1.38 0 2.5-1.123 2.5-2.509a2.504 2.504 0 0 0-2.5-2.509c-1.38 0-2.5 1.123-2.5 2.509a2.504 2.504 0 0 0 2.5 2.509M81.495 32.07c1.38 0 2.5-1.123 2.5-2.509a2.504 2.504 0 0 0-2.5-2.509c-1.38 0-2.5 1.123-2.5 2.509a2.504 2.504 0 0 0 2.5 2.509"})),i||(i=g.createElement("path",{fill:"#00D28C",stroke:"#1B1C20",strokeLinecap:"round",strokeMiterlimit:10,strokeWidth:2.898,d:"M86.228 98.614c3.345 20.758-8.389 37.388-37.351 39.164-18.466 1.132-42.348-8.445-41.86-34.308.363-19.275 13.497-37.702 37.356-39.164 20.667-1.267 38.789 15.272 41.855 34.308Z"})),o||(o=g.createElement("path",{fill:"#fff",d:"M30.68 87.6s9.98-11.573 7.392-21.29a13.12 13.12 0 0 0-5.903-7.89 12.42 12.42 0 0 0-17.257 4.586 13.08 13.08 0 0 0-1.215 9.8c2.589 9.716 17.007 14.803 17.007 14.803"})),c||(c=g.createElement("path",{stroke:"#1B1C20",strokeLinecap:"round",strokeMiterlimit:10,strokeWidth:2.898,d:"M30.68 87.6s9.98-11.573 7.392-21.29a13.12 13.12 0 0 0-5.903-7.89 12.42 12.42 0 0 0-17.257 4.586 13.08 13.08 0 0 0-1.215 9.8c2.589 9.716 17.007 14.803 17.007 14.803"})),d||(d=g.createElement("path",{fill:"#1B1C20",d:"M26.48 73.67a4.945 4.945 0 1 1-.604-9.87 4.945 4.945 0 0 1 .603 9.87"})),u||(u=g.createElement("path",{fill:"#fff",d:"M64.207 85.796s11.074-10.532 9.458-20.457a13.12 13.12 0 0 0-5.096-8.434 12.42 12.42 0 0 0-17.626 2.86 13.08 13.08 0 0 0-2.176 9.632c1.617 9.925 15.463 16.41 15.463 16.41"})),h||(h=g.createElement("path",{stroke:"#1B1C20",strokeLinecap:"round",strokeMiterlimit:10,strokeWidth:2.898,d:"M64.207 85.796s11.074-10.532 9.458-20.457a13.12 13.12 0 0 0-5.096-8.434 12.42 12.42 0 0 0-17.626 2.86 13.08 13.08 0 0 0-2.176 9.632c1.617 9.925 15.463 16.41 15.463 16.41"})),p||(p=g.createElement("path",{fill:"#1B1C20",d:"M61.315 71.504a4.958 4.958 0 1 1-.638-9.895 4.958 4.958 0 0 1 .638 9.895"})),f||(f=g.createElement("path",{stroke:"#1B1C20",strokeLinecap:"round",strokeMiterlimit:10,strokeWidth:2.898,d:"M34.273 92.136s4.23 7.958 13.824 7.365c5.255-.322 7.749-2.76 10.686-8.77"})),m||(m=g.createElement("path",{fill:"#fff",stroke:"#1B1C20",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2.898,d:"m60.837 98.925.97-9.11-10.021.614z"})))},85148:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/employer/store/[storeId]/edit/picture",function(){return r(10

1532)}])},93597:(e,t,r)=>{"use strict";r.d(t,{A:()=>h});var l,a=r(74429),s=r(76115),n=r(71041);function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)({}).hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e}).apply(null,arguments)}let o=e=>n.createElement("svg",i({xmlns:"http://www.w3.org/2000/svg",width:"current",height:"current",fill:"none",viewBox:"0 0 24 24"},e),l||(l=n.createElement("path",{stroke:"#292A2E",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"m15 6-6 6 6 6"})));var c=r(41550),d=r(3043),u=r(37648);let h=e=>{let{title:t,right:r,hideLeft:l,onBackClick:n}=e,i=(0,s.useRouter)();return(0,a.jsxs)("header",{className:`flex flex-row items-center gap-2 ${l?"":"-ml-4"}`,children:[l?null:(0,a.jsx)(c.A,{icon:(0,a.jsx)(o,{width:"24",height:"24"}),size:u.or.Medium,onClick:()=>{if(n)return void n?.();i.back()}}),(0,a.jsxs)("div",{className:"flex flex-1 flex-row items-center justify-between",children:[(0,a.jsx)(d.Label,{type:d.LabelType.Heading3,children:t}),r]})]})}},94575:(e,t,r)=>{"use strict";r.d(t,{A:()=>p});var l=r(74429),a=r(69997),s=r(71041),n=r(12074),i=r(5798),o=r(25833),c=r(47479),d=r(51660),u=r(3043),h=r(37648);let p=(0,s.forwardRef)((e,t)=>{let{accept:r,imageUrl:p,buttonText:f,icon:m,imageFile:g,selectedChildren:x,className:v="",previewClassName:b="",maxSize:y,minSize:w,maxFileSize:j,disablePreview:k,hideChangeButton:A,disabled:C,disabledEditModal:E,usePreviewClickToChange:L,usePreviewCover:N=!0,onChange:B,onClick:_,onDisabledClick:P,fileSizeErrorHandler:R,fileAcceptErrorHandler:M,imageSizeErrorHandler:S}=e,{t:O}=(0,a.Bd)("common"),[T,F]=(0,s.useState)(!1),[I,z]=(0,s.useState)(),{FileInput:W,showFileUpload:D,selectedFile:U,getPreviewImage:H,clearFileUpload:$}=(0,d.l)({accept:r,maxSize:y,minSize:w,maxFileSize:j,fileSizeErrorHandler:R,fileAcceptErrorHandler:M,imageSizeErrorHandler:S}),V=!!(k?p:U||p);return(0,s.useEffect)(()=>{void 0!==U&&B(U)},[U]),(0,s.useEffect)(()=>{let e=e=>{if(e.clipboardData){let{blob:t}=(e=>{try{let t=(e.items?.[0]).getAsFile();if(!t)return{blob:null,url:""};return{blob:t,url:URL.createObjectURL(t)}}catch{return{blob:null,url:""}}})(e.clipboardData);t&&B(new File([t],"copied.png",{lastModified:new Date().valueOf()}))}};return document.addEventListener("paste",e),()=>{document.removeEventListener("paste",e)}},[]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("div",{ref:t,className:(0,n.QP)(`relative gap-3 ${V?"":"flex flex-col items-center justify-center border"} w-min-[220px] h-min-[220px] rounded-[10px] border-gray-100`,!C&&"cursor-pointer",v),onClick:()=>C?void P?.():!E&&V?L?void D():void F(!0):void(D(),_?.(V)),children:V?(0,l.jsxs)("div",{className:"relative h-full w-full",children:[(0,l.jsx)("img",{className:(0,n.QP)("h-full w-full rounded object-contain",N&&"object-cover",b),src:g?H(g):U?H(U):p,alt:"Preview"}),x,!A&&(0,l.jsx)(o.A,{className:"absolute bottom-3 right-3 z-[1]",type:u.ButtonAnatomy.Secondary,size:h.or.Small,label:O("button.change"),onClick:()=>{F(!0)}})]}):(0,l.jsxs)("div",{className:"flex flex-1 flex-col items-center justify-center gap-2",children:[m||(0,l.jsx)(i.A,{className:"text-gray-800",width:20,height:20}),f&&(0,l.jsx)(u.Label,{className:"text-gray-800",type:u.LabelType.Caption1,children:f})]})}),(0,l.jsxs)(c.A,{className:"xs:max-w-[400px]",title:O("title.change_photo"),useResponsiveBottomSheet:!0,isShow:T,onClose:()=>{F(!1)},children:[(0,l.jsx)(u.ListItem,{onClick:()=>{F(!1),D()},children:(0,l.jsx)(u.Label,{children:O("button.select_photo")})}),(0,l.jsx)(u.ListItem,{onClick:()=>{$(),F(!1),B(null)},children:(0,l.jsx)(u.Label,{className:"text-red-400-50",children:O("Delete photo")})})]}),W]})})}},e=>{e.O(0,[8370,2687,5389,2279,4067,9417,4506,6734,883,386,3244,6220,832,2045,3712,192,8e3,4064,7006,9479,1144,9584,6496,2121,2258,3390,7464,6031,7588,728,457,6534,2945,3188,4205,7382,636,6593,8792],()=>e(e.s=85148)),_N_E=e.O()}]);