https://nextshark.com/_next/static/chunks/pages/community/talent/add-8cba9094dba97f2c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8708],{20491:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>w});var a=t(37876),l=t(77328),r=t.n(l),i=t(18306),n=t(38485),c=t(88992),o=t(77172),m=t(14232),d=t(54587),x=t.n(d),u=t(14246),h=t(13353),p=t(35852),f=t(29573),g=t(86228),v=t(70438),j=t(67717),b=t(50087),y=t(48230),N=t.n(y);function w({menuItems:e}){let{register:s,handleSubmit:t,trigger:l,setValue:d,setError:y,formState:{errors:k}}=(0,c.mN)({mode:"all"}),[F,A]=(0,m.useState)(null),[O,P]=(0,m.useState)(""),[S,T]=(0,m.useState)(!1),[E,C]=(0,m.useState)(null),[q,I]=(0,m.useState)("initial"),[L,_]=(0,m.useState)(0),[U,Y]=(0,m.useState)({name:"",email:"",ethnicity:"",languages:"",keySkills:"",yearsOfExperience:"",reelUrl:"",willingToTravel:!1,locationPreference:"",instagram:"",headshot:null}),D=e=>{let{name:s,value:t,type:a,checked:r}=e.target,i="checkbox"===a?r:t;d(s,i),Y(e=>({...e,[s]:i})),l(s)},R=async()=>{try{P(""),T(!0);let e=await (0,p.o)({file:E,caption:U.name,alternativeText:U.name});if(!e.success)throw e.message;let s={name:U.name,email:U.email,ethnicity:U.ethnicity,languages:U.languages,keySkills:U.keySkills,yearsOfExperience:U.yearsOfExperience,willingToTravel:U.willingToTravel,locationPreference:U.locationPreference,headshot:e?.details[0]?.id};(await (0,h.ph)(s)).success&&I("confirmation")}catch(e){P(e)}finally{T(!1)}},z=async e=>{let s=URL.createObjectURL(e.target.files[0]);C(e.target.files[0]),A(s),Y(s=>({...s,headshot:e.target.value})),l("headshot")};(0,m.useEffect)(()=>{let e=new URLSearchParams(window.location.search).get("outcome");["successful","failed"].includes(e)&&("successful"===e?I("confirmation"):I("stalled"))},[]);let B=()=>(0,a.jsx)("span",{className:"text-lg text-red-500",children:"*"});return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r(),{children:(0,a.jsx)("title",{children:"NextShark | The Biggest Asian American Publication"})}),(0,a.jsx)(i.A,{menuItems:e}),(0,a.jsx)(o.A,{community:!0,children:(0,a.jsxs)("div",{className:"mx-auto flex h-full max-w-[500px] flex-col justify-center pt-5",children:["confirmation"===q&&(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)("div",{className:"mb-5 flex justify-center",children:(0,a.jsx)(j.cxC,{className:"h-10 w-10 text-[#984D81]"})}),(0,a.jsx)("div",{className:"mb-2 text-center text-2xl font-semibold",children:"Thank you for advertising with NextShark!"}),(0,a.jsx)("div",{className:"mb-5 text-center",children:"Your listing will be posted shortly on the community bulletin board."}),(0,a.jsx)("div",{className:"",children:(0,a.jsx)(N(),{href:"/community/talent",className:" text-fuchsia",children:"View talent"})}),(0,a.jsx)("button",{onClick:()=>I("initial"),className:"mb-5 mt-5 block flex w-full cursor-pointer items-center justify-center rounded-full border border  bg-white py-5 text-center text-base  text-black hover:bg-[#000000] hover:text-white  md:hover:text-white  lg:hover:bg-[#2d2d2d]",children:"Place another listing"})]}),"stalled"===q&&(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)("div",{className:"mb-5 flex justify-center",children:(0,a.jsx)(b.LyW,{className:"h-10 w-10 text-[#f61919]"})}),(0,a.jsx)("div",{className:"mb-2 text-center text-2xl font-semibold",children:"Request Failed!"}),(0,a.jsxs)("div",{className:"mb-1 text-center",children:["Your request failed. Use a different payment method or"," ",(0,a.jsx)(N(),{href:"/",children:"contact us"})]}),(0,a.jsx)("div",{className:"mb-5",children:"If you have any issues, you can call Pascal @ (385) 420-0000."}),(0,a.jsx)("div",{className:"",children:(0,a.jsx)(N(),{href:"/community/talent",className:" text-fuchsia",children:"Back to talent"})})]}),"preview"===q&&(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"font-pt-serif mx-auto mb-5 w-full text-center text-xl",children:["Below is a preview of your listing. Please verify that the information listed is accurate. This listing will will expire in 180 days, on ",(0,g.Gt)(new Date,"/","mdy",180),"."]}),(0,a.jsx)(v.A,{main:!1,details:{name:U?.name,headshot:F,email:U?.email,ethnicity:U?.ethnicity,languages:U?.languages,keySkills:U?.keySkills,yearsOfExperience:U?.yearsOfExperience,willingToTravel:U?.willingToTravel,locationPreference:U?.locationPreference}}),(0,a.jsx)("button",{onClick:R,disabled:S,className:"mb-5 mt-5 block flex w-full cursor-pointer items-center justify-center rounded-full border bg-white  py-5 text-center text-base text-black  hover:bg-[#000000] hover:text-white md:border-none md:bg-[#4285F4] md:text-white md:hover:text-white  lg:hover:bg-[#2d2d2d]",children:S?(0,a.jsx)(u.A,{}):(0,a.jsx)("span",{children:"Post Listing"})}),(0,a.jsx)("button",{onClick:()=>{I("initial"),setTimeout(()=>{window.scrollTo({top:0,behavior:"smooth"})},100)},className:"mb-10 mt-5 block flex w-full cursor-pointer items-center justify-center  text-center text-base text-black",children:"Edit Listing"})]}),(0,a.jsxs)("div",{className:(0,f.QP)("initial"!==q&&"invisible h-0"),children:[(0,a.jsx)("div",{className:"mb-5 font-semibold text-[##3B3B3B]",children:"Post your profile on NextShark"}),(0,a.jsx)("div",{className:"",children:(0,a.jsxs)("form",{onSubmit:t((e,s)=>{s.preventDefault(),I("preview"),setTimeout(()=>{window.scrollTo({top:0,behavior:"smooth"})},100)}),className:"flex flex-col",children:[(0,a.jsxs)("div",{className:"mb-3",children:[(0,a.jsxs)("div",{className:"mb-3 text-sm ",children:["Name ",(0,a.jsx)(B,{})]}),(0,a.jsx)("input",{type:"text",name:"name",value:U.name,...s("name",{required:"Name is required"}),onChange:D,className:"communityFormInput h-[54px] w-full rounded-full  bg-[#FAFAFA] px-7",placeholder:"Your full name"}),k.name&&(0,a.jsx)("div",{className:"text-[10px] normal-case text-red-600",children:k.name.message})]}),(0,a.jsxs)("div",{className:"mb-3",children:[(0,a.jsxs)("div",{className:"mb-3 text-sm ",children:["Email ",(0,a.jsx)(B,{})]}),(0,a.jsx)("input",{type:"email",name:"email",value:U.email,...s("email",{required:"Email is required",pattern:{value:/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,message:"Invalid email address"}}),onChange:D,className:"communityFormInput h-[54px] w-full rounded-full  bg-[#FAFAFA] px-7",placeholder:"Your email address"}),k.email&&(0,a.jsx)("div",{className:"text-[10px] normal-case text-red-600",children:k.email.message})]}),(0,a.jsxs)("div",{className:"mb-3",children:[(0,a.jsx)("div",{className:"mb-3 text-sm ",children:"Instagram"}),(0,a.jsx)("input",{type:"instagram",name:"instagram",value:U.instagram,...s("instagram",{pattern:{value:/@(?:[\w][\.]{0,1})*[\w]/,message:"Please enter a valid instagram username"}}),onChange:D,className:"communityFormInput h-[54px] w-full rounded-full  bg-[#FAFAFA] px-7",placeholder:"e.g. @username"}),k.instagram&&(0,a.jsx)("div",{className:"text-[10px] normal-case text-red-600",children:k.instagram.message})]}),(0,a.jsxs)("div",{className:"mb-3",children:[(0,a.jsx)("div",{className:"mb-3 text-sm ",children:"Reel URL"}),(0,a.jsx)("input",{type:"text",name:"reelUrl",value:U.reelUrl,...s("reelUrl",{pattern:{value:/^((ftp|http|https):\/\/)?([A-z]+)\.([A-z]{2,})/,message:"Please enter a valid URL"}}),onChange:D,className:"communityFormInput h-[54px] w-full rounded-full  bg-[#FAFAFA] px-7",placeholder:"Link your reel"}),k.reelUrl&&(0,a.jsx)("div",{className:"text-[10px] normal-case text-red-600",children:k.reelUrl.message})]}),(0,a.jsxs)("div",{className:"mb-3",children:[(0,a.jsxs)("div",{className:"mb-3 text-sm ",children:["Ethnicity ",(0,a.jsx)(B,{})]}),(0,a.jsx)("input",{type:"text",name:"ethnicity",value:U.ethnicity,...s("ethnicity",{required:"Ethnicity is required"}),onChange:D,className:"communityFormInput h-[54px] w-full rounded-full  bg-[#FAFAFA] px-7",placeholder:"Your ethnicity(ies)"}),k.ethnicity&&(0,a.jsx)("div",{className:"text-[10px] normal-case text-red-600",children:k.ethnicity.message})]}),(0,a.jsxs)("div",{className:"mb-3",children:[(0,a.jsxs)("div",{className:"mb-3 text-sm ",children:["Headshot (PNG/GIF/JPG, 1:1 ratio is best) ",(0,a.jsx)(B,{})]}),(0,a.jsxs)("div",{className:"flex items-center space-x-6",children:[F&&(0,a.jsx)("div",{className:"relative h-16 w-16 shrink-0",children:(0,a.jsx)(x(),{className:"object-cover",src:F,alt:"Headshot",fill:!0})}),(0,a.jsxs)("label",{className:"block",children:[(0,a.jsx)("span",{className:"sr-only",children:"Choose headshot"}

1),(0,a.jsx)("input",{type:"file",name:"headshot",...s("headshot",{required:"Headshot is required"}),onChange:z,accept:"image/png, image/jpg, image/gif, image/jpeg",className:"hover:file:bg-slate-20 block w-full text-sm text-slate-500 file:mr-4 file:rounded-full file:border-0 file:bg-gray-100 file:px-4 file:py-2 file:text-sm file:font-semibold file:text-black "})]})]}),k.headshot&&(0,a.jsx)("div",{className:"text-[10px] normal-case text-red-600",children:k.headshot.message})]}),(0,a.jsxs)("div",{className:"mb-3",children:[(0,a.jsxs)("div",{className:"mb-3 text-sm ",children:["Languages ",(0,a.jsx)(B,{})]}),(0,a.jsx)("input",{type:"text",name:"languages",value:U.languages,...s("languages",{required:"Languages are required"}),onChange:D,className:"communityFormInput h-[54px] w-full rounded-full  bg-[#FAFAFA] px-7",placeholder:"Languages you speak (comma-separated)"}),k.languages&&(0,a.jsx)("div",{className:"text-[10px] normal-case text-red-600",children:k.languages.message})]}),(0,a.jsxs)("div",{className:"mb-3",children:[(0,a.jsxs)("div",{className:"mb-3 text-sm ",children:["Key Skills ",(0,a.jsx)(B,{})]}),(0,a.jsx)("textarea",{name:"keySkills",value:U.keySkills,...s("keySkills",{required:"Key skills are required"}),onChange:D,className:"communityFormInput h-[200px] w-full resize-none  rounded-3xl bg-[#FAFAFA] px-7 py-4",placeholder:"Your key skills (comma-separated)"}),k.keySkills&&(0,a.jsx)("div",{className:"text-[10px] normal-case text-red-600",children:k.keySkills.message})]}),(0,a.jsxs)("div",{className:"mb-3",children:[(0,a.jsxs)("div",{className:"mb-3 text-sm ",children:["Years of Experience ",(0,a.jsx)(B,{})]}),(0,a.jsx)("input",{type:"number",name:"yearsOfExperience",value:U.yearsOfExperience,...s("yearsOfExperience",{required:"Years of experience is required",min:{value:0,message:"Cannot be negative"}}),onChange:D,className:"communityFormInput h-[54px] w-full rounded-full  bg-[#FAFAFA] px-7",placeholder:"Years of experience"}),k.yearsOfExperience&&(0,a.jsx)("div",{className:"text-[10px] normal-case text-red-600",children:k.yearsOfExperience.message})]}),(0,a.jsxs)("div",{className:"mb-3",children:[(0,a.jsxs)("div",{className:"mb-3 text-sm ",children:["Willing to Travel ",(0,a.jsx)(B,{})]}),(0,a.jsxs)("select",{name:"willingToTravel",className:"communityFormInput h-[54px] w-full rounded-full  bg-[#FAFAFA] px-7",...s("willingToTravel",{required:"This field is required"}),onChange:D,children:[(0,a.jsx)("option",{value:"true",children:"Yes"}),(0,a.jsx)("option",{value:"false",children:"No"})]}),k.willingToTravel&&(0,a.jsx)("div",{className:"text-[10px] normal-case text-red-600",children:k.willingToTravel.message})]}),(0,a.jsxs)("div",{className:"mb-3",children:[(0,a.jsxs)("div",{className:"mb-3 text-sm ",children:["Preferred local area ",(0,a.jsx)(B,{})]}),(0,a.jsx)("input",{type:"text",name:"locationPreference",value:U.locationPreference,...s("locationPreference",{required:"Location preference is required"}),onChange:D,className:"communityFormInput h-[54px] w-full rounded-full  bg-[#FAFAFA] px-7",placeholder:"City, neighborhood, or postal code"}),k.locationPreference&&(0,a.jsx)("div",{className:"text-[10px] normal-case text-red-600",children:k.locationPreference.message})]}),(0,a.jsx)("button",{type:"submit",className:"mb-5 mt-5 block flex w-full cursor-pointer items-center justify-center rounded-full border  bg-[#000000] py-5 text-center  text-base text-white hover:bg-[#000000] hover:bg-[#2d2d2d] hover:text-white md:border-none  md:hover:text-white",children:S?(0,a.jsx)(u.A,{}):(0,a.jsx)("span",{children:"Submit your talent profile"})})]})})]})]})}),(0,a.jsx)(n.A,{})]})}},35852:(e,s,t)=>{"use strict";async function a({file:e,caption:s,alternativeText:t}){try{let a=new FormData;a.append("files",e),a.append("fileInfo",JSON.stringify({caption:s,alternativeText:t}));let l=await fetch("https://strapi.nextshark.com/api/upload",{method:"POST",body:a});if(!l.ok)throw{success:!1,message:"Failed to upload image."};let r=await l.json();return{success:!0,details:r}}catch(e){return{success:!1,message:"Failed to upload image."}}}t.d(s,{o:()=>a})},49369:(e,s,t)=>{"use strict";t.d(s,{k5:()=>m});var a=t(14232),l={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},r=a.createContext&&a.createContext(l),i=["attr","size","title"];function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var s=1;s<arguments.length;s++){var t=arguments[s];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e}).apply(null,arguments)}function c(e,s){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);s&&(a=a.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),t.push.apply(t,a)}return t}function o(e){for(var s=1;s<arguments.length;s++){var t=null!=arguments[s]?arguments[s]:{};

1s%2?c(Object(t),!0).forEach(function(s){var a,l,r;a=e,l=s,r=t[s],(l=function(e){var s=function(e,s){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var a=t.call(e,s||"default");if("object"!=typeof a)return a;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===s?String:Number)(e)}(e,"string");return"symbol"==typeof s?s:s+""}(l))in a?Object.defineProperty(a,l,{value:r,enumerable:!0,configurable:!0,writable:!0}):a[l]=r}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):c(Object(t)).forEach(function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(t,s))})}return e}function m(e){return s=>a.createElement(d,n({attr:o({},e.attr)},s),function e(s){return s&&s.map((s,t)=>a.createElement(s.tag,o({key:t},s.attr),e(s.child)))}(e.child))}function d(e){var s=s=>{var t,l=e.attr,r=e.size,c=e.title,m=function(e,s){if(null==e)return{};var t,a,l=function(e,s){if(null==e)return{};var t={};for(var a in e)if(({}).hasOwnProperty.call(e,a)){if(-1!==s.indexOf(a))continue;t[a]=e[a]}return t}(e,s);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a<r.length;a++)t=r[a],-1===s.indexOf(t)&&({}).propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}(e,i),d=r||s.size||"1em";return s.className&&(t=s.className),e.className&&(t=(t?t+" ":"")+e.className),a.createElement("svg",n({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},s.attr,l,m,{className:t,style:o(o({color:e.color||s.color},s.style),e.style),height:d,width:d,xmlns:"http://www.w3.org/2000/svg"}),c&&a.createElement("title",null,c),e.children)};return void 0!==r?a.createElement(r.Consumer,null,e=>s(e)):s(l)}},70438:(e,s,t)=>{"use strict";t.d(s,{A:()=>u});var a=t(37876),l=t(14232),r=t(54587),i=t.n(r),n=t(82955),c=t(77281),o=t(15041),m=t(56011),d=t(20734),x=t(73193);let u=l.memo(({main:e=!1,details:s})=>(0,a.jsx)("div",{className:"mb-10 rounded-lg lg:mb-4 lg:bg-[#F9F9F9] lg:p-3",children:(0,a.jsxs)("div",{className:"items-centers grid auto-rows-auto grid-cols-12 gap-x-3",children:[(0,a.jsx)("div",{className:(0,n.cn)("row-span-1 lg:col-span-4 lg:row-span-3 lg:flex lg:pr-0",e?"col-span-12":"col-span-5 pr-5"),children:(0,a.jsx)("div",{className:(0,n.cn)("relative flex lg:h-[120px] lg:w-[120px]",e?"h-[350px]":"h-[150px]"),children:(0,a.jsx)(i(),{src:s?.headshot,fill:!0,alt:s?.name,className:(0,n.cn)("rounded-xl bg-white lg:object-contain",e?"object-contain":"col-span-4 object-contain")})})}),(0,a.jsxs)("div",{className:"col-span-12 row-span-1 row-start-1 mb-2 lg:col-span-8 lg:row-start-auto",children:[(0,a.jsx)("div",{className:"mb-1 text-lg font-semibold",children:s?.name}),(0,a.jsxs)("div",{className:"flex items-center gap-2 text-sm",children:[(0,a.jsx)(c.mm2,{}),(0,a.jsx)("span",{children:s?.email})]}),(0,a.jsxs)("div",{className:"mt-2 flex flex-wrap gap-x-4 gap-y-2 text-sm",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(o.NBi,{}),s?.ethnicity]}),(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(x.VeH,{}),s?.languages]})]})]}),(0,a.jsxs)("div",{className:(0,n.cn)("col-span-7 row-span-1 mb-5 text-sm lg:col-span-8 lg:row-span-2 lg:row-start-auto lg:mb-0",e?"col-span-12 row-start-2":""),children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex gap-1",children:[(0,a.jsx)("div",{children:(0,a.jsx)(o.ZPX,{})}),(0,a.jsx)("div",{children:"Key Skills: "})]}),(0,a.jsx)("div",{className:"mb-4 mt-2 whitespace-pre-line",children:s?.keySkills})]}),(0,a.jsx)("div",{className:"mb-3 flex flex-wrap gap-x-4 gap-y-2",children:(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(m.q3R,{}),s?.yearsOfExperience," years of experience"]})}),(0,a.jsxs)("div",{className:"flex flex-wrap gap-x-4 gap-y-2",children:[(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(d.rr3,{}),s?.willingToTravel==="true"?"Willing to travel":"Not willing to travel"]}),(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(o.vq8,{}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:"hidden lg:block",children:"Location Preference:"})," ",s?.locationPreference]})]})]})]})]})}))},81884:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/community/talent/add",function(){return t(20491)}])}},e=>{e.O(0,[6701,8511,8585,5711,2517,4938,713,7141,4587,2749,9807,4245,5368,6753,8992,8078,8485,5409,8823,636,6593,8792],()=>e(e.s=81884)),_N_E=e.O()}]);