https://pdap.io/assets/create-DmVWoIPJ.js

1import{R as e,O as a,_ as t,o as l,c as s,b as n,e as r,w as o,u,ag as i,d as c,K as d,ah as m,F as p,f as v,i as f,t as y,ai as h,aj as g,ak as b,Q as _,ac as q,D as w,C as N,al as j,E as x}from"./index-CcZ45_S5.js";import{_ as k,a as D}from"./typeahead-BamTYUl9.js";import{A as I,_ as S}from"./cloneDeep-RxEQWeo3.js";import{I as C,S as L,a as Q,c as T}from"./_constants-DDW5cD6T.js";import{g as E}from"./locations-9kelygEn.js";import{u as O}from"./search-CuDkYLOj.js";import{u as F}from"./useQueryClient-D_RWsVuD.js";import{u as M}from"./useQuery-CfbMjajd.js";import{u as R}from"./useMutation-Ca8CgNX9.js";import{a as W,D as K,L as $}from"./queryKeys-DpAWY-q4.js";import{b as P}from"./route-block-B_A1xBdJ.js";import{_ as A}from"./_plugin-vue_export-helper-BCo6x5W8.js";import"./test-ids-C_9vcHPk.js";import"./index.es-0vjt-INv.js";import"./locationFormatters-B5SIoJWC.js";const B={class:"overflow-x-hidden max-w-[1080px] mx-auto"},H=["for"],V=["innerHTML"],z={class:"locale-type"},J={class:"flex gap-2 flex-col max-w-full md:flex-row md:col-start-1 md:col-end-2 mt-8"},Y={__name:"create",setup(P){const A=w([]),Y=w([]),G=w(),U=w(),X=w(),Z=w(),ee=e(),ae=O(),te=N(()=>{const e=ee.query.location_id;if(e){const a=Number(e);return Number.isNaN(a)?null:a}const a=ae.activeLocationId;if(a){const e=Number(a);return Number.isNaN(e)?null:e}return null}),le=N(()=>[$,te.value]),{data:se}=M({queryKey:le,queryFn:async()=>{if(!te.value)return null;const e=await E(te.value);return null==e?void 0:e.data},enabled:N(()=>!!te.value),staleTime:36e5,onError:e=>{console.error("Error fetching prefill location:",e)}}),ne=w(null);a(()=>te.value,e=>{e||ne.value&&(A.value=A.value.filter(e=>Number(e.location_id)!==Number(ne.value)),ne.value=null)}),a(se,e=>{if(!e)return;const a=e.location_id??e.id??te.value,t=Number(a);if(!t||Number.isNaN(t))return;ne.value&&Number(ne.value)!==Number(t)&&(A.value=A.value.filter(e=>Number(e.location_id)!==Number(ne.value)));const l={...e,location_id:t,display_name:e.display_name??e.name??""};A.value.some(e=>Number(e.location_id)===t)||(A.value=[...A.value,l],ne.value=t)},{immediate:!0});const re=F(),oe=N(()=>{var e;return[W,null==(e=U.value)?void 0:e.value.toLowerCase()]}),ue=R({mutationFn:async e=>{if(!e||e.length<=1)return re.getQueryData(oe.value)||[];const a=await D(e);return a.length?a:void 0},onSuccess:e=>{Y.value=e,re.setQueryData(oe,e,{staleTime:3e5})}}),ie=t(async()=>{var e;const a=null==(e=U.value)?void 0:e.value,t=re.getQueryData(oe);t?Y.value=t:ue.mutate(a)},200,{leading:!0,trailing:!0}),ce=R({mutationFn:async e=>{await T(e);const a=`Your request for ${e.request_info[C.title]} has been submitted successfully!`;window.scrollTo(0,0),x.success(a,{autoClose:!1})},onSuccess:()=>{Z.value="",re.invalidateQueries({queryKey:[K]}),A.value=[]},onError:e=>{e&&(console.error(e),Z.value="Something went wrong, please try again.",G.value.setValues({...G.value.values}))}});async function de(){const e=Object.values(C).filter(e=>e!==C.area).reduce((e,a)=>({...e,[a]:""}),{});G.value.setValues(e),await j(),re.setQueryData(oe.value,[]),A.value=[]}function me(e){e.value.$anyDirty&&!A.value.length&&(X.value="Please include a location with your request")}async function pe(e){var a;if(!A.value.length)return void(X.value="Please include a location with your request");if(null==(a=e[C.range])?void 0:a.length){const a=e[C.range].map(e=>"number"==typeof e?String(e):"").join(" - ");e[C.range]=a}const t={request_info:e,location_ids:[...S(A.value).map(e=>e.location_id)]};ce.mutate(t)}return a(()=>A.value,e=>{e.length&&X.value&&(X.value=void 0),!e.length&&G.value.v$.$anyDirty&&(X.value="Please include a location with your request")}),(e,a)=>(l(),s("main",B,[a[12]||(a[12]=n("h1",null,"New request",-1)),r(u(q),{id:"new-request",ref_key:"formRef",ref:G,error:Z.value,class:"grid md:grid-cols-2 gap-x-4 gap-y-2 [&>.pdap-form-error-message]:md:col-span-2",name:"new-request",schema:u(Q),"data-test":"data-request-create-form",onError:me,onSubmit:pe},{default:o(()=>[r(u(i),{id:"input-"+u(C).title,class:"md:col-span-2",name:u(C).title,placeholder:"Briefly describe the general purpose or topic.","data-test":"data-request-create-title-input"},{label:o(()=>[...a[1]||(a[1]=[n("h4",null,[c(" Request title "),n("sup",null,"*")],-1)])]),_:1},8,["id","name"]),n("label",{for:u(C).area,class:"py-1 md:col-span-2"},[...a[2]||(a[2]=[n("h4",null,[c(" What area is covered by your request? "),n("sup",null,"*")],-1)])],8,H),A.value?(l(),d(m,{key:0,name:"list"},{default:o(()=>[(l(!0),s(p,null,v(A.value,e=>(l(),d(I,{key:JSON.stringify(e),class:"md:col-span-2",content:null==e?void 0:e.display_name,"on-click":()=>{const a=A.value.indexOf(e);a>-1&&A.value.splice(a,1)}},null,8,["content","on-click"]))),128))]),_:1})):f("",!0),r(k,{id:u(C).area,ref_key:"typeaheadRef",ref:U,class:"md:col-span-2",error:X.value,"format-item-for-display":e=>(null==e?void 0:e.display_name)??(null==e?void 0:e.name)??"",items:Y.value,placeholder:A.value.length?"Enter another place":"Enter a place","data-test":"data-request-create-location-input",onSelectItem:a[0]||(a[0]=e=>{e&&(A.value=[...A.value,e],Y.value=[],U.value.clearInput(),U.value.focusInput())}),onOnInput:u(ie)},{item:o(e=>{var t;return[n("span",{innerHTML:null==(t=U.value)?void 0:t.boldMatchText(null==e?void 0:e.display_name)},null,8,V),n("span",z,y(e.type),1),a[3]||(a[3]=n("span",{class:"select"},"Select",-1))]}),"not-found":o(()=>[...a[4]||(a[4]=[n("span",null,[c(" We don't have agencies in the place you're looking for. Is it spelled correctly? If our database is missing something, please reach us at "),n("a",{href:"mailto:[email protected]"},"[email protected]")],-1)])]),_:1},8,["id","error","format-item-for-display","items","placeholder","onOnInput"]),r(u(h),{id:"input-"+u(C).range,class:"md:col-span-2",name:u(C).range,placeholder:"What dates or years should the data cover?","year-picker":"",range:"",position:"left"},{label:o(()=>[...a[5]||(a[5]=[n("h4",null,"Coverage range",-1)])]),_:1},8,["id","name"]),r(u(g),{id:"input-"+u(C).target,class:"md:col-span-2",name:u(C).target,options:u(L),placeholder:"When would you like to see this request filled?"},{label:o(()=>[...a[6]||(a[6]=[n("h4",null,"Target date",-1)])]),_:1},8,["id","name","options"]),r(u(b),{id:"input-"+u(C).notes,class:"md:col-start-1 md:col-end-2",name:u(C).notes,placeholder:"What are you trying to learn? Is there anything you've already tried?",rows:"4"},{label:o(()=>[...a[7]||(a[7]=[n("h4",null,[c(" Request notes "),n("sup",null,"*")],-1)])]),_:1},8,["id","name"]),r(u(b),{id:"input-"+u(C).requirements,class:"md:col-start-2 md:col-end-3",name:u(C).requirements,placeholder:"Details the data must have, like 'case numbers' or 'incident location'.",rows:"4"},{label:o(()=>[...a[8]||(a[8]=[n("h4",null,[c(" Data requirements "),n("sup",null,"*")],-1)])]),_:1},8,["id","name"]),a[11]||(a[11]=n("p",{class:"md:col-span-2 mt-4"},[n("sup",null,"*"),c(" These fields are required ")],-1)),n("div",J,[r(u(_),{disabled:u(ce).isLoading,"is-loading":u(ce).isLoading,class:"min-w-52",intent:"primary",type:"submit","data-test":"data-request-create-submit"},{default:o(()=>[...a[9]||(a[9]=[c(" Submit request ",-1)])]),_:1},8,["disabled","is-loading"]),r(u(_),{disabled:u(ce).isLoading,intent:"secondary",type:"button","data-test":"data-request-create-clear",onClick:de},{default:o(()=>[...a[10]||(a[10]=[c(" Clear ",-1)])]),_:1},8,["disabled"])])]),_:1},8,["error","schema"])]))}};"function"==typeof P&&P(Y);const G=A(Y,[["__scopeId","data-v-6671715a"]]);export{G as default};