@solace-health/ui 0.3.4 → 0.3.5

package/dist/index.cjs

@@ -9,7 +9,7 @@ var V2 = require('contentful');
 var react$1 = require('@emotion/react');
 var reactHookForm = require('react-hook-form');
 var reactImask = require('react-imask');
-var Ct = require('use-places-autocomplete');
+var gt = require('use-places-autocomplete');
 var api = require('@react-google-maps/api');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -35,7 +35,7 @@ function _interopNamespace(e) {
 var o__default = /*#__PURE__*/_interopDefault(o);
 var z1__default = /*#__PURE__*/_interopDefault(z1);
 var V2__namespace = /*#__PURE__*/_interopNamespace(V2);
-var Ct__default = /*#__PURE__*/_interopDefault(Ct);
+var gt__default = /*#__PURE__*/_interopDefault(gt);
 
 var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1=o__default.default.div`
   .loader {
@@ -377,7 +377,7 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
     transition: background-color 5000s ease-in-out 0s;
     background-clip: content-box !important;
   }
-`,w5=o__default.default.textarea`
+`,w5=reactImask.IMaskMixin(({inputRef:t,...e})=>jsxRuntime.jsx(v5,{ref:t,...e})),k5=o__default.default.textarea`
   width: 100%;
   resize: none;
   height: 200px;
@@ -395,14 +395,14 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
     outline-style: solid;
     border-color: ${({theme:t})=>t.colors.secondaryGreen};
   }
-`,k5=({name:t,label:e=null,details:r=null,type:n="text",options:s={},textArea:i=!1,marginBottom:l=null,isLabelBold:d=!0,format:a="",...m})=>{let{register:u,control:v}=reactHookForm.useFormContext(),x=reactImask.useIMask({mask:a});return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[e&&jsxRuntime.jsx(b5,{size:"lg",isLabelBold:d,children:e}),r&&jsxRuntime.jsx(L5,{children:r}),i?jsxRuntime.jsx(w5,{...m,...u(t,s),marginBottom:l}):jsxRuntime.jsx(reactHookForm.Controller,{render:h=>jsxRuntime.jsx(v5,{...m,name:h.field.name,onBlur:h.field.onBlur,defaultValue:s.value||h.field.value,ref:x.ref,onChange:()=>h.field.onChange({target:{value:x.unmaskedValue}}),marginBottom:l,type:n}),name:t,rules:s,control:v})]})},E=k5;var P5=o__default.default.div`
+`,S5=({name:t,label:e=null,details:r=null,type:n="text",options:s={},textArea:i=!1,marginBottom:l=null,isLabelBold:d=!0,format:a=String,...m})=>{let{register:u,control:v}=reactHookForm.useFormContext();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[e&&jsxRuntime.jsx(b5,{size:"lg",isLabelBold:d,children:e}),r&&jsxRuntime.jsx(L5,{children:r}),i?jsxRuntime.jsx(k5,{...m,...u(t,s),marginBottom:l}):jsxRuntime.jsx(reactHookForm.Controller,{render:y=>jsxRuntime.jsx(w5,{...m,mask:a,name:y.field.name,onBlur:y.field.onBlur,defaultValue:s.value||y.field.value,onAccept:x=>y.field.onChange({target:{value:x}}),marginBottom:l,type:n}),name:t,rules:s,control:v})]})},R=S5;var B5=o__default.default.div`
   margin-bottom: 32px;
-`,B5=o__default.default.div`
+`,D5=o__default.default.div`
   display: ${({inline:t})=>t?"flex":"block"};
   gap: 20px;
   flex-wrap: wrap;
   margin: 20px 0;
-`,D5=o__default.default.div`
+`,$5=o__default.default.div`
   display: flex;
   gap: 30rem;
   align-items: center;
@@ -413,7 +413,7 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
   label {
     padding-left: 35px;
   }
-`,$5=o__default.default.input`
+`,O5=o__default.default.input`
   -webkit-appearance: none;
   position: absolute;
   appearance: none;
@@ -467,12 +467,12 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
   &:checked + label::before {
     background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMC42NjY3IDEuNTAwMTJMNC4yNTAwNCA3LjkxNjc5TDEuMzMzMzcgNS4wMDAxMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==")
   }
-`,O5=o__default.default(c.Body)`
+`,V5=o__default.default(c.Body)`
   margin-bottom: 5px;
   font-weight: bold;
-`,V5=o__default.default(c.Body)`
+`,H5=o__default.default(c.Body)`
   margin-bottom: 5px;
-`,H5=o__default.default.div`
+`,E5=o__default.default.div`
   display: flex;
   gap: 15px;
   align-items: center;
@@ -481,7 +481,7 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
   input[type="text"] {
     margin: 0;
   }
-`,U=({option:t,name:e})=>{let{register:r}=reactHookForm.useFormContext();return jsxRuntime.jsxs(D5,{children:[jsxRuntime.jsx($5,{type:"checkbox",value:t.value,...r(e)}),jsxRuntime.jsx("label",{htmlFor:e,children:jsxRuntime.jsx(c.Body,{children:t.label})})]})},I2=({name:t,label:e,details:r="",options:n=[],inline:s=!1,other:i={}})=>jsxRuntime.jsxs(P5,{children:[jsxRuntime.jsx(O5,{size:"lg",children:e}),r&&jsxRuntime.jsx(V5,{children:r}),jsxRuntime.jsxs(B5,{inline:s,children:[n.map(l=>jsxRuntime.jsx(U,{option:l,name:t},`${t}-${l.value}`)),i.label&&jsxRuntime.jsxs(H5,{children:[jsxRuntime.jsx(U,{option:{label:i.label,value:"other"},name:t},t),jsxRuntime.jsx(E,{name:`${t}_other`})]})]})]});var Z5=({formMethods:t=null,formOptions:e={},onSubmit:r,children:n,className:s=""})=>{let i={mode:"onBlur",...e},l=reactHookForm.useForm(i),d=t||l,a=m=>r(m);return jsxRuntime.jsx(reactHookForm.FormProvider,{...d,children:jsxRuntime.jsx("form",{className:s,onSubmit:d.handleSubmit(a),children:n})})},N2=Z5;var F5=({label:t,name:e,options:r={}})=>{let{register:n}=reactHookForm.useFormContext(),s=o__default.default.div`
+`,U=({option:t,name:e})=>{let{register:r}=reactHookForm.useFormContext();return jsxRuntime.jsxs($5,{children:[jsxRuntime.jsx(O5,{type:"checkbox",value:t.value,...r(e)}),jsxRuntime.jsx("label",{htmlFor:e,children:jsxRuntime.jsx(c.Body,{children:t.label})})]})},I2=({name:t,label:e,details:r="",options:n=[],inline:s=!1,other:i={}})=>jsxRuntime.jsxs(B5,{children:[jsxRuntime.jsx(V5,{size:"lg",children:e}),r&&jsxRuntime.jsx(H5,{children:r}),jsxRuntime.jsxs(D5,{inline:s,children:[n.map(l=>jsxRuntime.jsx(U,{option:l,name:t},`${t}-${l.value}`)),i.label&&jsxRuntime.jsxs(E5,{children:[jsxRuntime.jsx(U,{option:{label:i.label,value:"other"},name:t},t),jsxRuntime.jsx(R,{name:`${t}_other`})]})]})]});var T5=({formMethods:t=null,formOptions:e={},onSubmit:r,children:n,className:s=""})=>{let i={mode:"onBlur",...e},l=reactHookForm.useForm(i),d=t||l,a=m=>r(m);return jsxRuntime.jsx(reactHookForm.FormProvider,{...d,children:jsxRuntime.jsx("form",{className:s,onSubmit:d.handleSubmit(a),children:n})})},N2=T5;var A5=({label:t,name:e,options:r={}})=>{let{register:n}=reactHookForm.useFormContext(),s=o__default.default.div`
     position: relative;
     margin-bottom: 24px;
 
@@ -508,14 +508,14 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
     font-size: 24px;
     font-style: normal;
     width: 100%;
-  `;return jsxRuntime.jsxs(s,{children:[jsxRuntime.jsxs(i,{children:[jsxRuntime.jsx(W,{}),jsxRuntime.jsx(l,{...n(e,r)})]}),jsxRuntime.jsx("label",{htmlFor:e,children:jsxRuntime.jsx(c.Body,{children:t})})]})},K2=F5;var I5=o__default.default.div`
+  `;return jsxRuntime.jsxs(s,{children:[jsxRuntime.jsxs(i,{children:[jsxRuntime.jsx(W,{}),jsxRuntime.jsx(l,{...n(e,r)})]}),jsxRuntime.jsx("label",{htmlFor:e,children:jsxRuntime.jsx(c.Body,{children:t})})]})},K2=A5;var G5=o__default.default.div`
   margin-bottom: 32px;
-`,G5=o__default.default.div`
+`,N5=o__default.default.div`
   display: ${({inline:t})=>t?"flex":"block"};
   gap: 20px;
   flex-wrap: wrap;
   margin: 20px 0;
-`,N5=o__default.default.div`
+`,W5=o__default.default.div`
   display: flex;
   gap: 30rem;
   align-items: center;
@@ -526,7 +526,7 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
   label {
     padding-left: 32px;
   }
-`,W5=o__default.default.input`
+`,K5=o__default.default.input`
   -webkit-appearance: none;
   position: absolute;
   appearance: none;
@@ -579,12 +579,12 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
     transform: scale(1.65);
     background: #1d4339;
   }
-`,K5=o__default.default(c.Body)`
+`,_5=o__default.default(c.Body)`
   margin-bottom: 5px;
   font-weight: bold;
-`,_5=o__default.default(c.Body)`
+`,U5=o__default.default(c.Body)`
   margin-bottom: 5px;
-`,U5=o__default.default.div`
+`,X5=o__default.default.div`
   display: flex;
   gap: 15px;
   align-items: center;
@@ -592,16 +592,16 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
   input[type="text"] {
     margin: 0;
   }
-`,Y=({option:t,name:e,inline:r})=>{let{register:n}=reactHookForm.useFormContext();return jsxRuntime.jsxs(N5,{inline:r,children:[jsxRuntime.jsx(W5,{type:"radio",value:t.value,...n(e)}),jsxRuntime.jsx("label",{htmlFor:e,children:jsxRuntime.jsx(c.Body,{children:t.label})})]})},_2=({name:t,label:e,details:r="",options:n=[],inline:s=!1,allowOther:i=!1})=>jsxRuntime.jsxs(I5,{children:[jsxRuntime.jsx(K5,{size:"lg",children:e}),r&&jsxRuntime.jsx(_5,{children:r}),jsxRuntime.jsxs(G5,{inline:s,children:[n.map(l=>jsxRuntime.jsx(Y,{option:l,name:t,inline:s},`${t}-${l.value}`)),i&&jsxRuntime.jsxs(U5,{children:[jsxRuntime.jsx(Y,{option:{label:"Other",value:"other"},name:t,inline:s},t),jsxRuntime.jsx(E,{name:`${t}_other`})]})]})]});var q5=o__default.default.div`
+`,Y=({option:t,name:e,inline:r})=>{let{register:n}=reactHookForm.useFormContext();return jsxRuntime.jsxs(W5,{inline:r,children:[jsxRuntime.jsx(K5,{type:"radio",value:t.value,...n(e)}),jsxRuntime.jsx("label",{htmlFor:e,children:jsxRuntime.jsx(c.Body,{children:t.label})})]})},_2=({name:t,label:e,details:r="",options:n=[],inline:s=!1,allowOther:i=!1})=>jsxRuntime.jsxs(G5,{children:[jsxRuntime.jsx(_5,{size:"lg",children:e}),r&&jsxRuntime.jsx(U5,{children:r}),jsxRuntime.jsxs(N5,{inline:s,children:[n.map(l=>jsxRuntime.jsx(Y,{option:l,name:t,inline:s},`${t}-${l.value}`)),i&&jsxRuntime.jsxs(X5,{children:[jsxRuntime.jsx(Y,{option:{label:"Other",value:"other"},name:t,inline:s},t),jsxRuntime.jsx(R,{name:`${t}_other`})]})]})]});var j5=o__default.default.div`
   position: relative;
   margin-bottom: 24px;
   z-index: 40;
-`,j5=o__default.default(c.Body)`
+`,tt=o__default.default(c.Body)`
   margin-bottom: 5px;
   font-weight: bold;
-`,tt=o__default.default(c.Body)`
+`,et=o__default.default(c.Body)`
   margin-bottom: 12px;
-`,et=o__default.default.div`
+`,ot=o__default.default.div`
   position: relative;
   padding: 15px 23px;
   margin-top: 8px;
@@ -617,7 +617,7 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
     right: 25px;
     top: 17px;
   }
-`,ot=o__default.default(web.animated.div)`
+`,rt=o__default.default(web.animated.div)`
   position: absolute;
   background: #fff;
   border-radius: 8px;
@@ -627,7 +627,7 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
   right: 0;
   max-height: 180px;
   overflow: scroll;
-`,rt=o__default.default.div`
+`,nt=o__default.default.div`
   cursor: pointer;
   padding: 13px 24px;
   position: relative;
@@ -637,7 +637,7 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
       background: #3f937c;
     }
   }
-`,nt=o__default.default.div`
+`,it=o__default.default.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -651,22 +651,22 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
   border: 0.766898px solid;
   border-color: ${t=>t.isCurrent?"#285E50 !important":"#3f937c"};
   background: ${t=>t.isCurrent?"#285E50 !important":"#FFF"};
-`,it=o__default.default.input`
+`,st=o__default.default.input`
   outline: none;
   border: none;
   background: none;
   position: absolute;
   left: 20px;
-`,st=({label:t="",name:e,details:r="",options:n=[],allowInput:s=!1,formOptions:i={}})=>{let l=react.useRef(),d=reactHookForm.useFormContext();d.register(e,i);let[a,m]=react.useState(!1),[u,v]=react.useState(""),[x,h]=react.useState(n),S=web.useSpring(a?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}});react.useEffect(()=>{let f=y=>{a&&l.current&&!l.current.contains(y.target)&&m(!1);};return document.addEventListener("mousedown",y=>f(y)),()=>{document.removeEventListener("mousedown",y=>f(y));}},[a]);let $=n.find(f=>f.value===d.getValues(e))?.label,O=f=>{v(""),d.setValue(e,f.value),d.trigger(e),m(!1);};react.useEffect(()=>{if(m(!!u),u){let f=n.filter(y=>y.value.match(u.toLowerCase()));h(f),d.setValue(e,u);}else h(n);},[u]);let V=f=>{f.code==="Enter"&&f.preventDefault();};return jsxRuntime.jsxs(q5,{children:[jsxRuntime.jsx(j5,{size:"lg",children:t}),r&&jsxRuntime.jsx(tt,{children:r}),jsxRuntime.jsxs(et,{onClick:()=>m(!a),children:[$,s&&jsxRuntime.jsx(it,{onKeyDown:V,value:u,onChange:f=>v(f.target.value),type:"text"}),jsxRuntime.jsx(H.Caret,{direction:a?"up":"down"}),jsxRuntime.jsx(ot,{style:S,ref:l,children:x.map(f=>{let{label:y}=f,C=f.label===$;return jsxRuntime.jsxs(rt,{onClick:()=>O(f),children:[jsxRuntime.jsx(c.Body,{size:"lg",children:y}),jsxRuntime.jsx(nt,{isCurrent:C,children:jsxRuntime.jsx(H.Check,{color:"#fff"})})]},f.value)})})]})]})},X2=st;var dt=({label:t="Submit",isSubmitting:e=!1,hideWhenInvalid:r=!1,...n})=>{let s=reactHookForm.useFormContext(),{isValid:i}=s.formState,d=web.useSpring((r?i:!0)?{position:"relative",zIndex:0,opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:250}}:{opacity:0,transform:"translate(0px, -3px)",display:"none",config:{duration:250}});return jsxRuntime.jsx(web.animated.div,{style:d,...n,children:jsxRuntime.jsx(t2.Primary,{type:"submit",isSubmitting:e,...n,children:t})})},Y2=dt;var ut=o__default.default.div`
+`,at=({label:t="",name:e,details:r="",options:n=[],allowInput:s=!1,formOptions:i={}})=>{let l=react.useRef(),d=reactHookForm.useFormContext();d.register(e,i);let[a,m]=react.useState(!1),[u,v]=react.useState(""),[y,x]=react.useState(n),S=web.useSpring(a?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}});react.useEffect(()=>{let f=h=>{a&&l.current&&!l.current.contains(h.target)&&m(!1);};return document.addEventListener("mousedown",h=>f(h)),()=>{document.removeEventListener("mousedown",h=>f(h));}},[a]);let $=n.find(f=>f.value===d.getValues(e))?.label,O=f=>{v(""),d.setValue(e,f.value),d.trigger(e),m(!1);};react.useEffect(()=>{if(m(!!u),u){let f=n.filter(h=>h.value.match(u.toLowerCase()));x(f),d.setValue(e,u);}else x(n);},[u]);let V=f=>{f.code==="Enter"&&f.preventDefault();};return jsxRuntime.jsxs(j5,{children:[jsxRuntime.jsx(tt,{size:"lg",children:t}),r&&jsxRuntime.jsx(et,{children:r}),jsxRuntime.jsxs(ot,{onClick:()=>m(!a),children:[$,s&&jsxRuntime.jsx(st,{onKeyDown:V,value:u,onChange:f=>v(f.target.value),type:"text"}),jsxRuntime.jsx(H.Caret,{direction:a?"up":"down"}),jsxRuntime.jsx(rt,{style:S,ref:l,children:y.map(f=>{let{label:h}=f,C=f.label===$;return jsxRuntime.jsxs(nt,{onClick:()=>O(f),children:[jsxRuntime.jsx(c.Body,{size:"lg",children:h}),jsxRuntime.jsx(it,{isCurrent:C,children:jsxRuntime.jsx(H.Check,{color:"#fff"})})]},f.value)})})]})]})},X2=at;var ct=({label:t="Submit",isSubmitting:e=!1,hideWhenInvalid:r=!1,...n})=>{let s=reactHookForm.useFormContext(),{isValid:i}=s.formState,d=web.useSpring((r?i:!0)?{position:"relative",zIndex:0,opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:250}}:{opacity:0,transform:"translate(0px, -3px)",display:"none",config:{duration:250}});return jsxRuntime.jsx(web.animated.div,{style:d,...n,children:jsxRuntime.jsx(t2.Primary,{type:"submit",isSubmitting:e,...n,children:t})})},Y2=ct;var ht=o__default.default.div`
   position: relative;
   margin-bottom: 24px;
   z-index: 100;
-`,ht=o__default.default(c.Body)`
+`,yt=o__default.default(c.Body)`
   margin-bottom: 5px;
   font-weight: bold;
-`,yt=o__default.default(c.Body)`
+`,xt=o__default.default(c.Body)`
   margin-bottom: 12px;
-`,xt=o__default.default.div`
+`,bt=o__default.default.div`
   position: relative;
   display: flex;
   align-items: center;
@@ -677,7 +677,7 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
   border-radius: 8px;
   height: 50px;
   background-color: #fff;
-`,bt=o__default.default(web.animated.div)`
+`,Lt=o__default.default(web.animated.div)`
   position: absolute;
   background: #fff;
   border-radius: 8px;
@@ -687,7 +687,7 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
   right: 0;
   max-height: 180px;
   overflow: scroll;
-`,Lt=o__default.default(web.animated.div)`
+`,vt=o__default.default(web.animated.div)`
   position: absolute;
   display: block;
   width: 45px;
@@ -701,7 +701,7 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
     right: 20px;
     top: 17px;
   }
-`,vt=o__default.default.div`
+`,wt=o__default.default.div`
   cursor: pointer;
   padding: 13px 24px;
   position: relative;
@@ -712,7 +712,7 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
       color: #fff;
     }
   }
-`,wt=o__default.default.input`
+`,kt=o__default.default.input`
   outline: none;
   border: none;
   background: none;
@@ -725,16 +725,16 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
   padding: 0 20px;
   width: 100%;
   height: 100%;
-`,kt=t=>{let e="",r="";t.address_components.forEach(i=>{let l=i.types.some(a=>a==="locality"),d=i.types.some(a=>a==="administrative_area_level_1");l?e=i.short_name:d&&(r=i.short_name);});let n=t.geometry.location.lat(),s=t.geometry.location.lng();return {city:e,state:r,lat:n,long:s}},St=({handleSelect:t,option:e,value:r})=>{let{description:n}=e,s=n===r,i=n.replace(", USA","");return jsxRuntime.jsx(vt,{isCurrent:s,onClick:()=>t(i),children:jsxRuntime.jsx(c.Body,{size:"lg",children:i})})},Mt=({label:t="",details:e="",required:r=!0})=>{let n=react.useRef(),[s,i]=react.useState(!1),[l,d]=react.useState(!1),a=reactHookForm.useFormContext();a.register("city",{required:r});let m=web.useSpring(s?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}});react.useEffect(()=>{let C=b=>{s&&n.current&&!n.current.contains(b.target)&&i(!1);};return document.addEventListener("mousedown",b=>C(b)),()=>{document.removeEventListener("mousedown",b=>C(b));}},[s]);let u=a.getValues("city")?`${a.getValues("city")}, ${a.getValues("state")}`:"",{value:v,suggestions:{data:x,loading:h},setValue:S,clearSuggestions:$}=Ct__default.default({requestOptions:{types:["locality","postal_code"],componentRestrictions:{country:"us"}}});react.useEffect(()=>{if(h){d(h);return}setTimeout(()=>{d(h);},2e3);},[h]);let O=web.useSpring(l?{opacity:1,transform:"translate(0px, 0px)",config:{duration:400}}:{opacity:0,transform:"translate(5px, 0px)",config:{duration:200}}),V=C=>{S(C.target.value),a.setValue("city",null),a.setValue("state",null),a.trigger("city"),C.target.value.length>=3&&i(!0);},f=C=>{S(C,!1),$(),!(C.length<=2)&&Ct.getGeocode({address:C}).then(b=>{let{city:p,state:g,lat:j,long:l1}=kt(b[0]);a.setValue("city",p),a.setValue("state",g),a.setValue("lat",j),a.setValue("long",l1),a.trigger("city");}).catch(b=>console.error(`Google Maps API error: ${b}`));},y=C=>{C.code==="Enter"&&C.preventDefault();};return jsxRuntime.jsxs(ut,{children:[jsxRuntime.jsx(ht,{size:"lg",children:t}),e&&jsxRuntime.jsx(yt,{children:e}),jsxRuntime.jsxs(xt,{children:[jsxRuntime.jsx(wt,{onKeyDown:y,value:v||u,onChange:C=>V(C),type:"text"}),x.length>0&&jsxRuntime.jsx(bt,{style:m,ref:n,children:x.map(C=>jsxRuntime.jsx(St,{handleSelect:f,option:C,value:v},C.description))}),jsxRuntime.jsx(Lt,{style:O,children:jsxRuntime.jsx(M,{size:"sm"})})]})]})},o1=t=>{let{isLoaded:e}=api.useLoadScript({googleMapsApiKey:t.api_key||process.env.GOOGLE_MAPS_API_KEY||"",libraries:["places"]});return e?jsxRuntime.jsx(Mt,{...t}):null};var n1=({color:t="#5A5A5A"})=>jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.9999 10.9999H12.2099L11.9299 10.7299C13.1299 9.32989 13.7499 7.41989 13.4099 5.38989C12.9399 2.60989 10.6199 0.389893 7.81989 0.0498932C3.58989 -0.470107 0.0298932 3.08989 0.549893 7.31989C0.889893 10.1199 3.10989 12.4399 5.88989 12.9099C7.91989 13.2499 9.82989 12.6299 11.2299 11.4299L11.4999 11.7099V12.4999L15.7499 16.7499C16.1599 17.1599 16.8299 17.1599 17.2399 16.7499C17.6499 16.3399 17.6499 15.6699 17.2399 15.2599L12.9999 10.9999ZM6.99989 10.9999C4.50989 10.9999 2.49989 8.98989 2.49989 6.49989C2.49989 4.00989 4.50989 1.99989 6.99989 1.99989C9.48989 1.99989 11.4999 4.00989 11.4999 6.49989C11.4999 8.98989 9.48989 10.9999 6.99989 10.9999Z",fill:"#5A5A5A",color:t})});var Dt=o__default.default.div`
+`,St=t=>{let e="",r="";t.address_components.forEach(i=>{let l=i.types.some(a=>a==="locality"),d=i.types.some(a=>a==="administrative_area_level_1");l?e=i.short_name:d&&(r=i.short_name);});let n=t.geometry.location.lat(),s=t.geometry.location.lng();return {city:e,state:r,lat:n,long:s}},Mt=({handleSelect:t,option:e,value:r})=>{let{description:n}=e,s=n===r,i=n.replace(", USA","");return jsxRuntime.jsx(wt,{isCurrent:s,onClick:()=>t(i),children:jsxRuntime.jsx(c.Body,{size:"lg",children:i})})},zt=({label:t="",details:e="",required:r=!0})=>{let n=react.useRef(),[s,i]=react.useState(!1),[l,d]=react.useState(!1),a=reactHookForm.useFormContext();a.register("city",{required:r});let m=web.useSpring(s?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}});react.useEffect(()=>{let C=b=>{s&&n.current&&!n.current.contains(b.target)&&i(!1);};return document.addEventListener("mousedown",b=>C(b)),()=>{document.removeEventListener("mousedown",b=>C(b));}},[s]);let u=a.getValues("city")?`${a.getValues("city")}, ${a.getValues("state")}`:"",{value:v,suggestions:{data:y,loading:x},setValue:S,clearSuggestions:$}=gt__default.default({requestOptions:{types:["locality","postal_code"],componentRestrictions:{country:"us"}}});react.useEffect(()=>{if(x){d(x);return}setTimeout(()=>{d(x);},2e3);},[x]);let O=web.useSpring(l?{opacity:1,transform:"translate(0px, 0px)",config:{duration:400}}:{opacity:0,transform:"translate(5px, 0px)",config:{duration:200}}),V=C=>{S(C.target.value),a.setValue("city",null),a.setValue("state",null),a.trigger("city"),C.target.value.length>=3&&i(!0);},f=C=>{S(C,!1),$(),!(C.length<=2)&&gt.getGeocode({address:C}).then(b=>{let{city:p,state:g,lat:j,long:l1}=St(b[0]);a.setValue("city",p),a.setValue("state",g),a.setValue("lat",j),a.setValue("long",l1),a.trigger("city");}).catch(b=>console.error(`Google Maps API error: ${b}`));},h=C=>{C.code==="Enter"&&C.preventDefault();};return jsxRuntime.jsxs(ht,{children:[jsxRuntime.jsx(yt,{size:"lg",children:t}),e&&jsxRuntime.jsx(xt,{children:e}),jsxRuntime.jsxs(bt,{children:[jsxRuntime.jsx(kt,{onKeyDown:h,value:v||u,onChange:C=>V(C),type:"text"}),y.length>0&&jsxRuntime.jsx(Lt,{style:m,ref:n,children:y.map(C=>jsxRuntime.jsx(Mt,{handleSelect:f,option:C,value:v},C.description))}),jsxRuntime.jsx(vt,{style:O,children:jsxRuntime.jsx(M,{size:"sm"})})]})]})},o1=t=>{let{isLoaded:e}=api.useLoadScript({googleMapsApiKey:t.api_key||process.env.GOOGLE_MAPS_API_KEY||"",libraries:["places"]});return e?jsxRuntime.jsx(zt,{...t}):null};var n1=({color:t="#5A5A5A"})=>jsxRuntime.jsx("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.9999 10.9999H12.2099L11.9299 10.7299C13.1299 9.32989 13.7499 7.41989 13.4099 5.38989C12.9399 2.60989 10.6199 0.389893 7.81989 0.0498932C3.58989 -0.470107 0.0298932 3.08989 0.549893 7.31989C0.889893 10.1199 3.10989 12.4399 5.88989 12.9099C7.91989 13.2499 9.82989 12.6299 11.2299 11.4299L11.4999 11.7099V12.4999L15.7499 16.7499C16.1599 17.1599 16.8299 17.1599 17.2399 16.7499C17.6499 16.3399 17.6499 15.6699 17.2399 15.2599L12.9999 10.9999ZM6.99989 10.9999C4.50989 10.9999 2.49989 8.98989 2.49989 6.49989C2.49989 4.00989 4.50989 1.99989 6.99989 1.99989C9.48989 1.99989 11.4999 4.00989 11.4999 6.49989C11.4999 8.98989 9.48989 10.9999 6.99989 10.9999Z",fill:"#5A5A5A",color:t})});var $t=o__default.default.div`
   position: relative;
   margin-bottom: 24px;
   z-index: 200;
-`,$t=o__default.default(c.Body)`
+`,Ot=o__default.default(c.Body)`
   margin-bottom: 5px;
   font-weight: bold;
-`,Ot=o__default.default(c.Body)`
+`,Vt=o__default.default(c.Body)`
   margin-bottom: 12px;
-`,Vt=o__default.default.div`
+`,Ht=o__default.default.div`
   position: relative;
   padding: 15px 23px;
   margin-top: 8px;
@@ -751,7 +751,7 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
     left: 25px;
     top: 17px;
   }
-`,Ht=o__default.default(web.animated.div)`
+`,Et=o__default.default(web.animated.div)`
   position: absolute;
   background: #fff;
   border-radius: 8px;
@@ -771,7 +771,7 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
       background: #3f937c;
     }
   }
-`,Et=o__default.default.input`
+`,Rt=o__default.default.input`
   outline: none;
   border: none;
   background: none;
@@ -783,7 +783,7 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
   width: 100%;
   height: 100%;
   padding-left: 10px;
-`,Rt=o__default.default.div`
+`,Zt=o__default.default.div`
   height: 32px;
   border-radius: 32px;
   margin-right: 10px;
@@ -794,7 +794,7 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
   align-items: center;
   display: flex;
   margin-top: 8px;
-`,Zt=o__default.default.div`
+`,Tt=o__default.default.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -808,7 +808,7 @@ var d2=(i=>(i.XL="xl",i.LG="lg",i.MD="md",i.SM="sm",i.XS="xs",i))(d2||{});var d1
   border: 0.766898px solid;
   border-color: ${t=>t.isCurrent?"#285E50 !important":"#3f937c"};
   background: ${t=>t.isCurrent?"#285E50 !important":"#FFF"};
-`,Tt=({label:t="",name:e,details:r="",options:n=[]})=>{let s=react.useRef(),i=reactHookForm.useFormContext(),[l,d]=react.useState(!1),[a,m]=react.useState(""),[u,v]=react.useState(i.getValues(e)||[]),x=react.useRef({search:a,keywords:u});react.useEffect(()=>{x.current={search:a,keywords:u};},[a,u]);let[h,S]=react.useState(n),$=web.useSpring(l?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}}),O=n.find(p=>p===i.getValues(e)),V=p=>{let g=[...x.current.keywords,p];m(""),v(g),i.setValue(e,g),d(!1);},f=p=>p?p.charAt(0).toUpperCase()+p.slice(1).toLowerCase():"",y=()=>{if(!x.current.search)return;let p=f(x.current.search);V(p);};react.useEffect(()=>{let p=g=>{l&&s.current&&!s.current.contains(g.target)&&(y(),d(!1));};return document.addEventListener("mousedown",g=>p(g)),()=>{document.removeEventListener("mousedown",g=>p(g));}},[l]);let C=p=>{p.code==="Enter"&&(y(),p.preventDefault());},b=p=>{let g=u.filter(j=>j!==p);v(g),m(""),i.setValue(e,g);};return react.useEffect(()=>{if(d(!!a),a){let p=n.filter(g=>g.toLowerCase().match(a.toLowerCase()));S(p);}else S(n);},[a]),react.useEffect(()=>{let p=n.filter(g=>!u.includes(g));S(p);},[u]),jsxRuntime.jsxs(Dt,{children:[jsxRuntime.jsx($t,{size:"lg",children:t}),r&&jsxRuntime.jsx(Ot,{children:r}),jsxRuntime.jsxs(Vt,{onClick:()=>d(!l),children:[jsxRuntime.jsx(n1,{}),O,jsxRuntime.jsx(Et,{onKeyDown:C,value:a,onChange:p=>m(p.target.value),type:"text",style:{marginLeft:"45px",width:"calc(100% - 80px)"}}),jsxRuntime.jsxs(Ht,{style:$,ref:s,children:[h.map(p=>{let g=p===O;return jsxRuntime.jsxs(s1,{onClick:()=>V(p),children:[jsxRuntime.jsx(c.Body,{size:"lg",children:p}),jsxRuntime.jsx(Zt,{isCurrent:g,children:jsxRuntime.jsx(H.Check,{color:"#fff"})})]},p)}),!h.length&&jsxRuntime.jsx(s1,{onClick:()=>y(),children:jsxRuntime.jsx(c.Body,{size:"lg",children:"Add Option"})},"add")]})]}),jsxRuntime.jsx("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap"},children:u.map(p=>jsxRuntime.jsxs(Rt,{onClick:()=>b(p),children:[p,jsxRuntime.jsx(N,{})]},p))})]})},a1=Tt;var At={Container:N2,Checkbox:U,CheckboxGroup:I2,TextInput:E,Radio:Y,RadioGroup:_2,Select:X2,Signature:K2,Submit:Y2,LocationSelect:o1,Keyword:a1,Toggle:a2};
+`,Ft=({label:t="",name:e,details:r="",options:n=[]})=>{let s=react.useRef(),i=reactHookForm.useFormContext(),[l,d]=react.useState(!1),[a,m]=react.useState(""),[u,v]=react.useState(i.getValues(e)||[]),y=react.useRef({search:a,keywords:u});react.useEffect(()=>{y.current={search:a,keywords:u};},[a,u]);let[x,S]=react.useState(n),$=web.useSpring(l?{opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:150}}:{opacity:0,transform:"translate(0px, -2px)",display:"none",config:{duration:150}}),O=n.find(p=>p===i.getValues(e)),V=p=>{let g=[...y.current.keywords,p];m(""),v(g),i.setValue(e,g),d(!1);},f=p=>p?p.charAt(0).toUpperCase()+p.slice(1).toLowerCase():"",h=()=>{if(!y.current.search)return;let p=f(y.current.search);V(p);};react.useEffect(()=>{let p=g=>{l&&s.current&&!s.current.contains(g.target)&&(h(),d(!1));};return document.addEventListener("mousedown",g=>p(g)),()=>{document.removeEventListener("mousedown",g=>p(g));}},[l]);let C=p=>{p.code==="Enter"&&(h(),p.preventDefault());},b=p=>{let g=u.filter(j=>j!==p);v(g),m(""),i.setValue(e,g);};return react.useEffect(()=>{if(d(!!a),a){let p=n.filter(g=>g.toLowerCase().match(a.toLowerCase()));S(p);}else S(n);},[a]),react.useEffect(()=>{let p=n.filter(g=>!u.includes(g));S(p);},[u]),jsxRuntime.jsxs($t,{children:[jsxRuntime.jsx(Ot,{size:"lg",children:t}),r&&jsxRuntime.jsx(Vt,{children:r}),jsxRuntime.jsxs(Ht,{onClick:()=>d(!l),children:[jsxRuntime.jsx(n1,{}),O,jsxRuntime.jsx(Rt,{onKeyDown:C,value:a,onChange:p=>m(p.target.value),type:"text",style:{marginLeft:"45px",width:"calc(100% - 80px)"}}),jsxRuntime.jsxs(Et,{style:$,ref:s,children:[x.map(p=>{let g=p===O;return jsxRuntime.jsxs(s1,{onClick:()=>V(p),children:[jsxRuntime.jsx(c.Body,{size:"lg",children:p}),jsxRuntime.jsx(Tt,{isCurrent:g,children:jsxRuntime.jsx(H.Check,{color:"#fff"})})]},p)}),!x.length&&jsxRuntime.jsx(s1,{onClick:()=>h(),children:jsxRuntime.jsx(c.Body,{size:"lg",children:"Add Option"})},"add")]})]}),jsxRuntime.jsx("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap"},children:u.map(p=>jsxRuntime.jsxs(Zt,{onClick:()=>b(p),children:[p,jsxRuntime.jsx(N,{})]},p))})]})},a1=Ft;var It={Container:N2,Checkbox:U,CheckboxGroup:I2,TextInput:R,Radio:Y,RadioGroup:_2,Select:X2,Signature:K2,Submit:Y2,LocationSelect:o1,Keyword:a1,Toggle:a2};
 
 Object.defineProperty(exports, 'styled', {
   enumerable: true,
@@ -821,7 +821,7 @@ Object.defineProperty(exports, 'useForm', {
 exports.Button = t2;
 exports.Contentful = K;
 exports.ContentfulLottieFileSlug = k1;
-exports.Form = At;
+exports.Form = It;
 exports.Icons = H;
 exports.LoadingSpinner = M;
 exports.LottieAnimation = $1;