@opengovsg/confetti 0.1.2 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/index.js CHANGED
@@ -1,1418 +1,11 @@
1
- import { n as isVisible, t as evaluateCondition } from "./routing-DjtQKwsR.js";
2
- import { ErrorBoundary } from "react-error-boundary";
3
- import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
4
- import { useLocalStorage, useSessionStorage, useTimeout } from "usehooks-ts";
5
- import { z } from "zod/v4/mini";
6
- import ky from "ky";
7
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
8
- import clsx from "clsx";
9
- import { Button, Checkbox, CheckboxGroup, FieldError, Input, Label, Radio, RadioGroup, Text, TextArea, TextField, composeRenderProps } from "react-aria-components";
10
-
11
- //#region src/utils.ts
12
- function prettifyError(error) {
13
- return error.issues[0]?.message ?? "Invalid input";
1
+ import{n as e,t}from"./routing-ZHrE7mgA.js";import{ErrorBoundary as n}from"react-error-boundary";import r,{createContext as i,forwardRef as a,useCallback as o,useContext as s,useEffect as c,useMemo as l,useReducer as u,useRef as d,useState as f}from"react";import{useLocalStorage as p,useSessionStorage as m,useTimeout as h}from"usehooks-ts";import{z as g}from"zod/v4/mini";import _ from"ky";import{Fragment as v,jsx as y,jsxs as b}from"react/jsx-runtime";import x from"clsx";import S,{flushSync as C}from"react-dom";function w(e){return e.issues[0]?.message??`Invalid input`}const T=g.object({type:g.literal(`next`)}),E=g.object({type:g.literal(`end`)}),D=g.object({type:g.literal(`jump`),target:g.number({error:`Target question is required`})}),O=g.discriminatedUnion(`type`,[T,D,E]),ee=g.object({type:g.literal(`value`),value:g.union([g.string().check(g.trim(),g.minLength(1,{error:`Value is required`})),g.number({error:`Value is required`})])}),k=g.object({type:g.literal(`binary-operator`),operator:g.union([g.literal(`equal`),g.literal(`not-equal`),g.literal(`greater`),g.literal(`greater-or-equal`),g.literal(`less`),g.literal(`less-or-equal`),g.literal(`contains`),g.literal(`not-contains`)]),value:ee,target:O}),te=g.object({type:g.literal(`switch`),cases:g.array(k),default:O}),ne=g.object({type:g.literal(`always`),target:O}),re=g.discriminatedUnion(`type`,[ne,te]),ie=g.string().check(g.trim(),g.url({protocol:/^(https|mailto)/,error:`Link must start with https:// or mailto:`})),ae=g.optional(g.string().check(g.trim(),g.maxLength(50))),oe=g.object({value:g.string().check(g.trim(),g.minLength(1,{error:`Value is required`})),description:g.optional(g.string().check(g.trim()))}),se=g.nullable(g.object({label:g.string().check(g.trim(),g.minLength(1,{error:`Value is required`})),max:g.number(),description:g.optional(g.string().check(g.trim()))})),ce=g.object({type:g.literal(`rating`),buttonLabel:ae,scale:g.number().check(g.minimum(2),g.maximum(10)),labels:g.optional(g.object({lower:g.optional(g.pipe(g.string().check(g.trim()),g.transform(e=>e===``?void 0:e))),upper:g.optional(g.pipe(g.string().check(g.trim()),g.transform(e=>e===``?void 0:e)))})),display:g.optional(g.literal([`star`,`emoji`,`number`]))}),le=g.object({type:g.literal(`open-ended`),placeholder:g.optional(g.string()),buttonLabel:ae,max:g.number()}),ue=g.object({type:g.literal(`single-select`),options:g.array(oe),buttonLabel:ae,editable:se}),de=g.object({type:g.literal(`multi-select`),buttonLabel:ae,options:g.array(oe),editable:se,max:g.optional(g.number()),display:g.optional(g.literal([`checkbox`,`tag`]))}),fe=g.object({type:g.literal(`statement`),buttonLabel:ae,buttonUrl:g.optional(ie)}),pe=g.discriminatedUnion(`type`,[ce,ue,le,de,fe]),me=`__CONFETTI_CHECKBOX_Others`,he=`__CONFETTI_RADIO_Others`,ge=e=>g.number().check(g.int(),g.minimum(1),g.maximum(e)),_e=({scale:e},{required:t})=>{let n=ge(e);return t?n:g.optional(n)},ve=({maxLength:e},{required:t})=>g.string().check(g.trim(),...t?[g.minLength(1,{error:`This field is required`})]:[],g.maxLength(e??2048,{error:({maximum:e})=>`Please enter less than ${e} characters`})),ye=(e,t)=>g.string().check(g.trim(),...t?[g.minLength(1,{error:`This field is required`})]:[],g.maxLength(e??1024,{error:({maximum:e})=>`Please enter less than ${e} characters`}),g.refine(e=>e!==he,{error:`Please fill out the free text field`})),be=({maxLength:e},{required:t})=>{let n=ye(e,t);return t?n:g.optional(n)},xe=({maxSelected:e,maxLength:t},{required:n})=>g.array(g.string().check(g.trim(),...n?[g.minLength(1,{error:`This field is required`})]:[],g.maxLength(t??1024,{error:({maximum:e})=>`Please enter less than ${e} characters`}),g.refine(e=>e!==me,{error:`Please fill out the free text field`}))).check(...n?[g.minLength(1,{error:`Please select at least one option`})]:[],g.maxLength(e??1024,{error:({maximum:e})=>`Please select less than ${e} options`})),Se=()=>g.optional(g.string()),Ce=g.object({title:g.string().check(g.trim()),description:g.string().check(g.trim()),buttonText:g.string().check(g.trim())}),we=g.object({title:g.string(),description:g.nullable(g.string()),questions:g.array(g.object({id:g.string(),title:g.string(),description:g.nullable(g.string()),position:g.number(),required:g.boolean(),properties:pe,routingLogic:re})),confirmation:Ce});g.object({respondent:g.string().check(g.trim(),g.minLength(1),g.maxLength(2048)),data:g.record(g.string(),g.union([g.string().check(g.trim(),g.maxLength(2048)),g.number(),g.array(g.string().check(g.trim(),g.maxLength(2048))).check(g.maxLength(1024))])),metadata:g.record(g.string().check(g.trim(),g.maxLength(1e3)),g.string().check(g.trim(),g.maxLength(1e3)))});const Te=g.object({lastRespondedAt:g.nullable(g.union([g.iso.datetime(),g.date()])),lastViewedAt:g.nullable(g.union([g.iso.datetime(),g.date()])),lastDismissedAt:g.nullable(g.union([g.iso.datetime(),g.date()]))});g.object({type:g.enum([`view`,`dismiss`])});const Ee=_.create({prefixUrl:`https://confetti.gov.sg/api`,retry:{limit:3,methods:[`get`]},timeout:6e4}),De=i(null),Oe=({children:e,surveyId:t,publishableKey:n,respondent:r,metadata:i={},isSurveyVisible:a,apiBaseUrl:s})=>{let u=d(!1),[m,h]=f(),[g,_]=f(!1),[v,b]=f(null),[x,S]=f(null),C=l(()=>crypto.randomUUID(),[]),[w,T]=p(`cfti:${t}:respondent`,``);c(()=>{w||T(crypto.randomUUID())},[w,T]);let E=l(()=>r||w,[r,w]),D=l(()=>{let e={headers:{"x-cfti-pk":n}};return s&&(e.prefixUrl=s),Ee.extend(e)},[s,n]),O=o(async()=>{if(!E)return;let e=await D.get(`v1/cfti/${t}/respondent/${E}`).json(),n=Te.safeParse(e);n.success&&(b(n.data.lastRespondedAt?new Date(n.data.lastRespondedAt):null),S(n.data.lastDismissedAt?new Date(n.data.lastDismissedAt):null))},[D,E,t]);c(()=>{if(typeof window>`u`||typeof document>`u`)return;let e=()=>{document.visibilityState===`visible`&&O()};return document.addEventListener(`visibilitychange`,e),()=>{document.removeEventListener(`visibilitychange`,e)}},[O]),c(()=>{(async()=>{u.current=!1,_(!1),h(void 0),b(null),S(null);try{let e=await D.get(`v1/cfti/${t}`).json(),n=we.safeParse(e);if(!n.success)return;h(n.data),await O()}catch{}finally{_(!0)}})()},[D,O,t]);let ee=o(async({answers:e})=>{await D.put(`v1/cfti/${t}/response/${C}`,{json:{respondent:E,data:e,metadata:i}})},[D,i,E,C,t]),k=o(()=>{h(void 0),D.post(`v1/cfti/${t}/respondent/${E}/event`,{json:{type:`dismiss`}}).catch(()=>{})},[D,E,t]),te=l(()=>g?a===void 0?!0:typeof a==`boolean`?a:a({lastRespondedAt:v,lastDismissedAt:x}):!1,[g,a,v,x]);return c(()=>{u.current||te&&m&&E&&(u.current=!0,D.post(`v1/cfti/${t}/respondent/${E}/event`,{json:{type:`view`}}).catch(()=>{}))},[D,te,E,m,t]),!te||!m?null:y(De.Provider,{value:{submit:ee,dismiss:k,surveyId:t,survey:m,metadata:i},children:e})},ke=()=>{let e=s(De);if(!e)throw Error(`useConfetti must be used within a ConfettiProvider`);return e},Ae={rating:({scale:e},t)=>_e({scale:e},t),"open-ended":({max:e},t)=>ve({maxLength:e},t),"single-select":({editable:e},t)=>be({maxLength:e?.max},t),"multi-select":({editable:e,max:t},n)=>xe({maxLength:e?.max,maxSelected:t},n),statement:(e,t)=>Se()},je=(e,t)=>{let n=e.type;switch(n){case`rating`:{let r=Ae[n];return r(e,t)}case`open-ended`:{let r=Ae[n];return r(e,t)}case`single-select`:{let r=Ae[n];return r(e,t)}case`multi-select`:{let r=Ae[n];return r(e,t)}case`statement`:{let r=Ae[n];return r(e,t)}default:throw Error(`Unsupported question type`)}},Me=({originalQuestions:t,answers:n,errors:r,pointer:i=-1})=>{if(!t)return{questions:[],currentIndex:-1};let a=t.sort((e,t)=>e.position-t.position).map(e=>{let t={...e},n=r[e.id];return n&&(t.error=n),{...t,visible:!1}});for(let t=0;t<a.length;t++){let r=a[t];if(!r)continue;let o=e({index:t,questions:a,answers:n});r.visible=i===t||o}let o=a.findIndex((e,t)=>t>i&&e.visible&&n[e.id]===void 0);return o===-1&&(o=a.findLastIndex(e=>!!e.visible)),{questions:a,currentIndex:o}},Ne=({questions:e,answers:t})=>{let n=Pe({questions:e,answers:t});return Object.fromEntries(Object.entries(n).filter(([,e])=>e!==null))},Pe=({questions:e,answers:t})=>Object.fromEntries(Object.entries(t).filter(([t])=>!!e.find(e=>e.id===t)?.visible)),Fe=({questions:e,errors:t})=>Object.fromEntries(Object.entries(t).filter(([t])=>!!e.find(e=>e.id===t)?.visible)),Ie=({current:e,shouldAutoSubmit:t,onFinished:n,children:r})=>{let{survey:i,submit:a}=ke(),[s,c]=f({}),[u,d]=f({}),p=l(()=>Me({originalQuestions:i?.questions,answers:s,errors:u,pointer:e}),[i?.questions,s,u,e]),m=l(()=>!!p.questions.filter(({required:e,visible:t})=>!!e&&!!t).every(({id:e})=>s[e]!==void 0),[s,p.questions]),[h,g]=f(!1),_=o(({answers:e})=>{a({answers:e}).finally(()=>{n?.()})},[n,a]),b=o(()=>{_({answers:Ne({questions:p.questions,answers:s})}),g(!0)},[s,p.questions,_]),x=o(({question:n,answer:r})=>{let a=p.questions.at(n);if(!a)return{error:`Question index is invalid`};let o=je(a.properties,{required:a.required}).safeParse(r);if(!o.success){let e=w(o.error);return d(t=>{if(t[a.id]===e)return t;let n={...t};return n[a.id]=e,n}),c(e=>{if(!(a.id in e))return e;let t={...e};return delete t[a.id],t}),{error:e}}d(e=>{if(!e[a.id])return e;let t={...e};return delete t[a.id],t});let l=!a.required&&!r?null:r,f={...s};if(f[a.id]===l)return{next:Me({originalQuestions:i?.questions,answers:f,errors:u,pointer:e}).currentIndex};f[a.id]=l;let m=Me({originalQuestions:i?.questions,answers:f,errors:u,pointer:e});return f=Pe({questions:m.questions,answers:f}),c(f),d(Fe({questions:m.questions,errors:u})),m.questions.filter(({visible:e})=>!!e).every(({id:e})=>f[e]!==void 0)&&t&&(_({answers:Ne({questions:m.questions,answers:f})}),g(!0)),{next:m.currentIndex}},[p.questions,s,i?.questions,u,t,e,_]);return p.questions.length===0?y(v,{}):y(`div`,{className:`confetti`,children:r({questions:p.questions,current:e??p.currentIndex,update:x,isCompleted:m,submit:b,isSubmitted:h,errors:u})})},Le=({children:e,onFinished:t,shouldAutoSubmit:r,...i})=>y(n,{fallback:y(v,{}),children:y(Oe,{...i,children:y(Ie,{shouldAutoSubmit:r,onFinished:t,children:e})})}),Re=i(null);i(null),i(null),i(null),i(null);const ze=i({});i(null);const Be=i(null),A=typeof document<`u`?r.useLayoutEffect:()=>{};function Ve(e){let[t,n]=f(e),r=d(t),i=d(null),a=d(()=>{if(!i.current)return;let e=i.current.next();if(e.done){i.current=null;return}r.current===e.value?a.current():n(e.value)});return A(()=>{r.current=t,i.current&&a.current()}),[t,o(e=>{i.current=e(r.current),a.current()},[a])]}const He={prefix:String(Math.round(Math.random()*1e10)),current:0},Ue=r.createContext(He),We=r.createContext(!1);typeof window<`u`&&window.document&&window.document.createElement;let Ge=new WeakMap;function Ke(e=!1){let t=s(Ue),n=d(null);if(n.current===null&&!e){let e=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentOwner?.current;if(e){let n=Ge.get(e);n==null?Ge.set(e,{id:t.current,state:e.memoizedState}):e.memoizedState!==n.state&&(t.current=n.id,Ge.delete(e))}n.current=++t.current}return n.current}function qe(e){let t=s(Ue),n=Ke(!!e),r=`react-aria${t.prefix}`;return e||`${r}-${n}`}function Je(e){let t=r.useId(),[n]=f($e()),i=n?`react-aria`:`react-aria${He.prefix}`;return e||`${i}-${t}`}const Ye=typeof r.useId==`function`?Je:qe;function Xe(){return!1}function Ze(){return!0}function Qe(e){return()=>{}}function $e(){return typeof r.useSyncExternalStore==`function`?r.useSyncExternalStore(Qe,Xe,Ze):s(We)}let et=!!(typeof window<`u`&&window.document&&window.document.createElement),tt=new Map,nt;typeof FinalizationRegistry<`u`&&(nt=new FinalizationRegistry(e=>{tt.delete(e)}));function rt(e){let[t,n]=f(e),r=d(null),i=Ye(t),a=d(null);if(nt&&nt.register(a,i),et){let e=tt.get(i);e&&!e.includes(r)?e.push(r):tt.set(i,[r])}return A(()=>{let e=i;return()=>{nt&&nt.unregister(a),tt.delete(e)}},[i]),c(()=>{let e=r.current;return e&&n(e),()=>{e&&(r.current=null)}}),i}function it(e,t){if(e===t)return e;let n=tt.get(e);if(n)return n.forEach(e=>e.current=t),t;let r=tt.get(t);return r?(r.forEach(t=>t.current=e),e):t}function at(e=[]){let t=rt(),[n,r]=Ve(t),i=o(()=>{r(function*(){yield t,yield document.getElementById(t)?t:void 0})},[t,r]);return A(i,[t,i,...e]),n}function ot(...e){return(...t)=>{for(let n of e)typeof n==`function`&&n(...t)}}const j=e=>e?.ownerDocument??document,M=e=>e&&`window`in e&&e.window===e?e:j(e).defaultView||window;function st(e){return typeof e==`object`&&!!e&&`nodeType`in e&&typeof e.nodeType==`number`}function ct(e){return st(e)&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&`host`in e}function lt(){return!1}function N(e,t){if(!lt())return t&&e?e.contains(t):!1;if(!e||!t)return!1;let n=t;for(;n!==null;){if(n===e)return!0;n=n.tagName===`SLOT`&&n.assignedSlot?n.assignedSlot.parentNode:ct(n)?n.host:n.parentNode}return!1}const P=(e=document)=>{if(!lt())return e.activeElement;let t=e.activeElement;for(;t&&`shadowRoot`in t&&t.shadowRoot?.activeElement;)t=t.shadowRoot.activeElement;return t};function F(e){return lt()&&e.target.shadowRoot&&e.composedPath?e.composedPath()[0]:e.target}var ut=class{get currentNode(){return this._currentNode}set currentNode(e){if(!N(this.root,e))throw Error(`Cannot set currentNode to a node that is not contained by the root node.`);let t=[],n=e,r=e;for(this._currentNode=e;n&&n!==this.root;)if(n.nodeType===Node.DOCUMENT_FRAGMENT_NODE){let e=n,i=this._doc.createTreeWalker(e,this.whatToShow,{acceptNode:this._acceptNode});t.push(i),i.currentNode=r,this._currentSetFor.add(i),n=r=e.host}else n=n.parentNode;let i=this._doc.createTreeWalker(this.root,this.whatToShow,{acceptNode:this._acceptNode});t.push(i),i.currentNode=r,this._currentSetFor.add(i),this._walkerStack=t}get doc(){return this._doc}firstChild(){let e=this.currentNode,t=this.nextNode();return N(e,t)?(t&&(this.currentNode=t),t):(this.currentNode=e,null)}lastChild(){let e=this._walkerStack[0].lastChild();return e&&(this.currentNode=e),e}nextNode(){let e=this._walkerStack[0].nextNode();if(e){if(e.shadowRoot){let t;if(typeof this.filter==`function`?t=this.filter(e):this.filter?.acceptNode&&(t=this.filter.acceptNode(e)),t===NodeFilter.FILTER_ACCEPT)return this.currentNode=e,e;let n=this.nextNode();return n&&(this.currentNode=n),n}return e&&(this.currentNode=e),e}else if(this._walkerStack.length>1){this._walkerStack.shift();let e=this.nextNode();return e&&(this.currentNode=e),e}else return null}previousNode(){let e=this._walkerStack[0];if(e.currentNode===e.root){if(this._currentSetFor.has(e))if(this._currentSetFor.delete(e),this._walkerStack.length>1){this._walkerStack.shift();let e=this.previousNode();return e&&(this.currentNode=e),e}else return null;return null}let t=e.previousNode();if(t){if(t.shadowRoot){let e;if(typeof this.filter==`function`?e=this.filter(t):this.filter?.acceptNode&&(e=this.filter.acceptNode(t)),e===NodeFilter.FILTER_ACCEPT)return t&&(this.currentNode=t),t;let n=this.lastChild();return n&&(this.currentNode=n),n}return t&&(this.currentNode=t),t}else if(this._walkerStack.length>1){this._walkerStack.shift();let e=this.previousNode();return e&&(this.currentNode=e),e}else return null}nextSibling(){return null}previousSibling(){return null}parentNode(){return null}constructor(e,t,n,r){this._walkerStack=[],this._currentSetFor=new Set,this._acceptNode=e=>{if(e.nodeType===Node.ELEMENT_NODE){let t=e.shadowRoot;if(t){let e=this._doc.createTreeWalker(t,this.whatToShow,{acceptNode:this._acceptNode});return this._walkerStack.unshift(e),NodeFilter.FILTER_ACCEPT}else{if(typeof this.filter==`function`)return this.filter(e);if(this.filter?.acceptNode)return this.filter.acceptNode(e);if(this.filter===null)return NodeFilter.FILTER_ACCEPT}}return NodeFilter.FILTER_SKIP},this._doc=e,this.root=t,this.filter=r??null,this.whatToShow=n??NodeFilter.SHOW_ALL,this._currentNode=t,this._walkerStack.unshift(e.createTreeWalker(t,n,this._acceptNode));let i=t.shadowRoot;if(i){let e=this._doc.createTreeWalker(i,this.whatToShow,{acceptNode:this._acceptNode});this._walkerStack.unshift(e)}}};function dt(e,t,n,r){return lt()?new ut(e,t,n,r):e.createTreeWalker(t,n,r)}function I(...e){let t={...e[0]};for(let n=1;n<e.length;n++){let r=e[n];for(let e in r){let n=t[e],i=r[e];typeof n==`function`&&typeof i==`function`&&e[0]===`o`&&e[1]===`n`&&e.charCodeAt(2)>=65&&e.charCodeAt(2)<=90?t[e]=ot(n,i):(e===`className`||e===`UNSAFE_className`)&&typeof n==`string`&&typeof i==`string`?t[e]=x(n,i):e===`id`&&n&&i?t.id=it(n,i):t[e]=i===void 0?n:i}}return t}function ft(...e){return e.length===1&&e[0]?e[0]:t=>{let n=!1,r=e.map(e=>{let r=pt(e,t);return n||=typeof r==`function`,r});if(n)return()=>{r.forEach((t,n)=>{typeof t==`function`?t():pt(e[n],null)})}}}function pt(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}const mt=new Set([`id`]),ht=new Set([`aria-label`,`aria-labelledby`,`aria-describedby`,`aria-details`]),gt=new Set([`href`,`hrefLang`,`target`,`rel`,`download`,`ping`,`referrerPolicy`]),_t=new Set([`dir`,`lang`,`hidden`,`inert`,`translate`]),vt=new Set(`onClick.onAuxClick.onContextMenu.onDoubleClick.onMouseDown.onMouseEnter.onMouseLeave.onMouseMove.onMouseOut.onMouseOver.onMouseUp.onTouchCancel.onTouchEnd.onTouchMove.onTouchStart.onPointerDown.onPointerMove.onPointerUp.onPointerCancel.onPointerEnter.onPointerLeave.onPointerOver.onPointerOut.onGotPointerCapture.onLostPointerCapture.onScroll.onWheel.onAnimationStart.onAnimationEnd.onAnimationIteration.onTransitionCancel.onTransitionEnd.onTransitionRun.onTransitionStart`.split(`.`)),yt=/^(data-.*)$/;function L(e,t={}){let{labelable:n,isLink:r,global:i,events:a=i,propNames:o}=t,s={};for(let t in e)Object.prototype.hasOwnProperty.call(e,t)&&(mt.has(t)||n&&ht.has(t)||r&&gt.has(t)||i&&_t.has(t)||a&&(vt.has(t)||t.endsWith(`Capture`)&&vt.has(t.slice(0,-7)))||o?.has(t)||yt.test(t))&&(s[t]=e[t]);return s}function bt(e){if(St())e.focus({preventScroll:!0});else{let t=Ct(e);e.focus(),wt(t)}}let xt=null;function St(){if(xt==null){xt=!1;try{document.createElement(`div`).focus({get preventScroll(){return xt=!0,!0}})}catch{}}return xt}function Ct(e){let t=e.parentNode,n=[],r=document.scrollingElement||document.documentElement;for(;t instanceof HTMLElement&&t!==r;)(t.offsetHeight<t.scrollHeight||t.offsetWidth<t.scrollWidth)&&n.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),t=t.parentNode;return r instanceof HTMLElement&&n.push({element:r,scrollTop:r.scrollTop,scrollLeft:r.scrollLeft}),n}function wt(e){for(let{element:t,scrollTop:n,scrollLeft:r}of e)t.scrollTop=n,t.scrollLeft=r}function Tt(e){if(typeof window>`u`||window.navigator==null)return!1;let t=window.navigator.userAgentData?.brands;return Array.isArray(t)&&t.some(t=>e.test(t.brand))||e.test(window.navigator.userAgent)}function Et(e){return typeof window<`u`&&window.navigator!=null?e.test(window.navigator.userAgentData?.platform||window.navigator.platform):!1}function R(e){let t=null;return()=>(t??=e(),t)}const Dt=R(function(){return Et(/^Mac/i)}),Ot=R(function(){return Et(/^iPhone/i)}),kt=R(function(){return Et(/^iPad/i)||Dt()&&navigator.maxTouchPoints>1}),At=R(function(){return Ot()||kt()}),jt=R(function(){return Tt(/AppleWebKit/i)&&!Mt()}),Mt=R(function(){return Tt(/Chrome/i)}),Nt=R(function(){return Tt(/Android/i)}),Pt=R(function(){return Tt(/Firefox/i)});function Ft(e,t,n=!0){var r;let{metaKey:i,ctrlKey:a,altKey:o,shiftKey:s}=t;Pt()&&(r=window.event)!=null&&r.type?.startsWith(`key`)&&e.target===`_blank`&&(Dt()?i=!0:a=!0);let c=jt()&&Dt()&&!kt()?new KeyboardEvent(`keydown`,{keyIdentifier:`Enter`,metaKey:i,ctrlKey:a,altKey:o,shiftKey:s}):new MouseEvent(`click`,{metaKey:i,ctrlKey:a,altKey:o,shiftKey:s,detail:1,bubbles:!0,cancelable:!0});Ft.isOpening=n,bt(e),e.dispatchEvent(c),Ft.isOpening=!1}Ft.isOpening=!1;let z=new Map,It=new Set;function Lt(){if(typeof window>`u`)return;function e(e){return`propertyName`in e}let t=t=>{if(!e(t)||!t.target)return;let r=z.get(t.target);r||(r=new Set,z.set(t.target,r),t.target.addEventListener(`transitioncancel`,n,{once:!0})),r.add(t.propertyName)},n=t=>{if(!e(t)||!t.target)return;let r=z.get(t.target);if(r&&(r.delete(t.propertyName),r.size===0&&(t.target.removeEventListener(`transitioncancel`,n),z.delete(t.target)),z.size===0)){for(let e of It)e();It.clear()}};document.body.addEventListener(`transitionrun`,t),document.body.addEventListener(`transitionend`,n)}typeof document<`u`&&(document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,Lt):Lt());function Rt(){for(let[e]of z)`isConnected`in e&&!e.isConnected&&z.delete(e)}function zt(e){requestAnimationFrame(()=>{Rt(),z.size===0?e():It.add(e)})}function Bt(){let e=d(new Map),t=o((t,n,r,i)=>{let a=i?.once?(...t)=>{e.current.delete(r),r(...t)}:r;e.current.set(r,{type:n,eventTarget:t,fn:a,options:i}),t.addEventListener(n,a,i)},[]),n=o((t,n,r,i)=>{let a=e.current.get(r)?.fn||r;t.removeEventListener(n,a,i),e.current.delete(r)},[]),r=o(()=>{e.current.forEach((e,t)=>{n(e.eventTarget,e.type,t,e.options)})},[n]);return c(()=>r,[r]),{addGlobalListener:t,removeGlobalListener:n,removeAllGlobalListeners:r}}function Vt(e,t){let{id:n,"aria-label":r,"aria-labelledby":i}=e;return n=rt(n),i&&r?i=[...new Set([n,...i.trim().split(/\s+/)])].join(` `):i&&=i.trim().split(/\s+/).join(` `),!r&&!i&&t&&(r=t),{id:n,"aria-label":r,"aria-labelledby":i}}function Ht(e){let t=d(null),n=d(void 0),r=o(t=>{if(typeof e==`function`){let n=e,r=n(t);return()=>{typeof r==`function`?r():n(null)}}else if(e)return e.current=t,()=>{e.current=null}},[e]);return l(()=>({get current(){return t.current},set current(e){t.current=e,n.current&&=(n.current(),void 0),e!=null&&(n.current=r(e))}}),[r])}const Ut=r.useInsertionEffect??A;function B(e){let t=d(null);return Ut(()=>{t.current=e},[e]),o((...e)=>{let n=t.current;return n?.(...e)},[])}function Wt(e,t){A(()=>{if(e&&e.ref&&t)return e.ref.current=t.current,()=>{e.ref&&(e.ref.current=null)}})}function Gt(e,t){if(!e)return!1;let n=window.getComputedStyle(e),r=/(auto|scroll)/.test(n.overflow+n.overflowX+n.overflowY);return r&&t&&(r=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),r}function Kt(e,t){let n=e;for(Gt(n,t)&&(n=n.parentElement);n&&!Gt(n,t);)n=n.parentElement;return n||document.scrollingElement||document.documentElement}const qt=new Set([`checkbox`,`radio`,`range`,`color`,`file`,`image`,`button`,`submit`,`reset`]);function Jt(e){return e instanceof HTMLInputElement&&!qt.has(e.type)||e instanceof HTMLTextAreaElement||e instanceof HTMLElement&&e.isContentEditable}let V=typeof document<`u`&&window.visualViewport;function Yt(){let e=$e(),[t,n]=f(()=>e?{width:0,height:0}:Xt());return c(()=>{let e=()=>{V&&V.scale>1||n(e=>{let t=Xt();return t.width===e.width&&t.height===e.height?e:t})},t,r=e=>{V&&V.scale>1||Jt(e.target)&&(t=requestAnimationFrame(()=>{(!document.activeElement||!Jt(document.activeElement))&&n(e=>{let t={width:window.innerWidth,height:window.innerHeight};return t.width===e.width&&t.height===e.height?e:t})}))};return window.addEventListener(`blur`,r,!0),V?V.addEventListener(`resize`,e):window.addEventListener(`resize`,e),()=>{cancelAnimationFrame(t),window.removeEventListener(`blur`,r,!0),V?V.removeEventListener(`resize`,e):window.removeEventListener(`resize`,e)}},[]),t}function Xt(){return{width:V?V.width*V.scale:window.innerWidth,height:V?V.height*V.scale:window.innerHeight}}function Zt(e){return e.pointerType===``&&e.isTrusted?!0:Nt()&&e.pointerType?e.type===`click`&&e.buttons===1:e.detail===0&&!e.pointerType}function Qt(e){return!Nt()&&e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType===`mouse`}function $t(e,t,n){let r=B(()=>{n&&n(t)});c(()=>{let t=e?.current?.form;return t?.addEventListener(`reset`,r),()=>{t?.removeEventListener(`reset`,r)}},[e])}function en(e,t=!0){let[n,r]=f(!0),i=n&&t;return A(()=>{if(i&&e.current&&`getAnimations`in e.current)for(let t of e.current.getAnimations())t instanceof CSSTransition&&t.cancel()},[e,i]),nn(e,i,o(()=>r(!1),[])),i}function tn(e,t){let[n,r]=f(t?`open`:`closed`);switch(n){case`open`:t||r(`exiting`);break;case`closed`:case`exiting`:t&&r(`open`);break}let i=n===`exiting`;return nn(e,i,o(()=>{r(e=>e===`exiting`?`closed`:e)},[])),i}function nn(e,t,n){A(()=>{if(t&&e.current){if(!(`getAnimations`in e.current)){n();return}let t=e.current.getAnimations();if(t.length===0){n();return}let r=!1;return Promise.all(t.map(e=>e.finished)).then(()=>{r||C(()=>{n()})}).catch(()=>{}),()=>{r=!0}}},[e,t,n])}const rn=typeof Element<`u`&&`checkVisibility`in Element.prototype;function an(e){let t=M(e);if(!(e instanceof t.HTMLElement)&&!(e instanceof t.SVGElement))return!1;let{display:n,visibility:r}=e.style,i=n!==`none`&&r!==`hidden`&&r!==`collapse`;if(i){let{getComputedStyle:t}=e.ownerDocument.defaultView,{display:n,visibility:r}=t(e);i=n!==`none`&&r!==`hidden`&&r!==`collapse`}return i}function on(e,t){return!e.hasAttribute(`hidden`)&&!e.hasAttribute(`data-react-aria-prevent-focus`)&&(e.nodeName===`DETAILS`&&t&&t.nodeName!==`SUMMARY`?e.hasAttribute(`open`):!0)}function sn(e,t){return rn?e.checkVisibility({visibilityProperty:!0})&&!e.closest(`[data-react-aria-prevent-focus]`):e.nodeName!==`#comment`&&an(e)&&on(e,t)&&(!e.parentElement||sn(e.parentElement,e))}const cn=[`input:not([disabled]):not([type=hidden])`,`select:not([disabled])`,`textarea:not([disabled])`,`button:not([disabled])`,`a[href]`,`area[href]`,`summary`,`iframe`,`object`,`embed`,`audio[controls]`,`video[controls]`,`[contenteditable]:not([contenteditable^="false"])`,`permission`],ln=cn.join(`:not([hidden]),`)+`,[tabindex]:not([disabled]):not([hidden])`;cn.push(`[tabindex]:not([tabindex="-1"]):not([disabled])`);const un=cn.join(`:not([hidden]):not([tabindex="-1"]),`);function dn(e){return e.matches(ln)&&sn(e)&&!pn(e)}function fn(e){return e.matches(un)&&sn(e)&&!pn(e)}function pn(e){let t=e;for(;t!=null;){if(t instanceof t.ownerDocument.defaultView.HTMLElement&&t.inert)return!0;t=t.parentElement}return!1}const mn=typeof document<`u`?r.useInsertionEffect??r.useLayoutEffect:()=>{};function hn(e,t,n){let[r,i]=f(e||t),a=d(r),s=d(e!==void 0),l=e!==void 0;c(()=>{s.current,s.current=l},[l]);let p=l?e:r;mn(()=>{a.current=p});let[,m]=u(()=>({}),{});return[p,o((e,...t)=>{let r=typeof e==`function`?e(a.current):e;Object.is(a.current,r)||(a.current=r,i(r),m(),n?.(r,...t))},[n])]}const gn=Symbol(`default`);function _n({values:e,children:t}){for(let[n,i]of e)t=r.createElement(n.Provider,{value:i},t);return t}function H(e){let{className:t,style:n,children:r,defaultClassName:i,defaultChildren:a,defaultStyle:o,values:s}=e;return l(()=>{let e,c,l;return e=typeof t==`function`?t({...s,defaultClassName:i}):t,c=typeof n==`function`?n({...s,defaultStyle:o||{}}):n,l=typeof r==`function`?r({...s,defaultChildren:a}):r??a,{className:e??i,style:c||o?{...o,...c}:void 0,children:l??a,"data-rac":``}},[t,n,r,i,a,o,s])}function vn(e,t){return n=>t(typeof e==`function`?e(n):e,n)}function yn(e,t){let n=s(e);if(t===null)return null;if(n&&typeof n==`object`&&`slots`in n&&n.slots){let e=t||gn;if(!n.slots[e]){let e=new Intl.ListFormat().format(Object.keys(n.slots).map(e=>`"${e}"`)),r=t?`Invalid slot "${t}".`:`A slot prop is required.`;throw Error(`${r} Valid slot names are ${e}.`)}return n.slots[e]}return n}function U(e,t,n){let{ref:r,...i}=yn(n,e.slot)||{},a=Ht(l(()=>ft(t,r),[t,r])),o=I(i,e);return`style`in i&&i.style&&`style`in e&&e.style&&(typeof i.style==`function`||typeof e.style==`function`?o.style=t=>{let n=typeof i.style==`function`?i.style(t):i.style,r={...t.defaultStyle,...n},a=typeof e.style==`function`?e.style({...t,defaultStyle:r}):e.style;return{...r,...a}}:o.style={...i.style,...e.style}),[o,a]}function bn(e=!0){let[t,n]=f(e),r=d(!1),i=o(e=>{r.current=!0,n(!!e)},[]);return A(()=>{r.current||n(!1)},[]),[i,t]}function xn(e){let t=/^(data-.*)$/,n={};for(let r in e)t.test(r)||(n[r]=e[r]);return n}const Sn=7e3;let Cn=null;function wn(e,t=`assertive`,n=Sn){Cn?Cn.announce(e,t,n):(Cn=new Tn,(typeof IS_REACT_ACT_ENVIRONMENT==`boolean`?IS_REACT_ACT_ENVIRONMENT:typeof jest<`u`)?Cn.announce(e,t,n):setTimeout(()=>{Cn?.isAttached()&&Cn?.announce(e,t,n)},100))}var Tn=class{isAttached(){return this.node?.isConnected}createLog(e){let t=document.createElement(`div`);return t.setAttribute(`role`,`log`),t.setAttribute(`aria-live`,e),t.setAttribute(`aria-relevant`,`additions`),t}destroy(){this.node&&=(document.body.removeChild(this.node),null)}announce(e,t=`assertive`,n=Sn){var r,i;if(!this.node)return;let a=document.createElement(`div`);typeof e==`object`?(a.setAttribute(`role`,`img`),a.setAttribute(`aria-labelledby`,e[`aria-labelledby`])):a.textContent=e,t===`assertive`?(r=this.assertiveLog)==null||r.appendChild(a):(i=this.politeLog)==null||i.appendChild(a),e!==``&&setTimeout(()=>{a.remove()},n)}clear(e){this.node&&((!e||e===`assertive`)&&this.assertiveLog&&(this.assertiveLog.innerHTML=``),(!e||e===`polite`)&&this.politeLog&&(this.politeLog.innerHTML=``))}constructor(){this.node=null,this.assertiveLog=null,this.politeLog=null,typeof document<`u`&&(this.node=document.createElement(`div`),this.node.dataset.liveAnnouncer=`true`,Object.assign(this.node.style,{border:0,clip:`rect(0 0 0 0)`,clipPath:`inset(50%)`,height:`1px`,margin:`-1px`,overflow:`hidden`,padding:0,position:`absolute`,width:`1px`,whiteSpace:`nowrap`}),this.assertiveLog=this.createLog(`assertive`),this.node.appendChild(this.assertiveLog),this.politeLog=this.createLog(`polite`),this.node.appendChild(this.politeLog),document.body.prepend(this.node))}};const En=new Set([`Arab`,`Syrc`,`Samr`,`Mand`,`Thaa`,`Mend`,`Nkoo`,`Adlm`,`Rohg`,`Hebr`]),Dn=new Set([`ae`,`ar`,`arc`,`bcc`,`bqi`,`ckb`,`dv`,`fa`,`glk`,`he`,`ku`,`mzn`,`nqo`,`pnb`,`ps`,`sd`,`ug`,`ur`,`yi`]);function On(e){if(Intl.Locale){let t=new Intl.Locale(e).maximize(),n=typeof t.getTextInfo==`function`?t.getTextInfo():t.textInfo;if(n)return n.direction===`rtl`;if(t.script)return En.has(t.script)}let t=e.split(`-`)[0];return Dn.has(t)}const kn=Symbol.for(`react-aria.i18n.locale`);function An(){let e=typeof window<`u`&&window[kn]||typeof navigator<`u`&&(navigator.language||navigator.userLanguage)||`en-US`;try{Intl.DateTimeFormat.supportedLocalesOf([e])}catch{e=`en-US`}return{locale:e,direction:On(e)?`rtl`:`ltr`}}let jn=An(),Mn=new Set;function Nn(){jn=An();for(let e of Mn)e(jn)}function Pn(){let e=$e(),[t,n]=f(jn);return c(()=>(Mn.size===0&&window.addEventListener(`languagechange`,Nn),Mn.add(n),()=>{Mn.delete(n),Mn.size===0&&window.removeEventListener(`languagechange`,Nn)}),[]),e?{locale:typeof window<`u`&&window[kn]||`en-US`,direction:`ltr`}:t}const Fn=r.createContext(null);function In(){let e=Pn();return s(Fn)||e}const Ln=Symbol.for(`react-aria.i18n.locale`),Rn=Symbol.for(`react-aria.i18n.strings`);let zn;var Bn=class e{getStringForLocale(e,t){let n=this.getStringsForLocale(t)[e];if(!n)throw Error(`Could not find intl message ${e} in ${t} locale`);return n}getStringsForLocale(e){let t=this.strings[e];return t||(t=Vn(e,this.strings,this.defaultLocale),this.strings[e]=t),t}static getGlobalDictionaryForPackage(t){if(typeof window>`u`)return null;let n=window[Ln];if(zn===void 0){let t=window[Rn];if(!t)return null;for(let r in zn={},t)zn[r]=new e({[n]:t[r]},n)}let r=zn?.[t];if(!r)throw Error(`Strings for package "${t}" were not included by LocalizedStringProvider. Please add it to the list passed to createLocalizedStringDictionary.`);return r}constructor(e,t=`en-US`){this.strings=Object.fromEntries(Object.entries(e).filter(([,e])=>e)),this.defaultLocale=t}};function Vn(e,t,n=`en-US`){if(t[e])return t[e];let r=Hn(e);if(t[r])return t[r];for(let e in t)if(e.startsWith(r+`-`))return t[e];return t[n]}function Hn(e){return Intl.Locale?new Intl.Locale(e).language:e.split(`-`)[0]}const Un=new Map,Wn=new Map;var Gn=class{format(e,t){let n=this.strings.getStringForLocale(e,this.locale);return typeof n==`function`?n(t,this):n}plural(e,t,n=`cardinal`){let r=t[`=`+e];if(r)return typeof r==`function`?r():r;let i=this.locale+`:`+n,a=Un.get(i);return a||(a=new Intl.PluralRules(this.locale,{type:n}),Un.set(i,a)),r=t[a.select(e)]||t.other,typeof r==`function`?r():r}number(e){let t=Wn.get(this.locale);return t||(t=new Intl.NumberFormat(this.locale),Wn.set(this.locale,t)),t.format(e)}select(e,t){let n=e[t]||e.other;return typeof n==`function`?n():n}constructor(e,t){this.locale=e,this.strings=t}};const Kn=new WeakMap;function qn(e){let t=Kn.get(e);return t||(t=new Bn(e),Kn.set(e,t)),t}function Jn(e,t){return t&&Bn.getGlobalDictionaryForPackage(t)||qn(e)}function Yn(e,t){let{locale:n}=In(),r=Jn(e,t);return l(()=>new Gn(n,r),[n,r])}function Xn(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function Zn(e,t,n){Xn(e,t),t.set(e,n)}function Qn(e){let t=e;return t.nativeEvent=e,t.isDefaultPrevented=()=>t.defaultPrevented,t.isPropagationStopped=()=>t.cancelBubble,t.persist=()=>{},t}function $n(e,t){Object.defineProperty(e,`target`,{value:t}),Object.defineProperty(e,`currentTarget`,{value:t})}function er(e){let t=d({isFocused:!1,observer:null});return A(()=>{let e=t.current;return()=>{e.observer&&=(e.observer.disconnect(),null)}},[]),o(n=>{if(n.target instanceof HTMLButtonElement||n.target instanceof HTMLInputElement||n.target instanceof HTMLTextAreaElement||n.target instanceof HTMLSelectElement){t.current.isFocused=!0;let r=n.target;r.addEventListener(`focusout`,n=>{if(t.current.isFocused=!1,r.disabled){let t=Qn(n);e?.(t)}t.current.observer&&(t.current.observer.disconnect(),t.current.observer=null)},{once:!0}),t.current.observer=new MutationObserver(()=>{if(t.current.isFocused&&r.disabled){var e;(e=t.current.observer)==null||e.disconnect();let n=r===document.activeElement?null:document.activeElement;r.dispatchEvent(new FocusEvent(`blur`,{relatedTarget:n})),r.dispatchEvent(new FocusEvent(`focusout`,{bubbles:!0,relatedTarget:n}))}}),t.current.observer.observe(r,{attributes:!0,attributeFilter:[`disabled`]})}},[e])}let tr=!1;function nr(e){for(;e&&!dn(e);)e=e.parentElement;let t=M(e),n=t.document.activeElement;if(!n||n===e)return;tr=!0;let r=!1,i=e=>{(e.target===n||r)&&e.stopImmediatePropagation()},a=t=>{(t.target===n||r)&&(t.stopImmediatePropagation(),!e&&!r&&(r=!0,bt(n),c()))},o=t=>{(t.target===e||r)&&t.stopImmediatePropagation()},s=t=>{(t.target===e||r)&&(t.stopImmediatePropagation(),r||(r=!0,bt(n),c()))};t.addEventListener(`blur`,i,!0),t.addEventListener(`focusout`,a,!0),t.addEventListener(`focusin`,s,!0),t.addEventListener(`focus`,o,!0);let c=()=>{cancelAnimationFrame(l),t.removeEventListener(`blur`,i,!0),t.removeEventListener(`focusout`,a,!0),t.removeEventListener(`focusin`,s,!0),t.removeEventListener(`focus`,o,!0),tr=!1,r=!1},l=requestAnimationFrame(c);return c}let rr=`default`,ir=``,ar=new WeakMap;function or(e){if(At()){if(rr===`default`){let t=j(e);ir=t.documentElement.style.webkitUserSelect,t.documentElement.style.webkitUserSelect=`none`}rr=`disabled`}else if(e instanceof HTMLElement||e instanceof SVGElement){let t=`userSelect`in e.style?`userSelect`:`webkitUserSelect`;ar.set(e,e.style[t]),e.style[t]=`none`}}function sr(e){if(At()){if(rr!==`disabled`)return;rr=`restoring`,setTimeout(()=>{zt(()=>{if(rr===`restoring`){let t=j(e);t.documentElement.style.webkitUserSelect===`none`&&(t.documentElement.style.webkitUserSelect=ir||``),ir=``,rr=`default`}})},300)}else if((e instanceof HTMLElement||e instanceof SVGElement)&&e&&ar.has(e)){let t=ar.get(e),n=`userSelect`in e.style?`userSelect`:`webkitUserSelect`;e.style[n]===`none`&&(e.style[n]=t),e.getAttribute(`style`)===``&&e.removeAttribute(`style`),ar.delete(e)}}const cr=r.createContext({register:()=>{}});cr.displayName=`PressResponderContext`;function lr(e,t){return t.get?t.get.call(e):t.value}function ur(e,t,n){if(!t.has(e))throw TypeError(`attempted to `+n+` private field on non-instance`);return t.get(e)}function dr(e,t){return lr(e,ur(e,t,`get`))}function fr(e,t,n){if(t.set)t.set.call(e,n);else{if(!t.writable)throw TypeError(`attempted to set read only private field`);t.value=n}}function pr(e,t,n){return fr(e,ur(e,t,`set`),n),n}function mr(e){let t=s(cr);if(t){let{register:n,...r}=t;e=I(r,e),n()}return Wt(t,e.ref),e}var hr=new WeakMap,gr=class{continuePropagation(){pr(this,hr,!1)}get shouldStopPropagation(){return dr(this,hr)}constructor(e,t,n,r){Zn(this,hr,{writable:!0,value:void 0}),pr(this,hr,!0);let i=(r?.target??n.currentTarget)?.getBoundingClientRect(),a,o=0,s,c=null;n.clientX!=null&&n.clientY!=null&&(s=n.clientX,c=n.clientY),i&&(s!=null&&c!=null?(a=s-i.left,o=c-i.top):(a=i.width/2,o=i.height/2)),this.type=e,this.pointerType=t,this.target=n.currentTarget,this.shiftKey=n.shiftKey,this.metaKey=n.metaKey,this.ctrlKey=n.ctrlKey,this.altKey=n.altKey,this.x=a,this.y=o}};const _r=Symbol(`linkClicked`),vr=`react-aria-pressable-style`,yr=`data-react-aria-pressable`;function br(e){let{onPress:t,onPressChange:n,onPressStart:r,onPressEnd:i,onPressUp:a,onClick:s,isDisabled:u,isPressed:p,preventFocusOnPress:m,shouldCancelOnPointerExit:h,allowTextSelectionOnPress:g,ref:_,...v}=mr(e),[y,b]=f(!1),x=d({isPressed:!1,ignoreEmulatedMouseEvents:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null,disposables:[]}),{addGlobalListener:S,removeAllGlobalListeners:C,removeGlobalListener:w}=Bt(),T=o((e,t)=>{let i=x.current;if(u||i.didFirePressStart)return!1;let a=!0;if(i.isTriggeringEvent=!0,r){let n=new gr(`pressstart`,t,e);r(n),a=n.shouldStopPropagation}return n&&n(!0),i.isTriggeringEvent=!1,i.didFirePressStart=!0,b(!0),a},[u,r,n]),E=o((e,r,a=!0)=>{let o=x.current;if(!o.didFirePressStart)return!1;o.didFirePressStart=!1,o.isTriggeringEvent=!0;let s=!0;if(i){let t=new gr(`pressend`,r,e);i(t),s=t.shouldStopPropagation}if(n&&n(!1),b(!1),t&&a&&!u){let n=new gr(`press`,r,e);t(n),s&&=n.shouldStopPropagation}return o.isTriggeringEvent=!1,s},[u,i,n,t]),D=B(E),O=o((e,t)=>{let n=x.current;if(u)return!1;if(a){n.isTriggeringEvent=!0;let r=new gr(`pressup`,t,e);return a(r),n.isTriggeringEvent=!1,r.shouldStopPropagation}return!0},[u,a]),ee=B(O),k=o(e=>{let t=x.current;if(t.isPressed&&t.target){t.didFirePressStart&&t.pointerType!=null&&E(W(t.target,e),t.pointerType,!1),t.isPressed=!1,le(null),t.isOverTarget=!1,t.activePointerId=null,t.pointerType=null,C(),g||sr(t.target);for(let e of t.disposables)e();t.disposables=[]}},[g,C,E]),te=B(k),ne=o(e=>{h&&k(e)},[h,k]),re=o(e=>{u||s?.(e)},[u,s]),ie=o((e,t)=>{if(!u&&s){let n=new MouseEvent(`click`,e);$n(n,t),s(Qn(n))}},[u,s]),ae=B(ie),[oe,se]=f(!1);A(()=>{let e=x.current;if(oe){let t=t=>{if(e.isPressed&&e.target&&Sr(t,e.target)){var n;wr(F(t),t.key)&&t.preventDefault();let r=F(t),i=N(e.target,F(t));D(W(e.target,t),`keyboard`,i),i&&ae(t,e.target),C(),t.key!==`Enter`&&xr(e.target)&&N(e.target,r)&&!t[_r]&&(t[_r]=!0,Ft(e.target,t,!1)),e.isPressed=!1,se(!1),(n=e.metaKeyEvents)==null||n.delete(t.key)}else if(t.key===`Meta`&&e.metaKeyEvents?.size){var r;let t=e.metaKeyEvents;e.metaKeyEvents=void 0;for(let n of t.values())(r=e.target)==null||r.dispatchEvent(new KeyboardEvent(`keyup`,n))}},n=e.target,r=ot(t=>{n&&Sr(t,n)&&!t.repeat&&N(n,F(t))&&e.target&&ee(W(e.target,t),`keyboard`)},t);return S(j(e.target),`keyup`,r,!0),()=>{w(j(e.target),`keyup`,r,!0)}}},[oe,S,C,w]);let[ce,le]=f(null);A(()=>{let e=x.current;if(ce===`pointer`){let t=t=>{if(t.pointerId===e.activePointerId&&e.isPressed&&t.button===0&&e.target){if(N(e.target,F(t))&&e.pointerType!=null){let n=!1,r=setTimeout(()=>{e.isPressed&&e.target instanceof HTMLElement&&(n?te(t):(bt(e.target),e.target.click()))},80);S(t.currentTarget,`click`,()=>n=!0,!0),e.disposables.push(()=>clearTimeout(r))}else te(t);e.isOverTarget=!1}},n=e=>{te(e)};return S(j(e.target),`pointerup`,t,!1),S(j(e.target),`pointercancel`,n,!1),()=>{w(j(e.target),`pointerup`,t,!1),w(j(e.target),`pointercancel`,n,!1)}}},[ce,S,w]);let ue=l(()=>{let e=x.current,t={onKeyDown(t){if(Sr(t.nativeEvent,t.currentTarget)&&N(t.currentTarget,F(t.nativeEvent))){var n;wr(F(t.nativeEvent),t.key)&&t.preventDefault();let r=!0;!e.isPressed&&!t.repeat&&(e.target=t.currentTarget,e.isPressed=!0,se(!0),e.pointerType=`keyboard`,r=T(t,`keyboard`)),r&&t.stopPropagation(),t.metaKey&&Dt()&&((n=e.metaKeyEvents)==null||n.set(t.key,t.nativeEvent))}else t.key===`Meta`&&(e.metaKeyEvents=new Map)},onClick(t){if(!(t&&!N(t.currentTarget,F(t.nativeEvent)))&&t&&t.button===0&&!e.isTriggeringEvent&&!Ft.isOpening){let n=!0;if(u&&t.preventDefault(),!e.ignoreEmulatedMouseEvents&&!e.isPressed&&(e.pointerType===`virtual`||Zt(t.nativeEvent))){let e=T(t,`virtual`),r=O(t,`virtual`),i=E(t,`virtual`);re(t),n=e&&r&&i}else if(e.isPressed&&e.pointerType!==`keyboard`){let r=e.pointerType||t.nativeEvent.pointerType||`virtual`,i=O(W(t.currentTarget,t),r),a=E(W(t.currentTarget,t),r,!0);n=i&&a,e.isOverTarget=!1,re(t),k(t)}e.ignoreEmulatedMouseEvents=!1,n&&t.stopPropagation()}}};return typeof PointerEvent<`u`&&(t.onPointerDown=t=>{if(t.button!==0||!N(t.currentTarget,F(t.nativeEvent)))return;if(Qt(t.nativeEvent)){e.pointerType=`virtual`;return}e.pointerType=t.pointerType;let n=!0;if(!e.isPressed){e.isPressed=!0,le(`pointer`),e.isOverTarget=!0,e.activePointerId=t.pointerId,e.target=t.currentTarget,g||or(e.target),n=T(t,e.pointerType);let r=F(t.nativeEvent);`releasePointerCapture`in r&&r.releasePointerCapture(t.pointerId)}n&&t.stopPropagation()},t.onMouseDown=t=>{if(N(t.currentTarget,F(t.nativeEvent))&&t.button===0){if(m){let n=nr(t.target);n&&e.disposables.push(n)}t.stopPropagation()}},t.onPointerUp=t=>{!N(t.currentTarget,F(t.nativeEvent))||e.pointerType===`virtual`||t.button===0&&!e.isPressed&&O(t,e.pointerType||t.pointerType)},t.onPointerEnter=t=>{t.pointerId===e.activePointerId&&e.target&&!e.isOverTarget&&e.pointerType!=null&&(e.isOverTarget=!0,T(W(e.target,t),e.pointerType))},t.onPointerLeave=t=>{t.pointerId===e.activePointerId&&e.target&&e.isOverTarget&&e.pointerType!=null&&(e.isOverTarget=!1,E(W(e.target,t),e.pointerType,!1),ne(t))},t.onDragStart=e=>{N(e.currentTarget,F(e.nativeEvent))&&k(e)}),t},[u,m,C,g,k,ne,E,T,O,re,ie]);return c(()=>{if(!_)return;let e=j(_.current);if(!e||!e.head||e.getElementById(vr))return;let t=e.createElement(`style`);t.id=vr,t.textContent=`
2
+ @layer {
3
+ [${yr}] {
4
+ touch-action: pan-x pan-y pinch-zoom;
5
+ }
14
6
  }
15
-
16
- //#endregion
17
- //#region ../validators/src/questions/routing.ts
18
- const nextTargetSchema = z.object({ type: z.literal("next") });
19
- const endTargetSchema = z.object({ type: z.literal("end") });
20
- const jumpTargetSchema = z.object({
21
- type: z.literal("jump"),
22
- target: z.number({ error: "Target question is required" })
23
- });
24
- const conditionTargetSchema = z.discriminatedUnion("type", [
25
- nextTargetSchema,
26
- jumpTargetSchema,
27
- endTargetSchema
28
- ]);
29
- const valueNode = z.object({
30
- type: z.literal("value"),
31
- value: z.union([z.string().check(z.trim(), z.minLength(1, { error: "Value is required" })), z.number({ error: "Value is required" })])
32
- });
33
- const binaryOperatorConditionSchema = z.object({
34
- type: z.literal("binary-operator"),
35
- operator: z.union([
36
- z.literal("equal"),
37
- z.literal("not-equal"),
38
- z.literal("greater"),
39
- z.literal("greater-or-equal"),
40
- z.literal("less"),
41
- z.literal("less-or-equal"),
42
- z.literal("contains"),
43
- z.literal("not-contains")
44
- ]),
45
- value: valueNode,
46
- target: conditionTargetSchema
47
- });
48
- const switchConditionSchema = z.object({
49
- type: z.literal("switch"),
50
- cases: z.array(binaryOperatorConditionSchema),
51
- default: conditionTargetSchema
52
- });
53
- const alwaysConditionSchema = z.object({
54
- type: z.literal("always"),
55
- target: conditionTargetSchema
56
- });
57
- const routingLogicSchema = z.discriminatedUnion("type", [alwaysConditionSchema, switchConditionSchema]);
58
-
59
- //#endregion
60
- //#region ../validators/src/url.ts
61
- const urlSchema = z.string().check(z.trim(), z.url({
62
- protocol: /^(https|mailto)/,
63
- error: "Link must start with https:// or mailto:"
64
- }));
65
-
66
- //#endregion
67
- //#region ../validators/src/questions/properties.ts
68
- const buttonLabelSchema = z.optional(z.string().check(z.trim(), z.maxLength(50)));
69
- const optionSchema = z.object({
70
- value: z.string().check(z.trim(), z.minLength(1, { error: "Value is required" })),
71
- description: z.optional(z.string().check(z.trim()))
72
- });
73
- const editableSchema = z.nullable(z.object({
74
- label: z.string().check(z.trim(), z.minLength(1, { error: "Value is required" })),
75
- max: z.number(),
76
- description: z.optional(z.string().check(z.trim()))
77
- }));
78
- const ratingQuestionPropertiesSchema = z.object({
79
- type: z.literal("rating"),
80
- buttonLabel: buttonLabelSchema,
81
- scale: z.number().check(z.minimum(2), z.maximum(10)),
82
- labels: z.optional(z.object({
83
- lower: z.optional(z.pipe(z.string().check(z.trim()), z.transform((val) => val === "" ? void 0 : val))),
84
- upper: z.optional(z.pipe(z.string().check(z.trim()), z.transform((val) => val === "" ? void 0 : val)))
85
- })),
86
- display: z.optional(z.literal([
87
- "star",
88
- "emoji",
89
- "number"
90
- ]))
91
- });
92
- const textQuestionPropertiesSchema = z.object({
93
- type: z.literal("open-ended"),
94
- placeholder: z.optional(z.string()),
95
- buttonLabel: buttonLabelSchema,
96
- max: z.number()
97
- });
98
- const singleSelectQuestionPropertiesSchema = z.object({
99
- type: z.literal("single-select"),
100
- options: z.array(optionSchema),
101
- buttonLabel: buttonLabelSchema,
102
- editable: editableSchema
103
- });
104
- const multiSelectQuestionPropertiesSchema = z.object({
105
- type: z.literal("multi-select"),
106
- buttonLabel: buttonLabelSchema,
107
- options: z.array(optionSchema),
108
- editable: editableSchema,
109
- max: z.optional(z.number()),
110
- display: z.optional(z.literal(["checkbox", "tag"]))
111
- });
112
- const statementQuestionPropertiesSchema = z.object({
113
- type: z.literal("statement"),
114
- buttonLabel: buttonLabelSchema,
115
- buttonUrl: z.optional(urlSchema)
116
- });
117
- const questionPropertiesSchema = z.discriminatedUnion("type", [
118
- ratingQuestionPropertiesSchema,
119
- singleSelectQuestionPropertiesSchema,
120
- textQuestionPropertiesSchema,
121
- multiSelectQuestionPropertiesSchema,
122
- statementQuestionPropertiesSchema
123
- ]);
124
-
125
- //#endregion
126
- //#region ../validators/src/questions/constants.ts
127
- const CHECKBOX_OTHERS_VALUE = "__CONFETTI_CHECKBOX_Others";
128
- const RADIO_OTHERS_VALUE = "__CONFETTI_RADIO_Others";
129
-
130
- //#endregion
131
- //#region ../validators/src/questions/answers.ts
132
- const baseRatingAnswerSchema = (scale) => z.number().check(z.int(), z.minimum(1), z.maximum(scale));
133
- const ratingAnswerSchemaFactory = ({ scale }, { required }) => {
134
- const baseSchema = baseRatingAnswerSchema(scale);
135
- return required ? baseSchema : z.optional(baseSchema);
136
- };
137
- const openEndedAnswerSchemaFactory = ({ maxLength }, { required }) => z.string().check(z.trim(), ...required ? [z.minLength(1, { error: "This field is required" })] : [], z.maxLength(maxLength ?? 2048, { error: ({ maximum }) => `Please enter less than ${maximum} characters` }));
138
- const baseSingleSelectAnswerSchema = (maxLength, required) => z.string().check(z.trim(), ...required ? [z.minLength(1, { error: "This field is required" })] : [], z.maxLength(maxLength ?? 1024, { error: ({ maximum }) => `Please enter less than ${maximum} characters` }), z.refine((val) => val !== RADIO_OTHERS_VALUE, { error: "Please fill out the free text field" }));
139
- const singleSelectAnswerSchemaFactory = ({ maxLength }, { required }) => {
140
- const baseSchema = baseSingleSelectAnswerSchema(maxLength, required);
141
- return required ? baseSchema : z.optional(baseSchema);
142
- };
143
- const multiSelectAnswerSchemaFactory = ({ maxSelected, maxLength }, { required }) => z.array(z.string().check(z.trim(), ...required ? [z.minLength(1, { error: "This field is required" })] : [], z.maxLength(maxLength ?? 1024, { error: ({ maximum }) => `Please enter less than ${maximum} characters` }), z.refine((val) => val !== CHECKBOX_OTHERS_VALUE, { error: "Please fill out the free text field" }))).check(...required ? [z.minLength(1, { error: "Please select at least one option" })] : [], z.maxLength(maxSelected ?? 1024, { error: ({ maximum }) => `Please select less than ${maximum} options` }));
144
- const statementAnswerSchemaFactory = () => z.optional(z.string());
145
-
146
- //#endregion
147
- //#region ../validators/src/survey.ts
148
- const surveyConfirmationSchema = z.object({
149
- title: z.string().check(z.trim()),
150
- description: z.string().check(z.trim()),
151
- buttonText: z.string().check(z.trim())
152
- });
153
- const publicGetSurveyOutputSchema = z.object({
154
- title: z.string(),
155
- description: z.nullable(z.string()),
156
- questions: z.array(z.object({
157
- id: z.string(),
158
- title: z.string(),
159
- description: z.nullable(z.string()),
160
- position: z.number(),
161
- required: z.boolean(),
162
- properties: questionPropertiesSchema,
163
- routingLogic: routingLogicSchema
164
- })),
165
- confirmation: surveyConfirmationSchema
166
- });
167
-
168
- //#endregion
169
- //#region ../validators/src/response.ts
170
- const publicPutResponseInputSchema = z.object({
171
- respondent: z.string().check(z.trim(), z.minLength(1), z.maxLength(2048)),
172
- data: z.record(z.string(), z.union([
173
- z.string().check(z.trim(), z.maxLength(2048)),
174
- z.number(),
175
- z.array(z.string().check(z.trim(), z.maxLength(2048))).check(z.maxLength(1024))
176
- ])),
177
- metadata: z.record(z.string().check(z.trim(), z.maxLength(1e3)), z.string().check(z.trim(), z.maxLength(1e3)))
178
- });
179
- const publicGetRespondentOutputSchema = z.object({
180
- lastRespondedAt: z.nullable(z.union([z.iso.datetime(), z.date()])),
181
- lastViewedAt: z.nullable(z.union([z.iso.datetime(), z.date()])),
182
- lastDismissedAt: z.nullable(z.union([z.iso.datetime(), z.date()]))
183
- });
184
- const publicPostRespondentEventInputSchema = z.object({ type: z.enum(["view", "dismiss"]) });
185
-
186
- //#endregion
187
- //#region src/core/logic/api.ts
188
- const API_HOST = "https://confetti.gov.sg/api";
189
- const client = ky.create({
190
- prefixUrl: API_HOST,
191
- retry: {
192
- limit: 3,
193
- methods: ["get"]
194
- },
195
- timeout: 6e4
196
- });
197
-
198
- //#endregion
199
- //#region src/core/ConfettiProvider.tsx
200
- const ConfettiContext = createContext(null);
201
- const ConfettiProvider = ({ children, surveyId, publishableKey, respondent: respondentInput, metadata = {}, isSurveyVisible: isSurveyVisibleInput, apiBaseUrl }) => {
202
- const hasTrackedViewRef = useRef(false);
203
- const [survey, setSurvey] = useState();
204
- const [isSettled, setIsSettled] = useState(false);
205
- const [lastRespondedAt, setLastRespondedAt] = useState(null);
206
- const [lastDismissedAt, setLastDismissedAt] = useState(null);
207
- const responseId = useMemo(() => crypto.randomUUID(), []);
208
- const [internalRespondentId, setInternalRespondentId] = useLocalStorage(`cfti:${surveyId}:respondent`, "");
209
- useEffect(() => {
210
- if (internalRespondentId) return;
211
- setInternalRespondentId(crypto.randomUUID());
212
- }, [internalRespondentId, setInternalRespondentId]);
213
- const respondent = useMemo(() => respondentInput || internalRespondentId, [respondentInput, internalRespondentId]);
214
- const client$1 = useMemo(() => {
215
- const properties = { headers: { "x-cfti-pk": publishableKey } };
216
- if (apiBaseUrl) properties.prefixUrl = apiBaseUrl;
217
- return client.extend(properties);
218
- }, [apiBaseUrl, publishableKey]);
219
- const fetchRespondentData = useCallback(async () => {
220
- if (!respondent) return;
221
- const respondentData = await client$1.get(`v1/cfti/${surveyId}/respondent/${respondent}`).json();
222
- const respondentResult = publicGetRespondentOutputSchema.safeParse(respondentData);
223
- if (!respondentResult.success) return;
224
- setLastRespondedAt(respondentResult.data.lastRespondedAt ? new Date(respondentResult.data.lastRespondedAt) : null);
225
- setLastDismissedAt(respondentResult.data.lastDismissedAt ? new Date(respondentResult.data.lastDismissedAt) : null);
226
- }, [
227
- client$1,
228
- respondent,
229
- surveyId
230
- ]);
231
- useEffect(() => {
232
- if (typeof window === "undefined" || typeof document === "undefined") return;
233
- const eventHandler = () => {
234
- if (document.visibilityState === "visible") fetchRespondentData();
235
- };
236
- document.addEventListener("visibilitychange", eventHandler);
237
- return () => {
238
- document.removeEventListener("visibilitychange", eventHandler);
239
- };
240
- }, [fetchRespondentData]);
241
- useEffect(() => {
242
- const fetchData = async () => {
243
- hasTrackedViewRef.current = false;
244
- setIsSettled(false);
245
- setSurvey(void 0);
246
- setLastRespondedAt(null);
247
- setLastDismissedAt(null);
248
- try {
249
- const surveyData = await client$1.get(`v1/cfti/${surveyId}`).json();
250
- const parseResult = publicGetSurveyOutputSchema.safeParse(surveyData);
251
- if (!parseResult.success) return;
252
- setSurvey(parseResult.data);
253
- await fetchRespondentData();
254
- } catch {} finally {
255
- setIsSettled(true);
256
- }
257
- };
258
- fetchData();
259
- }, [
260
- client$1,
261
- fetchRespondentData,
262
- surveyId
263
- ]);
264
- const submit = useCallback(async ({ answers }) => {
265
- await client$1.put(`v1/cfti/${surveyId}/response/${responseId}`, { json: {
266
- respondent,
267
- data: answers,
268
- metadata
269
- } });
270
- }, [
271
- client$1,
272
- metadata,
273
- respondent,
274
- responseId,
275
- surveyId
276
- ]);
277
- const dismiss = useCallback(() => {
278
- setSurvey(void 0);
279
- client$1.post(`v1/cfti/${surveyId}/respondent/${respondent}/event`, { json: { type: "dismiss" } }).catch(() => {});
280
- }, [
281
- client$1,
282
- respondent,
283
- surveyId
284
- ]);
285
- const isSurveyVisible = useMemo(() => {
286
- if (!isSettled) return false;
287
- if (isSurveyVisibleInput === void 0) return true;
288
- if (typeof isSurveyVisibleInput === "boolean") return isSurveyVisibleInput;
289
- return isSurveyVisibleInput({
290
- lastRespondedAt,
291
- lastDismissedAt
292
- });
293
- }, [
294
- isSettled,
295
- isSurveyVisibleInput,
296
- lastRespondedAt,
297
- lastDismissedAt
298
- ]);
299
- useEffect(() => {
300
- if (hasTrackedViewRef.current) return;
301
- if (isSurveyVisible && survey && respondent) {
302
- hasTrackedViewRef.current = true;
303
- client$1.post(`v1/cfti/${surveyId}/respondent/${respondent}/event`, { json: { type: "view" } }).catch(() => {});
304
- }
305
- }, [
306
- client$1,
307
- isSurveyVisible,
308
- respondent,
309
- survey,
310
- surveyId
311
- ]);
312
- if (!isSurveyVisible || !survey) return null;
313
- return /* @__PURE__ */ jsx(ConfettiContext.Provider, {
314
- value: {
315
- submit,
316
- dismiss,
317
- surveyId,
318
- survey,
319
- metadata
320
- },
321
- children
322
- });
323
- };
324
- const useConfetti = () => {
325
- const context = useContext(ConfettiContext);
326
- if (!context) throw new Error("useConfetti must be used within a ConfettiProvider");
327
- return context;
328
- };
329
-
330
- //#endregion
331
- //#region src/core/logic/validate.ts
332
- const VALIDATOR_FACTORY_MAP = {
333
- rating: ({ scale }, meta) => ratingAnswerSchemaFactory({ scale }, meta),
334
- "open-ended": ({ max }, meta) => openEndedAnswerSchemaFactory({ maxLength: max }, meta),
335
- "single-select": ({ editable }, meta) => singleSelectAnswerSchemaFactory({ maxLength: editable?.max }, meta),
336
- "multi-select": ({ editable, max }, meta) => multiSelectAnswerSchemaFactory({
337
- maxLength: editable?.max,
338
- maxSelected: max
339
- }, meta),
340
- statement: (_properties, _meta) => statementAnswerSchemaFactory()
341
- };
342
- const getAnswerValidator = (properties, meta) => {
343
- const type = properties.type;
344
- switch (type) {
345
- case "rating": {
346
- const validator = VALIDATOR_FACTORY_MAP[type];
347
- return validator(properties, meta);
348
- }
349
- case "open-ended": {
350
- const validator = VALIDATOR_FACTORY_MAP[type];
351
- return validator(properties, meta);
352
- }
353
- case "single-select": {
354
- const validator = VALIDATOR_FACTORY_MAP[type];
355
- return validator(properties, meta);
356
- }
357
- case "multi-select": {
358
- const validator = VALIDATOR_FACTORY_MAP[type];
359
- return validator(properties, meta);
360
- }
361
- case "statement": {
362
- const validator = VALIDATOR_FACTORY_MAP[type];
363
- return validator(properties, meta);
364
- }
365
- default: throw new Error("Unsupported question type");
366
- }
367
- };
368
-
369
- //#endregion
370
- //#region src/core/ConfettiController.tsx
371
- const getNextQuestionState = ({ originalQuestions, answers, errors, pointer = -1 }) => {
372
- if (!originalQuestions) return {
373
- questions: [],
374
- currentIndex: -1
375
- };
376
- const questions = originalQuestions.sort((a, b) => a.position - b.position).map((question) => {
377
- const obj = { ...question };
378
- const error = errors[question.id];
379
- if (error) obj.error = error;
380
- return {
381
- ...obj,
382
- visible: false
383
- };
384
- });
385
- for (let i = 0; i < questions.length; i++) {
386
- const question = questions[i];
387
- if (!question) continue;
388
- const visible = isVisible({
389
- index: i,
390
- questions,
391
- answers
392
- });
393
- question.visible = pointer === i || visible;
394
- }
395
- let nextIndex = questions.findIndex((q, i) => i > pointer && q.visible && answers[q.id] === void 0);
396
- if (nextIndex === -1) nextIndex = questions.findLastIndex((q) => !!q.visible);
397
- return {
398
- questions,
399
- currentIndex: nextIndex
400
- };
401
- };
402
- const getSubmittableAnswers = ({ questions, answers }) => {
403
- return Object.fromEntries(Object.entries(answers).filter(([id]) => !!questions.find((question) => question.id === id)?.visible).filter(([, answer]) => answer !== null));
404
- };
405
- const ConfettiController = ({ current: currentProp, shouldAutoSubmit, onFinished, children }) => {
406
- const { survey, submit } = useConfetti();
407
- const [answers, setAnswers] = useState({});
408
- const [errors, setErrors] = useState({});
409
- const state = useMemo(() => getNextQuestionState({
410
- originalQuestions: survey?.questions,
411
- answers,
412
- errors,
413
- pointer: currentProp
414
- }), [
415
- survey?.questions,
416
- answers,
417
- errors,
418
- currentProp
419
- ]);
420
- const isCompleted = useMemo(() => {
421
- return !!state.questions.filter(({ required, visible }) => !!required && !!visible).every(({ id }) => answers[id] !== void 0);
422
- }, [answers, state.questions]);
423
- const [isSubmitted, setIsSubmitted] = useState(false);
424
- const handleSubmitWithFinish = useCallback(({ answers: answers$1 }) => {
425
- submit({ answers: answers$1 }).finally(() => {
426
- onFinished?.();
427
- });
428
- }, [onFinished, submit]);
429
- const handleSubmit = useCallback(() => {
430
- handleSubmitWithFinish({ answers: getSubmittableAnswers({
431
- questions: state.questions,
432
- answers
433
- }) });
434
- setIsSubmitted(true);
435
- }, [
436
- answers,
437
- state.questions,
438
- handleSubmitWithFinish
439
- ]);
440
- const update = useCallback(({ question: index, answer }) => {
441
- const question = state.questions.at(index);
442
- if (!question) return { error: "Question index is invalid" };
443
- const parseResult = getAnswerValidator(question.properties, { required: question.required }).safeParse(answer);
444
- if (!parseResult.success) {
445
- const prettifiedError = prettifyError(parseResult.error);
446
- setErrors((prev) => {
447
- if (prev[question.id] === prettifiedError) return prev;
448
- const copy = { ...prev };
449
- copy[question.id] = prettifiedError;
450
- return copy;
451
- });
452
- return { error: prettifiedError };
453
- }
454
- const internalAnswer = !question.required && !answer ? null : answer;
455
- const next = { ...answers };
456
- if (next[question.id] === internalAnswer) return { next: getNextQuestionState({
457
- originalQuestions: survey?.questions,
458
- answers: next,
459
- errors,
460
- pointer: currentProp
461
- }).currentIndex };
462
- next[question.id] = internalAnswer;
463
- setAnswers(next);
464
- const nextQuestionState = getNextQuestionState({
465
- originalQuestions: survey?.questions,
466
- answers: next,
467
- errors,
468
- pointer: currentProp
469
- });
470
- if (nextQuestionState.questions.filter(({ visible }) => !!visible).every(({ id }) => next[id] !== void 0) && shouldAutoSubmit) {
471
- handleSubmitWithFinish({ answers: getSubmittableAnswers({
472
- questions: nextQuestionState.questions,
473
- answers: next
474
- }) });
475
- setIsSubmitted(true);
476
- }
477
- return { next: nextQuestionState.currentIndex };
478
- }, [
479
- state.questions,
480
- answers,
481
- survey?.questions,
482
- errors,
483
- shouldAutoSubmit,
484
- currentProp,
485
- handleSubmitWithFinish
486
- ]);
487
- if (state.questions.length === 0) return /* @__PURE__ */ jsx(Fragment, {});
488
- return /* @__PURE__ */ jsx("div", {
489
- className: "confetti",
490
- children: children({
491
- questions: state.questions,
492
- current: currentProp ?? state.currentIndex,
493
- update,
494
- isCompleted,
495
- submit: handleSubmit,
496
- isSubmitted,
497
- errors
498
- })
499
- });
500
- };
501
-
502
- //#endregion
503
- //#region src/components/Confetti.tsx
504
- const Confetti = ({ children, onFinished, shouldAutoSubmit, ...props }) => {
505
- return /* @__PURE__ */ jsx(ErrorBoundary, {
506
- fallback: /* @__PURE__ */ jsx(Fragment, {}),
507
- children: /* @__PURE__ */ jsx(ConfettiProvider, {
508
- ...props,
509
- children: /* @__PURE__ */ jsx(ConfettiController, {
510
- shouldAutoSubmit,
511
- onFinished,
512
- children
513
- })
514
- })
515
- });
516
- };
517
-
518
- //#endregion
519
- //#region src/components/ThankYouMessage.tsx
520
- const ThankYouMessage = ({ title, description, classNames }) => {
521
- const { survey, dismiss } = useConfetti();
522
- if (!survey) return null;
523
- const descriptionText = description || survey.confirmation.description;
524
- return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
525
- className: clsx("cf-question", classNames?.question),
526
- children: /* @__PURE__ */ jsxs("div", {
527
- className: clsx("cf-header", classNames?.header),
528
- children: [/* @__PURE__ */ jsx(Label, {
529
- className: clsx("cf-title", classNames?.title),
530
- children: title || survey.confirmation.title || "Feedback submitted!"
531
- }), descriptionText && /* @__PURE__ */ jsx(Text, {
532
- slot: "description",
533
- className: clsx("cf-description", classNames?.description),
534
- children: descriptionText
535
- })]
536
- })
537
- }), /* @__PURE__ */ jsx(Button, {
538
- className: "cf-submit-button",
539
- onPress: dismiss,
540
- children: survey.confirmation.buttonText || "Close"
541
- })] });
542
- };
543
-
544
- //#endregion
545
- //#region src/components/container/PopoverContainer.tsx
546
- const PopoverContainer = ({ children, classNames, containerProps, onDismiss, closeOnFinishMs = 3e3 }) => {
547
- const { surveyId, survey, dismiss } = useConfetti();
548
- const [isFinished, setIsFinished] = useState(false);
549
- useTimeout(() => {
550
- if (survey) dismiss();
551
- }, isFinished ? closeOnFinishMs : null);
552
- return /* @__PURE__ */ jsxs("div", {
553
- className: clsx("confetti-dialog", classNames?.dialog),
554
- id: `${surveyId}-popover`,
555
- ...containerProps,
556
- children: [/* @__PURE__ */ jsx("button", {
557
- type: "button",
558
- className: clsx("confetti-dialog-close", classNames?.closeButton),
559
- "aria-label": "Dismiss",
560
- onClick: async () => {
561
- await dismiss();
562
- onDismiss?.();
563
- },
564
- children: /* @__PURE__ */ jsx("svg", {
565
- xmlns: "http://www.w3.org/2000/svg",
566
- viewBox: "0 0 16 16",
567
- fill: "none",
568
- className: clsx(classNames?.icon),
569
- children: /* @__PURE__ */ jsx("path", {
570
- fill: "currentColor",
571
- fillRule: "evenodd",
572
- d: "M3.53 3.529c.26-.26.682-.26.942 0l3.529 3.528 3.528-3.528a.667.667 0 0 1 .943.942L8.943 8l3.53 3.528a.667.667 0 0 1-.944.943L8.001 8.943 4.472 12.47a.667.667 0 1 1-.943-.943L7.058 8 3.529 4.47a.667.667 0 0 1 0-.942Z",
573
- clipRule: "evenodd"
574
- })
575
- })
576
- }), typeof children === "function" ? children({ setIsFinished: () => setIsFinished(true) }) : children]
577
- });
578
- };
579
-
580
- //#endregion
581
- //#region src/components/questions/FreeText.tsx
582
- const FreeText = ({ id, title, description, properties, onChange, classNames, required, error }) => {
583
- const [value, setValue] = useState("");
584
- useEffect(() => {
585
- onChange(value);
586
- }, [onChange, value]);
587
- return /* @__PURE__ */ jsxs(TextField, {
588
- isRequired: required,
589
- isInvalid: !!error,
590
- name: id,
591
- className: clsx("cf-question", classNames?.question),
592
- value,
593
- onChange: (v) => {
594
- setValue(v);
595
- onChange(v);
596
- },
597
- children: [
598
- /* @__PURE__ */ jsxs("div", {
599
- className: clsx("cf-header", classNames?.header),
600
- children: [/* @__PURE__ */ jsxs(Label, {
601
- className: clsx("cf-title", classNames?.title),
602
- children: [title, !required && /* @__PURE__ */ jsxs("span", {
603
- className: clsx("cf-label-optional", classNames?.optionalLabel),
604
- children: [" ", "(optional)"]
605
- })]
606
- }), description && /* @__PURE__ */ jsx(Text, {
607
- slot: "description",
608
- className: clsx("cf-description", classNames?.description),
609
- children: description
610
- })]
611
- }),
612
- /* @__PURE__ */ jsx(TextArea, {
613
- className: clsx("cf-textarea", classNames?.textarea),
614
- maxLength: properties.max,
615
- rows: 4,
616
- placeholder: properties.placeholder || "Start typing..."
617
- }),
618
- /* @__PURE__ */ jsx(FieldError, {
619
- className: clsx("cf-error", classNames?.error),
620
- children: error
621
- })
622
- ]
623
- });
624
- };
625
-
626
- //#endregion
627
- //#region src/components/questions/MultiChoice.tsx
628
- const MultiChoiceCheckbox = ({ children, classNames, description, ...props }) => {
629
- return /* @__PURE__ */ jsx(Checkbox, {
630
- ...props,
631
- children: ({ isIndeterminate }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
632
- className: clsx("cf-choice-label", classNames?.label),
633
- children: [/* @__PURE__ */ jsx("div", {
634
- className: clsx("cf-checkbox-indicator", classNames?.indicator),
635
- children: /* @__PURE__ */ jsx("svg", {
636
- viewBox: "0 0 18 18",
637
- "aria-hidden": "true",
638
- className: clsx("cf-checkbox-indicator-svg", classNames?.svg),
639
- children: isIndeterminate ? /* @__PURE__ */ jsx("rect", {
640
- x: 1,
641
- y: 7.5,
642
- width: 16,
643
- height: 3
644
- }) : /* @__PURE__ */ jsx("polyline", { points: "2 9 7 14 16 4" })
645
- }, isIndeterminate ? "indeterminate" : "check")
646
- }), children]
647
- }), description && /* @__PURE__ */ jsx("span", {
648
- className: clsx("cf-choice-description", classNames?.choiceDescription),
649
- children: description
650
- })] })
651
- });
652
- };
653
- const MultiChoiceTag = ({ children, classNames, ...props }) => {
654
- return /* @__PURE__ */ jsx(Checkbox, {
655
- ...props,
656
- children: /* @__PURE__ */ jsx("div", {
657
- className: clsx("cf-tag-label", classNames?.tagLabel),
658
- children
659
- })
660
- });
661
- };
662
- const MultiChoice = ({ title, description, properties, classNames, onChange, id, required, error }) => {
663
- const hasEditable = !!properties.editable;
664
- const display = properties.display ?? "checkbox";
665
- const [value, setValue] = useState([]);
666
- const [othersValue, setOthersValue] = useState("");
667
- const othersRef = useRef(null);
668
- const othersInputRef = useRef(null);
669
- const submissionValue = useMemo(() => {
670
- const othersValueIndex = value.indexOf(CHECKBOX_OTHERS_VALUE);
671
- if (othersValueIndex === -1) return value;
672
- const submissionValue$1 = [...value];
673
- submissionValue$1[othersValueIndex] = othersValue || CHECKBOX_OTHERS_VALUE;
674
- return submissionValue$1;
675
- }, [othersValue, value]);
676
- const isTag = display === "tag";
677
- useEffect(() => {
678
- onChange(submissionValue);
679
- }, [onChange, submissionValue]);
680
- return /* @__PURE__ */ jsx(CheckboxGroup, {
681
- isRequired: required,
682
- isInvalid: !!error,
683
- name: id,
684
- value,
685
- onChange: setValue,
686
- className: clsx("cf-question", classNames?.question),
687
- children: ({ state }) => /* @__PURE__ */ jsxs(Fragment, { children: [
688
- /* @__PURE__ */ jsxs("div", {
689
- className: clsx("cf-header", classNames?.header),
690
- children: [/* @__PURE__ */ jsxs(Label, {
691
- className: clsx("cf-title", classNames?.title),
692
- children: [title, !required && /* @__PURE__ */ jsxs("span", {
693
- className: clsx("cf-label-optional", classNames?.optionalLabel),
694
- children: [" ", "(optional)"]
695
- })]
696
- }), description && /* @__PURE__ */ jsx(Text, {
697
- slot: "description",
698
- className: clsx("cf-description", classNames?.description),
699
- children: description
700
- })]
701
- }),
702
- /* @__PURE__ */ jsxs("div", {
703
- className: clsx("cf-response-choices", display === "tag" && "cf-response-choices-tag", classNames?.group),
704
- children: [properties.options.map((option, index) => {
705
- return /* @__PURE__ */ jsx(isTag ? MultiChoiceTag : MultiChoiceCheckbox, {
706
- className: clsx("cf-choice", isTag && ["cf-tag", classNames?.tag], !isTag && ["cf-checkbox", classNames?.checkbox]),
707
- description: option.description,
708
- value: option.value,
709
- classNames: {
710
- tag: classNames?.tag,
711
- tagLabel: classNames?.tagLabel,
712
- choiceDescription: classNames?.choiceDescription,
713
- label: classNames?.label,
714
- indicator: classNames?.indicator,
715
- svg: classNames?.svg
716
- },
717
- children: option.value
718
- }, index);
719
- }), hasEditable && (isTag ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MultiChoiceTag, {
720
- inputRef: othersRef,
721
- onChange: (isSelected) => {
722
- console.log("hehe", isSelected);
723
- if (!othersInputRef.current) return;
724
- if (isSelected) requestAnimationFrame(() => {
725
- if (!othersInputRef.current) return;
726
- othersInputRef.current.focus();
727
- });
728
- },
729
- className: clsx("cf-choice cf-tag", classNames?.tag),
730
- value: CHECKBOX_OTHERS_VALUE,
731
- children: properties.editable?.label
732
- }), /* @__PURE__ */ jsx(Input, {
733
- "data-visible": state.value.includes(CHECKBOX_OTHERS_VALUE) || void 0,
734
- value: othersValue,
735
- onChange: (e) => {
736
- setOthersValue(e.target.value);
737
- },
738
- ref: othersInputRef,
739
- className: clsx("cf-input cf-tag-input", classNames?.othersInput)
740
- })] }) : /* @__PURE__ */ jsxs("div", {
741
- className: clsx("cf-choice cf-others-choice", classNames?.othersChoice),
742
- children: [/* @__PURE__ */ jsx(MultiChoiceCheckbox, {
743
- inputRef: othersRef,
744
- onChange: (isSelected) => {
745
- if (!othersInputRef.current) return;
746
- if (isSelected) requestAnimationFrame(() => {
747
- if (!othersInputRef.current) return;
748
- othersInputRef.current.focus();
749
- });
750
- },
751
- className: clsx("cf-checkbox", classNames?.checkbox),
752
- value: CHECKBOX_OTHERS_VALUE,
753
- classNames: {
754
- indicator: classNames?.indicator,
755
- svg: classNames?.svg
756
- },
757
- description: properties.editable?.description,
758
- children: properties.editable?.label
759
- }), /* @__PURE__ */ jsx(Input, {
760
- value: othersValue,
761
- onChange: (e) => {
762
- setOthersValue(e.target.value);
763
- },
764
- tabIndex: state.value.includes(CHECKBOX_OTHERS_VALUE) ? 0 : -1,
765
- ref: othersInputRef,
766
- onFocus: () => {
767
- if (othersRef.current?.checked === false) othersRef.current.click();
768
- },
769
- className: clsx("cf-input", classNames?.othersInput)
770
- })]
771
- }))]
772
- }),
773
- /* @__PURE__ */ jsx(FieldError, {
774
- className: clsx("cf-error", classNames?.error),
775
- children: error
776
- })
777
- ] })
778
- });
779
- };
780
-
781
- //#endregion
782
- //#region src/components/svgr/EmojiAngry.tsx
783
- const EmojiAngry = (props) => /* @__PURE__ */ jsxs("svg", {
784
- xmlns: "http://www.w3.org/2000/svg",
785
- width: 40,
786
- height: 40,
787
- viewBox: "0 0 24 24",
788
- fill: "none",
789
- stroke: "currentColor",
790
- strokeLinecap: "round",
791
- strokeLinejoin: "round",
792
- strokeWidth: 2,
793
- ...props,
794
- children: [/* @__PURE__ */ jsx("circle", {
795
- cx: 12,
796
- cy: 12,
797
- r: 10
798
- }), /* @__PURE__ */ jsx("path", { d: "M16 16s-1.5-2-4-2-4 2-4 2M7.5 8 10 9M14 9l2.5-1M9 10h.01M15 10h.01" })]
799
- });
800
-
801
- //#endregion
802
- //#region src/components/svgr/EmojiBeaming.tsx
803
- const EmojiBeaming = (props) => /* @__PURE__ */ jsxs("svg", {
804
- xmlns: "http://www.w3.org/2000/svg",
805
- width: 40,
806
- height: 40,
807
- viewBox: "0 0 24 24",
808
- fill: "none",
809
- stroke: "currentColor",
810
- strokeLinecap: "round",
811
- strokeLinejoin: "round",
812
- strokeWidth: 2,
813
- ...props,
814
- children: [/* @__PURE__ */ jsx("circle", {
815
- cx: 12,
816
- cy: 12,
817
- r: 10
818
- }), /* @__PURE__ */ jsx("path", { d: "M18 13a6 6 0 0 1-6 5 6 6 0 0 1-6-5h12ZM9 9h.01M15 9h.01" })]
819
- });
820
-
821
- //#endregion
822
- //#region src/components/svgr/EmojiFrown.tsx
823
- const EmojiFrown = (props) => /* @__PURE__ */ jsxs("svg", {
824
- xmlns: "http://www.w3.org/2000/svg",
825
- width: 40,
826
- height: 40,
827
- viewBox: "0 0 24 24",
828
- fill: "none",
829
- stroke: "currentColor",
830
- strokeLinecap: "round",
831
- strokeLinejoin: "round",
832
- strokeWidth: 2,
833
- ...props,
834
- children: [/* @__PURE__ */ jsx("circle", {
835
- cx: 12,
836
- cy: 12,
837
- r: 10
838
- }), /* @__PURE__ */ jsx("path", { d: "M16 16s-1.5-2-4-2-4 2-4 2M9 9h.01M15 9h.01" })]
839
- });
840
-
841
- //#endregion
842
- //#region src/components/svgr/EmojiMeh.tsx
843
- const EmojiMeh = (props) => /* @__PURE__ */ jsxs("svg", {
844
- xmlns: "http://www.w3.org/2000/svg",
845
- width: 40,
846
- height: 40,
847
- viewBox: "0 0 24 24",
848
- fill: "none",
849
- stroke: "currentColor",
850
- strokeLinecap: "round",
851
- strokeLinejoin: "round",
852
- strokeWidth: 2,
853
- ...props,
854
- children: [/* @__PURE__ */ jsx("circle", {
855
- cx: 12,
856
- cy: 12,
857
- r: 10
858
- }), /* @__PURE__ */ jsx("path", { d: "M8 15h8M9 9h.01M15 9h.01" })]
859
- });
860
-
861
- //#endregion
862
- //#region src/components/svgr/EmojiSmile.tsx
863
- const EmojiSmile = (props) => /* @__PURE__ */ jsxs("svg", {
864
- xmlns: "http://www.w3.org/2000/svg",
865
- width: 40,
866
- height: 40,
867
- viewBox: "0 0 24 24",
868
- fill: "none",
869
- stroke: "currentColor",
870
- strokeLinecap: "round",
871
- strokeLinejoin: "round",
872
- strokeWidth: 2,
873
- ...props,
874
- children: [/* @__PURE__ */ jsx("circle", {
875
- cx: 12,
876
- cy: 12,
877
- r: 10
878
- }), /* @__PURE__ */ jsx("path", { d: "M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01" })]
879
- });
880
-
881
- //#endregion
882
- //#region src/components/svgr/Star.tsx
883
- const Star = (props) => /* @__PURE__ */ jsx("svg", {
884
- xmlns: "http://www.w3.org/2000/svg",
885
- viewBox: "0 0 24 24",
886
- width: 40,
887
- height: 40,
888
- fill: "none",
889
- ...props,
890
- children: /* @__PURE__ */ jsx("path", {
891
- fill: "currentColor",
892
- d: "m6.516 14.323-1.49 6.452a.998.998 0 0 0 1.529 1.057L12 18.202l5.445 3.63a1.001 1.001 0 0 0 1.517-1.106l-1.829-6.4 4.536-4.082a1 1 0 0 0-.59-1.74l-5.701-.454-2.467-5.461a.998.998 0 0 0-1.822 0L8.622 8.05l-5.701.453a1 1 0 0 0-.619 1.713l4.214 4.107zm2.853-4.326a.998.998 0 0 0 .832-.586L12 5.43l1.799 3.981a.998.998 0 0 0 .832.586l3.972.315-3.271 2.944c-.284.256-.397.65-.293 1.018l1.253 4.385-3.736-2.491a.995.995 0 0 0-1.109 0l-3.904 2.603 1.05-4.546a1 1 0 0 0-.276-.94l-3.038-2.962 4.09-.326z"
893
- })
894
- });
895
-
896
- //#endregion
897
- //#region src/components/svgr/StarSolid.tsx
898
- const StarSolid = (props) => {
899
- return /* @__PURE__ */ jsx("svg", {
900
- xmlns: "http://www.w3.org/2000/svg",
901
- width: 40,
902
- height: 40,
903
- viewBox: "0 0 24 24",
904
- ...props,
905
- children: /* @__PURE__ */ jsx("path", {
906
- fill: "currentColor",
907
- d: "M21.947 9.179a1.001 1.001 0 0 0-.868-.676l-5.701-.453-2.467-5.461a.998.998 0 0 0-1.822-.001L8.622 8.05l-5.701.453a1 1 0 0 0-.619 1.713l4.213 4.107-1.49 6.452a1 1 0 0 0 1.53 1.057L12 18.202l5.445 3.63a1.001 1.001 0 0 0 1.517-1.106l-1.829-6.4 4.536-4.082c.297-.268.406-.686.278-1.065z"
908
- })
909
- });
910
- };
911
-
912
- //#endregion
913
- //#region src/components/questions/Rating.tsx
914
- const StarRatingDisplay = ({ state, properties, classNames }) => {
915
- const selectedValue = state.selectedValue ? Number(state.selectedValue) : null;
916
- return /* @__PURE__ */ jsx("div", {
917
- className: clsx("cf-rating-display-star", classNames?.ratingDisplayStar),
918
- children: Array.from({ length: properties.scale }, (_, index) => {
919
- const value = index + 1;
920
- const radioValue = String(value);
921
- const isFilled = selectedValue && value <= selectedValue;
922
- return /* @__PURE__ */ jsx(Radio, {
923
- className: clsx("cf-rating-star", classNames?.ratingStar),
924
- value: radioValue,
925
- "data-filled": isFilled ? "true" : void 0,
926
- children: isFilled ? /* @__PURE__ */ jsx(StarSolid, {}) : /* @__PURE__ */ jsx(Star, {})
927
- }, index);
928
- })
929
- });
930
- };
931
- const NumberRatingDisplay = ({ properties, classNames }) => {
932
- return /* @__PURE__ */ jsx("div", {
933
- className: clsx("cf-rating-display-number", classNames?.ratingDisplayNumber),
934
- children: Array.from({ length: properties.scale }, (_, index) => {
935
- const value = index + 1;
936
- const radioValue = String(value);
937
- return /* @__PURE__ */ jsx(Radio, {
938
- className: clsx("cf-rating-number", classNames?.ratingNumber),
939
- value: radioValue,
940
- children: value
941
- }, index);
942
- })
943
- });
944
- };
945
- const EmojiRatingDisplay = ({ properties, classNames, state }) => {
946
- const EMOJI_FIVE = useMemo(() => [
947
- EmojiAngry,
948
- EmojiFrown,
949
- EmojiMeh,
950
- EmojiSmile,
951
- EmojiBeaming
952
- ], []);
953
- const EMOJI_THREE = useMemo(() => [
954
- EmojiFrown,
955
- EmojiMeh,
956
- EmojiSmile
957
- ], []);
958
- if (!useMemo(() => {
959
- return properties.scale === 3 || properties.scale === 5;
960
- }, [properties.scale])) return /* @__PURE__ */ jsx(NumberRatingDisplay, {
961
- properties,
962
- classNames,
963
- state
964
- });
965
- return /* @__PURE__ */ jsx("div", {
966
- className: clsx("cf-rating-display-emoji", classNames?.ratingDisplayEmoji),
967
- children: Array.from({ length: properties.scale }, (_, index) => {
968
- const value = index + 1;
969
- const radioValue = String(value);
970
- const Emoji = properties.scale === 5 ? EMOJI_FIVE[index] : EMOJI_THREE[index];
971
- return /* @__PURE__ */ jsx(Radio, {
972
- className: clsx("cf-rating-emoji", classNames?.ratingEmoji),
973
- value: radioValue,
974
- children: Emoji && /* @__PURE__ */ jsx(Emoji, {})
975
- }, index);
976
- })
977
- });
978
- };
979
- const RatingDisplay = (props) => {
980
- switch (props.properties.display ?? "star") {
981
- case "emoji": return /* @__PURE__ */ jsx(EmojiRatingDisplay, { ...props });
982
- case "number": return /* @__PURE__ */ jsx(NumberRatingDisplay, { ...props });
983
- case "star": return /* @__PURE__ */ jsx(StarRatingDisplay, { ...props });
984
- }
985
- };
986
- const Rating = ({ properties, title, description, classNames, onChange, id, error, required }) => {
987
- const [selected, setSelected] = useState(null);
988
- const submissionValue = useMemo(() => {
989
- return selected ? Number(selected) : void 0;
990
- }, [selected]);
991
- useEffect(() => {
992
- onChange(submissionValue);
993
- }, [onChange, submissionValue]);
994
- return /* @__PURE__ */ jsx(RadioGroup, {
995
- isRequired: required,
996
- isInvalid: !!error,
997
- name: id,
998
- className: clsx("cf-question", classNames?.question),
999
- value: selected,
1000
- onChange: setSelected,
1001
- children: ({ state }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1002
- /* @__PURE__ */ jsxs("div", {
1003
- className: clsx("cf-header", classNames?.header),
1004
- children: [/* @__PURE__ */ jsxs(Label, {
1005
- className: clsx("cf-title", classNames?.title),
1006
- children: [title, !required && /* @__PURE__ */ jsxs("span", {
1007
- className: clsx("cf-label-optional", classNames?.optionalLabel),
1008
- children: [" ", "(optional)"]
1009
- })]
1010
- }), description && /* @__PURE__ */ jsx(Text, {
1011
- slot: "description",
1012
- className: clsx("cf-description", classNames?.description),
1013
- children: description
1014
- })]
1015
- }),
1016
- /* @__PURE__ */ jsxs("div", {
1017
- className: clsx("cf-rating-section", classNames?.ratingSection),
1018
- children: [/* @__PURE__ */ jsx(RatingDisplay, {
1019
- state,
1020
- properties,
1021
- classNames
1022
- }), /* @__PURE__ */ jsxs("div", {
1023
- className: clsx("cf-rating-text", classNames?.ratingText),
1024
- children: [/* @__PURE__ */ jsx("span", {
1025
- className: clsx("cf-rating-text-lower", classNames?.ratingTextLower),
1026
- children: properties.labels?.lower
1027
- }), /* @__PURE__ */ jsx("span", {
1028
- className: clsx("cf-rating-text-upper", classNames?.ratingTextUpper),
1029
- children: properties.labels?.upper
1030
- })]
1031
- })]
1032
- }),
1033
- /* @__PURE__ */ jsx(FieldError, {
1034
- className: clsx("cf-error", classNames?.error),
1035
- children: error
1036
- })
1037
- ] })
1038
- });
1039
- };
1040
-
1041
- //#endregion
1042
- //#region src/components/questions/SingleChoice.tsx
1043
- const SingleChoiceRadio = ({ classNames, className, description, ...props }) => {
1044
- return /* @__PURE__ */ jsx(Radio, {
1045
- ...props,
1046
- className: clsx(className, classNames?.radio),
1047
- children: composeRenderProps(props.children, (children) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
1048
- className: clsx("cf-choice-label", classNames?.label),
1049
- children: [/* @__PURE__ */ jsx("div", { className: clsx("cf-radio-indicator", classNames?.indicator) }), children]
1050
- }), description && /* @__PURE__ */ jsx("span", {
1051
- className: clsx("cf-choice-description", classNames?.choiceDescription),
1052
- children: description
1053
- })] }))
1054
- });
1055
- };
1056
- const SingleChoice = ({ title, description, properties, classNames, onChange, id, required, error }) => {
1057
- const [value, setValue] = useState(null);
1058
- const [othersValue, setOthersValue] = useState("");
1059
- const hasEditable = !!properties.editable;
1060
- const othersRef = useRef(null);
1061
- const othersInputRef = useRef(null);
1062
- const submissionValue = useMemo(() => {
1063
- if (value === RADIO_OTHERS_VALUE) return othersValue || RADIO_OTHERS_VALUE;
1064
- return value ?? void 0;
1065
- }, [othersValue, value]);
1066
- useEffect(() => {
1067
- onChange(submissionValue);
1068
- }, [onChange, submissionValue]);
1069
- return /* @__PURE__ */ jsx(RadioGroup, {
1070
- isRequired: required,
1071
- isInvalid: !!error,
1072
- name: id,
1073
- onChange: (key) => {
1074
- setValue(key);
1075
- if (key === RADIO_OTHERS_VALUE) requestAnimationFrame(() => {
1076
- if (!othersInputRef.current) return;
1077
- othersInputRef.current.focus();
1078
- });
1079
- },
1080
- value,
1081
- className: clsx("cf-question", classNames?.question),
1082
- children: ({ state }) => /* @__PURE__ */ jsxs(Fragment, { children: [
1083
- /* @__PURE__ */ jsxs("div", {
1084
- className: clsx("cf-header", classNames?.header),
1085
- children: [/* @__PURE__ */ jsxs(Label, {
1086
- className: clsx("cf-title", classNames?.title),
1087
- children: [title, !required && /* @__PURE__ */ jsxs("span", {
1088
- className: clsx("cf-label-optional", classNames?.optionalLabel),
1089
- children: [" ", "(optional)"]
1090
- })]
1091
- }), description && /* @__PURE__ */ jsx(Text, {
1092
- slot: "description",
1093
- className: clsx("cf-description", classNames?.description),
1094
- children: description
1095
- })]
1096
- }),
1097
- /* @__PURE__ */ jsxs("div", {
1098
- className: clsx("cf-response-choices", classNames?.group),
1099
- children: [properties.options.map((option, index) => /* @__PURE__ */ jsx(SingleChoiceRadio, {
1100
- classNames: {
1101
- indicator: classNames?.indicator,
1102
- radio: clsx("cf-choice cf-radio", classNames?.radio)
1103
- },
1104
- value: option.value,
1105
- description: option.description,
1106
- children: option.value
1107
- }, index)), hasEditable && /* @__PURE__ */ jsxs("div", {
1108
- className: clsx("cf-choice cf-others-choice", classNames?.othersChoice),
1109
- children: [/* @__PURE__ */ jsx(SingleChoiceRadio, {
1110
- inputRef: othersRef,
1111
- value: RADIO_OTHERS_VALUE,
1112
- classNames: {
1113
- indicator: classNames?.indicator,
1114
- radio: clsx("cf-radio", classNames?.radio)
1115
- },
1116
- description: properties.editable?.description,
1117
- children: properties.editable?.label
1118
- }), /* @__PURE__ */ jsx(Input, {
1119
- tabIndex: state.selectedValue === RADIO_OTHERS_VALUE ? 0 : -1,
1120
- ref: othersInputRef,
1121
- value: othersValue,
1122
- onChange: (e) => setOthersValue(e.target.value),
1123
- onFocus: () => {
1124
- if (othersRef.current?.checked === false) othersRef.current.click();
1125
- },
1126
- className: clsx("cf-input", classNames?.othersInput)
1127
- })]
1128
- })]
1129
- }),
1130
- /* @__PURE__ */ jsx(FieldError, {
1131
- className: clsx("cf-error", classNames?.error),
1132
- children: error
1133
- })
1134
- ] })
1135
- });
1136
- };
1137
-
1138
- //#endregion
1139
- //#region src/components/questions/Statement.tsx
1140
- const Statement = ({ properties: _properties, title, description, classNames }) => {
1141
- return /* @__PURE__ */ jsx("div", {
1142
- className: clsx("cf-question", classNames?.question),
1143
- children: /* @__PURE__ */ jsxs("div", {
1144
- className: clsx("cf-header", classNames?.header),
1145
- children: [title && /* @__PURE__ */ jsx("div", {
1146
- className: clsx("cf-title", classNames?.title),
1147
- children: title
1148
- }), description && /* @__PURE__ */ jsx("div", {
1149
- className: clsx("cf-description", classNames?.description),
1150
- children: description
1151
- })]
1152
- })
1153
- });
1154
- };
1155
-
1156
- //#endregion
1157
- //#region src/components/questions/factory.tsx
1158
- const SurveyQuestionFactory = ({ question, onChange, error }) => {
1159
- switch (question.properties.type) {
1160
- case "rating": return /* @__PURE__ */ jsx(Rating, {
1161
- ...question,
1162
- properties: question.properties,
1163
- onChange,
1164
- error
1165
- }, question.id);
1166
- case "open-ended": return /* @__PURE__ */ jsx(FreeText, {
1167
- ...question,
1168
- properties: question.properties,
1169
- onChange,
1170
- error
1171
- }, question.id);
1172
- case "single-select": return /* @__PURE__ */ jsx(SingleChoice, {
1173
- ...question,
1174
- properties: question.properties,
1175
- onChange,
1176
- error
1177
- }, question.id);
1178
- case "multi-select": return /* @__PURE__ */ jsx(MultiChoice, {
1179
- ...question,
1180
- properties: question.properties,
1181
- onChange,
1182
- error
1183
- }, question.id);
1184
- case "statement": return /* @__PURE__ */ jsx(Statement, {
1185
- ...question,
1186
- properties: question.properties,
1187
- onChange,
1188
- error
1189
- }, question.id);
1190
- }
1191
- return /* @__PURE__ */ jsx("div", { children: "Unsupported question type" }, question.id);
1192
- };
1193
-
1194
- //#endregion
1195
- //#region src/components/SubmitButton.tsx
1196
- const SubmitButton = ({ onPress, isDisabled, children = "Submit" }) => {
1197
- return /* @__PURE__ */ jsx(Button, {
1198
- isDisabled,
1199
- className: "cf-submit-button",
1200
- onPress,
1201
- children
1202
- });
1203
- };
1204
-
1205
- //#endregion
1206
- //#region src/components/presentation/Flow.tsx
1207
- const getInitialState = (type) => {
1208
- switch (type) {
1209
- case "multi-select": return [];
1210
- case "statement": return;
1211
- default: return "";
1212
- }
1213
- };
1214
- const Flow = ({ onSubmit, children, question, isLastQuestion }) => {
1215
- const [answer, setAnswer] = useState(getInitialState(question.properties.type));
1216
- const validator = useMemo(() => getAnswerValidator(question.properties, { required: question.required }), [question.properties, question.required]);
1217
- const error = useMemo(() => {
1218
- const parseResult = validator.safeParse(answer);
1219
- if (parseResult.success) return;
1220
- return prettifyError(parseResult.error);
1221
- }, [answer, validator]);
1222
- const hasNextQuestion = useMemo(() => {
1223
- const rule = question.routingLogic;
1224
- if (rule.type !== "always" && (answer === "" || Array.isArray(answer) && answer.length === 0) && question.required) return true;
1225
- const match = rule.type === "always" ? rule.target : rule.cases.find((condition) => evaluateCondition({
1226
- answer,
1227
- condition
1228
- }))?.target ?? rule.default;
1229
- if (match.type === "end") return false;
1230
- if (match.type === "next") return !isLastQuestion;
1231
- return true;
1232
- }, [
1233
- answer,
1234
- isLastQuestion,
1235
- question.required,
1236
- question.routingLogic
1237
- ]);
1238
- const buttonLabel = useMemo(() => {
1239
- if (question.properties.buttonLabel) return question.properties.buttonLabel;
1240
- return hasNextQuestion ? "Next" : "Submit";
1241
- }, [hasNextQuestion, question.properties.buttonLabel]);
1242
- const handleSubmitPressed = useCallback(() => {
1243
- switch (question.properties.type) {
1244
- case "statement":
1245
- if (question.properties.buttonUrl && typeof window !== "undefined") {
1246
- const validatedUrl = urlSchema.safeParse(question.properties.buttonUrl).data;
1247
- if (validatedUrl) window.open(validatedUrl, "_blank");
1248
- }
1249
- return onSubmit(void 0);
1250
- default: return onSubmit(answer);
1251
- }
1252
- }, [
1253
- answer,
1254
- onSubmit,
1255
- question.properties
1256
- ]);
1257
- return /* @__PURE__ */ jsxs(Fragment, { children: [children({
1258
- onChange: setAnswer,
1259
- question,
1260
- error
1261
- }), /* @__PURE__ */ jsx(SubmitButton, {
1262
- isDisabled: !!error,
1263
- onPress: handleSubmitPressed,
1264
- children: buttonLabel
1265
- })] });
1266
- };
1267
-
1268
- //#endregion
1269
- //#region src/components/presentation/Embed.tsx
1270
- const Embed = ({ isCompleted, onSubmit, children }) => {
1271
- return /* @__PURE__ */ jsxs(Fragment, { children: [children, isCompleted && /* @__PURE__ */ jsx(SubmitButton, { onPress: onSubmit })] });
1272
- };
1273
-
1274
- //#endregion
1275
- //#region src/templates/EmbeddedConfetti.tsx
1276
- const EmbeddedConfetti = (props) => {
1277
- return /* @__PURE__ */ jsx(Confetti, {
1278
- ...props,
1279
- shouldAutoSubmit: false,
1280
- children: ({ questions, update, isCompleted, submit, isSubmitted }) => {
1281
- if (isSubmitted) return /* @__PURE__ */ jsx(ThankYouMessage, {});
1282
- return /* @__PURE__ */ jsx(Embed, {
1283
- onSubmit: submit,
1284
- isCompleted,
1285
- children: questions.filter(({ visible }) => !!visible).map((question) => {
1286
- return /* @__PURE__ */ jsx(SurveyQuestionFactory, {
1287
- question,
1288
- onChange: (answer) => answer && update({
1289
- question: question.position,
1290
- answer
1291
- })
1292
- }, question.position);
1293
- })
1294
- });
1295
- }
1296
- });
1297
- };
1298
-
1299
- //#endregion
1300
- //#region src/templates/PopoverConfetti.tsx
1301
- const PopoverConfetti = ({ onDismiss, closeOnFinishMs, ...props }) => {
1302
- return /* @__PURE__ */ jsx(ConfettiProvider, {
1303
- ...props,
1304
- children: /* @__PURE__ */ jsx(PopoverContainer, {
1305
- onDismiss,
1306
- closeOnFinishMs,
1307
- children: ({ setIsFinished }) => /* @__PURE__ */ jsx(ConfettiController, {
1308
- shouldAutoSubmit: true,
1309
- ...props,
1310
- onFinished: () => {
1311
- setIsFinished();
1312
- props.onFinished?.();
1313
- },
1314
- children: ({ current, questions, update, isSubmitted }) => {
1315
- const isLastQuestion = current === questions.length - 1;
1316
- if (isSubmitted) return /* @__PURE__ */ jsx(ThankYouMessage, {});
1317
- const currentQuestion = questions[current];
1318
- if (!currentQuestion) return /* @__PURE__ */ jsx(Fragment, {});
1319
- return /* @__PURE__ */ jsx(Flow, {
1320
- isLastQuestion,
1321
- question: currentQuestion,
1322
- onSubmit: (answer) => {
1323
- return update({
1324
- question: current,
1325
- answer
1326
- });
1327
- },
1328
- children: (flowProps) => /* @__PURE__ */ jsx(SurveyQuestionFactory, { ...flowProps })
1329
- });
1330
- }
1331
- })
1332
- })
1333
- });
1334
- };
1335
-
1336
- //#endregion
1337
- //#region src/templates/StepperConfetti.tsx
1338
- const StepperConfetti = (props) => {
1339
- return /* @__PURE__ */ jsx(Confetti, {
1340
- ...props,
1341
- shouldAutoSubmit: true,
1342
- children: ({ current, questions, update, isSubmitted }) => {
1343
- const isLastQuestion = current === questions.length - 1;
1344
- if (isSubmitted) return /* @__PURE__ */ jsx(ThankYouMessage, {});
1345
- const currentQuestion = questions[current];
1346
- if (!currentQuestion) return /* @__PURE__ */ jsx(Fragment, {});
1347
- return /* @__PURE__ */ jsx(Flow, {
1348
- isLastQuestion,
1349
- question: currentQuestion,
1350
- onSubmit: (answer) => {
1351
- return update({
1352
- question: current,
1353
- answer
1354
- });
1355
- },
1356
- children: (flowProps) => /* @__PURE__ */ jsx(SurveyQuestionFactory, { ...flowProps })
1357
- });
1358
- }
1359
- });
1360
- };
1361
-
1362
- //#endregion
1363
- //#region src/hooks/useVisibleAfterDelay.ts
1364
- const useVisibleAfterDelay = ({ delay }) => {
1365
- const [isVisible$1, setIsVisible] = useState(false);
1366
- const initialDelay = useMemo(() => delay, []);
1367
- useEffect(() => {
1368
- const timeoutId = setTimeout(() => {
1369
- setIsVisible(true);
1370
- }, initialDelay);
1371
- return () => clearTimeout(timeoutId);
1372
- }, []);
1373
- return { isVisible: isVisible$1 };
1374
- };
1375
-
1376
- //#endregion
1377
- //#region src/hooks/useVisibleAfterPageVisits.ts
1378
- const useVisibleAfterPageVisits = ({ visits, respondent }) => {
1379
- const [visitCount, setVisitCount] = useLocalStorage(`cfti:${useMemo(() => window.location.pathname, [])}:visits:${respondent ?? ""}`, 0);
1380
- useEffect(() => {
1381
- setVisitCount((prev) => prev + 1);
1382
- }, [setVisitCount]);
1383
- return {
1384
- isVisible: visitCount >= visits,
1385
- reset: useCallback(() => setVisitCount(0), [setVisitCount])
1386
- };
1387
- };
1388
- const useVisibleAfterSessionPageVisits = ({ visits, respondent }) => {
1389
- const [visitCount, setVisitCount] = useSessionStorage(`cfti:${useMemo(() => window.location.pathname, [])}:visits:${respondent ?? ""}`, 0);
1390
- useEffect(() => {
1391
- setVisitCount((prev) => prev + 1);
1392
- }, [setVisitCount]);
1393
- return {
1394
- isVisible: visitCount >= visits,
1395
- reset: useCallback(() => setVisitCount(0), [setVisitCount])
1396
- };
1397
- };
1398
-
1399
- //#endregion
1400
- //#region src/hooks/useVisibleAfterScroll.ts
1401
- const useVisibleAfterScroll = ({ threshold }) => {
1402
- const [isVisible$1, setIsVisible] = useState(() => {
1403
- if (typeof window === "undefined") return false;
1404
- return window.scrollY >= threshold;
1405
- });
1406
- useEffect(() => {
1407
- const handleScroll = () => {
1408
- if (window.scrollY >= threshold) setIsVisible(true);
1409
- };
1410
- window.addEventListener("scroll", handleScroll, { passive: true });
1411
- return () => window.removeEventListener("scroll", handleScroll);
1412
- }, [threshold]);
1413
- return { isVisible: isVisible$1 };
1414
- };
1415
-
1416
- //#endregion
1417
- export { Confetti, ConfettiContext, ConfettiController, ConfettiProvider, Embed, EmbeddedConfetti, Flow, FreeText, MultiChoice, PopoverConfetti, PopoverContainer, Rating, SingleChoice, Statement, StepperConfetti, SurveyQuestionFactory, ThankYouMessage, useConfetti, useVisibleAfterDelay, useVisibleAfterPageVisits, useVisibleAfterScroll, useVisibleAfterSessionPageVisits };
1418
- //# sourceMappingURL=index.js.map
7
+ `.trim(),e.head.prepend(t)},[_]),c(()=>{let e=x.current;return()=>{g||sr(e.target??void 0);for(let t of e.disposables)t();e.disposables=[]}},[g]),{isPressed:p||y,pressProps:I(v,ue,{[yr]:!0})}}function xr(e){return e.tagName===`A`&&e.hasAttribute(`href`)}function Sr(e,t){let{key:n,code:r}=e,i=t,a=i.getAttribute(`role`);return(n===`Enter`||n===` `||n===`Spacebar`||r===`Space`)&&!(i instanceof M(i).HTMLInputElement&&!Er(i,n)||i instanceof M(i).HTMLTextAreaElement||i.isContentEditable)&&!((a===`link`||!a&&xr(i))&&n!==`Enter`)}function W(e,t){let n=t.clientX,r=t.clientY;return{currentTarget:e,shiftKey:t.shiftKey,ctrlKey:t.ctrlKey,metaKey:t.metaKey,altKey:t.altKey,clientX:n,clientY:r}}function Cr(e){return e instanceof HTMLInputElement?!1:e instanceof HTMLButtonElement?e.type!==`submit`&&e.type!==`reset`:!xr(e)}function wr(e,t){return e instanceof HTMLInputElement?!Er(e,t):Cr(e)}const Tr=new Set([`checkbox`,`radio`,`range`,`color`,`file`,`image`,`button`,`submit`,`reset`]);function Er(e,t){return e.type===`checkbox`||e.type===`radio`?t===` `:Tr.has(e.type)}let Dr=null,Or=new Set,kr=new Map,G=!1,Ar=!1;const jr={Tab:!0,Escape:!0};function Mr(e,t){for(let n of Or)n(e,t)}function Nr(e){return!(e.metaKey||!Dt()&&e.altKey||e.ctrlKey||e.key===`Control`||e.key===`Shift`||e.key===`Meta`)}function Pr(e){G=!0,!Ft.isOpening&&Nr(e)&&(Dr=`keyboard`,Mr(`keyboard`,e))}function Fr(e){Dr=`pointer`,`pointerType`in e&&e.pointerType,(e.type===`mousedown`||e.type===`pointerdown`)&&(G=!0,Mr(`pointer`,e))}function Ir(e){!Ft.isOpening&&Zt(e)&&(G=!0,Dr=`virtual`)}function Lr(e){e.target===window||e.target===document||tr||!e.isTrusted||(!G&&!Ar&&(Dr=`virtual`,Mr(`virtual`,e)),G=!1,Ar=!1)}function Rr(){tr||(G=!1,Ar=!0)}function zr(e){if(typeof window>`u`||typeof document>`u`||kr.get(M(e)))return;let t=M(e),n=j(e),r=t.HTMLElement.prototype.focus;t.HTMLElement.prototype.focus=function(){G=!0,r.apply(this,arguments)},n.addEventListener(`keydown`,Pr,!0),n.addEventListener(`keyup`,Pr,!0),n.addEventListener(`click`,Ir,!0),t.addEventListener(`focus`,Lr,!0),t.addEventListener(`blur`,Rr,!1),typeof PointerEvent<`u`&&(n.addEventListener(`pointerdown`,Fr,!0),n.addEventListener(`pointermove`,Fr,!0),n.addEventListener(`pointerup`,Fr,!0)),t.addEventListener(`beforeunload`,()=>{Br(e)},{once:!0}),kr.set(t,{focus:r})}const Br=(e,t)=>{let n=M(e),r=j(e);t&&r.removeEventListener(`DOMContentLoaded`,t),kr.has(n)&&(n.HTMLElement.prototype.focus=kr.get(n).focus,r.removeEventListener(`keydown`,Pr,!0),r.removeEventListener(`keyup`,Pr,!0),r.removeEventListener(`click`,Ir,!0),n.removeEventListener(`focus`,Lr,!0),n.removeEventListener(`blur`,Rr,!1),typeof PointerEvent<`u`&&(r.removeEventListener(`pointerdown`,Fr,!0),r.removeEventListener(`pointermove`,Fr,!0),r.removeEventListener(`pointerup`,Fr,!0)),kr.delete(n))};function Vr(e){let t=j(e),n;return t.readyState===`loading`?(n=()=>{zr(e)},t.addEventListener(`DOMContentLoaded`,n)):zr(e),()=>Br(e,n)}typeof document<`u`&&Vr();function Hr(){return Dr!==`pointer`}function Ur(){return Dr}function Wr(e){Dr=e,Mr(e,null)}const Gr=new Set([`checkbox`,`radio`,`range`,`color`,`file`,`image`,`button`,`submit`,`reset`]);function Kr(e,t,n){let r=j(n?.target),i=typeof window<`u`?M(n?.target).HTMLInputElement:HTMLInputElement,a=typeof window<`u`?M(n?.target).HTMLTextAreaElement:HTMLTextAreaElement,o=typeof window<`u`?M(n?.target).HTMLElement:HTMLElement,s=typeof window<`u`?M(n?.target).KeyboardEvent:KeyboardEvent;return e=e||r.activeElement instanceof i&&!Gr.has(r.activeElement.type)||r.activeElement instanceof a||r.activeElement instanceof o&&r.activeElement.isContentEditable,!(e&&t===`keyboard`&&n instanceof s&&!jr[n.key])}function qr(e,t,n){zr(),c(()=>{let t=(t,r)=>{Kr(!!n?.isTextInput,t,r)&&e(Hr())};return Or.add(t),()=>{Or.delete(t)}},t)}function Jr(e){let t=j(e);if(Ur()===`virtual`){let n=P(t);zt(()=>{let r=P(t);(r===n||r===t.body)&&e.isConnected&&bt(e)})}else bt(e)}function Yr(e){let{isDisabled:t,onFocus:n,onBlur:r,onFocusChange:i}=e,a=o(e=>{if(e.target===e.currentTarget)return r&&r(e),i&&i(!1),!0},[r,i]),s=er(a),c=o(e=>{let t=j(e.target),r=t?P(t):P();e.target===e.currentTarget&&r===F(e.nativeEvent)&&(n&&n(e),i&&i(!0),s(e))},[i,n,s]);return{focusProps:{onFocus:!t&&(n||i||r)?c:void 0,onBlur:!t&&(r||i)?a:void 0}}}function Xr(e){if(!e)return;let t=!0;return n=>{e({...n,preventDefault(){n.preventDefault()},isDefaultPrevented(){return n.isDefaultPrevented()},stopPropagation(){t=!0},continuePropagation(){t=!1},isPropagationStopped(){return t}}),t&&n.stopPropagation()}}function Zr(e){return{keyboardProps:e.isDisabled?{}:{onKeyDown:Xr(e.onKeyDown),onKeyUp:Xr(e.onKeyUp)}}}let Qr=r.createContext(null);function $r(e){let t=s(Qr)||{};Wt(t,e);let{ref:n,...r}=t;return r}function ei(e,t){let{focusProps:n}=Yr(e),{keyboardProps:r}=Zr(e),i=I(n,r),a=$r(t),o=e.isDisabled?{}:a,s=d(e.autoFocus);c(()=>{s.current&&t.current&&Jr(t.current),s.current=!1},[t]);let l=e.excludeFromTabOrder?-1:0;return e.isDisabled&&(l=void 0),{focusableProps:I({...i,tabIndex:l},o)}}function ti({children:e}){let t=l(()=>({register:()=>{}}),[]);return r.createElement(cr.Provider,{value:t},e)}function ni(e){let{isDisabled:t,onBlurWithin:n,onFocusWithin:r,onFocusWithinChange:i}=e,a=d({isFocusWithin:!1}),{addGlobalListener:s,removeAllGlobalListeners:c}=Bt(),l=o(e=>{e.currentTarget.contains(e.target)&&a.current.isFocusWithin&&!e.currentTarget.contains(e.relatedTarget)&&(a.current.isFocusWithin=!1,c(),n&&n(e),i&&i(!1))},[n,i,a,c]),u=er(l),f=o(e=>{if(!e.currentTarget.contains(e.target))return;let t=j(e.target),n=P(t);if(!a.current.isFocusWithin&&n===F(e.nativeEvent)){r&&r(e),i&&i(!0),a.current.isFocusWithin=!0,u(e);let n=e.currentTarget;s(t,`focus`,e=>{if(a.current.isFocusWithin&&!N(n,e.target)){let r=new t.defaultView.FocusEvent(`blur`,{relatedTarget:e.target});$n(r,n),l(Qn(r))}},{capture:!0})}},[r,i,u,s,l]);return t?{focusWithinProps:{onFocus:void 0,onBlur:void 0}}:{focusWithinProps:{onFocus:f,onBlur:l}}}let ri=!1,ii=0;function ai(){ri=!0,setTimeout(()=>{ri=!1},50)}function oi(e){e.pointerType===`touch`&&ai()}function si(){if(!(typeof document>`u`))return ii===0&&typeof PointerEvent<`u`&&document.addEventListener(`pointerup`,oi),ii++,()=>{ii--,!(ii>0)&&typeof PointerEvent<`u`&&document.removeEventListener(`pointerup`,oi)}}function ci(e){let{onHoverStart:t,onHoverChange:n,onHoverEnd:r,isDisabled:i}=e,[a,o]=f(!1),s=d({isHovered:!1,ignoreEmulatedMouseEvents:!1,pointerType:``,target:null}).current;c(si,[]);let{addGlobalListener:u,removeAllGlobalListeners:p}=Bt(),{hoverProps:m,triggerHoverEnd:h}=l(()=>{let e=(e,r)=>{if(s.pointerType=r,i||r===`touch`||s.isHovered||!e.currentTarget.contains(e.target))return;s.isHovered=!0;let c=e.currentTarget;s.target=c,u(j(e.target),`pointerover`,e=>{s.isHovered&&s.target&&!N(s.target,e.target)&&a(e,e.pointerType)},{capture:!0}),t&&t({type:`hoverstart`,target:c,pointerType:r}),n&&n(!0),o(!0)},a=(e,t)=>{let i=s.target;s.pointerType=``,s.target=null,!(t===`touch`||!s.isHovered||!i)&&(s.isHovered=!1,p(),r&&r({type:`hoverend`,target:i,pointerType:t}),n&&n(!1),o(!1))},c={};return typeof PointerEvent<`u`&&(c.onPointerEnter=t=>{ri&&t.pointerType===`mouse`||e(t,t.pointerType)},c.onPointerLeave=e=>{!i&&e.currentTarget.contains(e.target)&&a(e,e.pointerType)}),{hoverProps:c,triggerHoverEnd:a}},[t,n,r,i,s,u,p]);return c(()=>{i&&h({currentTarget:s.target},s.pointerType)},[i]),{hoverProps:m,isHovered:a}}function li(e){let{ref:t,onInteractOutside:n,isDisabled:r,onInteractOutsideStart:i}=e,a=d({isPointerDown:!1,ignoreEmulatedMouseEvents:!1}),o=B(e=>{n&&ui(e,t)&&(i&&i(e),a.current.isPointerDown=!0)}),s=B(e=>{n&&n(e)});c(()=>{let e=a.current;if(r)return;let n=t.current,i=j(n);if(typeof PointerEvent<`u`){let n=n=>{e.isPointerDown&&ui(n,t)&&s(n),e.isPointerDown=!1};return i.addEventListener(`pointerdown`,o,!0),i.addEventListener(`click`,n,!0),()=>{i.removeEventListener(`pointerdown`,o,!0),i.removeEventListener(`click`,n,!0)}}},[t,r])}function ui(e,t){if(e.button>0)return!1;if(e.target){let t=e.target.ownerDocument;if(!t||!t.documentElement.contains(e.target)||e.target.closest(`[data-react-aria-top-layer]`))return!1}return t.current?!e.composedPath().includes(t.current):!1}const di=r.createContext(null),fi=`react-aria-focus-scope-restore`;let K=null;function pi(e){let{children:t,contain:n,restoreFocus:i,autoFocus:a}=e,o=d(null),u=d(null),f=d([]),{parentNode:p}=s(di)||{},m=l(()=>new Ai({scopeRef:f}),[f]);A(()=>{let e=p||Z.root;if(Z.getTreeNode(e.scopeRef)&&K&&!xi(K,e.scopeRef)){let t=Z.getTreeNode(K);t&&(e=t)}e.addChild(m),Z.addNode(m)},[m,p]),A(()=>{let e=Z.getTreeNode(f);e&&(e.contain=!!n)},[n]),A(()=>{let e=o.current?.nextSibling,t=[],n=e=>e.stopPropagation();for(;e&&e!==u.current;)t.push(e),e.addEventListener(fi,n),e=e.nextSibling;return f.current=t,()=>{for(let e of t)e.removeEventListener(fi,n)}},[t]),Ti(f,i,n),vi(f,n),Di(f,i,n),wi(f,a),c(()=>{let e=P(j(f.current?f.current[0]:void 0)),t=null;if(q(e,f.current)){for(let n of Z.traverse())n.scopeRef&&q(e,n.scopeRef.current)&&(t=n);t===Z.getTreeNode(f)&&(K=t.scopeRef)}},[f]),A(()=>()=>{let e=Z.getTreeNode(f)?.parent?.scopeRef??null;(f===K||xi(f,K))&&(!e||Z.getTreeNode(e))&&(K=e),Z.removeTreeNode(f)},[f]);let h=l(()=>mi(f),[]),g=l(()=>({focusManager:h,parentNode:m}),[m,h]);return r.createElement(di.Provider,{value:g},r.createElement(`span`,{"data-focus-scope-start":!0,hidden:!0,ref:o}),t,r.createElement(`span`,{"data-focus-scope-end":!0,hidden:!0,ref:u}))}function mi(e){return{focusNext(t={}){let n=e.current,{from:r,tabbable:i,wrap:a,accept:o}=t,s=r||P(j(n[0]??void 0)),c=n[0].previousElementSibling,l=X(hi(n),{tabbable:i,accept:o},n);l.currentNode=q(s,n)?s:c;let u=l.nextNode();return!u&&a&&(l.currentNode=c,u=l.nextNode()),u&&Y(u,!0),u},focusPrevious(t={}){let n=e.current,{from:r,tabbable:i,wrap:a,accept:o}=t,s=r||P(j(n[0]??void 0)),c=n[n.length-1].nextElementSibling,l=X(hi(n),{tabbable:i,accept:o},n);l.currentNode=q(s,n)?s:c;let u=l.previousNode();return!u&&a&&(l.currentNode=c,u=l.previousNode()),u&&Y(u,!0),u},focusFirst(t={}){let n=e.current,{tabbable:r,accept:i}=t,a=X(hi(n),{tabbable:r,accept:i},n);a.currentNode=n[0].previousElementSibling;let o=a.nextNode();return o&&Y(o,!0),o},focusLast(t={}){let n=e.current,{tabbable:r,accept:i}=t,a=X(hi(n),{tabbable:r,accept:i},n);a.currentNode=n[n.length-1].nextElementSibling;let o=a.previousNode();return o&&Y(o,!0),o}}}function hi(e){return e[0].parentElement}function gi(e){let t=Z.getTreeNode(K);for(;t&&t.scopeRef!==e;){if(t.contain)return!1;t=t.parent}return!0}function _i(e){if(e.checked)return!0;let t=[];return t=e.form?[...e.form?.elements?.namedItem(e.name)??[]]:[...j(e).querySelectorAll(`input[type="radio"][name="${CSS.escape(e.name)}"]`)].filter(e=>!e.form),t?!t.some(e=>e.checked):!1}function vi(e,t){let n=d(void 0),r=d(void 0);A(()=>{let i=e.current;if(!t){r.current&&=(cancelAnimationFrame(r.current),void 0);return}let a=j(i?i[0]:void 0),o=t=>{if(t.key!==`Tab`||t.altKey||t.ctrlKey||t.metaKey||!gi(e)||t.isComposing)return;let n=P(a),r=e.current;if(!r||!q(n,r))return;let i=X(hi(r),{tabbable:!0},r);if(!n)return;i.currentNode=n;let o=t.shiftKey?i.previousNode():i.nextNode();o||=(i.currentNode=t.shiftKey?r[r.length-1].nextElementSibling:r[0].previousElementSibling,t.shiftKey?i.previousNode():i.nextNode()),t.preventDefault(),o&&Y(o,!0)},s=t=>{(!K||xi(K,e))&&q(F(t),e.current)?(K=e,n.current=F(t)):gi(e)&&!J(F(t),e)?n.current?n.current.focus():K&&K.current&&Ci(K.current):gi(e)&&(n.current=F(t))},c=t=>{r.current&&cancelAnimationFrame(r.current),r.current=requestAnimationFrame(()=>{let r=Ur(),i=(r===`virtual`||r===null)&&Nt()&&Mt(),o=P(a);if(!i&&o&&gi(e)&&!J(o,e)){K=e;let r=F(t);if(r&&r.isConnected){var s;n.current=r,(s=n.current)==null||s.focus()}else K.current&&Ci(K.current)}})};return a.addEventListener(`keydown`,o,!1),a.addEventListener(`focusin`,s,!1),i?.forEach(e=>e.addEventListener(`focusin`,s,!1)),i?.forEach(e=>e.addEventListener(`focusout`,c,!1)),()=>{a.removeEventListener(`keydown`,o,!1),a.removeEventListener(`focusin`,s,!1),i?.forEach(e=>e.removeEventListener(`focusin`,s,!1)),i?.forEach(e=>e.removeEventListener(`focusout`,c,!1))}},[e,t]),A(()=>()=>{r.current&&cancelAnimationFrame(r.current)},[r])}function yi(e){return J(e)}function q(e,t){return!e||!t?!1:t.some(t=>t.contains(e))}function J(e,t=null){if(e instanceof Element&&e.closest(`[data-react-aria-top-layer]`))return!0;for(let{scopeRef:n}of Z.traverse(Z.getTreeNode(t)))if(n&&q(e,n.current))return!0;return!1}function bi(e){return J(e,K)}function xi(e,t){let n=Z.getTreeNode(t)?.parent;for(;n;){if(n.scopeRef===e)return!0;n=n.parent}return!1}function Y(e,t=!1){if(e!=null&&!t)try{Jr(e)}catch{}else if(e!=null)try{e.focus()}catch{}}function Si(e,t=!0){let n=e[0].previousElementSibling,r=hi(e),i=X(r,{tabbable:t},e);i.currentNode=n;let a=i.nextNode();return t&&!a&&(r=hi(e),i=X(r,{tabbable:!1},e),i.currentNode=n,a=i.nextNode()),a}function Ci(e,t=!0){Y(Si(e,t))}function wi(e,t){let n=r.useRef(t);c(()=>{n.current&&(K=e,!q(P(j(e.current?e.current[0]:void 0)),K.current)&&e.current&&Ci(e.current)),n.current=!1},[e])}function Ti(e,t,n){A(()=>{if(t||n)return;let r=e.current,i=j(r?r[0]:void 0),a=t=>{let n=F(t);q(n,e.current)?K=e:yi(n)||(K=null)};return i.addEventListener(`focusin`,a,!1),r?.forEach(e=>e.addEventListener(`focusin`,a,!1)),()=>{i.removeEventListener(`focusin`,a,!1),r?.forEach(e=>e.removeEventListener(`focusin`,a,!1))}},[e,t,n])}function Ei(e){let t=Z.getTreeNode(K);for(;t&&t.scopeRef!==e;){if(t.nodeToRestore)return!1;t=t.parent}return t?.scopeRef===e}function Di(e,t,n){let r=d(typeof document<`u`?P(j(e.current?e.current[0]:void 0)):null);A(()=>{let r=e.current,i=j(r?r[0]:void 0);if(!t||n)return;let a=()=>{(!K||xi(K,e))&&q(P(i),e.current)&&(K=e)};return i.addEventListener(`focusin`,a,!1),r?.forEach(e=>e.addEventListener(`focusin`,a,!1)),()=>{i.removeEventListener(`focusin`,a,!1),r?.forEach(e=>e.removeEventListener(`focusin`,a,!1))}},[e,n]),A(()=>{let r=j(e.current?e.current[0]:void 0);if(!t)return;let i=t=>{if(t.key!==`Tab`||t.altKey||t.ctrlKey||t.metaKey||!gi(e)||t.isComposing)return;let n=r.activeElement;if(!J(n,e)||!Ei(e))return;let i=Z.getTreeNode(e);if(!i)return;let a=i.nodeToRestore,o=X(r.body,{tabbable:!0});o.currentNode=n;let s=t.shiftKey?o.previousNode():o.nextNode();if((!a||!a.isConnected||a===r.body)&&(a=void 0,i.nodeToRestore=void 0),(!s||!J(s,e))&&a){o.currentNode=a;do s=t.shiftKey?o.previousNode():o.nextNode();while(J(s,e));t.preventDefault(),t.stopPropagation(),s?Y(s,!0):yi(a)?Y(a,!0):n.blur()}};return n||r.addEventListener(`keydown`,i,!0),()=>{n||r.removeEventListener(`keydown`,i,!0)}},[e,t,n]),A(()=>{let n=j(e.current?e.current[0]:void 0);if(!t)return;let i=Z.getTreeNode(e);if(i)return i.nodeToRestore=r.current??void 0,()=>{let r=Z.getTreeNode(e);if(!r)return;let i=r.nodeToRestore,a=P(n);if(t&&i&&(a&&J(a,e)||a===n.body&&Ei(e))){let t=Z.clone();requestAnimationFrame(()=>{if(n.activeElement===n.body){let n=t.getTreeNode(e);for(;n;){if(n.nodeToRestore&&n.nodeToRestore.isConnected){Oi(n.nodeToRestore);return}n=n.parent}for(n=t.getTreeNode(e);n;){if(n.scopeRef&&n.scopeRef.current&&Z.getTreeNode(n.scopeRef)){Oi(Si(n.scopeRef.current,!0));return}n=n.parent}}})}}},[e,t])}function Oi(e){e.dispatchEvent(new CustomEvent(fi,{bubbles:!0,cancelable:!0}))&&Y(e)}function X(e,t,n){let r=t?.tabbable?fn:dn,i=j(e?.nodeType===Node.ELEMENT_NODE?e:null),a=dt(i,e||i,NodeFilter.SHOW_ELEMENT,{acceptNode(e){return t!=null&&t.from?.contains(e)||t?.tabbable&&e.tagName===`INPUT`&&e.getAttribute(`type`)===`radio`&&(!_i(e)||a.currentNode.tagName===`INPUT`&&a.currentNode.type===`radio`&&a.currentNode.name===e.name)?NodeFilter.FILTER_REJECT:r(e)&&(!n||q(e,n))&&(!t?.accept||t.accept(e))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return t?.from&&(a.currentNode=t.from),a}var ki=class e{get size(){return this.fastMap.size}getTreeNode(e){return this.fastMap.get(e)}addTreeNode(e,t,n){let r=this.fastMap.get(t??null);if(!r)return;let i=new Ai({scopeRef:e});r.addChild(i),i.parent=r,this.fastMap.set(e,i),n&&(i.nodeToRestore=n)}addNode(e){this.fastMap.set(e.scopeRef,e)}removeTreeNode(e){if(e===null)return;let t=this.fastMap.get(e);if(!t)return;let n=t.parent;for(let e of this.traverse())e!==t&&t.nodeToRestore&&e.nodeToRestore&&t.scopeRef&&t.scopeRef.current&&q(e.nodeToRestore,t.scopeRef.current)&&(e.nodeToRestore=t.nodeToRestore);let r=t.children;n&&(n.removeChild(t),r.size>0&&r.forEach(e=>n&&n.addChild(e))),this.fastMap.delete(t.scopeRef)}*traverse(e=this.root){if(e.scopeRef!=null&&(yield e),e.children.size>0)for(let t of e.children)yield*this.traverse(t)}clone(){let t=new e;for(let e of this.traverse())t.addTreeNode(e.scopeRef,e.parent?.scopeRef??null,e.nodeToRestore);return t}constructor(){this.fastMap=new Map,this.root=new Ai({scopeRef:null}),this.fastMap.set(null,this.root)}},Ai=class{addChild(e){this.children.add(e),e.parent=this}removeChild(e){this.children.delete(e),e.parent=void 0}constructor(e){this.children=new Set,this.contain=!1,this.scopeRef=e.scopeRef}};let Z=new ki;function ji(e={}){let{autoFocus:t=!1,isTextInput:n,within:r}=e,i=d({isFocused:!1,isFocusVisible:t||Hr()}),[a,s]=f(!1),[c,l]=f(()=>i.current.isFocused&&i.current.isFocusVisible),u=o(()=>l(i.current.isFocused&&i.current.isFocusVisible),[]),p=o(e=>{i.current.isFocused=e,s(e),u()},[u]);qr(e=>{i.current.isFocusVisible=e,u()},[],{isTextInput:n});let{focusProps:m}=Yr({isDisabled:r,onFocusChange:p}),{focusWithinProps:h}=ni({isDisabled:!r,onFocusWithinChange:p});return{isFocused:a,isFocusVisible:c,focusProps:r?h:m}}const Q=[];function Mi(e,t){let{onClose:n,shouldCloseOnBlur:r,isOpen:i,isDismissable:a=!1,isKeyboardDismissDisabled:o=!1,shouldCloseOnInteractOutside:s}=e;c(()=>{if(i&&!Q.includes(t))return Q.push(t),()=>{let e=Q.indexOf(t);e>=0&&Q.splice(e,1)}},[i,t]);let l=()=>{Q[Q.length-1]===t&&n&&n()},u=e=>{(!s||s(e.target))&&Q[Q.length-1]===t&&(e.stopPropagation(),e.preventDefault())},d=e=>{(!s||s(e.target))&&(Q[Q.length-1]===t&&(e.stopPropagation(),e.preventDefault()),l())},f=e=>{e.key===`Escape`&&!o&&!e.nativeEvent.isComposing&&(e.stopPropagation(),e.preventDefault(),l())};li({ref:t,onInteractOutside:a&&i?d:void 0,onInteractOutsideStart:u});let{focusWithinProps:p}=ni({isDisabled:!r,onBlurWithin:e=>{!e.relatedTarget||bi(e.relatedTarget)||(!s||s(e.relatedTarget))&&n?.()}}),m=e=>{e.target===e.currentTarget&&e.preventDefault()};return{overlayProps:{onKeyDown:f,...p},underlayProps:{onPointerDown:m}}}const Ni=typeof document<`u`&&window.visualViewport;let Pi=0,Fi;function Ii(e={}){let{isDisabled:t}=e;A(()=>{if(!t)return Pi++,Pi===1&&(Fi=At()?Ri():Li()),()=>{Pi--,Pi===0&&Fi()}},[t])}function Li(){let e=window.innerWidth-document.documentElement.clientWidth;return ot(e>0&&(`scrollbarGutter`in document.documentElement.style?zi(document.documentElement,`scrollbarGutter`,`stable`):zi(document.documentElement,`paddingRight`,`${e}px`)),zi(document.documentElement,`overflow`,`hidden`))}function Ri(){let e,t=!1,n=n=>{let r=n.target;e=Gt(r)?r:Kt(r,!0),t=!1;let i=r.ownerDocument.defaultView.getSelection();i&&!i.isCollapsed&&i.containsNode(r,!0)&&(t=!0),`selectionStart`in r&&`selectionEnd`in r&&r.selectionStart<r.selectionEnd&&r.ownerDocument.activeElement===r&&(t=!0)},r=document.createElement(`style`);r.textContent=`@layer {
8
+ * {
9
+ overscroll-behavior: contain;
10
+ }
11
+ }`,document.head.prepend(r);let i=n=>{if(!(n.touches.length===2||t)){if(!e||e===document.documentElement||e===document.body){n.preventDefault();return}e.scrollHeight===e.clientHeight&&e.scrollWidth===e.clientWidth&&n.preventDefault()}},a=e=>{let t=e.target,n=e.relatedTarget;n&&Jt(n)?(n.focus({preventScroll:!0}),Vi(n,Jt(t))):n||(t.parentElement?.closest(`[tabindex]`))?.focus({preventScroll:!0})},o=HTMLElement.prototype.focus;HTMLElement.prototype.focus=function(e){let t=document.activeElement!=null&&Jt(document.activeElement);o.call(this,{...e,preventScroll:!0}),(!e||!e.preventScroll)&&Vi(this,t)};let s=ot(Bi(document,`touchstart`,n,{passive:!1,capture:!0}),Bi(document,`touchmove`,i,{passive:!1,capture:!0}),Bi(document,`blur`,a,!0));return()=>{s(),r.remove(),HTMLElement.prototype.focus=o}}function zi(e,t,n){let r=e.style[t];return e.style[t]=n,()=>{e.style[t]=r}}function Bi(e,t,n,r){return e.addEventListener(t,n,r),()=>{e.removeEventListener(t,n,r)}}function Vi(e,t){t||!Ni?Hi(e):Ni.addEventListener(`resize`,()=>Hi(e),{once:!0})}function Hi(e){let t=document.scrollingElement||document.documentElement,n=e;for(;n&&n!==t;){let e=Kt(n);if(e!==document.documentElement&&e!==document.body&&e!==n){let t=e.getBoundingClientRect(),r=n.getBoundingClientRect();if(r.top<t.top||r.bottom>t.top+n.clientHeight){let n=t.bottom;Ni&&(n=Math.min(n,Ni.offsetTop+Ni.height));let i=r.top-t.top-((n-t.top)/2-r.height/2);e.scrollTo({top:Math.max(0,Math.min(e.scrollHeight-e.clientHeight,e.scrollTop+i)),behavior:`smooth`})}}n=e.parentElement}}const Ui=i({});function Wi(){return s(Ui)??{}}var Gi={};Gi={dismiss:`تجاهل`};var Ki={};Ki={dismiss:`Отхвърляне`};var qi={};qi={dismiss:`Odstranit`};var Ji={};Ji={dismiss:`Luk`};var Yi={};Yi={dismiss:`Schließen`};var Xi={};Xi={dismiss:`Απόρριψη`};var Zi={};Zi={dismiss:`Dismiss`};var Qi={};Qi={dismiss:`Descartar`};var $i={};$i={dismiss:`Lõpeta`};var ea={};ea={dismiss:`Hylkää`};var ta={};ta={dismiss:`Rejeter`};var na={};na={dismiss:`התעלם`};var ra={};ra={dismiss:`Odbaci`};var ia={};ia={dismiss:`Elutasítás`};var aa={};aa={dismiss:`Ignora`};var oa={};oa={dismiss:`閉じる`};var sa={};sa={dismiss:`무시`};var ca={};ca={dismiss:`Atmesti`};var la={};la={dismiss:`Nerādīt`};var ua={};ua={dismiss:`Lukk`};var da={};da={dismiss:`Negeren`};var fa={};fa={dismiss:`Zignoruj`};var pa={};pa={dismiss:`Descartar`};var ma={};ma={dismiss:`Dispensar`};var ha={};ha={dismiss:`Revocare`};var ga={};ga={dismiss:`Пропустить`};var _a={};_a={dismiss:`Zrušiť`};var va={};va={dismiss:`Opusti`};var ya={};ya={dismiss:`Odbaci`};var ba={};ba={dismiss:`Avvisa`};var xa={};xa={dismiss:`Kapat`};var Sa={};Sa={dismiss:`Скасувати`};var Ca={};Ca={dismiss:`取消`};var wa={};wa={dismiss:`關閉`};var Ta={};Ta={"ar-AE":Gi,"bg-BG":Ki,"cs-CZ":qi,"da-DK":Ji,"de-DE":Yi,"el-GR":Xi,"en-US":Zi,"es-ES":Qi,"et-EE":$i,"fi-FI":ea,"fr-FR":ta,"he-IL":na,"hr-HR":ra,"hu-HU":ia,"it-IT":aa,"ja-JP":oa,"ko-KR":sa,"lt-LT":ca,"lv-LV":la,"nb-NO":ua,"nl-NL":da,"pl-PL":fa,"pt-BR":pa,"pt-PT":ma,"ro-RO":ha,"ru-RU":ga,"sk-SK":_a,"sl-SI":va,"sr-SP":ya,"sv-SE":ba,"tr-TR":xa,"uk-UA":Sa,"zh-CN":Ca,"zh-TW":wa};const Ea={border:0,clip:`rect(0 0 0 0)`,clipPath:`inset(50%)`,height:`1px`,margin:`-1px`,overflow:`hidden`,padding:0,position:`absolute`,width:`1px`,whiteSpace:`nowrap`};function Da(e={}){let{style:t,isFocusable:n}=e,[r,i]=f(!1),{focusWithinProps:a}=ni({isDisabled:!n,onFocusWithinChange:e=>i(e)}),o=l(()=>r?t:t?{...Ea,...t}:Ea,[r]);return{visuallyHiddenProps:{...a,style:o}}}function Oa(e){let{children:t,elementType:n=`div`,isFocusable:i,style:a,...o}=e,{visuallyHiddenProps:s}=Da(e);return r.createElement(n,I(o,s),t)}function ka(e){return e&&e.__esModule?e.default:e}function Aa(e){let{onDismiss:t,...n}=e,i=Vt(n,Yn(ka(Ta),`@react-aria/overlays`).format(`dismiss`)),a=()=>{t&&t()};return r.createElement(Oa,null,r.createElement(`button`,{...i,tabIndex:-1,onClick:a,style:{width:1,height:1}}))}const ja=typeof HTMLElement<`u`&&`inert`in HTMLElement.prototype;let Ma=new WeakMap,$=[];function Na(e,t){let n=M(e?.[0]),r=t instanceof n.Element?{root:t}:t,i=r?.root??document.body,a=r?.shouldUseInert&&ja,o=new Set(e),s=new Set,c=e=>a&&e instanceof n.HTMLElement?e.inert:e.getAttribute(`aria-hidden`)===`true`,l=(e,t)=>{a&&e instanceof n.HTMLElement?e.inert=t:t?e.setAttribute(`aria-hidden`,`true`):(e.removeAttribute(`aria-hidden`),e instanceof n.HTMLElement&&(e.inert=!1))},u=e=>{for(let t of e.querySelectorAll(`[data-live-announcer], [data-react-aria-top-layer]`))o.add(t);let t=e=>{if(s.has(e)||o.has(e)||e.parentElement&&s.has(e.parentElement)&&e.parentElement.getAttribute(`role`)!==`row`)return NodeFilter.FILTER_REJECT;for(let t of o)if(e.contains(t))return NodeFilter.FILTER_SKIP;return NodeFilter.FILTER_ACCEPT},n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:t}),r=t(e);if(r===NodeFilter.FILTER_ACCEPT&&d(e),r!==NodeFilter.FILTER_REJECT){let e=n.nextNode();for(;e!=null;)d(e),e=n.nextNode()}},d=e=>{let t=Ma.get(e)??0;c(e)&&t===0||(t===0&&l(e,!0),s.add(e),Ma.set(e,t+1))};$.length&&$[$.length-1].disconnect(),u(i);let f=new MutationObserver(e=>{for(let t of e)if(t.type===`childList`&&![...o,...s].some(e=>e.contains(t.target)))for(let e of t.addedNodes)(e instanceof HTMLElement||e instanceof SVGElement)&&(e.dataset.liveAnnouncer===`true`||e.dataset.reactAriaTopLayer===`true`)?o.add(e):e instanceof Element&&u(e)});f.observe(i,{childList:!0,subtree:!0});let p={visibleNodes:o,hiddenNodes:s,observe(){f.observe(i,{childList:!0,subtree:!0})},disconnect(){f.disconnect()}};return $.push(p),()=>{f.disconnect();for(let e of s){let t=Ma.get(e);t!=null&&(t===1?(l(e,!1),Ma.delete(e)):Ma.set(e,t-1))}p===$[$.length-1]?($.pop(),$.length&&$[$.length-1].observe()):$.splice($.indexOf(p),1)}}const Pa=r.createContext(null);function Fa(e){let t=$e(),{portalContainer:n=t?null:document.body,isExiting:i}=e,[a,o]=f(!1),s=l(()=>({contain:a,setContain:o}),[a,o]),{getContainer:c}=Wi();if(!e.portalContainer&&c&&(n=c()),!n)return null;let u=e.children;return e.disableFocusManagement||(u=r.createElement(pi,{restoreFocus:!0,contain:(e.shouldContainFocus||a)&&!i},u)),u=r.createElement(Pa.Provider,{value:s},r.createElement(ti,null,u)),S.createPortal(u,n)}function Ia(){let e=s(Pa)?.setContain;A(()=>{e?.(!0)},[e])}function La(e,t,n){let{overlayProps:r,underlayProps:i}=Mi({...e,isOpen:t.isOpen,onClose:t.close},n);return Ii({isDisabled:!t.isOpen}),Ia(),c(()=>{if(t.isOpen&&n.current)return Na([n.current],{shouldUseInert:!0})},[t.isOpen,n]),{modalProps:I(r),underlayProps:i}}function Ra(e){let{id:t,label:n,"aria-labelledby":r,"aria-label":i,labelElementType:a=`label`}=e;t=rt(t);let o=rt(),s={};n&&(r=r?`${o} ${r}`:o,s={id:o,htmlFor:a===`label`?t:void 0});let c=Vt({id:t,"aria-label":i,"aria-labelledby":r});return{labelProps:s,fieldProps:c}}function za(e){let{description:t,errorMessage:n,isInvalid:r,validationState:i}=e,{labelProps:a,fieldProps:o}=Ra(e),s=at([!!t,!!n,r,i]),c=at([!!t,!!n,r,i]);return o=I(o,{"aria-describedby":[s,c,e[`aria-describedby`]].filter(Boolean).join(` `)||void 0}),{labelProps:a,fieldProps:o,descriptionProps:{id:s},errorMessageProps:{id:c}}}const Ba={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1,valid:!0},Va={...Ba,customError:!0,valid:!1},Ha={isInvalid:!1,validationDetails:Ba,validationErrors:[]},Ua=i({}),Wa=`__formValidationState`+Date.now();function Ga(e){if(e[Wa]){let{realtimeValidation:t,displayValidation:n,updateValidation:r,resetValidation:i,commitValidation:a}=e[Wa];return{realtimeValidation:t,displayValidation:n,updateValidation:r,resetValidation:i,commitValidation:a}}return Ka(e)}function Ka(e){let{isInvalid:t,validationState:n,name:r,value:i,builtinValidation:a,validate:o,validationBehavior:u=`aria`}=e;n&&(t||=n===`invalid`);let p=t===void 0?null:{isInvalid:t,validationErrors:[],validationDetails:Va},m=l(()=>!o||i==null?null:Ya(Ja(o,i)),[o,i]);a?.validationDetails.valid&&(a=void 0);let h=s(Ua),g=l(()=>r?Array.isArray(r)?r.flatMap(e=>qa(h[e])):qa(h[r]):[],[h,r]),[_,v]=f(h),[y,b]=f(!1);h!==_&&(v(h),b(!1));let x=l(()=>Ya(y?[]:g),[y,g]),S=d(Ha),[C,w]=f(Ha),T=d(Ha),E=()=>{if(!D)return;O(!1);let e=m||a||S.current;Xa(e,T.current)||(T.current=e,w(e))},[D,O]=f(!1);return c(E),{realtimeValidation:p||x||m||a||Ha,displayValidation:u===`native`?p||x||C:p||x||m||a||C,updateValidation(e){u===`aria`&&!Xa(C,e)?w(e):S.current=e},resetValidation(){let e=Ha;Xa(e,T.current)||(T.current=e,w(e)),u===`native`&&O(!1),b(!0)},commitValidation(){u===`native`&&O(!0),b(!0)}}}function qa(e){return e?Array.isArray(e)?e:[e]:[]}function Ja(e,t){if(typeof e==`function`){let n=e(t);if(n&&typeof n!=`boolean`)return qa(n)}return[]}function Ya(e){return e.length?{isInvalid:!0,validationErrors:e,validationDetails:Va}:null}function Xa(e,t){return e===t?!0:!!e&&!!t&&e.isInvalid===t.isInvalid&&e.validationErrors.length===t.validationErrors.length&&e.validationErrors.every((e,n)=>e===t.validationErrors[n])&&Object.entries(e.validationDetails).every(([e,n])=>t.validationDetails[e]===n)}function Za(...e){let t=new Set,n=!1,r={...Ba};for(let o of e){var i,a;for(let e of o.validationErrors)t.add(e);for(let e in n||=o.isInvalid,r)(i=r)[a=e]||(i[a]=o.validationDetails[e])}return r.valid=!n,{isInvalid:n,validationErrors:[...t],validationDetails:r}}function Qa(e,t,n){let{validationBehavior:r,focus:i}=e;A(()=>{if(r===`native`&&n?.current&&!n.current.disabled){let e=t.realtimeValidation.isInvalid?t.realtimeValidation.validationErrors.join(` `)||`Invalid value.`:``;n.current.setCustomValidity(e),n.current.hasAttribute(`title`)||(n.current.title=``),t.realtimeValidation.isInvalid||t.updateValidation(eo(n.current))}});let a=d(!1),o=B(()=>{a.current||t.resetValidation()}),s=B(e=>{t.displayValidation.isInvalid||t.commitValidation();let r=n?.current?.form;if(!e.defaultPrevented&&n&&r&&to(r)===n.current){var a;i?i():(a=n.current)==null||a.focus(),Wr(`keyboard`)}e.preventDefault()}),l=B(()=>{t.commitValidation()});c(()=>{let e=n?.current;if(!e)return;let t=e.form,r=t?.reset;return t&&(t.reset=()=>{a.current=!window.event||window.event.type===`message`&&window.event.target instanceof MessagePort,r?.call(t),a.current=!1}),e.addEventListener(`invalid`,s),e.addEventListener(`change`,l),t?.addEventListener(`reset`,o),()=>{e.removeEventListener(`invalid`,s),e.removeEventListener(`change`,l),t?.removeEventListener(`reset`,o),t&&(t.reset=r)}},[n,r])}function $a(e){let t=e.validity;return{badInput:t.badInput,customError:t.customError,patternMismatch:t.patternMismatch,rangeOverflow:t.rangeOverflow,rangeUnderflow:t.rangeUnderflow,stepMismatch:t.stepMismatch,tooLong:t.tooLong,tooShort:t.tooShort,typeMismatch:t.typeMismatch,valueMissing:t.valueMissing,valid:t.valid}}function eo(e){return{isInvalid:!e.validity.valid,validationDetails:$a(e),validationErrors:e.validationMessage?[e.validationMessage]:[]}}function to(e){for(let t=0;t<e.elements.length;t++){let n=e.elements[t];if(!n.validity.valid)return n}return null}function no(e,t){let{inputElementType:n=`input`,isDisabled:i=!1,isRequired:a=!1,isReadOnly:o=!1,type:s=`text`,validationBehavior:c=`aria`}=e,[l,u]=hn(e.value,e.defaultValue||``,e.onChange),{focusableProps:d}=ei(e,t),p=Ga({...e,value:l}),{isInvalid:m,validationErrors:h,validationDetails:g}=p.displayValidation,{labelProps:_,fieldProps:v,descriptionProps:y,errorMessageProps:b}=za({...e,isInvalid:m,errorMessage:e.errorMessage||h}),x=L(e,{labelable:!0}),S={type:s,pattern:e.pattern},[C]=f(l);return $t(t,e.defaultValue??C,u),Qa(e,p,t),{labelProps:_,inputProps:I(x,n===`input`?S:void 0,{disabled:i,readOnly:o,required:a&&c===`native`,"aria-required":a&&c===`aria`||void 0,"aria-invalid":m||void 0,"aria-errormessage":e[`aria-errormessage`],"aria-activedescendant":e[`aria-activedescendant`],"aria-autocomplete":e[`aria-autocomplete`],"aria-haspopup":e[`aria-haspopup`],"aria-controls":e[`aria-controls`],value:l,onChange:e=>u(e.target.value),autoComplete:e.autoComplete,autoCapitalize:e.autoCapitalize,maxLength:e.maxLength,minLength:e.minLength,name:e.name,form:e.form,placeholder:e.placeholder,inputMode:e.inputMode,autoCorrect:e.autoCorrect,spellCheck:e.spellCheck,[parseInt(r.version,10)>=17?`enterKeyHint`:`enterkeyhint`]:e.enterKeyHint,onCopy:e.onCopy,onCut:e.onCut,onPaste:e.onPaste,onCompositionEnd:e.onCompositionEnd,onCompositionStart:e.onCompositionStart,onCompositionUpdate:e.onCompositionUpdate,onSelect:e.onSelect,onBeforeInput:e.onBeforeInput,onInput:e.onInput,...d,...v}),descriptionProps:y,errorMessageProps:b,isInvalid:m,validationErrors:h,validationDetails:g}}if(typeof HTMLTemplateElement<`u`){let e=Object.getOwnPropertyDescriptor(Node.prototype,`firstChild`).get;Object.defineProperty(HTMLTemplateElement.prototype,`firstChild`,{configurable:!0,enumerable:!0,get:function(){return this.dataset.reactAriaHidden?this.content.firstChild:e.call(this)}})}const ro=i(!1);function io(e){let t=(t,n)=>s(ro)?null:e(t,n);return t.displayName=e.displayName||e.name,a(t)}function ao(e,t){let{elementType:n=`button`,isDisabled:r,onPress:i,onPressStart:a,onPressEnd:o,onPressUp:s,onPressChange:c,preventFocusOnPress:l,allowFocusWhenDisabled:u,onClick:d,href:f,target:p,rel:m,type:h=`button`}=e,g;g=n===`button`?{type:h,disabled:r,form:e.form,formAction:e.formAction,formEncType:e.formEncType,formMethod:e.formMethod,formNoValidate:e.formNoValidate,formTarget:e.formTarget,name:e.name,value:e.value}:{role:`button`,href:n===`a`&&!r?f:void 0,target:n===`a`?p:void 0,type:n===`input`?h:void 0,disabled:n===`input`?r:void 0,"aria-disabled":!r||n===`input`?void 0:r,rel:n===`a`?m:void 0};let{pressProps:_,isPressed:v}=br({onPressStart:a,onPressEnd:o,onPressChange:c,onPress:i,onPressUp:s,onClick:d,isDisabled:r,preventFocusOnPress:l,ref:t}),{focusableProps:y}=ei(e,t);u&&(y.tabIndex=r?-1:y.tabIndex);let b=I(y,_,L(e,{labelable:!0}));return{isPressed:v,buttonProps:I(g,b,{"aria-haspopup":e[`aria-haspopup`],"aria-expanded":e[`aria-expanded`],"aria-controls":e[`aria-controls`],"aria-pressed":e[`aria-pressed`],"aria-current":e[`aria-current`],"aria-disabled":e[`aria-disabled`]})}}function oo(e,t,n){let{isDisabled:r=!1,isReadOnly:i=!1,value:a,name:o,form:s,children:c,"aria-label":l,"aria-labelledby":u,validationState:d=`valid`,isInvalid:f,onPressStart:p,onPressEnd:m,onPressChange:h,onPress:g,onPressUp:_,onClick:v}=e,y=e=>{e.stopPropagation(),t.setSelected(e.target.checked)},{pressProps:b,isPressed:x}=br({onPressStart:p,onPressEnd:m,onPressChange:h,onPress:g,onPressUp:_,onClick:v,isDisabled:r}),{pressProps:S,isPressed:C}=br({onPressStart:p,onPressEnd:m,onPressChange:h,onPressUp:_,onClick:v,onPress(e){var r;g?.(e),t.toggle(),(r=n.current)==null||r.focus()},isDisabled:r||i}),{focusableProps:w}=ei(e,n),T=I(b,w),E=L(e,{labelable:!0});return $t(n,t.defaultSelected,t.setSelected),{labelProps:I(S,{onClick:e=>e.preventDefault()}),inputProps:I(E,{"aria-invalid":f||d===`invalid`||void 0,"aria-errormessage":e[`aria-errormessage`],"aria-controls":e[`aria-controls`],"aria-readonly":i||void 0,onChange:y,disabled:r,...a==null?{}:{value:a},name:o,form:s,type:`checkbox`,...T}),isSelected:t.isSelected,isPressed:x||C,isDisabled:r,isReadOnly:i,isInvalid:f||d===`invalid`}}function so(e,t,n){let r=Ga({...e,value:t.isSelected}),{isInvalid:i,validationErrors:a,validationDetails:o}=r.displayValidation,{labelProps:s,inputProps:u,isSelected:d,isPressed:f,isDisabled:p,isReadOnly:m}=oo({...e,isInvalid:i},t,n);Qa(e,r,n);let{isIndeterminate:h,isRequired:g,validationBehavior:_=`aria`}=e;c(()=>{n.current&&(n.current.indeterminate=!!h)});let{pressProps:v}=br({isDisabled:p||m,onPress(){let{[Wa]:t}=e,{commitValidation:n}=t||r;n()}});return{labelProps:I(s,v,l(()=>({onMouseDown:e=>e.preventDefault()}),[])),inputProps:{...u,checked:d,"aria-required":g&&_===`aria`||void 0,required:g&&_===`native`},isSelected:d,isPressed:f,isDisabled:p,isReadOnly:m,isInvalid:i,validationErrors:a,validationDetails:o}}const co=new WeakMap;function lo(e,t){let{isDisabled:n,name:r,form:i,validationBehavior:a=`aria`}=e,{isInvalid:o,validationErrors:s,validationDetails:c}=t.displayValidation,{labelProps:l,fieldProps:u,descriptionProps:d,errorMessageProps:f}=za({...e,labelElementType:`span`,isInvalid:o,errorMessage:e.errorMessage||s});co.set(t,{name:r,form:i,descriptionId:d.id,errorMessageId:f.id,validationBehavior:a});let p=L(e,{labelable:!0}),{focusWithinProps:m}=ni({onBlurWithin:e.onBlur,onFocusWithin:e.onFocus,onFocusWithinChange:e.onFocusChange});return{groupProps:I(p,{role:`group`,"aria-disabled":n||void 0,...u,...m}),labelProps:l,descriptionProps:d,errorMessageProps:f,isInvalid:o,validationErrors:s,validationDetails:c}}function uo(e={}){let{isReadOnly:t}=e,[n,r]=hn(e.isSelected,e.defaultSelected||!1,e.onChange),[i]=f(n);function a(e){t||r(e)}function o(){t||r(!n)}return{isSelected:n,defaultSelected:e.defaultSelected??i,setSelected:a,toggle:o}}function fo(e,t,n){let r=uo({isReadOnly:e.isReadOnly||t.isReadOnly,isSelected:t.isSelected(e.value),defaultSelected:t.defaultValue.includes(e.value),onChange(n){n?t.addValue(e.value):t.removeValue(e.value),e.onChange&&e.onChange(n)}}),{name:i,form:a,descriptionId:o,errorMessageId:s,validationBehavior:l}=co.get(t);l=e.validationBehavior??l;let{realtimeValidation:u}=Ga({...e,value:r.isSelected,name:void 0,validationBehavior:`aria`}),f=d(Ha),p=()=>{t.setInvalid(e.value,u.isInvalid?u:f.current)};c(p);let m=t.realtimeValidation.isInvalid?t.realtimeValidation:u,h=l===`native`?t.displayValidation:m,g=so({...e,isReadOnly:e.isReadOnly||t.isReadOnly,isDisabled:e.isDisabled||t.isDisabled,name:e.name||i,form:e.form||a,isRequired:e.isRequired??t.isRequired,validationBehavior:l,[Wa]:{realtimeValidation:m,displayValidation:h,resetValidation:t.resetValidation,commitValidation:t.commitValidation,updateValidation(e){f.current=e,p()}}},r,n);return{...g,inputProps:{...g.inputProps,"aria-describedby":[e[`aria-describedby`],t.isInvalid?s:null,o].filter(Boolean).join(` `)||void 0}}}function po(e,t){let{role:n=`dialog`}=e,r=at();r=e[`aria-label`]?void 0:r;let i=d(!1);return c(()=>{if(t.current&&!t.current.contains(document.activeElement)){Jr(t.current);let e=setTimeout(()=>{(document.activeElement===t.current||document.activeElement===document.body)&&(i.current=!0,t.current&&(t.current.blur(),Jr(t.current)),i.current=!1)},500);return()=>{clearTimeout(e)}}},[t]),Ia(),{dialogProps:{...L(e,{labelable:!0}),role:n,tabIndex:-1,"aria-labelledby":e[`aria-labelledby`]||r,onBlur:e=>{i.current&&e.stopPropagation()}},titleProps:{id:r}}}const mo=new WeakMap;function ho(e,t,n){let{value:r,children:i,"aria-label":a,"aria-labelledby":o,onPressStart:s,onPressEnd:c,onPressChange:u,onPress:d,onPressUp:f,onClick:p}=e,m=e.isDisabled||t.isDisabled,h=t.selectedValue===r,g=e=>{e.stopPropagation(),t.setSelectedValue(r)},{pressProps:_,isPressed:v}=br({onPressStart:s,onPressEnd:c,onPressChange:u,onPress:d,onPressUp:f,onClick:p,isDisabled:m}),{pressProps:y,isPressed:b}=br({onPressStart:s,onPressEnd:c,onPressChange:u,onPressUp:f,onClick:p,isDisabled:m,onPress(e){var i;d?.(e),t.setSelectedValue(r),(i=n.current)==null||i.focus()}}),{focusableProps:x}=ei(I(e,{onFocus:()=>t.setLastFocusedValue(r)}),n),S=I(_,x),C=L(e,{labelable:!0}),w=-1;t.selectedValue==null?(t.lastFocusedValue===r||t.lastFocusedValue==null)&&(w=0):t.selectedValue===r&&(w=0),m&&(w=void 0);let{name:T,form:E,descriptionId:D,errorMessageId:O,validationBehavior:ee}=mo.get(t);return $t(n,t.defaultSelectedValue,t.setSelectedValue),Qa({validationBehavior:ee},t,n),{labelProps:I(y,l(()=>({onClick:e=>e.preventDefault(),onMouseDown:e=>e.preventDefault()}),[])),inputProps:I(C,{...S,type:`radio`,name:T,form:E,tabIndex:w,disabled:m,required:t.isRequired&&ee===`native`,checked:h,value:r,onChange:g,"aria-describedby":[e[`aria-describedby`],t.isInvalid?O:null,D].filter(Boolean).join(` `)||void 0}),isDisabled:m,isSelected:h,isPressed:v||b}}function go(e,t){let{name:n,form:r,isReadOnly:i,isRequired:a,isDisabled:o,orientation:s=`vertical`,validationBehavior:c=`aria`}=e,{direction:l}=In(),{isInvalid:u,validationErrors:d,validationDetails:f}=t.displayValidation,{labelProps:p,fieldProps:m,descriptionProps:h,errorMessageProps:g}=za({...e,labelElementType:`span`,isInvalid:t.isInvalid,errorMessage:e.errorMessage||d}),_=L(e,{labelable:!0}),{focusWithinProps:v}=ni({onBlurWithin(n){var r;(r=e.onBlur)==null||r.call(e,n),t.selectedValue||t.setLastFocusedValue(null)},onFocusWithin:e.onFocus,onFocusWithinChange:e.onFocusChange}),y=e=>{let n;switch(e.key){case`ArrowRight`:n=l===`rtl`&&s!==`vertical`?`prev`:`next`;break;case`ArrowLeft`:n=l===`rtl`&&s!==`vertical`?`next`:`prev`;break;case`ArrowDown`:n=`next`;break;case`ArrowUp`:n=`prev`;break;default:return}e.preventDefault();let r=X(e.currentTarget,{from:e.target,accept:e=>e instanceof M(e).HTMLInputElement&&e.type===`radio`}),i;n===`next`?(i=r.nextNode(),i||=(r.currentNode=e.currentTarget,r.firstChild())):(i=r.previousNode(),i||=(r.currentNode=e.currentTarget,r.lastChild())),i&&(i.focus(),t.setSelectedValue(i.value))},b=rt(n);return mo.set(t,{name:b,form:r,descriptionId:h.id,errorMessageId:g.id,validationBehavior:c}),{radioGroupProps:I(_,{role:`radiogroup`,onKeyDown:y,"aria-invalid":t.isInvalid||void 0,"aria-errormessage":e[`aria-errormessage`],"aria-readonly":i||void 0,"aria-required":a||void 0,"aria-disabled":o||void 0,"aria-orientation":s,...m,...v}),labelProps:p,descriptionProps:h,errorMessageProps:g,isInvalid:u,validationErrors:d,validationDetails:f}}const _o=i({}),vo=io(function(e,t){[e,t]=U(e,t,_o);let{elementType:n=`label`,...i}=e;return r.createElement(n,{className:`react-aria-Label`,...i,ref:t})}),yo=i(null),bo=i({}),xo=io(function(e,t){[e,t]=U(e,t,bo);let n=e,{isPending:i}=n,{buttonProps:a,isPressed:o}=ao(e,t);a=So(a,i);let{focusProps:s,isFocused:l,isFocusVisible:u}=ji(e),{hoverProps:f,isHovered:p}=ci({...e,isDisabled:e.isDisabled||i}),m={isHovered:p,isPressed:(n.isPressed||o)&&!i,isFocused:l,isFocusVisible:u,isDisabled:e.isDisabled||!1,isPending:i??!1},h=H({...e,values:m,defaultClassName:`react-aria-Button`}),g=rt(a.id),_=rt(),v=a[`aria-labelledby`];i&&(v?v=`${v} ${_}`:a[`aria-label`]&&(v=`${g} ${_}`));let y=d(i);c(()=>{let e={"aria-labelledby":v||g};(!y.current&&l&&i||y.current&&l&&!i)&&wn(e,`assertive`),y.current=i},[i,l,v,g]);let b=L(e,{global:!0});return delete b.onClick,r.createElement(`button`,{...I(b,h,a,s,f),type:a.type===`submit`&&i?`button`:a.type,id:g,ref:t,"aria-labelledby":v,slot:e.slot||void 0,"aria-disabled":i?`true`:a[`aria-disabled`],"data-disabled":e.isDisabled||void 0,"data-pressed":m.isPressed||void 0,"data-hovered":p||void 0,"data-focused":l||void 0,"data-pending":i||void 0,"data-focus-visible":u||void 0},r.createElement(yo.Provider,{value:{id:_}},h.children))});function So(e,t){if(t){for(let t in e)t.startsWith(`on`)&&!(t.includes(`Focus`)||t.includes(`Blur`))&&(e[t]=void 0);e.href=void 0,e.target=void 0}return e}const Co=i({}),wo=a(function(e,t){[e,t]=U(e,t,Co);let{elementType:n=`span`,...i}=e;return r.createElement(n,{className:`react-aria-Text`,...i,ref:t})});function To(e={}){let[t,n]=hn(e.value,e.defaultValue||[],e.onChange),[r]=f(t),i=!!e.isRequired&&t.length===0,a=d(new Map),o=Ga({...e,value:t}),s=o.displayValidation.isInvalid;return{...o,value:t,defaultValue:e.defaultValue??r,setValue(t){e.isReadOnly||e.isDisabled||n(t)},isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isSelected(e){return t.includes(e)},addValue(t){e.isReadOnly||e.isDisabled||n(e=>e.includes(t)?e:e.concat(t))},removeValue(r){e.isReadOnly||e.isDisabled||t.includes(r)&&n(t.filter(e=>e!==r))},toggleValue(r){e.isReadOnly||e.isDisabled||(t.includes(r)?n(t.filter(e=>e!==r)):n(t.concat(r)))},setInvalid(e,t){let n=new Map(a.current);t.isInvalid?n.set(e,t):n.delete(e),a.current=n,o.updateValidation(Za(...n.values()))},validationState:e.validationState??(s?`invalid`:null),isInvalid:s,isRequired:i}}function Eo(e){let[t,n]=hn(e.isOpen,e.defaultOpen||!1,e.onOpenChange);return{isOpen:t,setOpen:n,open:o(()=>{n(!0)},[n]),close:o(()=>{n(!1)},[n]),toggle:o(()=>{n(!t)},[n,t])}}let Do=Math.round(Math.random()*1e10),Oo=0;function ko(e){let t=l(()=>e.name||`radio-group-${Do}-${++Oo}`,[e.name]),[n,r]=hn(e.value,e.defaultValue??null,e.onChange),[i]=f(n),[a,o]=f(null),s=Ga({...e,value:n}),c=t=>{!e.isReadOnly&&!e.isDisabled&&(r(t),s.commitValidation())},u=s.displayValidation.isInvalid;return{...s,name:t,selectedValue:n,defaultSelectedValue:e.value===void 0?e.defaultValue??null:i,setSelectedValue:c,lastFocusedValue:a,setLastFocusedValue:o,isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isRequired:e.isRequired||!1,validationState:e.validationState||(u?`invalid`:null),isInvalid:u}}const Ao=i(null),jo=a(function(e,t){return s(Ao)?.isInvalid?r.createElement(Mo,{...e,ref:t}):null}),Mo=a((e,t)=>{let n=s(Ao),i=L(e,{global:!0}),a=H({...e,defaultClassName:`react-aria-FieldError`,defaultChildren:n.validationErrors.length===0?void 0:n.validationErrors.join(` `),values:n});return a.children==null?null:r.createElement(wo,{slot:`errorMessage`,...i,...a,ref:t})}),No=i(null),Po=i(null),Fo=i(null),Io=a(function(e,t){[e,t]=U(e,t,Po);let{validationBehavior:n}=yn(No)||{},i=e.validationBehavior??n??`native`,a=To({...e,validationBehavior:i}),[o,s]=bn(!e[`aria-label`]&&!e[`aria-labelledby`]),{groupProps:c,labelProps:l,descriptionProps:u,errorMessageProps:d,...f}=lo({...e,label:s,validationBehavior:i},a),p=H({...e,values:{isDisabled:a.isDisabled,isReadOnly:a.isReadOnly,isRequired:e.isRequired||!1,isInvalid:a.isInvalid,state:a},defaultClassName:`react-aria-CheckboxGroup`}),m=L(e,{global:!0});return r.createElement(`div`,{...I(m,p,c),ref:t,slot:e.slot||void 0,"data-readonly":a.isReadOnly||void 0,"data-required":e.isRequired||void 0,"data-invalid":a.isInvalid||void 0,"data-disabled":e.isDisabled||void 0},r.createElement(_n,{values:[[Fo,a],[_o,{...l,ref:o,elementType:`span`}],[Co,{slots:{description:u,errorMessage:d}}],[Ao,f]]},p.children))}),Lo=a(function(e,t){let{inputRef:n=null,...i}=e;[e,t]=U(i,t,Re);let{validationBehavior:a}=yn(No)||{},o=e.validationBehavior??a??`native`,c=s(Fo),u=Ht(l(()=>ft(n,e.inputRef===void 0?null:e.inputRef),[n,e.inputRef])),{labelProps:d,inputProps:f,isSelected:p,isDisabled:m,isReadOnly:h,isPressed:g,isInvalid:_}=c?fo({...xn(e),value:e.value,children:typeof e.children==`function`?!0:e.children},c,u):so({...xn(e),children:typeof e.children==`function`?!0:e.children,validationBehavior:o},uo(e),u),{isFocused:v,isFocusVisible:y,focusProps:b}=ji(),x=m||h,{hoverProps:S,isHovered:C}=ci({...e,isDisabled:x}),w=H({...e,defaultClassName:`react-aria-Checkbox`,values:{isSelected:p,isIndeterminate:e.isIndeterminate||!1,isPressed:g,isHovered:C,isFocused:v,isFocusVisible:y,isDisabled:m,isReadOnly:h,isInvalid:_,isRequired:e.isRequired||!1}}),T=L(e,{global:!0});return delete T.id,delete T.onClick,r.createElement(`label`,{...I(T,d,S,w),ref:t,slot:e.slot||void 0,"data-selected":p||void 0,"data-indeterminate":e.isIndeterminate||void 0,"data-pressed":g||void 0,"data-hovered":C||void 0,"data-focused":v||void 0,"data-focus-visible":y||void 0,"data-disabled":m||void 0,"data-readonly":h||void 0,"data-invalid":_||void 0,"data-required":e.isRequired||void 0},r.createElement(Oa,{elementType:`span`},r.createElement(`input`,{...I(f,b),ref:u})),w.children)}),Ro=i({}),zo=i({});let Bo=e=>{let{onHoverStart:t,onHoverChange:n,onHoverEnd:r,...i}=e;return i};const Vo=io(function(e,t){[e,t]=U(e,t,zo);let{hoverProps:n,isHovered:i}=ci({...e,isDisabled:e.disabled}),{isFocused:a,isFocusVisible:o,focusProps:s}=ji({isTextInput:!0,autoFocus:e.autoFocus}),c=!!e[`aria-invalid`]&&e[`aria-invalid`]!==`false`,l=H({...e,values:{isHovered:i,isFocused:a,isFocusVisible:o,isDisabled:e.disabled||!1,isInvalid:c},defaultClassName:`react-aria-Input`});return r.createElement(`input`,{...I(Bo(e),s,n),...l,ref:t,"data-focused":a||void 0,"data-disabled":e.disabled||void 0,"data-hovered":i||void 0,"data-focus-visible":o||void 0,"data-invalid":c||void 0})}),Ho=i(null);function Uo(e){let t=d({});return r.createElement(Ho.Provider,{value:t},e.children)}const Wo=i({isSelected:!1}),Go=i(null),Ko=i(null),qo=a(function(e,t){let n=e[`aria-labelledby`];[e,t]=U(e,t,Go);let{dialogProps:i,titleProps:a}=po({...e,"aria-labelledby":n},t),o=s(Ko);!i[`aria-label`]&&!i[`aria-labelledby`]&&e[`aria-labelledby`]&&(i[`aria-labelledby`]=e[`aria-labelledby`]);let c=H({defaultClassName:`react-aria-Dialog`,className:e.className,style:e.style,children:e.children,values:{close:o?.close||(()=>{})}}),l=L(e,{global:!0});return r.createElement(`section`,{...I(l,c,i),ref:t,slot:e.slot||void 0},r.createElement(_n,{values:[[ze,{slots:{[gn]:{},title:{...a,level:2}}}],[bo,{slots:{[gn]:{},close:{onPress:()=>o?.close()}}}]]},c.children))}),Jo=i(null),Yo=i(null),Xo=a(function(e,t){if(s(Yo))return r.createElement(es,{...e,modalRef:t},e.children);let{isDismissable:n,isKeyboardDismissDisabled:i,isOpen:a,defaultOpen:o,onOpenChange:c,children:l,isEntering:u,isExiting:d,UNSTABLE_portalContainer:f,shouldCloseOnInteractOutside:p,...m}=e;return r.createElement(Qo,{isDismissable:n,isKeyboardDismissDisabled:i,isOpen:a,defaultOpen:o,onOpenChange:c,isEntering:u,isExiting:d,UNSTABLE_portalContainer:f,shouldCloseOnInteractOutside:p},r.createElement(es,{...m,modalRef:t},l))});function Zo(e,t){[e,t]=U(e,t,Jo);let n=s(Ko),i=Eo(e),a=e.isOpen!=null||e.defaultOpen!=null||!n?i:n,o=Ht(t),c=d(null),l=tn(o,a.isOpen),u=tn(c,a.isOpen),f=l||u||e.isExiting||!1,p=$e();return!a.isOpen&&!f||p?null:r.createElement($o,{...e,state:a,isExiting:f,overlayRef:o,modalRef:c})}const Qo=a(Zo);function $o({UNSTABLE_portalContainer:e,...t}){let n=t.modalRef,{state:i}=t,{modalProps:a,underlayProps:o}=La(t,i,n),s=en(t.overlayRef)||t.isEntering||!1,c=H({...t,defaultClassName:`react-aria-ModalOverlay`,values:{isEntering:s,isExiting:t.isExiting,state:i}}),l=Yt(),u;if(typeof document<`u`){let e=Gt(document.body)?document.body:document.scrollingElement||document.documentElement,t=e.getBoundingClientRect().height%1;u=e.scrollHeight-t}let d={...c.style,"--visual-viewport-height":l.height+`px`,"--page-height":u===void 0?void 0:u+`px`};return r.createElement(Fa,{isExiting:t.isExiting,portalContainer:e},r.createElement(`div`,{...I(L(t,{global:!0}),o),...c,style:d,ref:t.overlayRef,"data-entering":s||void 0,"data-exiting":t.isExiting||void 0},r.createElement(_n,{values:[[Yo,{modalProps:a,modalRef:n,isExiting:t.isExiting,isDismissable:t.isDismissable}],[Ko,i]]},c.children)))}function es(e){let{modalProps:t,modalRef:n,isExiting:i,isDismissable:a}=s(Yo),o=s(Ko),c=Ht(l(()=>ft(e.modalRef,n),[e.modalRef,n])),u=en(c),d=H({...e,defaultClassName:`react-aria-Modal`,values:{isEntering:u,isExiting:i,state:o}});return r.createElement(`div`,{...I(L(e,{global:!0}),t),...d,ref:c,"data-entering":u||void 0,"data-exiting":i||void 0},a&&r.createElement(Aa,{onDismiss:o.close}),d.children)}const ts=i(null),ns=i(null),rs=i(null),is=a(function(e,t){[e,t]=U(e,t,ts);let{validationBehavior:n}=yn(No)||{},i=e.validationBehavior??n??`native`,a=ko({...e,validationBehavior:i}),[o,s]=bn(!e[`aria-label`]&&!e[`aria-labelledby`]),{radioGroupProps:c,labelProps:l,descriptionProps:u,errorMessageProps:d,...f}=go({...e,label:s,validationBehavior:i},a),p=H({...e,values:{orientation:e.orientation||`vertical`,isDisabled:a.isDisabled,isReadOnly:a.isReadOnly,isRequired:a.isRequired,isInvalid:a.isInvalid,state:a},defaultClassName:`react-aria-RadioGroup`}),m=L(e,{global:!0});return r.createElement(`div`,{...I(m,p,c),ref:t,slot:e.slot||void 0,"data-orientation":e.orientation||`vertical`,"data-invalid":a.isInvalid||void 0,"data-disabled":a.isDisabled||void 0,"data-readonly":a.isReadOnly||void 0,"data-required":a.isRequired||void 0},r.createElement(_n,{values:[[rs,a],[_o,{...l,ref:o,elementType:`span`}],[Co,{slots:{description:u,errorMessage:d}}],[Ao,f]]},r.createElement(Uo,null,p.children)))}),as=a(function(e,t){let{inputRef:n=null,...i}=e;[e,t]=U(i,t,ns);let a=r.useContext(rs),o=Ht(l(()=>ft(n,e.inputRef===void 0?null:e.inputRef),[n,e.inputRef])),{labelProps:s,inputProps:c,isSelected:u,isDisabled:d,isPressed:f}=ho({...xn(e),children:typeof e.children==`function`?!0:e.children},a,o),{isFocused:p,isFocusVisible:m,focusProps:h}=ji(),g=d||a.isReadOnly,{hoverProps:_,isHovered:v}=ci({...e,isDisabled:g}),y=H({...e,defaultClassName:`react-aria-Radio`,values:{isSelected:u,isPressed:f,isHovered:v,isFocused:p,isFocusVisible:m,isDisabled:d,isReadOnly:a.isReadOnly,isInvalid:a.isInvalid,isRequired:a.isRequired}}),b=L(e,{global:!0});return delete b.id,delete b.onClick,r.createElement(`label`,{...I(b,s,_,y),ref:t,"data-selected":u||void 0,"data-pressed":f||void 0,"data-hovered":v||void 0,"data-focused":p||void 0,"data-focus-visible":m||void 0,"data-disabled":d||void 0,"data-readonly":a.isReadOnly||void 0,"data-invalid":a.isInvalid||void 0,"data-required":a.isRequired||void 0},r.createElement(Oa,{elementType:`span`},r.createElement(`input`,{...I(c,h),ref:o})),r.createElement(Wo.Provider,{value:{isSelected:u}},y.children))}),os=i({});let ss=e=>{let{onHoverStart:t,onHoverChange:n,onHoverEnd:r,...i}=e;return i};const cs=a(function(e,t){[e,t]=U(e,t,os);let{hoverProps:n,isHovered:i}=ci(e),{isFocused:a,isFocusVisible:o,focusProps:s}=ji({isTextInput:!0,autoFocus:e.autoFocus}),c=!!e[`aria-invalid`]&&e[`aria-invalid`]!==`false`,l=H({...e,values:{isHovered:i,isFocused:a,isFocusVisible:o,isDisabled:e.disabled||!1,isInvalid:c},defaultClassName:`react-aria-TextArea`});return r.createElement(`textarea`,{...I(ss(e),s,n),...l,ref:t,"data-focused":a||void 0,"data-disabled":e.disabled||void 0,"data-hovered":i||void 0,"data-focus-visible":o||void 0,"data-invalid":c||void 0})}),ls=i(null),us=io(function(e,t){[e,t]=U(e,t,ls);let{validationBehavior:n}=yn(No)||{},i=e.validationBehavior??n??`native`,a=d(null);[e,a]=U(e,a,Be);let[s,c]=bn(!e[`aria-label`]&&!e[`aria-labelledby`]),[l,u]=f(`input`),{labelProps:p,inputProps:m,descriptionProps:h,errorMessageProps:g,..._}=no({...xn(e),inputElementType:l,label:c,validationBehavior:i},a),v=o(e=>{a.current=e,e&&u(e instanceof HTMLTextAreaElement?`textarea`:`input`)},[a]),y=H({...e,values:{isDisabled:e.isDisabled||!1,isInvalid:_.isInvalid,isReadOnly:e.isReadOnly||!1,isRequired:e.isRequired||!1},defaultClassName:`react-aria-TextField`}),b=L(e,{global:!0});return delete b.id,r.createElement(`div`,{...b,...y,ref:t,slot:e.slot||void 0,"data-disabled":e.isDisabled||void 0,"data-invalid":_.isInvalid||void 0,"data-readonly":e.isReadOnly||void 0,"data-required":e.isRequired||void 0},r.createElement(_n,{values:[[_o,{...p,ref:s}],[zo,{...m,ref:v}],[os,{...m,ref:v}],[Ro,{role:`presentation`,isInvalid:_.isInvalid,isDisabled:e.isDisabled||!1}],[Co,{slots:{description:h,errorMessage:g}}],[Ao,_]]},y.children))}),ds=({title:e,description:t,classNames:n})=>{let{survey:r,dismiss:i}=ke();if(!r)return null;let a=t||r.confirmation.description;return b(v,{children:[y(`div`,{className:x(`cf-question`,n?.question),children:b(`div`,{className:x(`cf-header`,n?.header),children:[y(vo,{className:x(`cf-title`,n?.title),children:e||r.confirmation.title||`Feedback submitted!`}),a&&y(wo,{slot:`description`,className:x(`cf-description`,n?.description),children:a})]})}),y(xo,{className:`cf-submit-button`,onPress:i,children:r.confirmation.buttonText||`Close`})]})},fs=({className:e,iconClassName:t,onClose:n})=>y(`button`,{type:`button`,className:e,"aria-label":`Dismiss`,onClick:n,children:y(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 16 16`,fill:`none`,className:t,children:y(`path`,{fill:`currentColor`,fillRule:`evenodd`,d:`M3.53 3.529c.26-.26.682-.26.942 0l3.529 3.528 3.528-3.528a.667.667 0 0 1 .943.942L8.943 8l3.53 3.528a.667.667 0 0 1-.944.943L8.001 8.943 4.472 12.47a.667.667 0 1 1-.943-.943L7.058 8 3.529 4.47a.667.667 0 0 1 0-.942Z`,clipRule:`evenodd`})})}),ps=({children:e,classNames:t,onDismiss:n,isDismissable:r=!0,closeOnFinishMs:i=3e3})=>{let{survey:a,surveyId:o,dismiss:s}=ke(),[c,l]=f(!1);return h(()=>{a&&s()},c?i:null),y(Qo,{isOpen:!0,isDismissable:r,isKeyboardDismissDisabled:!r,onOpenChange:async e=>{e||(await s(),n?.())},className:x(`confetti-modal-overlay`,t?.overlay),children:y(Xo,{className:x(`confetti-modal`,t?.modal),children:b(qo,{"aria-label":`Survey`,id:`${o}-popover`,className:x(`confetti-modal-dialog`,t?.dialog),children:[r&&y(fs,{className:x(`confetti-modal-dialog-close`,t?.closeButton),iconClassName:t?.icon,onClose:async()=>{await s(),n?.()}}),typeof e==`function`?e({setIsFinished:()=>l(!0)}):e]})})})},ms=({children:e,classNames:t,containerProps:n,onDismiss:r,closeOnFinishMs:i=3e3})=>{let{surveyId:a,survey:o,dismiss:s}=ke(),[c,l]=f(!1);return h(()=>{o&&s()},c?i:null),b(`div`,{className:x(`confetti-dialog`,t?.dialog),id:`${a}-popover`,...n,children:[y(fs,{className:x(`confetti-dialog-close`,t?.closeButton),iconClassName:t?.icon,onClose:async()=>{await s(),r?.()}}),typeof e==`function`?e({setIsFinished:()=>l(!0)}):e]})},hs=({id:e,title:t,description:n,properties:r,onChange:i,classNames:a,required:o,error:s})=>{let[l,u]=f(``);return c(()=>{i(l)},[i,l]),b(us,{isRequired:o,isInvalid:!!s,name:e,className:x(`cf-question`,a?.question),value:l,onChange:e=>{u(e),i(e)},children:[b(`div`,{className:x(`cf-header`,a?.header),children:[b(vo,{className:x(`cf-title`,a?.title),children:[t,!o&&b(`span`,{className:x(`cf-label-optional`,a?.optionalLabel),children:[` `,`(optional)`]})]}),n&&y(wo,{slot:`description`,className:x(`cf-description`,a?.description),children:n})]}),y(cs,{className:x(`cf-textarea`,a?.textarea),maxLength:r.max,rows:4,placeholder:r.placeholder||`Start typing...`}),y(jo,{className:x(`cf-error`,a?.error),children:s})]})},gs=({children:e,classNames:t,description:n,...r})=>y(Lo,{...r,children:({isIndeterminate:r})=>b(v,{children:[b(`div`,{className:x(`cf-choice-label`,t?.label),children:[y(`div`,{className:x(`cf-checkbox-indicator`,t?.indicator),children:y(`svg`,{viewBox:`0 0 18 18`,"aria-hidden":`true`,className:x(`cf-checkbox-indicator-svg`,t?.svg),children:r?y(`rect`,{x:1,y:7.5,width:16,height:3}):y(`polyline`,{points:`2 9 7 14 16 4`})},r?`indeterminate`:`check`)}),e]}),n&&y(`span`,{className:x(`cf-choice-description`,t?.choiceDescription),children:n})]})}),_s=({children:e,classNames:t,...n})=>y(Lo,{...n,children:y(`div`,{className:x(`cf-tag-label`,t?.tagLabel),children:e})}),vs=({title:e,description:t,properties:n,classNames:r,onChange:i,id:a,required:o,error:s})=>{let u=!!n.editable,p=n.display??`checkbox`,[m,h]=f([]),[g,_]=f(``),S=d(null),C=d(null),w=l(()=>{let e=m.indexOf(me);if(e===-1)return m;let t=[...m];return t[e]=g||me,t},[g,m]),T=p===`tag`;return c(()=>{i(w)},[i,w]),y(Io,{isRequired:o,isInvalid:!!s,name:a,value:m,onChange:h,className:x(`cf-question`,r?.question),children:({state:i})=>b(v,{children:[b(`div`,{className:x(`cf-header`,r?.header),children:[b(vo,{className:x(`cf-title`,r?.title),children:[e,!o&&b(`span`,{className:x(`cf-label-optional`,r?.optionalLabel),children:[` `,`(optional)`]})]}),t&&y(wo,{slot:`description`,className:x(`cf-description`,r?.description),children:t})]}),b(`div`,{className:x(`cf-response-choices`,p===`tag`&&`cf-response-choices-tag`,r?.group),children:[n.options.map((e,t)=>y(T?_s:gs,{className:x(`cf-choice`,T&&[`cf-tag`,r?.tag],!T&&[`cf-checkbox`,r?.checkbox]),description:e.description,value:e.value,classNames:{tag:r?.tag,tagLabel:r?.tagLabel,choiceDescription:r?.choiceDescription,label:r?.label,indicator:r?.indicator,svg:r?.svg},children:e.value},t)),u&&(T?b(v,{children:[y(_s,{inputRef:S,onChange:e=>{C.current&&e&&requestAnimationFrame(()=>{C.current&&C.current.focus()})},className:x(`cf-choice cf-tag`,r?.tag),value:me,children:n.editable?.label}),y(Vo,{"data-visible":i.value.includes(me)||void 0,value:g,onChange:e=>{_(e.target.value)},ref:C,className:x(`cf-input cf-tag-input`,r?.othersInput)})]}):b(`div`,{className:x(`cf-choice cf-others-choice`,r?.othersChoice),children:[y(gs,{inputRef:S,onChange:e=>{C.current&&e&&requestAnimationFrame(()=>{C.current&&C.current.focus()})},className:x(`cf-checkbox`,r?.checkbox),value:me,classNames:{indicator:r?.indicator,svg:r?.svg},description:n.editable?.description,children:n.editable?.label}),y(Vo,{value:g,onChange:e=>{_(e.target.value)},tabIndex:i.value.includes(me)?0:-1,ref:C,onFocus:()=>{S.current?.checked===!1&&S.current.click()},className:x(`cf-input`,r?.othersInput)})]}))]}),y(jo,{className:x(`cf-error`,r?.error),children:s})]})})},ys=e=>b(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:40,height:40,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,...e,children:[y(`circle`,{cx:12,cy:12,r:10}),y(`path`,{d:`M16 16s-1.5-2-4-2-4 2-4 2M7.5 8 10 9M14 9l2.5-1M9 10h.01M15 10h.01`})]}),bs=e=>b(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:40,height:40,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,...e,children:[y(`circle`,{cx:12,cy:12,r:10}),y(`path`,{d:`M18 13a6 6 0 0 1-6 5 6 6 0 0 1-6-5h12ZM9 9h.01M15 9h.01`})]}),xs=e=>b(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:40,height:40,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,...e,children:[y(`circle`,{cx:12,cy:12,r:10}),y(`path`,{d:`M16 16s-1.5-2-4-2-4 2-4 2M9 9h.01M15 9h.01`})]}),Ss=e=>b(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:40,height:40,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,...e,children:[y(`circle`,{cx:12,cy:12,r:10}),y(`path`,{d:`M8 15h8M9 9h.01M15 9h.01`})]}),Cs=e=>b(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:40,height:40,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,...e,children:[y(`circle`,{cx:12,cy:12,r:10}),y(`path`,{d:`M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01`})]}),ws=e=>y(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,width:40,height:40,fill:`none`,...e,children:y(`path`,{fill:`currentColor`,d:`m6.516 14.323-1.49 6.452a.998.998 0 0 0 1.529 1.057L12 18.202l5.445 3.63a1.001 1.001 0 0 0 1.517-1.106l-1.829-6.4 4.536-4.082a1 1 0 0 0-.59-1.74l-5.701-.454-2.467-5.461a.998.998 0 0 0-1.822 0L8.622 8.05l-5.701.453a1 1 0 0 0-.619 1.713l4.214 4.107zm2.853-4.326a.998.998 0 0 0 .832-.586L12 5.43l1.799 3.981a.998.998 0 0 0 .832.586l3.972.315-3.271 2.944c-.284.256-.397.65-.293 1.018l1.253 4.385-3.736-2.491a.995.995 0 0 0-1.109 0l-3.904 2.603 1.05-4.546a1 1 0 0 0-.276-.94l-3.038-2.962 4.09-.326z`})}),Ts=e=>y(`svg`,{xmlns:`http://www.w3.org/2000/svg`,width:40,height:40,viewBox:`0 0 24 24`,...e,children:y(`path`,{fill:`currentColor`,d:`M21.947 9.179a1.001 1.001 0 0 0-.868-.676l-5.701-.453-2.467-5.461a.998.998 0 0 0-1.822-.001L8.622 8.05l-5.701.453a1 1 0 0 0-.619 1.713l4.213 4.107-1.49 6.452a1 1 0 0 0 1.53 1.057L12 18.202l5.445 3.63a1.001 1.001 0 0 0 1.517-1.106l-1.829-6.4 4.536-4.082c.297-.268.406-.686.278-1.065z`})}),Es=({state:e,properties:t,classNames:n})=>{let r=e.selectedValue?Number(e.selectedValue):null;return y(`div`,{className:x(`cf-rating-display-star`,n?.ratingDisplayStar),children:Array.from({length:t.scale},(e,t)=>{let i=t+1,a=String(i),o=r&&i<=r;return y(as,{className:x(`cf-rating-star`,n?.ratingStar),value:a,"data-filled":o?`true`:void 0,children:y(o?Ts:ws,{})},t)})})},Ds=({properties:e,classNames:t})=>y(`div`,{className:x(`cf-rating-display-number`,t?.ratingDisplayNumber),children:Array.from({length:e.scale},(e,n)=>{let r=n+1,i=String(r);return y(as,{className:x(`cf-rating-number`,t?.ratingNumber),value:i,children:r},n)})}),Os=({properties:e,classNames:t,state:n})=>{let r=l(()=>[ys,xs,Ss,Cs,bs],[]),i=l(()=>[xs,Ss,Cs],[]);return l(()=>e.scale===3||e.scale===5,[e.scale])?y(`div`,{className:x(`cf-rating-display-emoji`,t?.ratingDisplayEmoji),children:Array.from({length:e.scale},(n,a)=>{let o=a+1,s=String(o),c=e.scale===5?r[a]:i[a];return y(as,{className:x(`cf-rating-emoji`,t?.ratingEmoji),value:s,children:c&&y(c,{})},a)})}):y(Ds,{properties:e,classNames:t,state:n})},ks=e=>{switch(e.properties.display??`star`){case`emoji`:return y(Os,{...e});case`number`:return y(Ds,{...e});case`star`:return y(Es,{...e})}},As=({properties:e,title:t,description:n,classNames:r,onChange:i,id:a,error:o,required:s})=>{let[u,d]=f(null),p=l(()=>u?Number(u):void 0,[u]);return c(()=>{i(p)},[i,p]),y(is,{isRequired:s,isInvalid:!!o,name:a,className:x(`cf-question`,r?.question),value:u,onChange:d,children:({state:i})=>b(v,{children:[b(`div`,{className:x(`cf-header`,r?.header),children:[b(vo,{className:x(`cf-title`,r?.title),children:[t,!s&&b(`span`,{className:x(`cf-label-optional`,r?.optionalLabel),children:[` `,`(optional)`]})]}),n&&y(wo,{slot:`description`,className:x(`cf-description`,r?.description),children:n})]}),b(`div`,{className:x(`cf-rating-section`,r?.ratingSection),children:[y(ks,{state:i,properties:e,classNames:r}),b(`div`,{className:x(`cf-rating-text`,r?.ratingText),children:[y(`span`,{className:x(`cf-rating-text-lower`,r?.ratingTextLower),children:e.labels?.lower}),y(`span`,{className:x(`cf-rating-text-upper`,r?.ratingTextUpper),children:e.labels?.upper})]})]}),y(jo,{className:x(`cf-error`,r?.error),children:o})]})})},js=({classNames:e,className:t,description:n,...r})=>y(as,{...r,className:x(t,e?.radio),children:vn(r.children,t=>b(v,{children:[b(`div`,{className:x(`cf-choice-label`,e?.label),children:[y(`div`,{className:x(`cf-radio-indicator`,e?.indicator)}),t]}),n&&y(`span`,{className:x(`cf-choice-description`,e?.choiceDescription),children:n})]}))}),Ms=({title:e,description:t,properties:n,classNames:r,onChange:i,id:a,required:o,error:s})=>{let[u,p]=f(null),[m,h]=f(``),g=!!n.editable,_=d(null),S=d(null),C=l(()=>u===he?m||he:u??void 0,[m,u]);return c(()=>{i(C)},[i,C]),y(is,{isRequired:o,isInvalid:!!s,name:a,onChange:e=>{p(e),e===he&&requestAnimationFrame(()=>{S.current&&S.current.focus()})},value:u,className:x(`cf-question`,r?.question),children:({state:i})=>b(v,{children:[b(`div`,{className:x(`cf-header`,r?.header),children:[b(vo,{className:x(`cf-title`,r?.title),children:[e,!o&&b(`span`,{className:x(`cf-label-optional`,r?.optionalLabel),children:[` `,`(optional)`]})]}),t&&y(wo,{slot:`description`,className:x(`cf-description`,r?.description),children:t})]}),b(`div`,{className:x(`cf-response-choices`,r?.group),children:[n.options.map((e,t)=>y(js,{classNames:{indicator:r?.indicator,radio:x(`cf-choice cf-radio`,r?.radio)},value:e.value,description:e.description,children:e.value},t)),g&&b(`div`,{className:x(`cf-choice cf-others-choice`,r?.othersChoice),children:[y(js,{inputRef:_,value:he,classNames:{indicator:r?.indicator,radio:x(`cf-radio`,r?.radio)},description:n.editable?.description,children:n.editable?.label}),y(Vo,{tabIndex:i.selectedValue===he?0:-1,ref:S,value:m,onChange:e=>h(e.target.value),onFocus:()=>{_.current?.checked===!1&&_.current.click()},className:x(`cf-input`,r?.othersInput)})]})]}),y(jo,{className:x(`cf-error`,r?.error),children:s})]})})},Ns=({properties:e,title:t,description:n,classNames:r})=>y(`div`,{className:x(`cf-question`,r?.question),children:b(`div`,{className:x(`cf-header`,r?.header),children:[t&&y(`div`,{className:x(`cf-title`,r?.title),children:t}),n&&y(`div`,{className:x(`cf-description`,r?.description),children:n})]})}),Ps=({question:e,onChange:t,error:n})=>{switch(e.properties.type){case`rating`:return y(As,{...e,properties:e.properties,onChange:t,error:n},e.id);case`open-ended`:return y(hs,{...e,properties:e.properties,onChange:t,error:n},e.id);case`single-select`:return y(Ms,{...e,properties:e.properties,onChange:t,error:n},e.id);case`multi-select`:return y(vs,{...e,properties:e.properties,onChange:t,error:n},e.id);case`statement`:return y(Ns,{...e,properties:e.properties,onChange:t,error:n},e.id)}return y(`div`,{children:`Unsupported question type`},e.id)},Fs=({onPress:e,isDisabled:t,children:n=`Submit`})=>y(xo,{isDisabled:t,className:`cf-submit-button`,onPress:e,children:n}),Is=e=>{switch(e){case`multi-select`:return[];case`statement`:return;default:return``}},Ls=({onSubmit:e,children:n,question:r,isLastQuestion:i})=>{let[a,s]=f(Is(r.properties.type)),c=l(()=>je(r.properties,{required:r.required}),[r.properties,r.required]),u=l(()=>{let e=c.safeParse(a);if(!e.success)return w(e.error)},[a,c]),d=l(()=>{let e=r.routingLogic;if(e.type!==`always`&&(a===``||Array.isArray(a)&&a.length===0)&&r.required)return!0;let n=e.type===`always`?e.target:e.cases.find(e=>t({answer:a,condition:e}))?.target??e.default;return n.type===`end`?!1:n.type===`next`?!i:!0},[a,i,r.required,r.routingLogic]),p=l(()=>r.properties.buttonLabel?r.properties.buttonLabel:d?`Next`:`Submit`,[d,r.properties.buttonLabel]),m=o(()=>{switch(r.properties.type){case`statement`:if(r.properties.buttonUrl&&typeof window<`u`){let e=ie.safeParse(r.properties.buttonUrl).data;e&&window.open(e,`_blank`)}return e(void 0);default:return e(a)}},[a,e,r.properties]);return b(v,{children:[n({onChange:s,question:r,error:u}),y(Fs,{isDisabled:!!u,onPress:m,children:p})]})},Rs=({isCompleted:e,onSubmit:t,children:n})=>b(v,{children:[n,e&&y(Fs,{onPress:t})]}),zs=e=>y(Le,{...e,shouldAutoSubmit:!1,children:({questions:e,update:t,isCompleted:n,submit:r,isSubmitted:i,errors:a})=>i?y(ds,{}):y(Rs,{onSubmit:r,isCompleted:n,children:e.filter(({visible:e})=>!!e).map(e=>y(Ps,{question:e,error:a[e.id]||``,onChange:n=>t({question:e.position,answer:n})},e.position))})}),Bs=({onDismiss:e,closeOnFinishMs:t,isDismissable:n,...r})=>y(Oe,{...r,children:y(ps,{onDismiss:e,closeOnFinishMs:t,isDismissable:n,children:({setIsFinished:e})=>y(Ie,{...r,shouldAutoSubmit:!1,onFinished:()=>{e(),r.onFinished?.()},children:({questions:e,update:t,isCompleted:n,errors:r,submit:i,isSubmitted:a})=>a?y(ds,{}):y(Rs,{onSubmit:i,isCompleted:n,children:e.filter(({visible:e})=>!!e).map(e=>y(Ps,{question:e,error:r[e.id]||``,onChange:n=>t({question:e.position,answer:n})},e.position))})})})}),Vs=({onDismiss:e,closeOnFinishMs:t,...n})=>y(Oe,{...n,children:y(ms,{onDismiss:e,closeOnFinishMs:t,children:({setIsFinished:e})=>y(Ie,{shouldAutoSubmit:!0,...n,onFinished:()=>{e(),n.onFinished?.()},children:({current:e,questions:t,update:n,isSubmitted:r})=>{let i=e===t.length-1;if(r)return y(ds,{});let a=t[e];return a?y(Ls,{isLastQuestion:i,question:a,onSubmit:t=>n({question:e,answer:t}),children:e=>y(Ps,{...e})}):y(v,{})}})})}),Hs=e=>y(Le,{...e,shouldAutoSubmit:!0,children:({current:e,questions:t,update:n,isSubmitted:r})=>{let i=e===t.length-1;if(r)return y(ds,{});let a=t[e];return a?y(Ls,{isLastQuestion:i,question:a,onSubmit:t=>n({question:e,answer:t}),children:e=>y(Ps,{...e})}):y(v,{})}}),Us=({delay:e})=>{let[t,n]=f(!1),r=l(()=>e,[]);return c(()=>{let e=setTimeout(()=>{n(!0)},r);return()=>clearTimeout(e)},[]),{isVisible:t}},Ws=({visits:e,respondent:t})=>{let[n,r]=p(`cfti:${l(()=>window.location.pathname,[])}:visits:${t??``}`,0);return c(()=>{r(e=>e+1)},[r]),{isVisible:n>=e,reset:o(()=>r(0),[r])}},Gs=({visits:e,respondent:t})=>{let[n,r]=m(`cfti:${l(()=>window.location.pathname,[])}:visits:${t??``}`,0);return c(()=>{r(e=>e+1)},[r]),{isVisible:n>=e,reset:o(()=>r(0),[r])}},Ks=({threshold:e})=>{let[t,n]=f(()=>typeof window>`u`?!1:window.scrollY>=e);return c(()=>{let t=()=>{window.scrollY>=e&&n(!0)};return window.addEventListener(`scroll`,t,{passive:!0}),()=>window.removeEventListener(`scroll`,t)},[e]),{isVisible:t}};export{Le as Confetti,De as ConfettiContext,Ie as ConfettiController,Oe as ConfettiProvider,Rs as Embed,zs as EmbeddedConfetti,Ls as Flow,hs as FreeText,Bs as ModalConfetti,ps as ModalContainer,vs as MultiChoice,Vs as PopoverConfetti,ms as PopoverContainer,As as Rating,Ms as SingleChoice,Ns as Statement,Hs as StepperConfetti,Ps as SurveyQuestionFactory,ds as ThankYouMessage,ke as useConfetti,Us as useVisibleAfterDelay,Ws as useVisibleAfterPageVisits,Ks as useVisibleAfterScroll,Gs as useVisibleAfterSessionPageVisits};