https://app.vooglue.com/_next/static/chunks/pages/quick-start/modals/placeModal-727df03b7d6bc46d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5846],{18306:(e,t,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/quick-start/modals/placeModal",function(){return l(6377)}])},24223:(e,t,l)=>{"use strict";l.d(t,{k5:()=>i});var a=l(96540),o={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},n=a.createContext&&a.createContext(o),r=function(){return(r=Object.assign||function(e){for(var t,l=1,a=arguments.length;l<a;l++)for(var o in t=arguments[l])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},s=function(e,t){var l={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&0>t.indexOf(a)&&(l[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,a=Object.getOwnPropertySymbols(e);o<a.length;o++)0>t.indexOf(a[o])&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(l[a[o]]=e[a[o]]);return l};function i(e){return function(t){return a.createElement(d,r({attr:r({},e.attr)},t),function e(t){return t&&t.map(function(t,l){return a.createElement(t.tag,r({key:l},t.attr),e(t.child))})}(e.child))}}function d(e){var t=function(t){var l,o=e.attr,n=e.size,i=e.title,d=s(e,["attr","size","title"]),c=n||t.size||"1em";return t.className&&(l=t.className),e.className&&(l=(l?l+" ":"")+e.className),a.createElement("svg",r({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,o,d,{className:l,style:r(r({color:e.color||t.color},t.style),e.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),i&&a.createElement("title",null,i),e.children)};return void 0!==n?a.createElement(n.Consumer,null,function(e){return t(e)}):t(o)}},15239:(e,t,l)=>{"use strict";l.d(t,{A:()=>o});var a=l(74848);l(96540);let o=e=>{let{label:t,type:l="text",placeholder:o,onChange:n,className:r,required:s=!1,name:i,value:d,error:c=!0,suffix:u="",identificationKey:m,onClick:v=()=>{},callBackOnChange:p=()=>{},maxLength:h=null,disabled:f=!1,icon:g=null,handleOnIconClick:x=()=>{}}=e,y="number"===l;return(0,a.jsxs)("div",{className:"w-full",children:[t&&(0,a.jsxs)("p",{className:"flex items-center mb-[0.5rem] font-sans",children:[t," ",s&&(0,a.jsx)("sup",{className:"text-red-600 mt-2",children:"*"}),u&&(0,a.jsx)("span",{className:"text-xs text-[#212529] ml-1",children:u})]}),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("input",{name:i,type:l,value:d,placeholder:o,onWheel:y?e=>e.target.blur():void 0,onChange:e=>{var t;null!=h&&h>=0&&y&&(null===(t=e.target.value)||void 0===t?void 0:t.length)>h?(alert("You can only enter up to ".concat(h," numbers.")),n(m,e.target.value.slice(0,h))):n(m,e.target.value)},className:"w-full p-2 border border-[#ced4da] rounded-md focus:outline-none placeholder:text-[#495057] ".concat(null!=r?r:"","  ").concat(y?"appearance-none":""),required:s,onClick:v,disabled:f}),g&&(0,a.jsx)("img",{src:g,className:"absolute h-5 right-2 top-3",onClick:x})]}),c&&(0,a.jsx)("p",{className:"text-red-500 text-xs",children:c})]})}},39806:(e,t,l)=>{"use strict";l.d(t,{A:()=>s});var a=l(74848),o=l(97610),n=l(96540),r=l(70058);let s=e=>{let{isOpen:t,onClose:l=()=>{},title:s,children:i,imageSrc:d,width:c,height:u,webkitScrollBar:m,headerClass:v="",showCloseButton:p,logo:h=!1,isOutSideClickOff:f=!1,className:g="",modalClass:x=""}=e,y=(0,n.useRef)(null),w=(0,n.useRef)(null);return((0,o._)(t),(0,n.useEffect)(()=>{let e=y.current;if(!e)return;let t=e=>{var t;(null===(t=w.current)||void 0===t?void 0:t.contains(e.target))||e.preventDefault()},l=e=>{var t;(null===(t=w.current)||void 0===t?void 0:t.contains(e.target))||(e.preventDefault(),w.current&&(w.current.scrollTop+=e.deltaY))};return e.addEventListener("touchmove",t,{passive:!1}),e.addEventListener("wheel",l,{passive:!1}),()=>{e.removeEventListener("touchmove",t),e.removeEventListener("wheel",l)}},[t]),t)?(0,a.jsx)("div",{ref:y,className:"fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 z-50 overflow-hidden overscroll-contain py-2 px-2 sm:px-4 ".concat(g),onClick:()=>f?null:l(),children:(0,a.jsxs)("div",{ref:w,className:"bg-white ".concat(x," rounded-lg ").concat(c||"w-full max-w-lg"," ").concat(u||"max-h-[90vh] sm:max-h-[92vh]"," ").concat(m||""," overflow-y-auto overscroll-contain p-2"),onClick:e=>e.stopPropagation(),children:[(0,a.jsxs)("div",{className:"flex items-center ".concat(v),children:[(0,a.jsx)("div",{className:"w-12"}),(0,a.jsx)("div",{className:"flex-1 flex items-center justify-center",children:h?(0,a.jsx)("img",{src:"/assets/images/logo.png",className:"object-contain w-[100px] h-[60px]"}):s&&(0,a.jsx)("h2",{className:"text-lg text-black font-medium",children:s})}),(0,a.jsx)("div",{className:"w-12 flex items-center justify-end",children:p&&(0,a.jsx)("button",{onClick:l,className:"text-gray-900 text-2xl font-semibold",children:(0,a.jsx)(r.$8F,{})})})]}),(null==d?void 0:d.length)&&(0,a.jsx)("img",{src:d,alt:"Artwork Icon",className:"mt-4 w-full"}),i]})}):null}},30429:(e,t,l)=>{"use strict";l.d(t,{A:()=>n});var a=l(74848),o=l(96540);l(44791);let n=e=>

1{let{onPlaceSelected:t,value:l,onChange:n=()=>{},onFocus:r,onBlur:s,placeholder:i="Enter address",className:d="",inputId:c="autocomplete-input",...u}=e,[m,v]=(0,o.useState)(null),p=(0,o.useRef)(null),h=(0,o.useRef)(null);(0,o.useEffect)(()=>{if(window.google)f();else{let e=document.createElement("script");return e.src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAz_6ERvze-xT-pFS9ulRjbKq9ZlgJMfzs&libraries=places",e.async=!0,e.onload=()=>f(),document.body.appendChild(e),()=>document.body.removeChild(e)}},[]);let f=()=>{var e,l;p.current&&(null===(l=window.google)||void 0===l?void 0:null===(e=l.maps)||void 0===e?void 0:e.places)&&(h.current=new window.google.maps.places.Autocomplete(p.current,{types:["geocode"]}),h.current.addListener("place_changed",()=>{let e=h.current.getPlace();if(!e||!e.address_components){v("Unable to get address details. Please try again.");return}if(!g(e).city){v("Please select an address that includes a city or district.");return}v(""),null==t||t(e)}))},g=e=>{let t=t=>{var l;return null===(l=e.address_components.find(e=>e.types.some(e=>t.includes(e))))||void 0===l?void 0:l.long_name};return{street_number:t(["street_number"]),route:t(["route"]),sublocality:t(["sublocality","sublocality_level_1"]),city:t(["locality"])||t(["administrative_area_level_3"])||t(["administrative_area_level_2"])||t(["administrative_area_level_1"]),state:t(["administrative_area_level_1"]),country:t(["country"]),postal_code:t(["postal_code"]),formatted:e.formatted_address,lat:(()=>{var t,l,a,o;return"function"==typeof(null===(l=e.geometry)||void 0===l?void 0:null===(t=l.location)||void 0===t?void 0:t.lat)?e.geometry.location.lat():null===(o=e.geometry)||void 0===o?void 0:null===(a=o.location)||void 0===a?void 0:a.lat})(),lng:(()=>{var t,l,a,o;return"function"==typeof(null===(l=e.geometry)||void 0===l?void 0:null===(t=l.location)||void 0===t?void 0:t.lng)?e.geometry.location.lng():null===(o=e.geometry)||void 0===o?void 0:null===(a=o.location)||void 0===a?void 0:a.lng})()}};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("input",{type:"text",id:c,ref:p,value:l,onChange:e=>{v(null),n(e.target.value)},onFocus:e=>{r&&r(e),window.innerWidth<640&&setTimeout(()=>{e.target.scrollIntoView({behavior:"smooth",block:"start"})},250)},onBlur:s,className:"p-2 border rounded w-full ".concat(d),placeholder:i,autoComplete:"off",...u}),m&&(0,a.jsx)("span",{className:"addalert text-red-500 text-sm",children:m})]})}},44791:(e,t,l)=>{"use strict";l.d(t,{K:()=>s});var a=l(16342);let o={},n=e=>{let t=e.split(",").map(e=>e.trim());if(t.length<3)return!1;let l=t[0],a=/\d+/.test(l),o=/[a-zA-Z]+/.test(l);return!!(a&&o)},r=e=>{let t=e.trim();if(!t){o[t]=!1;return}void 0===o[t]&&(o[t]="pending",(0,a.L)(t).then(e=>{let l=new Set;e&&Array.isArray(e.address_components)&&(console.log("result",e.address_components),e.address_components.forEach(e=>{e.types.forEach(e=>l.add(e))}));let a=l.has("street_number"),n=l.has("route"),r=l.has("locality")||l.has("postal_town")||l.has("sublocality_level_1"),s=l.has("administrative_area_level_1"),i=l.has("country"),d=!!(a&&n&&r&&s&&i);o[t]=d,window.dispatchEvent(new CustomEvent("address-verification-updated",{detail:{address:t,isValid:d}}))}).catch(()=>{o[t]=!1,window.dispatchEvent(new CustomEvent("address-verification-updated",{detail:{address:t,isValid:!1}}))}))},s=e=>{if(!e)return!1;if("object"==typeof e&&Array.isArray(e.address_components)){let t=new Set;e.address_components.forEach(e=>{e.types.forEach(e=>t.add(e))});let l=t.has("street_number"),a=t.has("route"),o=t.has("locality")||t.has("postal_town")||t.has("sublocality_level_1"),n=t.has("administrative_area_level_1"),r=t.has("country");return!!(l&&a&&o&&n&&r)}if("object"==typeof e){let t=e.street_number||e.streetNumber,l=e.route||e.street_name||e.streetName,a=e.city||e.locality,o=e.state||e.administrative_area_level_1,n=e.country;return!!(t&&l&&a&&o&&n)}if("string"==typeof e){let t=e.trim();return!!t&&(!0===o[t]||!1!==o[t]&&("pending"===o[t]||r(t),n(t)))}return!1}},16342:(e,t,l)=>{"use strict";l.d(t,{L:()=>a});let a=e=>{let t=()=>new Promise((e,t)=>{if(window.google&&window.google.maps)return e();

1let l=document.querySelector("#google-maps-script");if(l){l.addEventListener("load",()=>e());return}let a=document.createElement("script");a.id="google-maps-script",a.src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAz_6ERvze-xT-pFS9ulRjbKq9ZlgJMfzs&libraries=places",a.async=!0,a.onload=()=>e(),a.onerror=()=>t(Error("Failed to load Google Maps script")),document.body.appendChild(a)});return new Promise(async(l,a)=>{try{await t();let o=new window.google.maps.Geocoder;if(e){o.geocode({address:e},(e,t)=>{"OK"===t&&e[0]?l(e[0]):a(Error("Geocoding failed or address not found"))});return}if(!navigator.geolocation)return a(Error("Geolocation is not supported by this browser."));navigator.geolocation.getCurrentPosition(e=>{let{latitude:t,longitude:a}=e.coords,n={lat:t,lng:a};o.geocode({location:n},(e,t)=>{"OK"===t&&e[0]?l(e[0]):l({coords:n,error:"No address found"})})},e=>{a(e)})}catch(e){a(e)}})}},97610:(e,t,l)=>{"use strict";l.d(t,{_:()=>o});var a=l(96540);let o=function(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];(0,a.useLayoutEffect)(()=>(e?(document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"):(document.body.style.overflow="",document.documentElement.style.overflow=""),()=>{document.body.style.overflow="",document.documentElement.style.overflow=""}),[e])}},6377:(e,t,l)=>{"use strict";l.r(t),l.d(t,{default:()=>u});var a=l(74848),o=l(96540),n=l(15239),r=l(39806),s=l(71468),i=l(98681),d=l(30429),c=l(70058);let u=e=>{var t,l;let{isOpen:u,onClose:m,updateArtInfo:v,setArtworkPlace:p,currentPlace:h,artInfo:f}=e,[g,x]=(0,o.useState)([]),[y,w]=(0,o.useState)({...null==f?void 0:null===(l=f.advancedFields)||void 0===l?void 0:null===(t=l.artworkLocation)||void 0===t?void 0:t.location}),[b,_]=(0,o.useState)(!1),[j,N]=(0,o.useState)(""),E=(0,s.wA)(),C=()=>{let e=new FormData;e.append("latitude",null==y?void 0:y.latitude),e.append("longitude",null==y?void 0:y.longitude),e.append("address",null==y?void 0:y.text),e.append("google_place_id",null==y?void 0:y.google_place_id),E((0,i.T6)({body:e})).unwrap().then(e=>{if(null==e?void 0:e.place_id){let t={...e,PID:null==e?void 0:e.place_id,longitude:null==y?void 0:y.longitude,latitude:null==y?void 0:y.latitude,placename:"My Place",text:null==e?void 0:e.address,google_place_id:null==y?void 0:y.google_place_id};v("advancedFields.artworkLocation.location",t),p(t),m()}})},k=()=>{b||E((0,i.yF)()).unwrap().then(e=>{x(e),_(!0)})},F=g.filter(e=>e.text.toLowerCase().includes(j.toLowerCase())),A=async()=>{w({...h,placename:"My Place",address:null==h?void 0:h.formatted_address,text:null==h?void 0:h.formatted_address})},P=()=>{v("advancedFields.artworkLocation.location",h),m()};return(0,a.jsxs)(r.A,{isOpen:u,onClose:P,title:"Artwork Place",width:"w-96",showCloseButton:!0,children:[(0,a.jsxs)("div",{className:"flex flex-col",children:[(0,a.jsxs)("div",{className:"border flex flex-col p-2",children:[(0,a.jsx)("label",{className:"text-[15px]",children:"Select an existing place"}),(0,a.jsxs)("div",{className:"relative mt-2",children:[(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsx)("input",{className:"bg-[#F7F7F7] focus-within:outline-none p-2 w-full h-8",onChange:e=>N(e.target.value),onClick:()=>k()}),(0,a.jsx)("div",{className:"absolute top-2 right-2 cursor-pointer",onClick:()=>_(!1),children:(0,a.jsx)(c.$8F,{})})]}),b&&(0,a.jsx)("div",{className:"absolute bg-white border w-full z-10 ",children:(0,a.jsx)("div",{className:"max-h-52 overflow-auto",children:(null==F?void 0:F.length)>0&&(null==F?void 0:F.map(e=>(0,a.jsx)("div",{className:"hover:bg-[#5897fb] hover:text-white cursor-pointer text-[14px] p-2 flex gap-2 items-center border-b-2",onClick:()=>{let t={...e,placename:null==e?void 0:e.name,text:null==e?void 0:e.address};p(t),v("advancedFields.artworkLocation.location",t),_(!1),m()},children:(0,a.jsx)("span",{children:null==e?void 0:e.text})})))})})]})]}),(0,a.jsx)("div",{className:"text-center",children:"OR"}),(0,a.jsxs)("div",{className:"border p-2",children:[(0,a.jsx)("div",{className:"flex justify-end",children:(0,a.jsx)("button",{className:"bg-[#007BFF] text-white p-2 rounded",onClick:A,children:"Use My Current Location"})}),(0,a.jsxs)("div",{className:"mt-2 relative",children:[(0,a.jsx)("label",{className:"text-[14px]",children:"Search for location by address"}),(0,a.jsx)(d.A,{onPlaceSelected:e=>{var t,l;w({...e,placename:null==e?void 0:null===(l=e.address_components)||void 0===l?void 0:null===(t=l[0])||void 0===t?void 0:t.long_name,address:null==e?void 0:e.formatted_address,text:null==e?void 0:e.formatted_address,google_place_id:null==e?void 0:e.place_id,longitude:null==e?void 0:e.geometry.location.lng(),latitude:null==e?void 0:e.geometry.location.lat()})},placeholder:"Search Address - with street address"})]}),(0,a.jsx)("p",{className:"text-[10.5px] pt-4",children:"Please fill the beflow form to change the address and place name, then click to Save."}),(0,a.jsx)("label",{className:"text-[13px]",children:"Place Name*"}),(0,a.jsx)(n.A,{error:!1,name:"place name",type:"text",value:null==y?void 0:y.placename,onChange:()=>{}}),(0,a.jsx)("label",{className:"text-[13px]",children:"Address"}),(0,a.jsx)(n.A,{error:!1,name:"place name",type:"text",className:"bg-[#F7F7F7]",value:null==y?void 0:y.text,onChange:()=>{},disabled:!0})]})]}),(0,a.jsxs)("div",{className:"flex gap-2 mt-2 justify-end",children:[(0,a.jsx)("button",{className:"p-2 rounded",onClick:P,children:"Close"}),(0,a.jsx)("button",{className:"bg-[#007BFF] hover:bg-[#0069d9] text-white p-2 rounded",onClick:()=>C(),children:"Save"})]})]})}}},e=>{var t=t=>e(e.s=t);e.O(0,[3772,636,6593,8792],()=>t(18306)),_N_E=e.O()}]);