https://app.aieasypic.com/_next/static/chunks/pages/tools/professional-headshots/create-d2c2c06755e3fe08.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1238],{48408:(e,t,r)=>{"use strict";r.d(t,{m:()=>g});var a=r(55729),n=r(92388),o=r(61946),l=r(38169),i=r(51690),s=(0,l.r)((e,{fluid:t,sizes:r},{size:a})=>({root:{paddingLeft:e.spacing.md,paddingRight:e.spacing.md,maxWidth:t?"100%":(0,i.Y)({size:a,sizes:r}),marginLeft:"auto",marginRight:"auto"}})),d=r(50433),c=Object.defineProperty,p=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,h=(e,t,r)=>t in e?c(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;let f={sizes:{xs:(0,n.D)(540),sm:(0,n.D)(720),md:(0,n.D)(960),lg:(0,n.D)(1140),xl:(0,n.D)(1320)}},g=(0,a.forwardRef)((e,t)=>{let r=(0,o.a1)("Container",f,e),{className:n,fluid:l,size:i,unstyled:c,sizes:g,variant:x}=r,y=((e,t)=>{var r={};for(var a in e)u.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&p)for(var a of p(e))0>t.indexOf(a)&&m.call(e,a)&&(r[a]=e[a]);return r})(r,["className","fluid","size","unstyled","sizes","variant"]),{classes:j,cx:b}=s({fluid:l,sizes:g},{unstyled:c,name:"Container",variant:x,size:i});return a.createElement(d.a,((e,t)=>{for(var r in t||(t={}))u.call(t,r)&&h(e,r,t[r]);if(p)for(var r of p(t))m.call(t,r)&&h(e,r,t[r]);return e})({className:b(j.root,n),ref:t},y))});g.displayName="@mantine/core/Container"},51638:(e,t,r)=>{"use strict";r.d(t,{p:()=>D});var a=r(55729),n=r(54352),o=r(61946),l=r(38169),i=Object.defineProperty,s=Object.defineProperties,d=Object.getOwnPropertyDescriptors,c=Object.getOwnPropertySymbols,p=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,m=(e,t,r)=>t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,h=(0,l.r)(e=>({root:s(((e,t)=>{for(var r in t||(t={}))p.call(t,r)&&m(e,r,t[r]);if(c)for(var r of c(t))u.call(t,r)&&m(e,r,t[r]);return e})({},e.fn.cover()),d({display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"}))})),f=r(86085),g=r(50433),x=r(56266),y=r(42788),j=Object.defineProperty,b=Object.defineProperties,v=Object.getOwnPropertyDescriptors,O=Object.getOwnPropertySymbols,w=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable,E=(e,t,r)=>t in e?j(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,_=(e,t)=>{for(var r in t||(t={}))w.call(t,r)&&E(e,r,t[r]);if(O)for(var r of O(t))P.call(t,r)&&E(e,r,t[r]);return e};let C={overlayOpacity:.75,transitionDuration:0,radius:0,zIndex:(0,n.I)("overlay")},D=(0,a.forwardRef)((e,t)=>{let r=(0,o.a1)("LoadingOverlay",C,e),{className:n,visible:l,loaderProps:i,overlayOpacity:s,overlayColor:d,transitionDuration:c,exitTransitionDuration:p,zIndex:u,style:m,loader:j,radius:E,overlayBlur:D,unstyled:S,variant:k,keepMounted:N}=r,Y=((e,t)=>{var r={};for(var a in e)w.call(e,a)&&0>t.indexOf(a)&&(r[a]=e[a]);if(null!=e&&O)for(var a of O(e))0>t.indexOf(a)&&P.call(e,a)&&(r[a]=e[a]);return r})(r,["className","visible","loaderProps","overlayOpacity","overlayColor","transitionDuration","exitTransitionDuration","zIndex","style","loader","radius","overlayBlur","unstyled","variant","keepMounted"]),{classes:z,cx:I,theme:R}=h(null,{name:"LoadingOverlay",unstyled:S,variant:k}),A=`calc(${u} + 1)`;return a.createElement(f.e,{keepMounted:N,duration:c,exitDuration:p,mounted:l,transition:"fade"},e=>a.createElement(g.a,_({className:I(z.root,n),style:b(_(_({},e),m),v({zIndex:u})),ref:t},Y),j?a.createElement("div",{style:{zIndex:A}},j):a.createElement(x.a,_({style:{zIndex:A}}

1,i)),a.createElement(y.h,{opacity:s,zIndex:u,radius:E,blur:D,unstyled:S,color:d||("dark"===R.colorScheme?R.colors.dark[5]:R.white)})))});D.displayName="@mantine/core/LoadingOverlay"},63089:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/tools/professional-headshots/create",function(){return r(86283)}])},86283:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>L});var a=r(6029),n=r(27835),o=r(63887),l=r(50433),i=r(13692),s=r(56266),d=r(26500),c=r(87462),p=r(99690),u=r(92388),m=r(37948),h=r(69943),f=r(48408),g=r(13445),x=r(24565),y=r(12660),j=r(84335),b=r(56233),v=r(12638),O=r(74738),w=r(18090),P=r(50016),E=r(26312),_=r(1751),C=r(58943),D=r(89948),S=r(37514),k=r(81278),N=r(55729),Y=r(87041);let z=e=>{let{file:t,uploadState:r,uploadedFilesBlob:n,setFilesToUpload:c}=e,p=(0,N.useMemo)(()=>"uploading"===r,[r]),u=(0,N.useMemo)(()=>"idle"===r,[r]),m=(0,N.useMemo)(()=>n.find(e=>e.name===t.name),[n,t]);return(0,a.jsx)(o.f,{span:3,md:2,children:(0,a.jsxs)(l.a,{sx:{position:"relative"},children:[(0,a.jsx)(i._,{height:"100",src:URL.createObjectURL(t),alt:"preview",sx:{filter:p||m?"brightness(60%)":"none"}}),(0,a.jsx)(l.a,{sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},children:m?(0,a.jsx)(E.A,{}):p&&(0,a.jsx)(s.a,{size:"md",color:"green"})}),(0,a.jsx)(d.M,{variant:"filled",color:"red",sx:{position:"absolute",top:5,right:5,display:u?"flex":"none"},children:(0,a.jsx)(P.raE,{onClick:()=>{c(e=>e.filter(e=>e.name!==t.name))}})})]})},t.name)},I=e=>{var t;let{training_type:r,onComplete:n}=e,{mutate:i,isLoading:s}=(0,_.fEh)(),{mutateAsync:d}=(0,_.fAw)();(0,k.useRouter)();let[E,I]=(0,N.useState)("idle"),{data:R,refetch:A}=(0,_.x$b)(),[L,M]=(0,N.useState)([]),[T,U]=(0,N.useState)([]),[B,H]=(0,N.useState)([]),J=()=>Math.random().toString(36).replace(/[^a-z]+/g,"").substring(0,6),X=(0,O.m)({initialValues:{activation_word:J(),project_name:J(),object_type:"Man",id:0,images:[]}}),$=async()=>{i({data:{...X.values,images:null==T?void 0:T.map(e=>e.id),training_type:r}},{onSuccess:e=>{(0,w.Ds)({title:"Lora training created",message:"Lora training ".concat(e.project_name," created successfully"),color:"green"}),I("idle"),H([]),U([]),M([]),X.reset(),A(),n()},onError:e=>{(0,S.A)(e),I("idle"),H([]),U([]),M([]),X.reset()}})},q=async()=>{var e;if((null==B?void 0:B.length)<D.Xg)return void(0,w.Ds)({title:"Not enough photos uploaded",message:"You need to upload at least ".concat(D.Xg," photos for good results."),color:"red"});let t=null==(e=Array.from(B))?void 0:e.filter(e=>!L.find(t=>(null==t?void 0:t.name)===(null==e?void 0:e.name)));I("uploading");let r=async e=>{await Promise.all(e.map(async e=>{await d({data:{image:e}}).then(t=>{U(e=>[...e,t]),M(t=>[...t,e])}).catch(e=>{(0,S.A)(e),H([]),U([]),M([])})}))},a=async e=>{for(let t=0;t<e.length;t+=3){let a=e.slice(t,t+3);await r(a)}};await a(t),I("uploaded")};return(0,a.jsxs)(Y.A,{children:[(0,a.jsx)(c.h,{align:"center",mt:"lg",order:3,children:"Upload Your Pictures"}),(0,a.jsxs)(l.a,{sx:e=>({[e.fn.smallerThan("md")]:{padding:"20px 10px"},padding:"10px 100px"}),children:["idle"===E&&(0,a.jsx)(b.mR,{onDrop:e=>{if((null==B?void 0:B.length)+e.length+(null==T?void 0:T.length)>D.BE)return void(0,w.Ds)({title:"Too many photos added",message:"You can upload maximum ".concat(D.BE," photos. You can upload an additional ").concat(D.BE-(null==T?void 0:T.length)," photos."),color:"red"});H(t=>[...t,...e])},accept:v.Oq,maxSize:3*0x4000000000000,children:(0,a.jsxs)(p.Y,{position:"center",spacing:"lg",style:{minHeight:(0,u.D)(120),pointerEvents:"none"},py:30,children:[(0,a.jsx)(b.mR.Accept,{children:(0,a.jsx)(P.JMY,{style:{transform:"scale(1.5)"}})}),(0,a.jsx)(b.mR.Reject,{children:(0,a.jsx)(P.raE,{style:{transform:"scale(1.5)",filter:"invert(20%) sepia(10%) saturate(2476%) hue-rotate(86deg) brightness(190%) contrast(190%)"}})}),(0,a.jsxs)(l.a,{children:[(0,a.jsx)(p.Y,{position:"center",my:30,children:(0,a.jsx)(P.JMY,{style:{transform:"scale(2.5)"}})}),(0,a.jsx)(m.E,{size:"xl",inline:!0,children:"Drag images here or click to select files"}),(0,a.jsx)(m.E,{size:"sm",color:"dimmed",inline:!0,mt:7,children:"File should not exceed 5mb"})]})]})}),(null==B?void 0:B.length)>0&&(0,a.jsx)(h.x,{my:30,children:B.map(e=>(0,a.jsx)(z,{file:e,uploadState:E,uploadedFilesBlob:L,setFilesToUpload:H},e.name))}),"uploaded"!==E&&(0,a.jsxs)(f.m,{children:[(0,a.jsx)(c.h,{align:"center",mb:"lg",mt:"lg",order:3,children:"Tips for good photos"}),(0,a.jsx)(l.a,{children:(0,a.jsx)(m.E,{mt:2,children:"To get the best results, upload 2 full body photos, 3 medium shots of the chest and up, and 7 close-up photos."})}),(0,a.jsxs)(g.B,{mt:4,my:10,children:[(0,a.jsx)("li",{children:"Mix it up - change body pose, background, and lighting in each photo"}),(0,a.jsx)("li",{children:"Capture a range of expressions"}),(0,a.jsx)("li",{children:"Show the subject's eyes looking in different directions"})]})]}),"uploaded"===E&&(0,a.jsx)(l.a,{children:(0,a.jsx)("form",{onSubmit:$,children:(0,a.jsxs)(h.x,{gutter:30,justify:"flex-start",mt:10,align:"flex-start",children:[(0,a.jsx)(o.f,{span:12,md:4,children:(0,a.jsx)(x.k,{label:"Project Name",required:!0,description:"You can find this model by name in your studio later",...X.getInputProps("project_name")}

1)}),(0,a.jsx)(o.f,{span:12,md:4,children:(0,a.jsx)(y.l6,{label:"Gender",data:null!=(t=Object.values(C.PK).map(e=>({label:e,value:e})))?t:[],required:!0,description:"Select your gender",...X.getInputProps("object_type")})})]})})}),"uploaded"!==E?(0,a.jsx)(p.Y,{position:"center",mt:"xl",children:(0,a.jsxs)(j.$,{onClick:q,loading:"uploading"===E,children:["uploading"===E&&"Uploading...","idle"===E&&"Upload"]})}):(0,a.jsx)(p.Y,{position:"center",mt:"xl",children:(0,a.jsx)(j.$,{onClick:$,disabled:s,children:"Create Lora"})})]})]})};var R=r(92907),A=r(78138);let L=()=>{let e=(0,k.useRouter)();return(0,a.jsxs)("div",{children:[(0,a.jsx)(n.A,{title:"Create Your Own Professional Headshots",description:"Create your own professional headshots. Upload your own images and generate images from text using AI.",url:"".concat(R._g.frontendUrl).concat(A.J.aieasypic.toolsProfessionalHeadshotsCreate)}),(0,a.jsx)(I,{training_type:C.QC.Professional_Headshots,onComplete:()=>{e.push(A.J.aieasypic.trainProfessionalHeadshotsAll)}})]})}}},e=>{e.O(0,[182,636,6593,8792],()=>e(e.s=63089)),_N_E=e.O()}]);