https://thelashloungesalons.com/static/js/async/2146.6514b1f5ab.js

1"use strict";(self.rspackChunkvagaro_websitebuilder_consumer=self.rspackChunkvagaro_websitebuilder_consumer||[]).push([[2146],{43929(e,r,t){t.r(r),t.d(r,{default:()=>d});var n=t(74848),a=t(96540),l=t(71177),o=t(84413),i=t(65195),s=t(44590),c=t(67247);let d=(0,a.forwardRef)(({FirstSearchDropdownPlaceholder:e="Business Name or Location",SecondSearchDropdownPlaceholder:r="Search Services and Classes",OptionsForFirstSearchDropdown:t,OptionsForSecondSearchDropdown:d,OnBlur:u,OnChange:h,OnFocus:p,OnKeyUp:g,OnKeyDown:f,OnClick:v,OnSearch:m,OnSelectedItem:S,OnScroll:x,OnSearchButtonClick:w,Searching:O=!1,Loading:y=!1,CurrentLocation:D="Current Location",Pagination:C=!0,RecordPerPage:j=10,TotalRecord:b=100,IconPositonForFirstDropdown:k="prefix",IconPositonForSecondDropdown:P="prefix",MenuListWidth:N="400px",IconForFirstDropdown:I=(0,n.jsx)(s.A,{name:"search"}),IconForSecondDropdown:F=(0,n.jsx)(s.A,{name:"search"}),SetValueForFirstDropdown:A="",SetValueForSecondDropdown:$="",SetValueForDatePicker:L="",OnSubmitSearch:E,OnClear:B,OnBack:M,SearchbarOpen:T=!0,OnFirstDropdownChange:V,OnSecondDropdownChange:R,OnDatePickerChange:K,OnFirstDropdownSelectedItem:H,OnSecondDropdownSelectedItem:U,DefaultCursor:W,Disabled:_=!1,EnvironmentUrl:z},Z)=>{let[G,q]=a.useState(t||[]),[J,Q]=a.useState(d||[]),[X,Y]=a.useState(null),[ee,er]=a.useState(null),[et,en]=a.useState(null),[ea,el]=a.useState(1),eo=c.Wp.CheckIsFromProAppWithoutState(),[ei,es]=(0,a.useState)(!1),[ec,ed]=(0,a.useState)(!1),[eu,eh]=(0,a.useState)(A||""),[ep,eg]=(0,a.useState)($||""),[ef,ev]=(0,a.useState)(!1);(0,a.useEffect)(()=>{ev(T)},[T]),(0,a.useEffect)(()=>{q(t||[])},[t]),(0,a.useEffect)(()=>{Q(d||[])},[d]);let em=e=>{x&&x(e)},eS=e=>{eh(e.target.value),V&&V(e)},ex=e=>{eg(e.target.value),R&&R(e)},ew=e=>{u&&u(e)},eO=e=>{p&&p(e)},ey=e=>{g&&g(e)},eD=e=>{f&&f(e)},eC=e=>{es(!0),ed(!1),v&&v(e)},ej=e=>{ed(!0),es(!1),v&&v(e)},eb=e=>{Y(e),H&&H(e)}

1,ek=e=>{er(e),U&&U(e)},eP=e=>{m&&m(e)},eN=e=>{en(e),K&&K(e)},eI=()=>{w&&w({firstDropdown:X,secondDropdown:ee,selectedDate:et,selectedSegment:ea})};return a.useImperativeHandle(Z,()=>({validate:()=>{}})),eo&&ef?(0,n.jsxs)("div",{className:"vg-search-bar",children:[(0,n.jsx)("div",{className:"vg-search-header",children:(0,n.jsx)("div",{onClick:e=>{eg(""),eh(""),ed(!1),es(!1),M&&M(e)},children:(0,n.jsx)(s.A,{name:"chevronLeft"})})}),(0,n.jsx)("div",{className:"vg-search-dropdown-form",children:(0,n.jsxs)("div",{className:"vg-search-dropdown-row",children:[(0,n.jsxs)("div",{className:"vg-search-dropdown-col",children:[(0,n.jsxs)("div",{className:`vg-search-bar-col ${eo&&ei&&"vg_firstSearchBarOpen"}`,children:[(0,n.jsx)(l.default,{Icon:I,IconPosition:k||"prefix",OnBlur:e=>ew(e),OnChange:e=>eS(e),OnClick:e=>eC(e),OnFocus:e=>eO(e),OnKeyDown:e=>eD(e),OnKeyUp:e=>ey(e),OnSearch:eP,OnSelectedItem:e=>eb(e),Options:G,MenuListWidth:N,Placeholder:e,SetValue:eu,CurrentLocation:D,OnScroll:em,RecordPerPage:j,TotalRecord:b,OnScrollApiCall:!0,Searching:O,Loading:y,Pagination:C,DefaultCursor:W,Disabled:_}),eo&&ei&&(0,n.jsx)("div",{className:"vg_firstSearchBarOpen_cancle",onClick:e=>{eh(""),Y(!1),er(!1),es(!1),B&&B(e)},children:"Cancel"})]}),(0,n.jsxs)("div",{className:`vg-search-bar-col ${eo&&ec&&"vg_firstSearchBarOpen"}`,children:[(0,n.jsx)(l.default,{Icon:F,IconPosition:P||"prefix",OnBlur:e=>ew(e),OnChange:e=>ex(e),OnClick:e=>ej(e),OnFocus:e=>eO(e),OnKeyDown:e=>eD(e),OnKeyUp:e=>ey(e),OnSearch:eP,OnSelectedItem:e=>ek(e),Options:J,MenuListWidth:400,Placeholder:r,SetValue:ep,OnScroll:em,OnScrollApiCall:!1,Searching:!1,Loading:!1,Pagination:!1,HighlightedText:!0,Disabled:_}),eo&&ec&&(0,n.jsx)("div",{className:"vg_firstSearchBarOpen_cancle",onClick:e=>{eg(e.target.value),Y(!1),er(!1),ed(!1),E&&E(e)},children:"Submit"})]}),(0,n.jsx)(o.default,{Country:"U.S.A",DatePickerId:"DatePickerId1",DatePickerName:"DatePickerId1",DatePickerVariant:"small",DefaultDate:"none",SelectAnytime:!0,Disableddates:[],EnvironmentUrlDp:z,Maxdate:new Date("2025-12-30T18:30:00.000Z"),Mindate:new Date("2024-12-31T18:30:00.000Z"),OnBlur:()=>{},Onchange:e=>eN(e),ShowIcon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>',HideCalendarIcon:!0,Placeholder:"Anytime",SetValue:L,Title:"",AnyTimeClick:!0,Disabled:_})]}),(0,n.jsxs)("div",{className:"vg-type-of-service",children:[(0,n.jsx)("label",{children:"Type of Service:"}),(0,n.jsx)("div",{className:"vg-type-segments-container",children:["At Business","Mobile Services","Live Stream"].map((e,r)=>(0,n.jsx)("button",{className:`vg-type-segment ${ea===r+1?"vg-type-w--current":""}`,onClick:()=>{el(r+1)},children:(0,n.jsxs)("span",{children:[0===r&&(0,n.jsx)("i",{className:"fa-solid fa-store"}),1===r&&(0,n.jsx)("i",{className:"fa-solid fa-car"}),2===r&&(0,n.jsx)("i",{className:"fa-solid fa-video"}),(0,n.jsx)("div",{className:"vg-type-service-label",children:e})]})},r))})]}),(0,n.jsx)("div",{className:"vg-search-dropdown-button",children:(0,n.jsx)(i.default,{ButtonVariant:"theme",ButtononClick:eI,ButtononHover:()=>{},DropdownClick:()=>{},Size:"large",children:"Search"})})]})})]}):(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("div",{className:"vg-search-bar",children:(0,n.jsx)("div",{className:"vg-search-dropdown-form",children:(0,n.jsxs)("div",{className:"vg-search-dropdown-row",children:[(0,n.jsxs)("div",{className:"vg-search-dropdown-col",children:[(0,n.jsx)(l.default,{Icon:I,IconPosition:k||"prefix",OnBlur:e=>ew(e),OnChange:e=>eS(e),OnClick:e=>eC(e),OnFocus:e=>eO(e),OnKeyDown:e=>eD(e),OnKeyUp:e=>ey(e),OnSearch:eP,OnSelectedItem:e=>eb(e),Options:G,MenuListWidth:N,Placeholder:e,SetValue:A,CurrentLocation:D,OnScroll:em,RecordPerPage:j,TotalRecord:b,OnScrollApiCall:!0,Searching:O,Loading:y,Pagination:C,DefaultCursor:W,Disabled:_}),(0,n.jsx)(l.default,{Icon:F,IconPosition:P||"prefix",OnBlur:e=>ew(e),OnChange:e=>ex(e),OnClick:e=>ej(e),OnFocus:e=>eO(e),OnKeyDown:e=>eD(e),OnKeyUp:e=>ey(e),OnSearch:eP,OnSelectedItem:e=>ek(e),Options:J,MenuListWidth:400,Placeholder:r,SetValue:$,OnScroll:em,OnScrollApiCall:!1,Searching:!1,Loading:!1,Pagination:!1,HighlightedText:!0,Disabled:_}),(0,n.jsx)(o.default,{Country:"U.S.A",DatePickerId:"DatePickerId1",DatePickerName:"DatePickerId1",DatePickerVariant:"small",DefaultDate:"none",SelectAnytime:!0,Disableddates:[],EnvironmentUrlDp:z,Ma

1xdate:new Date("2025-12-30"),Mindate:new Date("2024-12-31"),OnBlur:()=>{},Onchange:e=>eN(e),ShowIcon:'<i class="fa-light fa-angle-down"></i>',HideCalendarIcon:!0,DateFormat:"MMM D",Placeholder:"Anytime",SetValue:L,Title:"",AnyTimeClick:!0,isPastDateDisable:!0,Disabled:_})]}),(0,n.jsx)("div",{className:"vg-search-dropdown-button",children:(0,n.jsx)(i.default,{ButtonVariant:"theme",ButtononClick:eI,ButtononHover:()=>{},DropdownClick:()=>{},Size:"full-width",children:"Search"})})]})})})})})},71177(e,r,t){t.r(r),t.d(r,{default:()=>o});var n=t(74848),a=t(96540),l=t(67247);let o=(0,a.forwardRef)(({Placeholder:e="Search...",InputId:r,OnBlur:t,OnChange:o,OnFocus:i,OnKeyUp:s,OnKeyDown:c,OnClick:d,OnSearch:u,OnSelectedItem:h,OnScroll:p,SetValue:g="",Name:f,Options:v=[],Disabled:m=!1,Icon:S,IconPosition:x="prefix",MenuListWidth:w,CurrentLocation:O,Searching:y,Loading:D=!1,OnScrollApiCall:C=!1,Pagination:j=!1,RecordPerPage:b=10,TotalRecord:k=0,HighlightedText:P,DefaultCursor:N},I)=>{let[F,A]=(0,a.useState)(!1),[$,L]=(0,a.useState)(g||""),[E,B]=(0,a.useState)(null),[M,T]=(0,a.useState)(1),[V,R]=(0,a.useState)(!0),[K,H]=(0,a.useState)(!1),U=(0,a.useRef)(null),W=(0,a.useRef)(null),_=(0,a.useRef)(void 0),z=(0,a.useRef)(!1),[Z,G]=(0,a.useState)(j),[q,J]=(0,a.useState)(!1),[Q,X]=(0,a.useState)(!1),[Y,ee]=(0,a.useState)(!1),er=(l.Wp.CheckIsFromProAppWithoutState(),(0,a.useCallback)((e,r)=>{e.setSelectionRange(r,r)},[]));(0,a.useEffect)(()=>{if(N&&W.current){let e=W.current;e.focus(),$?er(e,$.length):er(e,0)}},[N,$,er]),(0,a.useEffect)(()=>{N&&W.current&&E&&er(W.current,$.length)},[E,N,$,er]),(0,a.useEffect)(()=>{X(y)},[y]),(0,a.useEffect)(()=>{H(D)},[D]),(0,a.useEffect)(()=>{T(1),z.current=!1,H(!1)},[C,j]),(0,a.useEffect)(()=>{let e=e=>{U.current&&!U.current.contains(e.target)&&A(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),(0,a.useEffect)(()=>{Y||void 0===g||L(g)},[g,Y]);let et=e=>{B(e),L("string"==typeof e?.inputplaceholder?e?.inputplaceholder:"string"==typeof e?.label?e?.label:""),ee(!0),h?.(e),A(!1)},en=(e,r=!1)=>"string"==typeof e?ea(e,r):a.isValidElement(e)&&"string"==typeof e.props?.children?a.cloneElement(e,e.props,ea(e.props.children,r)):Array.isArray(e)?e.map((e,t)=>(0,n.jsx)(a.Fragment,{children:en(e,r)},t)):e,ea=(e,r=!1)=>{if(!$||!e)return e;let t=ei(e)?.toLowerCase()?.replace(/\s+/g,""),a=ei($)?.toLowerCase()?.replace(/\s+/g,""),l=t.indexOf(a);if(/[^a-z0-9']/i.test($)||-1===l)return e;let o=l+a.length,i=-1,s=-1,c=0;for(let r=0;r<e.length;r++){let t=ei(e[r]);if(t&&(-1===i&&c===l&&(i=r),c+=t.length,-1===s&&c>=o)){s=r+1;break}}if(-1===i||-1===s)return e;let d=e.slice(0,i),u=e.slice(i,s),h=e.slice(s);return(0,n.jsxs)(n.Fragment,{children:[d,(0,n.jsx)("span",{className:r?"vg-highlightMatch-text":"vg-highlightMatch-nottext",children:u}),h]})},el=(e,r,t)=>!!e&&"object"==typeof e&&"value"in e&&"string"==typeof e?.value,eo=e=>e.some(e=>e&&"object"==typeof e&&"group"in e&&Array.isArray(e.options)),ei=e=>e.replace(/[^a-zA-Z0-9\s]/g,"").toLowerCase().trim(),es=(0,a.useCallback)(async()=>{if(navigator.geolocation){J(!0);try{let{latitude:e,longitude:r}=(await new Promise((e,r)=>{navigator.geolocation.getCurrentPosition(e,r,{enableHighAccuracy:!0,timeout:1e4,maximumAge:3e5})})).coords;try{let t=await fetch(`https://api.bigdatacloud.net/data/reverse-geocode-client?latitude=${e}&longitude=${r}&localityLanguage=en`);if(t.ok){let n=await t.json(),a=n.city||n.locality||"",l=n.countryCode||"",o="";if(n.principalSubdivisionCode){let e=n.principalSubdivisionCode.split("-");2===e.length&&(o=e[1])}let i=a&&l&&o?`${a}, ${l}-${o}`:a&&l?`${a}, ${l}`:a||l||"";if(i)L(i),ee(!0),A(!1),h?.({label:i,value:`${e},${r}`,inputplaceholder:i});else{let t=`${e.toFixed(6)}, ${r.toFixed(6)}`;L(t),ee(!0),A(!1),h?.({label:t,value:`${e},${r}`,inputplaceholder:t})}}else throw Error("Geocoding failed")}catch(n){let t=`${e.toFixed(6)}, ${r.toFixed(6)}`;L(t),ee(!0),A(!1),h?.({label:t,value:`${e},${r}`,inputplaceholder:t})}}catch(e){}finally{J(!1)}}},[h]),ec=(0,a.useCallback)(e=>{if(!e.currentTarget||!j||C&&(z.current||K))return;let r=e.currentTarget,t=r.scrollTop,n=r.scrollHeight,a=r.clientHeight;_.current&&clearTimeout(_.current),_.current=setTimeout(()=>{if(n-(t+a)<=10&&V)if(C){if(!z.current){z.current=!0,H(!0);let e=M+1;T(e),p?.(e),setTimeout(()=>{z.current=!1,H(!1)},2e3)}}else{let e=M+1;T(e),p?.(e)}},150)},[M,V,K,p,C,j]);(0,a.useEffect)(()=>{T(1),z.current=!1,H(!1)},[$,C,j]),(0,a.useEffect)(()=>{j?R(k>M*b):R(!1)},[$,v,M,b,j]),(0,a.useImperativeHandle)(I,()=>({validate:()=>{}}));let ed=()=>{let e=(()=>

1{if(!Array.isArray(v))return[];let e=ei($);if(!eo(v))return v.filter((e,r)=>el(e,r)).filter(r=>ei(r?.inputplaceholder??("string"==typeof r?.label?r?.label:"")).includes(e));{let r=[],t=new Set;return v.forEach((n,a)=>{if(!n||"object"!=typeof n||!("group"in n)||!Array.isArray(n.options))return;let l=n.options.filter((e,r)=>el(e,r,"string"==typeof n.group?n.group:`group-${a}`)).filter(r=>ei(r?.inputplaceholder??("string"==typeof r?.label?r?.label:"")).includes(e));if(l.length>0){let e=n.key??("string"==typeof n.group?n.group:`group-${a}`);t.has(e)||(t.add(e),r.push({...n,options:l}))}}),r}})();if(!j)return e;let r=M*b;if(!eo(e))return e.slice(0,r);{let t=[];e.forEach(e=>{e.options.forEach(r=>{t.push({option:r,groupInfo:e})})});let n=t.slice(0,r),a=[],l=new Map;return n.forEach(({option:e,groupInfo:r})=>{let t=r.key??("string"==typeof r.group?r.group:`group-${Math.random()}`);l.has(t)||(l.set(t,{...r,options:[]}),a.push(l.get(t))),l.get(t).options.push(e)}),a}};return(0,n.jsxs)("div",{className:"vg-search-dropdown",ref:U,children:[(0,n.jsxs)("div",{className:"vg-search-dropdown-input-wrapper",children:[S&&"prefix"===x&&(0,n.jsx)("span",{className:"vg-search-dropdown-icon vg-search-dropdown-prefix",children:S}),(0,n.jsx)("input",{ref:W,id:r,type:"text",name:f,placeholder:e,value:Y?$:g||$||"",onChange:e=>{let r=e.target.value;L(r),ee(!0),A(!0),o?.(e),u?.(r)},onFocus:e=>{if(A(!0),N&&W.current){let e=W.current;$?er(e,$.length):er(e,0)}i?.(e)},onBlur:t,onKeyUp:s,onKeyDown:c,onClick:e=>{if(m)return void e.preventDefault();if(N&&W.current){let e=W.current;$?er(e,$.length):er(e,0)}O&&A(!0),d?.(e)},disabled:m,className:`vg-search-dropdown-input ${S&&"prefix"===x?"has-prefix":""} ${S&&"suffix"===x?"has-suffix":""}`}),S&&"suffix"===x&&(0,n.jsx)("span",{className:"vg-search-dropdown-icon vg-search-dropdown-suffix",children:S})]}),F&&($?.trim()||Q||O)&&(0,n.jsxs)("div",{className:"vg-search-dropdown-menu ",style:{width:w},children:[Q&&(0,n.jsx)("div",{className:"vg-search-dropdown-searching",children:"Searching..."}),O&&!Q&&(0,n.jsxs)("div",{className:"vg-search-dropdown-location",onClick:es,style:{cursor:"pointer"},children:[(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",children:(0,n.jsx)("path",{d:"M429.6 92.1c4.9-11.9 2.1-25.6-7-34.7s-22.8-11.9-34.7-7l-352 144c-14.2 5.8-22.2 20.8-19.3 35.8s16.1 25.8 31.4 25.8l176 0 0 176c0 15.3 10.8 28.4 25.8 31.4s30-5.1 35.8-19.3l144-352z"})}),(0,n.jsx)("span",{className:"vg-search-dropdown-location-text",children:O})]}),$?.trim()&&!Q&&(0,n.jsxs)("div",{className:"vg-search-dropdown-list",onScroll:ec,children:[eo(ed())?ed()?.map(e=>(0,n.jsxs)("div",{className:`vg-search-dropdown-group${P?" vg-search-dropdown-highlighted-group":""}`,children:[(0,n.jsx)("div",{className:`vg-search-dropdown-group-label${P?" vg-search-dropdown-highlighted-label":""}`,children:"string"==typeof e?.group?P?(0,n.jsx)("span",{className:"vg-highlighted-text",children:ea(e?.group,P)}):ea(e?.group,P):a.isValidElement(e?.group)?a.cloneElement(e.group,e.group.props,P?(0,n.jsx)("span",{className:"vg-highlighted-text",children:ea(e.group.props.children,P)}):ea(e.group.props.children,P)):e?.group}),e?.options?.map(e=>(0,n.jsx)("div",{className:"vg-search-dropdown-item",onClick:()=>et(e),children:"string"==typeof e?.label?ea(e?.label,P):P?en(e?.label,P):e?.label},e?.value))]},e?.key??("string"==typeof e?.group?e?.group:`group-${Math?.random()}`))):ed()?.map(e=>(0,n.jsx)("div",{className:"vg-search-dropdown-single-item",onClick:()=>et(e),children:"string"==typeof e?.label?ea(e?.label,P):P?en(e?.label,P):e?.label},e?.value)),K&&(0,n.jsx)("div",{className:"vg-search-dropdown-footer-loading",children:"Loading more results..."})]}),$.length>0&&!Q&&j&&(0,n.jsx)("div",{className:"vg-search-dropdown-footer",children:(()=>{if(0===k)return"No Matches";let e=Math.min(M*b,k);return`Items 1-${e} out of ${k}`})()})]})]})})}}]);