@frigade/react 2.0.28 → 2.0.30

package/dist/index.d.ts

@@ -1245,7 +1245,7 @@ declare function Collapsible({ dismissible, flowId, onPrimary, onSecondary, step
 declare function Content({ children }: {
     children: any;
 }): _emotion_react_jsx_runtime.JSX.Element;
-declare function Root({ children, open, onOpenChange, }: Collapsible$1.CollapsibleProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Root({ children, disabled, onOpenChange, open, ...props }: Collapsible$1.CollapsibleProps & BoxProps): _emotion_react_jsx_runtime.JSX.Element;
 declare function Trigger({ isCompleted, title }: {
     isCompleted: any;
     title: any;
@@ -1311,6 +1311,11 @@ interface FormFieldProps {
     fieldData: FormFieldData;
     formState: any;
     fieldState: ControllerFieldState;
+    /**
+     * Function for submitting the current step of the form.
+     * @ignore
+     */
+    submit: () => void;
 }
 interface FormProps extends FlowPropsWithoutChildren {
     /**

package/dist/index.js

@@ -1,23 +1,23 @@
 'use client';
-import * as O from '@radix-ui/react-dialog';
+import * as M from '@radix-ui/react-dialog';
 import { XMarkIcon } from '@heroicons/react/24/solid';
-import * as Ve from 'react';
+import * as $e from 'react';
 import { createContext, useState, useMemo, useEffect, useContext, useCallback, useRef, useLayoutEffect } from 'react';
 import { clsx } from 'clsx';
-import Tt from 'known-css-properties';
-import Mt from 'dompurify';
+import wt from 'known-css-properties';
+import It from 'dompurify';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import { Frigade } from '@frigade/js';
 export { Flow, FlowType, Frigade } from '@frigade/js';
 import { keyframes, Global, ThemeProvider } from '@emotion/react';
 import { ChevronDownIcon } from '@heroicons/react/24/outline';
-import * as le from '@radix-ui/react-collapsible';
+import * as pe from '@radix-ui/react-collapsible';
 import { useForm, useController } from 'react-hook-form';
-import * as pe from '@radix-ui/react-radio-group';
-import * as B from '@radix-ui/react-select';
+import * as de from '@radix-ui/react-radio-group';
+import * as v from '@radix-ui/react-select';
 import * as _ from '@radix-ui/react-popover';
 
-var ro=Object.defineProperty,ht=Object.defineProperties;var bt=Object.getOwnPropertyDescriptors;var Pe=Object.getOwnPropertySymbols;var no=Object.prototype.hasOwnProperty,io=Object.prototype.propertyIsEnumerable;var to=(e,o,t)=>o in e?ro(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,i=(e,o)=>{for(var t in o||(o={}))no.call(o,t)&&to(e,t,o[t]);if(Pe)for(var t of Pe(o))io.call(o,t)&&to(e,t,o[t]);return e},p=(e,o)=>ht(e,bt(o));var Pt=(e=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(e,{get:(o,t)=>(typeof require!="undefined"?require:o)[t]}):e)(function(e){if(typeof require!="undefined")return require.apply(this,arguments);throw new Error('Dynamic require of "'+e+'" is not supported')});var d=(e,o)=>{var t={};for(var r in e)no.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&Pe)for(var r of Pe(e))o.indexOf(r)<0&&io.call(e,r)&&(t[r]=e[r]);return t};var j=(e,o)=>{for(var t in o)ro(e,t,{get:o[t],enumerable:!0});};var k=(e,o,t)=>new Promise((r,n)=>{var s=c=>{try{l(t.next(c));}catch(u){n(u);}},a=c=>{try{l(t.throw(c));}catch(u){n(u);}},l=c=>c.done?r(c.value):Promise.resolve(c.value).then(s,a);l((t=t.apply(e,o)).next());});var so={borders:{md:"1px solid"},borderWidths:{0:"0",md:"1px"}};var ao={black:"#000000",gray100:"#14161A",gray200:"#181B20",gray300:"#1F2329",gray400:"#2E343D",gray500:"#4C5766",gray600:"#5A6472",gray700:"#C5CBD3",gray800:"#E2E5E9",gray900:"#F1F2F4",white:"#ffffff",blue400:"#015AC6",blue500:"#0171F8",blue800:"#DBECFF",blue900:"#F5F9FF",green400:"#009E37",green500:"#00D149",green800:"#DBFFE8",transparent:"#FFFFFF00",inherit:"inherit",red500:"#c00000"};var lo={md:"10px",lg:"20px",round:"50%"};var f=e=>`var(--fr-colors-${e})`,po={neutral:{background:f("white"),border:f("gray800"),foreground:f("black"),surface:f("gray700"),active:{background:f("white"),border:f("gray900"),foreground:f("black"),surface:f("gray700")},focus:{background:f("white"),border:f("gray900"),foreground:f("black"),surface:f("gray700")},hover:{background:f("white"),border:f("gray900"),foreground:f("black"),surface:f("gray700")}},primary:{background:f("blue500"),border:f("blue500"),foreground:f("white"),surface:f("blue500"),active:{background:f("blue400"),border:f("blue400"),foreground:f("white"),surface:f("blue400")},focus:{background:f("blue500"),border:f("blue500"),foreground:f("white"),surface:f("blue500")},hover:{background:f("blue400"),border:f("blue400"),foreground:f("white"),surface:f("blue400")}},secondary:{background:f("white"),border:f("gray800"),foreground:f("black"),surface:f("gray900"),active:{background:f("gray900"),border:f("gray800"),foreground:f("black"),surface:f("gray800")},focus:{background:f("gray900"),border:f("gray800"),foreground:f("black"),surface:f("gray900")},hover:{background:f("gray900"),border:f("gray800"),foreground:f("black"),surface:f("gray800")}}};var co={md:"0px 4px 20px rgba(0, 0, 0, 0.1)"};var Ct="px",St=e=>typeof e=="number"?`${4*e}${Ct}`:e,Ft=[-20,-19,-18,-17,-16,-15,-14,-13,-12,-11,-10,-9,-8,-7,-6,-5,-4,-3,-2,-1,-.5,0,.5,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,"auto"],uo=Object.fromEntries(Ft.map(e=>[e,St(e)]));var mo={fontFamilies:{default:"inherit"},fontSizes:{xs:"12px",sm:"14px",md:"16px",lg:"18px",xl:"20px","2xl":"24px","3xl":"30px","4xl":"36px","5xl":"48px"},fontWeights:{thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",demibold:"600",bold:"700",extrabold:"800",black:"900"},letterSpacings:{md:"0.02em"},lineHeights:{xs:"18px",sm:"22px",md:"24px",lg:"26px",xl:"30px","2xl":"38px","3xl":"46px","4xl":"60px"}};var Me=p(i(p(i({},so),{colors:i(i({},ao),po)}),mo),{radii:lo,shadows:co,space:uo});function me(e,o="",t="."){return Object.keys(e).reduce((r,n)=>{let a=`${o.length?`${o}${t}`:""}${n}`,l=e[n];return typeof l=="object"&&l!==null&&!Array.isArray(l)?Object.assign(r,me(l,a,t)):r[a]=l,r},{})}function Ie(e){return me(e,"--fr","-")}function fo(e,o="--fr"){let t={};return Object.keys(e).forEach(r=>{let n=e[r];typeof n=="object"&&n!==null&&!Array.isArray(n)?t[r]=fo(n,`${o}-${r}`):t[r]=`var(${o}-${r})`;}),t}var He=Ie(Me),F=fo(Me);var wt=new Set(["alt","size","src"]),Rt=Tt.all.filter(e=>e.indexOf("-")!=0&&!wt.has(e)).map(e=>[e.replace(/-([a-z])/g,(o,t)=>t.toUpperCase()),null]),Bt=Object.fromEntries(Rt),We=me(F.colors),vt={color:We,backgroundColor:We,borderColor:We,border:F.borders,borderRadius:F.radii,borderWidth:F.borderWidths,boxShadow:F.shadows,fontFamily:F.fontFamilies,fontSize:F.fontSizes,fontWeight:F.fontWeights,gap:F.space,lineHeight:F.lineHeights,margin:F.space,marginBottom:F.space,marginLeft:F.space,marginRight:F.space,marginTop:F.space,padding:F.space,paddingBottom:F.space,paddingLeft:F.space,paddingRight:F.space,paddingTop:F.space},go=i(i({},Bt),vt),xo={bg:["backgroundColor"],m:["margin"],mt:["marginTop"],mr:["marginRight"],mb:["marginBottom"],ml:["marginLeft"],mx:["marginLeft","marginRight"],my:["marginTop","marginBottom"],p:["padding"],pt:["paddingTop"],pr:["paddingRight"],pb:["paddingBottom"],pl:["paddingLeft"],px:["paddingLeft","paddingRight"],py:["paddingTop","paddingBottom"]},yo=new Set(["active","disabled","focus","focusVisible","focusWithin","hover"]);function kt(e){return Array.isArray(e)?new Map(e.map(o=>[o,o])):typeof e=="object"&&e!==null?new Map(Object.entries(e)):typeof e=="string"||typeof e=="number"?new Map([[e,e]]):new Map}var ho=new Map(Object.entries(go).map(([e,o])=>[e,kt(o)])),Dt=new Map(Object.entries(xo).map(([e,o])=>[e,new Set(o)])),Et=new Set(["height","width"]),Ot=new Set(["canvas","embed","iframe","img","input","object","video"]);function bo(e){let[o,t]=e.split(":");return [o,yo.has(t)?t:null]}function Po(e,o="div"){let t=Object.assign({},e),r={};function n(s){if(s==null)return r;let l=`&:${s.replace(/[A-Z]/g,c=>`-${c.toLocaleLowerCase()}`)}`;return r[l]==null&&(r[l]={}),r[l]}return Object.entries(t).forEach(([s,a])=>{let[l,c]=bo(s),u=Dt.get(l);u!=null&&(u.forEach(g=>{let b=`${g}${c?":"+c:""}`;t[b]=a;}),delete t[s]);}),Object.entries(t).forEach(([s,a])=>{let[l,c]=bo(s),u=ho.get(l);if(u!=null){if(typeof a=="string"&&a.indexOf(" ")>-1){let g=a.split(" ");n(c)[l]=g.map(b=>{var S;return (S=u.get(b.toString()))!=null?S:b}).join(" ");}else u.has(a.toString())?n(c)[l]=u.get(a.toString()):n(c)[l]=a;(typeof o!="string"||!Ot.has(o)||!Et.has(l))&&delete t[s];}}),Object.keys(t).forEach(s=>{let a=s.substring(1);s.indexOf("_")===0&&ho.has(a)&&(t[a]=t[s],delete t[s]);}),{cssFromProps:r,unmatchedProps:t}}function It(){if(typeof window=="undefined"){let{JSDOM:e}=Pt("jsdom");return new e("<!DOCTYPE html>").window}return window}function Co(e){return e?{__html:Mt(It()).sanitize(e,{ALLOWED_TAGS:["b","i","a","span","div","p","pre","u","br","img","code","li","ul","table","tbody","thead","tr","td","th","h1","h2","h3","h4","video"],ALLOWED_ATTR:["style","class","target","id","href","alt","src","controls","autoplay","loop","muted"]})}:{__html:""}}function Wt(e){return e&&`fr-${e}`}function To(e){return e&&(Array.isArray(e)?e.map(o=>To(o)).join(" "):Wt(e))}function At(l,a){var c=l,{as:e,children:o,className:t,css:r={},part:n}=c,s=d(c,["as","children","className","css","part"]);let u=e!=null?e:"div",{cssFromProps:g,unmatchedProps:b}=Po(s,u),S=To(n),C=t||S?clsx(t,S):void 0,P=[{boxSizing:"border-box"},g,r];return typeof o=="string"?jsx(u,p(i({className:C,css:P},b),{ref:a,dangerouslySetInnerHTML:Co(o)})):jsx(u,p(i({className:C,css:P},b),{ref:a,children:o}))}var m=Ve.forwardRef(At);var T={};j(T,{Link:()=>dr,Plain:()=>cr,Primary:()=>lr,Secondary:()=>pr});var h={};j(h,{Body1:()=>er,Body2:()=>or,Caption:()=>tr,Display1:()=>Xt,Display2:()=>Jt,H1:()=>qt,H2:()=>Yt,H3:()=>Qt,H4:()=>Zt});var Ae={};j(Ae,{Body1:()=>zt,Body2:()=>Kt,Caption:()=>Ut,Display1:()=>Lt,Display2:()=>Vt,H1:()=>$t,H2:()=>Nt,H3:()=>_t,H4:()=>jt});var z={color:"neutral.foreground",fontFamily:"default",margin:"0"},Lt=p(i({},z),{fontSize:"5xl",fontWeight:"bold",lineHeight:"4xl"}),Vt=p(i({},z),{fontSize:"4xl",fontWeight:"bold",lineHeight:"3xl"}),$t=p(i({},z),{fontSize:"3xl",fontWeight:"demibold",lineHeight:"2xl"}),Nt=p(i({},z),{fontSize:"2xl",fontWeight:"demibold",lineHeight:"xl"}),_t=p(i({},z),{fontSize:"xl",fontWeight:"demibold",lineHeight:"lg"}),jt=p(i({},z),{fontSize:"md",fontWeight:"demibold",lineHeight:"md"}),zt=p(i({},z),{fontSize:"md",fontWeight:"regular",lineHeight:"md"}),Kt=p(i({},z),{fontSize:"sm",fontWeight:"regular",lineHeight:"sm"}),Ut=p(i({},z),{fontSize:"xs",fontWeight:"regular",lineHeight:"xs"});var Gt=["Display1","Display2","H1","H2","H3","H4","Body1","Body2","Caption"],K=Object.fromEntries(Gt.map(e=>{let o=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():"span",t=Ve.forwardRef((l,a)=>{var c=l,{as:r=o,children:n}=c,s=d(c,["as","children"]);return jsx(m,p(i(i({as:r},Ae[e]),s),{ref:a,children:n}))});return t.displayName=`Text.${e}`,[e,t]})),Xt=K.Display1,Jt=K.Display2,qt=K.H1,Yt=K.H2,Qt=K.H3,Zt=K.H4,er=K.Body1,or=K.Body2,tr=K.Caption;var Le={};j(Le,{Link:()=>sr,Plain:()=>ar,Primary:()=>nr,Secondary:()=>ir});var Ce={borderWidth:"md",borderRadius:"md",borderStyle:"solid",display:"flex",gap:"2",padding:"2 4"},nr=p(i({},Ce),{backgroundColor:"primary.surface",borderColor:"primary.border",color:"primary.foreground","backgroundColor:hover":"primary.hover.surface","backgroundColor:disabled":"primary.surface","opacity:disabled":"0.7"}),ir=p(i({},Ce),{backgroundColor:"secondary.background",borderColor:"secondary.border",color:"secondary.foreground","backgroundColor:hover":"secondary.hover.background","backgroundColor:disabled":"secondary.background","opacity:disabled":"0.7"}),sr=p(i({},Ce),{backgroundColor:"transparent",borderColor:"transparent",color:"primary.surface","color:hover":"primary.hover.surface"}),ar=p(i({},Ce),{backgroundColor:"transparent",borderColor:"transparent",color:"neutral.foreground"});function Se(a){var l=a,{as:e,children:o,part:t,title:r,variant:n="Primary"}=l,s=d(l,["as","children","part","title","variant"]);let c=n.toLocaleLowerCase();return jsxs(m,p(i(i({as:e!=null?e:"button",part:[`button-${c}`,t]},Le[n]),s),{children:[o,r&&jsx(h.Body2,{color:"inherit",css:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},flexGrow:"1",fontWeight:"demibold",part:"button-title",children:r})]}))}function lr(t){var r=t,{children:e}=r,o=d(r,["children"]);return jsx(Se,p(i({},o),{variant:"Primary",children:e}))}function pr(t){var r=t,{children:e}=r,o=d(r,["children"]);return jsx(Se,p(i({},o),{variant:"Secondary",children:e}))}function dr(t){var r=t,{children:e}=r,o=d(r,["children"]);return jsx(Se,p(i({},o),{variant:"Link",children:e}))}function cr(t){var r=t,{children:e}=r,o=d(r,["children"]);return jsx(Se,p(i({},o),{variant:"Plain",children:e}))}var x={};j(x,{Column:()=>fr,Row:()=>mr});var mr=Ve.forwardRef((e,o)=>jsx(m,p(i({display:"flex",flexDirection:"row"},e),{ref:o}))),fr=Ve.forwardRef((e,o)=>jsx(m,p(i({display:"flex",flexDirection:"column"},e),{ref:o})));var D=createContext({apiKey:"",modals:new Set,setModals:()=>{},currentModal:null,navigate:()=>{}});function vo(n){var s=n,{children:e,navigate:o,theme:t}=s,r=d(s,["children","navigate","theme"]);let a=t?Ie(t):{},[l,c]=useState(new Set),u=useMemo(()=>new Frigade(r.apiKey,{apiKey:r.apiKey,apiUrl:r.apiUrl,userId:r.userId,groupId:r.groupId,__readOnly:r.__readOnly,__flowConfigOverrides:r.__flowConfigOverrides}),[r.userId,r.groupId,r.apiKey]),g=o!=null?o:(S,C="_self")=>{window.open(S,C);};useEffect(()=>()=>{u.destroy();},[]);let b=l.size>0?l.values().next().value:null;return jsxs(D.Provider,{value:p(i({modals:l,setModals:c,currentModal:b,navigate:g},r),{frigade:u}),children:[jsx(Global,{styles:{":root":i(i({},He),a)}}),jsx(ThemeProvider,{theme:F,children:e})]})}function ge(e,o){let[t,r]=useState(),[,n]=useState(""),{frigade:s}=useContext(D),a=useCallback(l=>{l.id===e&&(o!=null&&o.variables&&l.applyVariables(o.variables),r(l),n(Math.random().toString()));},[o==null?void 0:o.variables]);return useEffect(()=>(k(this,null,function*(){let l=yield s.getFlow(e);if(!l||s.hasFailedToLoad()){r(void 0);return}o!=null&&o.variables&&l.applyVariables(o.variables),r(l);}),s.onStateChange(a),()=>{s.removeStateChangeHandler(a);}),[a]),useEffect(()=>{!(o!=null&&o.variables)||!t||a(t);},[o==null?void 0:o.variables]),{flow:t}}function ee(e,{onComplete:o,onDismiss:t}={}){let r=useRef(null);return useEffect(()=>{e!=null&&(e.isCompleted&&r.current===!1&&k(this,null,function*(){yield o==null?void 0:o(e);}),r.current=e==null?void 0:e.isCompleted);},[e==null?void 0:e.isCompleted]),{handleDismiss:useCallback(n=>k(this,null,function*(){if((yield t==null?void 0:t(e,n))===!1)return n.preventDefault(),!1;e.skip();}),[e])}}function oe(e,{onPrimary:o,onSecondary:t}={}){let{navigate:r}=useContext(D);return {handlePrimary:useCallback((n,s)=>k(this,null,function*(){return (yield o==null?void 0:o(e,n))===!1?(n.preventDefault(),!1):(e.complete(s),e.primaryButtonUri!=null&&r(e.primaryButtonUri,e.primaryButtonUriTarget),!0)}),[e]),handleSecondary:useCallback((n,s)=>k(this,null,function*(){return (yield t==null?void 0:t(e,n))===!1?(n.preventDefault(),!1):(e.complete(s),e.secondaryButtonUri!=null&&r(e.secondaryButtonUri,e.secondaryButtonUriTarget),!0)}),[e])}}function xe(e,o=!0){let{currentModal:t,modals:r,setModals:n}=useContext(D),[s,a]=useState(!1);useEffect(()=>{o&&(e!=null&&e.isVisible)&&e&&!r.has(e.id)&&n(c=>new Set(c).add(e.id));},[e==null?void 0:e.id,e==null?void 0:e.isVisible]),useEffect(()=>{let c=t===(e==null?void 0:e.id);o&&(e==null?void 0:e.id)!=null&&c!==s&&a(c);},[e==null?void 0:e.id,t]);function l(){o&&r.has(e==null?void 0:e.id)&&n(c=>{let u=new Set(c);return u.delete(e==null?void 0:e.id),u});}return {isCurrentModal:s||!o,removeModal:l}}function N(S){var C=S,{as:e,children:o,container:t,dismissible:r=!1,flowId:n,onComplete:s,onDismiss:a,onPrimary:l,onSecondary:c,variables:u,forceMount:g}=C,b=d(C,["as","children","container","dismissible","flowId","onComplete","onDismiss","onPrimary","onSecondary","variables","forceMount"]);let{flow:P}=ge(n,{variables:u}),E=P==null?void 0:P.getCurrentStep(),{handleDismiss:V}=ee(P,{onComplete:s,onDismiss:a}),{handlePrimary:$,handleSecondary:G}=oe(E,{onPrimary:l,onSecondary:c}),Y=e&&typeof e=="function"&&(e.displayName==="Dialog"||e.displayName==="Modal"),{isCurrentModal:de,removeModal:De}=xe(P,Y);if(useEffect(()=>{!(P!=null&&P.isVisible)&&de&&De();},[P==null?void 0:P.isVisible,de]),P==null||!de)return null;let Ee=g&&P.isCompleted;if(!P.isVisible&&!Ee)return null;!P.isCompleted&&!P.isSkipped&&E.start();let Oe=e!=null?e:m;return jsx(Oe,p(i({position:"relative"},b),{children:o({flow:P,handleDismiss:V,handlePrimary:$,handleSecondary:G,parentProps:i({container:t,dismissible:r,flowId:n,variables:u},b),step:E})}))}function Mo(e){return jsx(N,p(i({as:y,gap:5,borderColor:"neutral.border",borderStyle:"solid",borderWidth:"md",part:"card"},e),{children:({handleDismiss:o,handlePrimary:t,handleSecondary:r,parentProps:{dismissible:n},step:s})=>jsxs(Fragment,{children:[jsxs(x.Row,{alignItems:"center",flexWrap:"wrap",gap:1,justifyContent:"space-between",part:"card-header",children:[jsx(y.Title,{children:s.title}),n&&jsx(y.Dismiss,{onClick:o}),jsx(y.Subtitle,{flexBasis:"100%",children:s.subtitle})]}),jsx(y.Media,{src:s.imageUri,css:{objectFit:"contain",width:"100%"}}),jsxs(x.Row,{gap:3,justifyContent:"flex-end",part:"card-footer",children:[jsx(y.Secondary,{title:s.secondaryButtonTitle,onClick:r}),jsx(y.Primary,{title:s.primaryButtonTitle,onClick:t})]})]})}))}function Ne(r){var n=r,{part:e,src:o}=n,t=d(n,["part","src"]);return jsx(m,i({as:"img",part:["image",e],src:o},t))}function Hr(e){var o,t,r,n;return e.includes("youtube")?`https://www.youtube.com/embed/${(o=e.split("v=")[1])==null?void 0:o.split("&")[0]}`:e.includes("vimeo")?`https://player.vimeo.com/video/${(t=e.split("vimeo.com/")[1])==null?void 0:t.split("&")[0]}`:e.includes("wistia")?`https://fast.wistia.net/embed/iframe/${(r=e.split("wistia.com/medias/")[1])==null?void 0:r.split("&")[0]}`:e.includes("loom")?`https://loom.com/embed/${(n=e.split("loom.com/share/")[1])==null?void 0:n.split("&")[0]}?hideEmbedTopBar=true&hide_title=true&hide_share=true&hide_owner=true`:null}function _e(r){var n=r,{part:e,src:o}=n,t=d(n,["part","src"]);let s=Hr(o);return s?jsx(m,i({allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,as:"iframe",backgroundColor:"gray100",borderWidth:0,part:["video",e],src:s},t)):o!=null&&o.endsWith(".mp4")?jsx(m,i({as:"video",controls:!0,part:["video",e],src:o},t)):(console.error(`Could not map videoUri ${o} to a known provider (Youtube, Vimeo, Wistia, Loom) or valid mp4 file.`),null)}function re(r){var n=r,{src:e,type:o}=n,t=d(n,["src","type"]);return jsx(o==="video"?_e:Ne,i({src:e},t))}var y=Ve.forwardRef((n,r)=>{var s=n,{children:e,flowId:o}=s,t=d(s,["children","flowId"]);var l;if(o!=null)return jsx(Mo,i({flowId:o},t));let a=(l=t.as)!=null?l:x.Column;return jsx(a,p(i({backgroundColor:"neutral.background",borderColor:"neutral.border",borderStyle:"solid",borderRadius:"md",borderWidth:"0",gap:5,p:5},t),{ref:r,children:e}))});y.Dismiss=e=>jsx(T.Plain,p(i({part:"dismiss",padding:0},e),{children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})}));y.Media=t=>{var r=t,{src:e}=r,o=d(r,["src"]);return e==null?null:jsx(re,i({borderRadius:"md",src:e},o))};y.Primary=r=>{var n=r,{onClick:e,title:o}=n,t=d(n,["onClick","title"]);return o==null?null:jsx(T.Primary,i({title:o,onClick:e},t))};y.Secondary=r=>{var n=r,{onClick:e,title:o}=n,t=d(n,["onClick","title"]);return o==null?null:jsx(T.Secondary,i({title:o,onClick:e},t))};y.Subtitle=t=>{var r=t,{children:e}=r,o=d(r,["children"]);return e==null?null:jsx(h.Body2,p(i({display:"block",part:"subtitle"},o),{children:e}))};y.Title=t=>{var r=t,{children:e}=r,o=d(r,["children"]);return e==null?null:jsx(h.Body1,p(i({display:"block",fontWeight:"bold",part:"title"},o),{children:e}))};var Fe={content:["onOpenAutoFocus","onCloseAutoFocus","onEscapeKeyDown","onPointerDownOutside","onInteractOutside"],root:["defaultOpen","modal","onOpenChange","open"]};function Wo(e){let o=Object.fromEntries(Fe.content.map(n=>[n,e[n]]).filter(n=>n[1]!==void 0)),t=Object.fromEntries(Fe.root.map(n=>[n,e[n]]).filter(n=>n[1]!==void 0)),r={};for(let n of Object.keys(e))!Fe.content.includes(n)&&!Fe.root.includes(n)&&(r[n]=e[n]);return {contentProps:o,otherProps:r,rootProps:t}}function w(n){var s=n,{children:e,className:o,modal:t=!0}=s,r=d(s,["children","className","modal"]);let{rootProps:a,contentProps:l,otherProps:c}=Wo(r);return jsx(O.Root,p(i({defaultOpen:!0,modal:t},a),{children:jsx(O.Portal,{children:jsxs(m,{className:o,display:"grid",inset:"0",padding:"6",pointerEvents:"none",position:"fixed",children:[jsx(O.Overlay,{asChild:!0,children:jsx(m,{background:"rgb(0 0 0 / 0.5)",inset:"0",part:"dialog-overlay",position:"absolute"})}),jsx(O.Content,p(i({asChild:!0,onOpenAutoFocus:u=>u.preventDefault(),onPointerDownOutside:u=>u.preventDefault()},l),{children:jsx(y,p(i({alignSelf:"center",boxShadow:"md",justifySelf:"center",maxWidth:"430px",p:8,part:"dialog",pointerEvents:"auto",position:"relative"},c),{children:e}))}))]})})}))}w.Dismiss=e=>jsx(O.Close,{"aria-label":"Close",asChild:!0,children:jsx(T.Plain,p(i({part:"close",position:"absolute",right:"-4px",top:"4px"},e),{children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})}))});w.Subtitle=t=>{var r=t,{children:e}=r,o=d(r,["children"]);return jsx(O.Description,{asChild:!0,children:jsx(h.Body2,p(i({part:"subtitle"},o),{children:e}))})};w.Media=t=>{var r=t,{src:e}=r,o=d(r,["src"]);return e==null?null:jsx(re,i({borderRadius:"md",src:e},o))};w.Primary=r=>{var n=r,{onClick:e,title:o}=n,t=d(n,["onClick","title"]);return o==null?null:jsx(T.Primary,i({title:o,onClick:e},t))};w.ProgressDots=({current:e,total:o})=>{if(o==1)return null;let t=[...Array(o)].map((r,n)=>jsx(m,{as:"circle",r:4,cx:4+16*n,cy:"4px",fill:e===n?F.colors.blue500:F.colors.blue800,part:e===n?"progress-dot-selected":"progress-dot"},n));return jsx(m,{as:"svg",height:"8px",marginInline:"auto",part:"progress",viewBox:`0 0 ${16*o-8} 8`,width:16*o-8,children:t})};w.Secondary=r=>{var n=r,{onClick:e,title:o}=n,t=d(n,["onClick","title"]);return o==null?null:jsx(T.Secondary,i({title:o,onClick:e},t))};w.Title=t=>{var r=t,{children:e}=r,o=d(r,["children"]);return jsx(O.Title,{asChild:!0,children:jsx(h.H3,p(i({part:"title"},o),{children:e}))})};w.displayName="Dialog";function $r(t){var r=t,{flowId:e}=r,o=d(r,["flowId"]);return jsx(N,p(i({as:w,dismissible:!0,flowId:e,textAlign:"center"},o),{children:({flow:n,handleDismiss:s,handlePrimary:a,handleSecondary:l,parentProps:{dismissible:c},step:u})=>{var g,b;return jsxs(Fragment,{children:[c&&jsx(w.Dismiss,{onClick:s}),jsxs(x.Column,{gap:1,part:"announcement-header",children:[jsx(w.Title,{children:u.title}),jsx(w.Subtitle,{children:u.subtitle})]}),jsx(w.Media,{src:(g=u.videoUri)!=null?g:u.imageUri,type:u.videoUri?"video":"image",css:{aspectRatio:"1.5",objectFit:"cover",width:"100%"}}),jsx(w.ProgressDots,{current:n.getNumberOfCompletedSteps(),total:n.getNumberOfAvailableSteps()}),jsxs(x.Row,{css:{"& > button":{flexBasis:"50%",flexGrow:1}},gap:3,part:"announcement-footer",children:[u.secondaryButtonTitle&&jsx(w.Secondary,{onClick:l,title:u.secondaryButtonTitle}),u.primaryButtonTitle&&jsx(w.Primary,{onClick:a,title:(b=u.primaryButtonTitle)!=null?b:"Continue"})]})]})}}))}function _r(t){var r=t,{flowId:e}=r,o=d(r,["flowId"]);return jsx(N,p(i({as:y,borderWidth:"md",display:"flex",flexDirection:"row",flowId:e,gap:3,justifyContent:"space-between",part:"banner"},o),{children:({handleDismiss:n,handlePrimary:s,handleSecondary:a,step:l})=>jsxs(Fragment,{children:[jsxs(x.Row,{gap:3,children:[l.imageUri&&jsx(m,{as:"img",part:"image",src:l.imageUri,style:{height:40,width:40,alignSelf:"center"}}),jsxs(x.Column,{children:[jsx(h.H4,{part:"title",children:l.title}),jsx(h.Body2,{part:"subtitle",children:l.subtitle})]})]}),jsxs(x.Row,{alignItems:"center",gap:3,justifyContent:"center",children:[l.secondaryButtonTitle&&jsx(T.Secondary,{title:l.secondaryButtonTitle,onClick:a}),jsx(T.Primary,{title:l.primaryButtonTitle,onClick:s}),o.dismissible&&jsx(y.Dismiss,{onClick:n})]})]})}))}var Xe={};j(Xe,{Collapsible:()=>Ko,CollapsibleStep:()=>ye});var ye={};j(ye,{Content:()=>Ke,Root:()=>Ue,Trigger:()=>Ge});var Kr=keyframes`
+var no=Object.defineProperty,ht=Object.defineProperties;var Pt=Object.getOwnPropertyDescriptors;var Pe=Object.getOwnPropertySymbols;var io=Object.prototype.hasOwnProperty,so=Object.prototype.propertyIsEnumerable;var ro=(e,o,t)=>o in e?no(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,i=(e,o)=>{for(var t in o||(o={}))io.call(o,t)&&ro(e,t,o[t]);if(Pe)for(var t of Pe(o))so.call(o,t)&&ro(e,t,o[t]);return e},l=(e,o)=>ht(e,Pt(o));var Ct=(e=>typeof require!="undefined"?require:typeof Proxy!="undefined"?new Proxy(e,{get:(o,t)=>(typeof require!="undefined"?require:o)[t]}):e)(function(e){if(typeof require!="undefined")return require.apply(this,arguments);throw new Error('Dynamic require of "'+e+'" is not supported')});var c=(e,o)=>{var t={};for(var r in e)io.call(e,r)&&o.indexOf(r)<0&&(t[r]=e[r]);if(e!=null&&Pe)for(var r of Pe(e))o.indexOf(r)<0&&so.call(e,r)&&(t[r]=e[r]);return t};var z=(e,o)=>{for(var t in o)no(e,t,{get:o[t],enumerable:!0});};var D=(e,o,t)=>new Promise((r,n)=>{var s=u=>{try{p(t.next(u));}catch(d){n(d);}},a=u=>{try{p(t.throw(u));}catch(d){n(d);}},p=u=>u.done?r(u.value):Promise.resolve(u.value).then(s,a);p((t=t.apply(e,o)).next());});var ao={borders:{md:"1px solid"},borderWidths:{0:"0",md:"1px"}};var lo={black:"#000000",gray100:"#14161A",gray200:"#181B20",gray300:"#1F2329",gray400:"#2E343D",gray500:"#4C5766",gray600:"#5A6472",gray700:"#C5CBD3",gray800:"#E2E5E9",gray900:"#F1F2F4",white:"#ffffff",blue400:"#015AC6",blue500:"#0171F8",blue800:"#DBECFF",blue900:"#F5F9FF",green400:"#009E37",green500:"#00D149",green800:"#DBFFE8",transparent:"#FFFFFF00",inherit:"inherit",red500:"#c00000"};var po={md:"10px",lg:"20px",round:"50%"};var f=e=>`var(--fr-colors-${e})`,co={neutral:{background:f("white"),border:f("gray800"),foreground:f("black"),surface:f("gray700"),active:{background:f("white"),border:f("gray900"),foreground:f("black"),surface:f("gray700")},focus:{background:f("white"),border:f("gray900"),foreground:f("black"),surface:f("gray700")},hover:{background:f("white"),border:f("gray900"),foreground:f("black"),surface:f("gray700")}},primary:{background:f("blue500"),border:f("blue500"),foreground:f("white"),surface:f("blue500"),active:{background:f("blue400"),border:f("blue400"),foreground:f("white"),surface:f("blue400")},focus:{background:f("blue500"),border:f("blue500"),foreground:f("white"),surface:f("blue500")},hover:{background:f("blue400"),border:f("blue400"),foreground:f("white"),surface:f("blue400")}},secondary:{background:f("white"),border:f("gray800"),foreground:f("black"),surface:f("gray900"),active:{background:f("gray900"),border:f("gray800"),foreground:f("black"),surface:f("gray800")},focus:{background:f("gray900"),border:f("gray800"),foreground:f("black"),surface:f("gray900")},hover:{background:f("gray900"),border:f("gray800"),foreground:f("black"),surface:f("gray800")}}};var uo={md:"0px 4px 20px rgba(0, 0, 0, 0.1)"};var St="px",Ft=e=>typeof e=="number"?`${4*e}${St}`:e,Tt=[-20,-19,-18,-17,-16,-15,-14,-13,-12,-11,-10,-9,-8,-7,-6,-5,-4,-3,-2,-1,-.5,0,.5,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,"auto"],mo=Object.fromEntries(Tt.map(e=>[e,Ft(e)]));var fo={fontFamilies:{default:"inherit"},fontSizes:{xs:"12px",sm:"14px",md:"16px",lg:"18px",xl:"20px","2xl":"24px","3xl":"30px","4xl":"36px","5xl":"48px"},fontWeights:{thin:"100",extralight:"200",light:"300",regular:"400",medium:"500",demibold:"600",bold:"700",extrabold:"800",black:"900"},letterSpacings:{md:"0.02em"},lineHeights:{xs:"18px",sm:"22px",md:"24px",lg:"26px",xl:"30px","2xl":"38px","3xl":"46px","4xl":"60px"}};var Ie=l(i(l(i({},ao),{colors:i(i({},lo),co)}),fo),{radii:po,shadows:uo,space:mo});function fe(e,o="",t="."){return Object.keys(e).reduce((r,n)=>{let a=`${o.length?`${o}${t}`:""}${n}`,p=e[n];return typeof p=="object"&&p!==null&&!Array.isArray(p)?Object.assign(r,fe(p,a,t)):r[a]=p,r},{})}function He(e){return fe(e,"--fr","-")}function go(e,o="--fr"){let t={};return Object.keys(e).forEach(r=>{let n=e[r];typeof n=="object"&&n!==null&&!Array.isArray(n)?t[r]=go(n,`${o}-${r}`):t[r]=`var(${o}-${r})`;}),t}var We=He(Ie),F=go(Ie);var Rt=new Set(["alt","size","src"]),Bt=wt.all.filter(e=>e.indexOf("-")!=0&&!Rt.has(e)).map(e=>[e.replace(/-([a-z])/g,(o,t)=>t.toUpperCase()),null]),vt=Object.fromEntries(Bt),Ae=fe(F.colors),kt={color:Ae,backgroundColor:Ae,borderColor:Ae,border:F.borders,borderRadius:F.radii,borderWidth:F.borderWidths,boxShadow:F.shadows,fontFamily:F.fontFamilies,fontSize:F.fontSizes,fontWeight:F.fontWeights,gap:F.space,lineHeight:F.lineHeights,margin:F.space,marginBottom:F.space,marginLeft:F.space,marginRight:F.space,marginTop:F.space,padding:F.space,paddingBottom:F.space,paddingLeft:F.space,paddingRight:F.space,paddingTop:F.space},xo=i(i({},vt),kt),yo={bg:["backgroundColor"],m:["margin"],mt:["marginTop"],mr:["marginRight"],mb:["marginBottom"],ml:["marginLeft"],mx:["marginLeft","marginRight"],my:["marginTop","marginBottom"],p:["padding"],pt:["paddingTop"],pr:["paddingRight"],pb:["paddingBottom"],pl:["paddingLeft"],px:["paddingLeft","paddingRight"],py:["paddingTop","paddingBottom"]},bo=new Set(["active","disabled","focus","focusVisible","focusWithin","hover"]);function Dt(e){return Array.isArray(e)?new Map(e.map(o=>[o,o])):typeof e=="object"&&e!==null?new Map(Object.entries(e)):typeof e=="string"||typeof e=="number"?new Map([[e,e]]):new Map}var ho=new Map(Object.entries(xo).map(([e,o])=>[e,Dt(o)])),Et=new Map(Object.entries(yo).map(([e,o])=>[e,new Set(o)])),Ot=new Set(["height","width"]),Mt=new Set(["canvas","embed","iframe","img","input","object","video"]);function Po(e){let[o,t]=e.split(":");return [o,bo.has(t)?t:null]}function Co(e,o="div"){let t=Object.assign({},e),r={};function n(s){if(s==null)return r;let p=`&:${s.replace(/[A-Z]/g,u=>`-${u.toLocaleLowerCase()}`)}`;return r[p]==null&&(r[p]={}),r[p]}return Object.entries(t).forEach(([s,a])=>{let[p,u]=Po(s),d=Et.get(p);d!=null&&(d.forEach(g=>{let P=`${g}${u?":"+u:""}`;t[P]=a;}),delete t[s]);}),Object.entries(t).forEach(([s,a])=>{let[p,u]=Po(s),d=ho.get(p);if(d!=null){if(typeof a=="string"&&a.indexOf(" ")>-1){let g=a.split(" ");n(u)[p]=g.map(P=>{var C;return (C=d.get(P.toString()))!=null?C:P}).join(" ");}else d.has(a.toString())?n(u)[p]=d.get(a.toString()):n(u)[p]=a;(typeof o!="string"||!Mt.has(o)||!Ot.has(p))&&delete t[s];}}),Object.keys(t).forEach(s=>{let a=s.substring(1);s.indexOf("_")===0&&ho.has(a)&&(t[a]=t[s],delete t[s]);}),{cssFromProps:r,unmatchedProps:t}}function Ht(){if(typeof window=="undefined"){let{JSDOM:e}=Ct("jsdom");return new e("<!DOCTYPE html>").window}return window}function So(e){return e?{__html:It(Ht()).sanitize(e,{ALLOWED_TAGS:["b","i","a","span","div","p","pre","u","br","img","code","li","ul","table","tbody","thead","tr","td","th","h1","h2","h3","h4","video"],ALLOWED_ATTR:["style","class","target","id","href","alt","src","controls","autoplay","loop","muted"]})}:{__html:""}}function At(e){return e&&`fr-${e}`}function wo(e){return e&&(Array.isArray(e)?e.map(o=>wo(o)).join(" "):At(e))}function Lt(p,a){var u=p,{as:e,children:o,className:t,css:r={},part:n}=u,s=c(u,["as","children","className","css","part"]);let d=e!=null?e:"div",{cssFromProps:g,unmatchedProps:P}=Co(s,d),C=wo(n),T=t||C?clsx(t,C):void 0,h=[{boxSizing:"border-box"},g,r];return typeof o=="string"?jsx(d,l(i({className:T,css:h},P),{ref:a,dangerouslySetInnerHTML:So(o)})):jsx(d,l(i({className:T,css:h},P),{ref:a,children:o}))}var m=$e.forwardRef(Lt);var w={};z(w,{Link:()=>cr,Plain:()=>ur,Primary:()=>pr,Secondary:()=>dr});var y={};z(y,{Body1:()=>or,Body2:()=>tr,Caption:()=>rr,Display1:()=>Jt,Display2:()=>qt,H1:()=>Yt,H2:()=>Qt,H3:()=>Zt,H4:()=>er});var Le={};z(Le,{Body1:()=>Kt,Body2:()=>Ut,Caption:()=>Gt,Display1:()=>Vt,Display2:()=>$t,H1:()=>Nt,H2:()=>_t,H3:()=>zt,H4:()=>jt});var j={color:"neutral.foreground",fontFamily:"default",margin:"0"},Vt=l(i({},j),{fontSize:"5xl",fontWeight:"bold",lineHeight:"4xl"}),$t=l(i({},j),{fontSize:"4xl",fontWeight:"bold",lineHeight:"3xl"}),Nt=l(i({},j),{fontSize:"3xl",fontWeight:"demibold",lineHeight:"2xl"}),_t=l(i({},j),{fontSize:"2xl",fontWeight:"demibold",lineHeight:"xl"}),zt=l(i({},j),{fontSize:"xl",fontWeight:"demibold",lineHeight:"lg"}),jt=l(i({},j),{fontSize:"md",fontWeight:"demibold",lineHeight:"md"}),Kt=l(i({},j),{fontSize:"md",fontWeight:"regular",lineHeight:"md"}),Ut=l(i({},j),{fontSize:"sm",fontWeight:"regular",lineHeight:"sm"}),Gt=l(i({},j),{fontSize:"xs",fontWeight:"regular",lineHeight:"xs"});var Xt=["Display1","Display2","H1","H2","H3","H4","Body1","Body2","Caption"],K=Object.fromEntries(Xt.map(e=>{let o=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():"span",t=$e.forwardRef((p,a)=>{var u=p,{as:r=o,children:n}=u,s=c(u,["as","children"]);return jsx(m,l(i(i({as:r},Le[e]),s),{ref:a,children:n}))});return t.displayName=`Text.${e}`,[e,t]})),Jt=K.Display1,qt=K.Display2,Yt=K.H1,Qt=K.H2,Zt=K.H3,er=K.H4,or=K.Body1,tr=K.Body2,rr=K.Caption;var Ve={};z(Ve,{Link:()=>ar,Plain:()=>lr,Primary:()=>ir,Secondary:()=>sr});var Ce={borderWidth:"md",borderRadius:"md",borderStyle:"solid",display:"flex",gap:"2",padding:"2 4"},ir=l(i({},Ce),{backgroundColor:"primary.surface",borderColor:"primary.border",color:"primary.foreground","backgroundColor:hover":"primary.hover.surface","backgroundColor:disabled":"primary.surface","opacity:disabled":"0.7"}),sr=l(i({},Ce),{backgroundColor:"secondary.background",borderColor:"secondary.border",color:"secondary.foreground","backgroundColor:hover":"secondary.hover.background","backgroundColor:disabled":"secondary.background","opacity:disabled":"0.7"}),ar=l(i({},Ce),{backgroundColor:"transparent",borderColor:"transparent",color:"primary.surface","color:hover":"primary.hover.surface"}),lr=l(i({},Ce),{backgroundColor:"transparent",borderColor:"transparent",color:"neutral.foreground"});function Se(a){var p=a,{as:e,children:o,part:t,title:r,variant:n="Primary"}=p,s=c(p,["as","children","part","title","variant"]);let u=n.toLocaleLowerCase();return jsxs(m,l(i(i({as:e!=null?e:"button",part:[`button-${u}`,t]},Ve[n]),s),{children:[o,r&&jsx(y.Body2,{color:"inherit",css:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},flexGrow:"1",fontWeight:"demibold",part:"button-title",children:r})]}))}function pr(t){var r=t,{children:e}=r,o=c(r,["children"]);return jsx(Se,l(i({},o),{variant:"Primary",children:e}))}function dr(t){var r=t,{children:e}=r,o=c(r,["children"]);return jsx(Se,l(i({},o),{variant:"Secondary",children:e}))}function cr(t){var r=t,{children:e}=r,o=c(r,["children"]);return jsx(Se,l(i({},o),{variant:"Link",children:e}))}function ur(t){var r=t,{children:e}=r,o=c(r,["children"]);return jsx(Se,l(i({},o),{variant:"Plain",children:e}))}var x={};z(x,{Column:()=>gr,Row:()=>fr});var fr=$e.forwardRef((e,o)=>jsx(m,l(i({display:"flex",flexDirection:"row"},e),{ref:o}))),gr=$e.forwardRef((e,o)=>jsx(m,l(i({display:"flex",flexDirection:"column"},e),{ref:o})));var E=createContext({apiKey:"",modals:new Set,setModals:()=>{},currentModal:null,navigate:()=>{}});function ko(n){var s=n,{children:e,navigate:o,theme:t}=s,r=c(s,["children","navigate","theme"]);let a=t?He(t):{},[p,u]=useState(new Set),d=useMemo(()=>new Frigade(r.apiKey,{apiKey:r.apiKey,apiUrl:r.apiUrl,userId:r.userId,groupId:r.groupId,__readOnly:r.__readOnly,__flowConfigOverrides:r.__flowConfigOverrides}),[r.userId,r.groupId,r.apiKey]),g=o!=null?o:(C,T="_self")=>{window.open(C,T);};useEffect(()=>()=>{d.destroy();},[]);let P=p.size>0?p.values().next().value:null;return jsxs(E.Provider,{value:l(i({modals:p,setModals:u,currentModal:P,navigate:g},r),{frigade:d}),children:[jsx(Global,{styles:{":root":i(i({},We),a)}}),jsx(ThemeProvider,{theme:F,children:e})]})}function ee(e,o){let[t,r]=useState(),[,n]=useState(""),{frigade:s}=useContext(E),a=useCallback(p=>{p.id===e&&(o!=null&&o.variables&&p.applyVariables(o.variables),r(p),n(Math.random().toString()));},[o==null?void 0:o.variables]);return useEffect(()=>(D(this,null,function*(){let p=yield s.getFlow(e);if(!p||s.hasFailedToLoad()){r(void 0);return}o!=null&&o.variables&&p.applyVariables(o.variables),r(p);}),s.onStateChange(a),()=>{s.removeStateChangeHandler(a);}),[a]),useEffect(()=>{!(o!=null&&o.variables)||!t||a(t);},[o==null?void 0:o.variables]),{flow:t}}function oe(e,{onComplete:o,onDismiss:t}={}){let r=useRef(null);return useEffect(()=>{e!=null&&(e.isCompleted&&r.current===!1&&D(this,null,function*(){yield o==null?void 0:o(e);}),r.current=e==null?void 0:e.isCompleted);},[e==null?void 0:e.isCompleted]),{handleDismiss:useCallback(n=>D(this,null,function*(){if((yield t==null?void 0:t(e,n))===!1)return n.preventDefault(),!1;e.skip();}),[e])}}function te(e,{onPrimary:o,onSecondary:t}={}){let{navigate:r}=useContext(E);return {handlePrimary:useCallback((n,s)=>D(this,null,function*(){return (yield o==null?void 0:o(e,n))===!1?(n.preventDefault(),!1):(e.complete(s),e.primaryButtonUri!=null&&r(e.primaryButtonUri,e.primaryButtonUriTarget),!0)}),[e]),handleSecondary:useCallback((n,s)=>D(this,null,function*(){return (yield t==null?void 0:t(e,n))===!1?(n.preventDefault(),!1):(e.complete(s),e.secondaryButtonUri!=null&&r(e.secondaryButtonUri,e.secondaryButtonUriTarget),!0)}),[e])}}function xe(e,o=!0){let{currentModal:t,modals:r,setModals:n}=useContext(E),[s,a]=useState(!1);useEffect(()=>{o&&(e!=null&&e.isVisible)&&e&&!r.has(e.id)&&n(u=>new Set(u).add(e.id));},[e==null?void 0:e.id,e==null?void 0:e.isVisible]),useEffect(()=>{let u=t===(e==null?void 0:e.id);o&&(e==null?void 0:e.id)!=null&&u!==s&&a(u);},[e==null?void 0:e.id,t]);function p(){o&&r.has(e==null?void 0:e.id)&&n(u=>{let d=new Set(u);return d.delete(e==null?void 0:e.id),d});}return {isCurrentModal:s||!o,removeModal:p}}function N(C){var T=C,{as:e,children:o,container:t,dismissible:r=!1,flowId:n,onComplete:s,onDismiss:a,onPrimary:p,onSecondary:u,variables:d,forceMount:g}=T,P=c(T,["as","children","container","dismissible","flowId","onComplete","onDismiss","onPrimary","onSecondary","variables","forceMount"]);let{flow:h}=ee(n,{variables:d}),S=h==null?void 0:h.getCurrentStep(),{handleDismiss:O}=oe(h,{onComplete:s,onDismiss:a}),{handlePrimary:$,handleSecondary:G}=te(S,{onPrimary:p,onSecondary:u}),Y=e&&typeof e=="function"&&(e.displayName==="Dialog"||e.displayName==="Modal"),{isCurrentModal:ce,removeModal:Ee}=xe(h,Y);if(useEffect(()=>{!(h!=null&&h.isVisible)&&ce&&Ee();},[h==null?void 0:h.isVisible,ce]),h==null||!ce)return null;let Oe=g&&h.isCompleted;if(!h.isVisible&&!Oe)return null;!h.isCompleted&&!h.isSkipped&&S.start();let Me=e!=null?e:m;return jsx(Me,l(i({position:"relative"},P),{children:o({flow:h,handleDismiss:O,handlePrimary:$,handleSecondary:G,parentProps:i({container:t,dismissible:r,flowId:n,variables:d},P),step:S})}))}function Io(e){return jsx(N,l(i({as:b,gap:5,borderColor:"neutral.border",borderStyle:"solid",borderWidth:"md",part:"card"},e),{children:({handleDismiss:o,handlePrimary:t,handleSecondary:r,parentProps:{dismissible:n},step:s})=>jsxs(Fragment,{children:[jsxs(x.Row,{alignItems:"center",flexWrap:"wrap",gap:1,justifyContent:"space-between",part:"card-header",children:[jsx(b.Title,{children:s.title}),n&&jsx(b.Dismiss,{onClick:o}),jsx(b.Subtitle,{flexBasis:"100%",children:s.subtitle})]}),jsx(b.Media,{src:s.imageUri,css:{objectFit:"contain",width:"100%"}}),jsxs(x.Row,{gap:3,justifyContent:"flex-end",part:"card-footer",children:[jsx(b.Secondary,{title:s.secondaryButtonTitle,onClick:r}),jsx(b.Primary,{title:s.primaryButtonTitle,onClick:t})]})]})}))}function _e(r){var n=r,{part:e,src:o}=n,t=c(n,["part","src"]);return jsx(m,i({as:"img",part:["image",e],src:o},t))}function Wr(e){var o,t,r,n;return e.includes("youtube")?`https://www.youtube.com/embed/${(o=e.split("v=")[1])==null?void 0:o.split("&")[0]}`:e.includes("vimeo")?`https://player.vimeo.com/video/${(t=e.split("vimeo.com/")[1])==null?void 0:t.split("&")[0]}`:e.includes("wistia")?`https://fast.wistia.net/embed/iframe/${(r=e.split("wistia.com/medias/")[1])==null?void 0:r.split("&")[0]}`:e.includes("loom")?`https://loom.com/embed/${(n=e.split("loom.com/share/")[1])==null?void 0:n.split("&")[0]}?hideEmbedTopBar=true&hide_title=true&hide_share=true&hide_owner=true`:null}function ze(r){var n=r,{part:e,src:o}=n,t=c(n,["part","src"]);let s=Wr(o);return s?jsx(m,i({allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,as:"iframe",backgroundColor:"gray100",borderWidth:0,part:["video",e],src:s},t)):o!=null&&o.endsWith(".mp4")?jsx(m,i({as:"video",controls:!0,part:["video",e],src:o},t)):(console.error(`Could not map videoUri ${o} to a known provider (Youtube, Vimeo, Wistia, Loom) or valid mp4 file.`),null)}function ne(r){var n=r,{src:e,type:o}=n,t=c(n,["src","type"]);return jsx(o==="video"?ze:_e,i({src:e},t))}var b=$e.forwardRef((n,r)=>{var s=n,{children:e,flowId:o}=s,t=c(s,["children","flowId"]);var p;if(o!=null)return jsx(Io,i({flowId:o},t));let a=(p=t.as)!=null?p:x.Column;return jsx(a,l(i({backgroundColor:"neutral.background",borderColor:"neutral.border",borderStyle:"solid",borderRadius:"md",borderWidth:"0",gap:5,p:5},t),{ref:r,children:e}))});b.Dismiss=e=>jsx(w.Plain,l(i({part:"dismiss",padding:0},e),{children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})}));b.Media=t=>{var r=t,{src:e}=r,o=c(r,["src"]);return e==null?null:jsx(ne,i({borderRadius:"md",src:e},o))};b.Primary=r=>{var n=r,{onClick:e,title:o}=n,t=c(n,["onClick","title"]);return o==null?null:jsx(w.Primary,i({title:o,onClick:e},t))};b.Secondary=r=>{var n=r,{onClick:e,title:o}=n,t=c(n,["onClick","title"]);return o==null?null:jsx(w.Secondary,i({title:o,onClick:e},t))};b.Subtitle=t=>{var r=t,{children:e}=r,o=c(r,["children"]);return e==null?null:jsx(y.Body2,l(i({display:"block",part:"subtitle"},o),{children:e}))};b.Title=t=>{var r=t,{children:e}=r,o=c(r,["children"]);return e==null?null:jsx(y.Body1,l(i({display:"block",fontWeight:"bold",part:"title"},o),{children:e}))};var Fe={content:["onOpenAutoFocus","onCloseAutoFocus","onEscapeKeyDown","onPointerDownOutside","onInteractOutside"],root:["defaultOpen","modal","onOpenChange","open"]};function Ao(e){let o=Object.fromEntries(Fe.content.map(n=>[n,e[n]]).filter(n=>n[1]!==void 0)),t=Object.fromEntries(Fe.root.map(n=>[n,e[n]]).filter(n=>n[1]!==void 0)),r={};for(let n of Object.keys(e))!Fe.content.includes(n)&&!Fe.root.includes(n)&&(r[n]=e[n]);return {contentProps:o,otherProps:r,rootProps:t}}function R(n){var s=n,{children:e,className:o,modal:t=!0}=s,r=c(s,["children","className","modal"]);let{rootProps:a,contentProps:p,otherProps:u}=Ao(r);return jsx(M.Root,l(i({defaultOpen:!0,modal:t},a),{children:jsx(M.Portal,{children:jsxs(m,{className:o,display:"grid",inset:"0",padding:"6",pointerEvents:"none",position:"fixed",children:[jsx(M.Overlay,{asChild:!0,children:jsx(m,{background:"rgb(0 0 0 / 0.5)",inset:"0",part:"dialog-overlay",position:"absolute"})}),jsx(M.Content,l(i({asChild:!0,onOpenAutoFocus:d=>d.preventDefault(),onPointerDownOutside:d=>d.preventDefault()},p),{children:jsx(b,l(i({alignSelf:"center",boxShadow:"md",justifySelf:"center",maxWidth:"430px",p:8,part:"dialog",pointerEvents:"auto",position:"relative"},u),{children:e}))}))]})})}))}R.Dismiss=e=>jsx(M.Close,{"aria-label":"Close",asChild:!0,children:jsx(w.Plain,l(i({part:"close",position:"absolute",right:"-4px",top:"4px"},e),{children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})}))});R.Subtitle=t=>{var r=t,{children:e}=r,o=c(r,["children"]);return jsx(M.Description,{asChild:!0,children:jsx(y.Body2,l(i({part:"subtitle"},o),{children:e}))})};R.Media=t=>{var r=t,{src:e}=r,o=c(r,["src"]);return e==null?null:jsx(ne,i({borderRadius:"md",src:e},o))};R.Primary=r=>{var n=r,{onClick:e,title:o}=n,t=c(n,["onClick","title"]);return o==null?null:jsx(w.Primary,i({title:o,onClick:e},t))};R.ProgressDots=({current:e,total:o})=>{if(o==1)return null;let t=[...Array(o)].map((r,n)=>jsx(m,{as:"circle",r:4,cx:4+16*n,cy:"4px",fill:e===n?F.colors.blue500:F.colors.blue800,part:e===n?"progress-dot-selected":"progress-dot"},n));return jsx(m,{as:"svg",height:"8px",marginInline:"auto",part:"progress",viewBox:`0 0 ${16*o-8} 8`,width:16*o-8,children:t})};R.Secondary=r=>{var n=r,{onClick:e,title:o}=n,t=c(n,["onClick","title"]);return o==null?null:jsx(w.Secondary,i({title:o,onClick:e},t))};R.Title=t=>{var r=t,{children:e}=r,o=c(r,["children"]);return jsx(M.Title,{asChild:!0,children:jsx(y.H3,l(i({part:"title"},o),{children:e}))})};R.displayName="Dialog";function Nr(t){var r=t,{flowId:e}=r,o=c(r,["flowId"]);return jsx(N,l(i({as:R,dismissible:!0,flowId:e,part:"announcement",textAlign:"center"},o),{children:({flow:n,handleDismiss:s,handlePrimary:a,handleSecondary:p,parentProps:{dismissible:u},step:d})=>{var P,C,T;let g=(P=d.props)!=null?P:{};return jsxs(x.Column,l(i({gap:5,part:"announcement-step"},g),{children:[u&&jsx(R.Dismiss,{onClick:s}),jsxs(x.Column,{gap:1,part:"announcement-header",children:[jsx(R.Title,{children:d.title}),jsx(R.Subtitle,{children:d.subtitle})]}),jsx(R.Media,{src:(C=d.videoUri)!=null?C:d.imageUri,type:d.videoUri?"video":"image",css:{aspectRatio:"1.5",objectFit:"cover",width:"100%"}}),jsx(R.ProgressDots,{current:n.getNumberOfCompletedSteps(),total:n.getNumberOfAvailableSteps()}),jsxs(x.Row,{css:{"& > button":{flexBasis:"50%",flexGrow:1}},gap:3,part:"announcement-footer",children:[d.secondaryButtonTitle&&jsx(R.Secondary,{onClick:p,title:d.secondaryButtonTitle}),d.primaryButtonTitle&&jsx(R.Primary,{onClick:a,title:(T=d.primaryButtonTitle)!=null?T:"Continue"})]})]}))}}))}function _r(t){var r=t,{flowId:e}=r,o=c(r,["flowId"]);return jsx(N,l(i({as:b,borderWidth:"md",flowId:e,part:"banner"},o),{children:({handleDismiss:n,handlePrimary:s,handleSecondary:a,step:p})=>{var d;let u=(d=p.props)!=null?d:{};return jsxs(m,l(i({display:"flex",flexDirection:"row",gap:3,justifyContent:"space-between",part:"banner-step"},u),{children:[jsxs(x.Row,{gap:3,children:[p.imageUri&&jsx(m,{as:"img",part:"image",src:p.imageUri,style:{height:40,width:40,alignSelf:"center"}}),jsxs(x.Column,{children:[jsx(y.H4,{part:"title",children:p.title}),jsx(y.Body2,{part:"subtitle",children:p.subtitle})]})]}),jsxs(x.Row,{alignItems:"center",gap:3,justifyContent:"center",children:[p.secondaryButtonTitle&&jsx(w.Secondary,{title:p.secondaryButtonTitle,onClick:a}),jsx(w.Primary,{title:p.primaryButtonTitle,onClick:s}),o.dismissible&&jsx(b.Dismiss,{onClick:n})]})]}))}}))}var Je={};z(Je,{Collapsible:()=>Uo,CollapsibleStep:()=>ye});var ye={};z(ye,{Content:()=>Ue,Root:()=>Ge,Trigger:()=>Xe});var jr=keyframes`
   from {
     height: 0;
     opacity: 0;
@@ -26,7 +26,7 @@ var ro=Object.defineProperty,ht=Object.defineProperties;var bt=Object.getOwnProp
     height: var(--radix-collapsible-content-height);
     opacity: 1;
   }
-`,Ur=keyframes`
+`,Kr=keyframes`
   from {
     height: var(--radix-collapsible-content-height);
     opacity: 1;
@@ -35,8 +35,8 @@ var ro=Object.defineProperty,ht=Object.defineProperties;var bt=Object.getOwnProp
     height: 0;
     opacity: 0;
   }
-`,Gr=()=>jsx(m,{as:"svg",color:"primary.foreground",width:"10px",height:"8px",viewBox:"0 0 10 8",fill:"none",children:jsx("path",{d:"M1 4.34664L3.4618 6.99729L3.4459 6.98017L9 1",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});function Xr({checked:e=!1}){return jsx(m,{backgroundColor:"inherit",borderWidth:"md",borderStyle:"solid",borderColor:"neutral.border",borderRadius:"100%",padding:"0",part:"field-radio-value",position:"relative",height:"22px",width:"22px",children:e&&jsx(m,{alignItems:"center",bg:"green500",borderWidth:"md",borderStyle:"solid",borderColor:"green500",borderRadius:"100%",display:"flex",height:"calc(100% + 2px)",justifyContent:"center",left:"-1px",part:"field-radio-indicator",position:"absolute",top:"-1px",width:"calc(100% + 2px)",children:jsx(Gr,{})})})}function Ke({children:e}){return jsx(le.Content,{asChild:!0,children:jsxs(x.Column,{css:{'&[data-state="open"]':{animation:`${Kr} 300ms ease-out`},'&[data-state="closed"]':{animation:`${Ur} 300ms ease-out`},overflow:"hidden"},gap:5,children:[jsx(m,{}),e]})})}function Ue({children:e,open:o=!1,onOpenChange:t=()=>{}}){return jsx(le.Root,{asChild:!0,open:o,onOpenChange:t,children:jsx(y,{borderWidth:"md",css:{'&[data-state="open"] .fr-collapsible-step-icon':{transform:"rotate(180deg)"}},gap:0,children:e})})}function Ge({isCompleted:e,title:o}){return jsx(le.Trigger,{asChild:!0,children:jsxs(x.Row,{alignItems:"center",justifyContent:"space-between",margin:-5,padding:5,zIndex:1,children:[jsxs(x.Row,{alignItems:"center",gap:2,children:[jsx(Xr,{checked:e}),jsx(h.Body2,{fontWeight:"demibold",userSelect:"none",children:o})]}),jsx(m,{as:ChevronDownIcon,color:"gray100",css:{"& path":{vectorEffect:"non-scaling-stroke"}},display:"block",height:"16px",order:2,part:"collapsible-step-icon",width:"16px"})]})})}var Re={};j(Re,{Bar:()=>we,Dots:()=>$o,Segments:()=>_o});function we(r){var n=r,{current:e,total:o}=n,t=d(n,["current","total"]);let s=o>0?Math.min(e/o,1):0,a=s===0?"10px":`${100*s}%`;return jsx(m,p(i({part:"progress-bar",backgroundColor:"blue800",borderRadius:"md",height:"10px"},t),{children:jsx(m,{backgroundColor:"primary.surface",part:"progress-bar-fill",borderRadius:"md",height:"100%",style:{width:a},transition:"width 300ms ease-out"})}))}function $o(r){var n=r,{current:e,total:o}=n,t=d(n,["current","total"]);if(o==1)return null;let s=[...Array(o)].map((a,l)=>jsx(m,{as:"circle",r:4,cx:4+16*l,cy:"4px",fill:e-1===l?F.colors.blue500:F.colors.blue800},l));return jsx(m,p(i({as:"svg",height:"8px",part:"progress-dots",viewBox:`0 0 ${16*o-8} 8`,width:16*o-8},t),{children:s}))}function _o(r){var n=r,{current:e,total:o}=n,t=d(n,["current","total"]);let s=[...Array(o)].map((a,l)=>jsx(m,{backgroundColor:e-1===l?"primary.surface":"blue800",borderRadius:"md",flexGrow:1,height:"100%"},l));return jsx(x.Row,p(i({gap:1,height:"10px"},t),{children:s}))}var jo=createContext({onPrimary:()=>{},onSecondary:()=>{},openStepId:null,setOpenStepId:()=>{},stepTypes:{}});function zo({handlePrimary:e,handleSecondary:o,open:t,onOpenChange:r,step:n}){let{isBlocked:s,isCompleted:a,primaryButtonTitle:l,secondaryButtonTitle:c,subtitle:u,title:g}=n;return jsxs(Ue,{open:t,onOpenChange:r,children:[jsx(Ge,{isCompleted:a,title:g}),jsxs(Ke,{children:[jsx(y.Media,{aspectRatio:2.5,objectFit:"cover",src:n.imageUri}),jsx(y.Subtitle,{color:"gray500",children:u}),jsxs(x.Row,{gap:3,children:[jsx(y.Secondary,{disabled:!!(a||s),title:c,onClick:o}),jsx(y.Primary,{disabled:!!(a||s),title:l,onClick:e})]})]})]})}var Qr={default:zo};function Zr(r){var n=r,{flow:e,step:o}=n,t=d(n,["flow","step"]);var E;let{onPrimary:s,onSecondary:a,openStepId:l,setOpenStepId:c,stepTypes:u}=useContext(jo),{handlePrimary:g,handleSecondary:b}=oe(o,{onPrimary:s,onSecondary:a}),S=(l!=null?l:e.getCurrentStep().id)===o.id,C=(E=u[o.type])!=null?E:zo;function P(V){return k(this,null,function*(){c(V?o.id:""),V&&!o.isCompleted&&(yield o.start());})}return jsx(C,p(i({flow:e,onOpenChange:P,open:S,step:o},t),{handlePrimary:g,handleSecondary:b}),o.id)}function Ko(a){var l=a,{dismissible:e,flowId:o,onPrimary:t,onSecondary:r,stepTypes:n={}}=l,s=d(l,["dismissible","flowId","onPrimary","onSecondary","stepTypes"]);let[c,u]=useState(null),g=i(i({},Qr),n);return jsx(jo.Provider,{value:{openStepId:c,setOpenStepId:u,onPrimary:t,onSecondary:r,stepTypes:g},children:jsx(N,p(i({as:y,borderWidth:"md",flowId:o,part:"checklist"},s),{children:P=>{var E=P,{flow:b,handleDismiss:S}=E,C=d(E,["flow","handleDismiss"]);let V=Array.from(b.steps.entries()).map(([,Y])=>jsx(Zr,p(i({flow:b,handleDismiss:S},C),{step:Y}),Y.id)),$=b.getNumberOfCompletedSteps(),G=b.getNumberOfAvailableSteps();return jsxs(Fragment,{children:[jsxs(x.Column,{gap:2,children:[jsxs(x.Row,{alignItems:"center",flexWrap:"wrap",gap:1,justifyContent:"space-between",part:"checklist-header",children:[jsx(y.Title,{children:b.title}),e&&jsx(y.Dismiss,{onClick:S}),jsx(y.Subtitle,{color:"gray500",flexBasis:"100%",children:b.subtitle})]}),jsxs(x.Row,{alignItems:"center",gap:2,children:[jsxs(h.Body2,{fontWeight:"demibold",children:[$,"/",G]}),jsx(we,{current:$,total:G,flexGrow:1})]})]}),V]})}}))})}var rn=new Set(["required","min","max","minLength","maxLength","pattern"]);function nn({fieldComponent:e,control:o,fieldData:t}){t.pattern!=null&&(typeof t.pattern=="string"?t.pattern=new RegExp(t.pattern.replace(/^\/|\/$/g,"")):typeof t.pattern=="object"&&typeof t.pattern.value=="string"&&(t.pattern.value=new RegExp(t.pattern.value.replace(/^\/|\/$/g,""))));let r=Object.fromEntries(Object.entries(t).filter(([s])=>rn.has(s))),n=useController({name:t.id,control:o,rules:r});return jsx(e,p(i({},n),{fieldData:t}))}function Uo({fieldTypes:e,handleDismiss:o,handlePrimary:t,handleSecondary:r,parentProps:{dismissible:n},step:s}){var b,S;let{control:a,handleSubmit:l}=useForm({delayError:2e3,mode:"onChange"}),c=[];function u(C,P){t(P,C);}function g(C,P){r(P,C);}return (b=s.fields)==null||b.forEach(C=>{e[C.type]!=null&&c.push(jsx(nn,{control:a,fieldComponent:e[C.type],fieldData:C},C.id));}),jsxs(x.Column,{gap:5,part:"form-step",children:[jsxs(x.Row,{alignItems:"center",flexWrap:"wrap",gap:1,justifyContent:"space-between",part:"form-step-header",children:[jsx(y.Title,{children:s.title}),n&&jsx(y.Dismiss,{onClick:o}),jsx(y.Subtitle,{flexBasis:"100%",children:s.subtitle})]}),c,jsxs(x.Row,{part:"form-step-footer",justifyContent:"flex-end",gap:3,children:[s.secondaryButtonTitle&&jsx(T.Secondary,{title:s.secondaryButtonTitle,onClick:l(g)}),jsx(T.Primary,{title:(S=s.primaryButtonTitle)!=null?S:"Submit",onClick:l(u)})]},"form-footer")]})}function Go({error:e}){var o;return (o=e==null?void 0:e.message)!=null&&o.length?jsx(h.Caption,{color:"red500",display:"block",part:"field-error",textAlign:"end",children:e==null?void 0:e.message}):null}function Xo({children:e,id:o,required:t=!1}){return jsxs(h.H4,{as:"label",htmlFor:o,part:"field-label",children:[e,t&&" *"]})}var he={px:"4",py:"2",backgroundColor:"neutral.background",borderColor:"neutral.border",borderStyle:"solid",borderWidth:"md",borderRadius:"md",display:"block",outline:"none",width:"100%"};function q({children:e,field:o,fieldData:t,fieldState:r}){var u;let{id:n,label:s,placeholder:a}=t,{error:l}=r,c=p(i(i(i({id:n},o),a?{placeholder:a}:{}),he),{"aria-invalid":!!l,value:(u=o.value)!=null?u:""});return jsxs(m,{part:"field",children:[jsx(Xo,{id:n,required:!!t.required,children:s}),e(c),jsx(Go,{error:l})]})}var pn=()=>jsx(m,{as:"svg",color:"primary.foreground",width:"10px",height:"8px",viewBox:"0 0 10 8",fill:"none",children:jsx("path",{d:"M1 4.34664L3.4618 6.99729L3.4459 6.98017L9 1",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),dn=Ve.forwardRef(({label:e,value:o},t)=>jsxs(m,{as:"label",backgroundColor:"neutral.background",borderColor:"neutral.border",borderRadius:"md",borderStyle:"solid",borderWidth:"md",display:"flex",htmlFor:o,justifyContent:"space-between",part:"field-radio",px:4,py:2,children:[jsx(h.Body2,{part:"field-radio-label",children:e}),jsx(pe.Item,{id:o,value:o,ref:t,asChild:!0,children:jsx(m,{as:"button",backgroundColor:"inherit",borderWidth:"md",borderStyle:"solid",borderColor:"neutral.border",borderRadius:"100%",padding:"0",part:"field-radio-value",position:"relative",height:"24px",width:"24px",children:jsx(m,{as:pe.Indicator,alignItems:"center",bg:"primary.surface",borderWidth:"md",borderStyle:"solid",borderColor:"primary.border",borderRadius:"100%",display:"flex",height:"calc(100% + 2px)",justifyContent:"center",left:"-1px",part:"field-radio-indicator",position:"absolute",top:"-1px",width:"calc(100% + 2px)",children:jsx(pn,{})})})})]}));function Qo(e){let{field:{onChange:o,value:t},fieldData:{options:r=[]}}=e,n=r.map(({label:s,value:a})=>jsx(dn,{value:a,label:s},a));return jsx(q,p(i({},e),{children:()=>jsx(pe.Root,{value:t,onValueChange:o,asChild:!0,children:jsx(x.Column,{gap:2,part:"field-radio-group",children:n})})}))}var mn=Ve.forwardRef(({label:e,value:o},t)=>jsx(B.Item,{value:o,ref:t,asChild:!0,children:jsx(m,{"backgroundColor:hover":"blue900",borderRadius:"md",outline:"none",part:"field-select-option",px:"3",py:"2",children:jsx(B.ItemText,{asChild:!0,children:jsx(h.Body2,{part:"field-select-option-label",children:e})})})}));function ot(e){let{field:{onChange:o,value:t},fieldData:{options:r=[],placeholder:n}}=e,s=r.map(({label:a,value:l})=>jsx(mn,{value:l,label:a},l));return jsx(q,p(i({},e),{children:()=>jsxs(B.Root,{value:t,onValueChange:o,children:[jsx(B.Trigger,{asChild:!0,children:jsxs(h.Body2,p(i({},he),{alignItems:"center",display:"flex",justifyContent:"space-between",part:"field-select",children:[jsx(B.Value,{placeholder:n!=null?n:"Select one"}),jsx(B.Icon,{children:jsx(m,{as:ChevronDownIcon,color:"gray100",display:"block",height:"24px",part:"field-select-icon",width:"24px"})})]}))}),jsx(B.Portal,{children:jsx(B.Content,{position:"popper",sideOffset:4,asChild:!0,children:jsx(m,p(i({},he),{p:"1",part:"field-select-options",width:"var(--radix-popper-anchor-width)",children:jsx(B.Viewport,{children:s})}))})})]})}))}function rt(e){return jsx(q,p(i({},e),{children:o=>jsx(h.Body2,i({as:"input",part:"field-text",type:"text"},o))}))}function it(e){return jsx(q,p(i({},e),{children:o=>jsx(h.Body2,i({as:"textarea",part:"field-textarea"},o))}))}var fn={radio:Qo,select:ot,text:rt,textarea:it};function qe(r){var n=r,{fieldTypes:e={},flowId:o}=n,t=d(n,["fieldTypes","flowId"]);let s=Object.assign({},fn,e);return jsx(N,p(i({flowId:o,part:"form"},t),{children:a=>jsx(Uo,i({fieldTypes:s},a))}))}var Ye={};j(Ye,{NPS:()=>pt});function lt({field:e}){let o=[...Array(11)].map((t,r)=>{let n=e.value===r?T.Primary:T.Secondary;return jsx(n,{borderWidth:"1px",onClick:()=>e.onChange(r),title:`${r}`},r)});return jsx(x.Row,{gap:2,justifyContent:"space-between",part:"field-nps",children:o})}function pt(n){var s=n,{as:e=w,flowId:o,fieldTypes:t}=s,r=d(s,["as","flowId","fieldTypes"]);return jsx(qe,i({alignSelf:"end",as:e,flowId:o,fieldTypes:i({nps:lt},t),minWidth:"620px",modal:!1,width:"620px"},r))}function Be(){let e="DOMRect"in globalThis?new DOMRect:{height:0,width:0,x:0,y:0,bottom:0,top:0,right:0,left:0,toJSON:()=>{}},[o,t]=useState(e),[r,n]=useState(null),s=useCallback(a=>{n(a);},[]);return useLayoutEffect(()=>{if(!r)return;let a=()=>{let l=r.getBoundingClientRect();t(l);};return a(),window.addEventListener("resize",a),()=>window.removeEventListener("resize",a)},[r]),{node:r,rect:o,ref:s}}var bn=keyframes({"0%":{opacity:.5,transform:"scale(0.5)"},"50%":{opacity:0,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(1)"}});function ut(r){var n=r,{style:e={},part:o=""}=n,t=d(n,["style","part"]);return jsxs(m,p(i({part:`dot-wrapper ${o}`,style:i({height:"48px",position:"absolute",width:"48px"},e)},t),{children:[jsx(m,{backgroundColor:"primary.surface",part:"dot-pulse",css:{animation:`2s ease-out infinite ${bn}`,borderRadius:"24px",height:"48px",left:0,position:"absolute",top:0,transformOrigin:"center center",width:"48px"}}),jsx(m,{backgroundColor:"primary.surface",part:"dot",style:{borderRadius:"12px",height:"24px",left:"12px",position:"absolute",top:"12px",width:"24px"}})]}))}function mt({props:e,alignAttr:o,sideAttr:t}){let r=t!=null?t:"bottom",n={},s=()=>{var u;if(["after","before"].includes(e.align)){if(o=="start")return "before";if(o=="end")return "after"}return (u=e.align)!=null?u:"after"},a="-24px",l={top:"bottom",right:"left",bottom:"top",left:"right"};n[l[r]]=a;let c=s();return ["before","end"].includes(c)?["top","bottom"].includes(r)?n.right=a:n.bottom=a:["after","start"].includes(c)?["top","bottom"].includes(r)?n.left=a:n.top=a:["top","bottom"].includes(r)?n.left=`calc(50% + ${a})`:n.top=`calc(50% + ${a})`,n}var ve={content:["align","alignOffset","arrowPadding","avoidCollisions","collisionBoundary","collisionPadding","forceMount","hideWhenDetached","onCloseAutoFocus","onEscapeKeyDown","onFocusOutside","onInteractOutside","onOpenAutoFocus","onPointerDownOutside","side","sideOffset","sticky"],root:["defaultOpen","modal","onOpenChange","open"]};function ft(e,o){var s,a,l,c,u;let t=Object.fromEntries(ve.content.map(g=>[g,e[g]]).filter(g=>g[1]!==void 0)),r=Object.fromEntries(ve.root.map(g=>[g,e[g]]).filter(g=>g[1]!==void 0)),n={};for(let g of Object.keys(e))!ve.content.includes(g)&&!ve.root.includes(g)&&(n[g]=e[g]);if(t.align=(s=t.align)!=null?s:"after",t.side=(a=t.side)!=null?a:"bottom",["before","after"].includes(t.align)){let g={after:"end",before:"start"},b=($,G)=>["top","bottom"].includes(G)?$=="after"?"marginLeft":"marginRight":$=="after"?"marginTop":"marginBottom",S=(l=t.alignOffset)!=null?l:0,C=(c=t.style)!=null?c:{},P=(u=t.side)!=null?u:"bottom",E=t.align;t.style=p(i({},C),{[b(E,P)]:S});let V=["top","bottom"].includes(P)?o.width:o.height;t.alignOffset=(V+S)*-1,t.align=g[E];}return {contentProps:t,otherProps:n,rootProps:r}}function v(a){var l=a,{anchor:e,children:o,className:t,spotlight:r=!1,style:n}=l,s=d(l,["anchor","children","className","spotlight","style"]);let{node:c,rect:u,ref:g}=Be(),{node:b,rect:S,ref:C}=Be(),{contentProps:P,otherProps:E,rootProps:V}=ft(s,u),[$,G]=useState(P.align),[Y,de]=useState(P.side),[De,Ee]=useState(0),[Oe,xt]=useState(0);if(c!==null){let A=c.getAttribute("data-align"),Q=c.getAttribute("data-side");$!==A&&G(A),Y!==Q&&de(Q);}let be=useRef(null);if(useEffect(()=>{let A=document.querySelector(e);A!=null?(C(A),be.current=A):console.debug(`[frigade] Tooltip: No anchor found for query: ${e}`);},[e]),useEffect(()=>{function A(ce){if(ce.matches(e))return ce;let ae=ce.querySelectorAll(e);return ae.length>0?ae[0]:null}let Q=new MutationObserver(ce=>{for(let ae of ce)if(ae.type==="childList"){for(let ue of ae.addedNodes){if(ue.nodeType!==Node.ELEMENT_NODE)continue;let Z=A(ue);if(Z!=null){C(Z),be.current=Z,console.debug("[frigade] Tooltip: MutationObserver added anchor: ",Z);break}}for(let ue of ae.removedNodes){if(ue.nodeType!==Node.ELEMENT_NODE)continue;let Z=A(ue);if(Z!=null){C(null),be.current=null,console.debug("[frigade] Tooltip: MutationObserver removed anchor: ",Z);break}}}});return Q.observe(document.querySelector("body"),{childList:!0,subtree:!0}),()=>Q.disconnect()},[]),useEffect(()=>{let{scrollX:A,scrollY:Q}=window;Ee(S.left+A),xt(S.top+Q);},[S.left,S.top]),b==null)return null;let oo="0";typeof window!="undefined"&&(oo=window.getComputedStyle(b).borderRadius);let yt=mt({props:s,alignAttr:$,sideAttr:Y});return jsxs(_.Root,p(i({defaultOpen:!0},V),{children:[jsx(_.Anchor,{virtualRef:be}),jsx(_.Portal,{children:jsxs(Fragment,{children:[r&&jsx(m,{boxShadow:"0 0 0 20000px rgb(0 0 0 / 0.5)",part:"tooltip-spotlight",pointerEvents:"none",position:"absolute",style:{borderRadius:oo,height:S.height,left:De,top:Oe,width:S.width}}),jsx(_.Content,p(i({asChild:!0},P),{ref:g,children:jsxs(y,p(i({boxShadow:"md",part:"tooltip",position:"relative",className:t,css:{maxWidth:"360px",pointerEvents:"auto"},style:n},E),{children:[jsx(ut,{style:yt}),o]}))}))]})})]}))}v.Close=e=>jsx(_.Close,{"aria-label":"Close",asChild:!0,children:jsx(T.Plain,p(i({css:{top:"12px",right:"4px"},part:"close",position:"absolute"},e),{children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})}))});v.Media=t=>{var r=t,{src:e}=r,o=d(r,["src"]);return e==null?null:jsx(re,i({borderRadius:"md md 0 0",borderWidth:"0",css:{aspectRatio:"2",objectFit:"cover"},margin:"-5 -5 0",src:e},o))};v.Primary=r=>{var n=r,{onClick:e,title:o}=n,t=d(n,["onClick","title"]);return o==null?null:jsx(T.Primary,i({title:o,onClick:e},t))};v.Progress=t=>{var r=t,{children:e}=r,o=d(r,["children"]);return e==null?null:jsx(h.H4,p(i({part:"progress"},o),{children:e}))};v.Secondary=r=>{var n=r,{onClick:e,title:o}=n,t=d(n,["onClick","title"]);return o==null?null:jsx(T.Secondary,i({title:o,onClick:e},t))};v.Subtitle=t=>{var r=t,{children:e}=r,o=d(r,["children"]);return e==null?null:jsx(h.Body2,p(i({part:"subtitle"},o),{children:e}))};v.Title=t=>{var r=t,{children:e}=r,o=d(r,["children"]);return e==null?null:jsx(h.H4,p(i({part:"title"},o),{children:e}))};function gt(l){var c=l,{dismissible:e=!0,flow:o,onDismiss:t,onPrimary:r,onSecondary:n,step:s}=c,a=d(c,["dismissible","flow","onDismiss","onPrimary","onSecondary","step"]);var S;let{handleDismiss:u}=ee(o,{onDismiss:t}),{handlePrimary:g,handleSecondary:b}=oe(s,{onPrimary:r,onSecondary:n});return jsxs(v,p(i({anchor:s.selector,onOpenAutoFocus:C=>C.preventDefault(),onPointerDownOutside:C=>C.preventDefault(),onInteractOutside:C=>C.preventDefault()},a),{children:[e&&jsx(v.Close,{onClick:u}),jsx(v.Media,{src:(S=s.videoUri)!=null?S:s.imageUri,type:s.videoUri?"video":"image"}),jsxs(x.Column,{gap:1,part:"tooltip-header",children:[jsx(v.Title,{children:s.title}),jsx(v.Subtitle,{color:"gray500",children:s.subtitle})]}),jsxs(x.Row,{alignItems:"center",gap:3,justifyContent:"flex-end",part:"tooltip-footer",children:[jsx(v.Progress,{marginRight:"auto",transform:"translateY(1px)",children:`${o.getNumberOfCompletedSteps()+1}/${o.getNumberOfAvailableSteps()}`}),jsx(v.Secondary,{title:s.secondaryButtonTitle,onClick:b}),jsx(v.Primary,{title:s.primaryButtonTitle,onClick:g})]})]}),s.id)}function wn(n){var s=n,{flowId:e,onComplete:o,variables:t}=s,r=d(s,["flowId","onComplete","variables"]);let{flow:a}=ge(e,{variables:t});ee(a,{onComplete:o});let{isCurrentModal:l,removeModal:c}=xe(a);if(useEffect(()=>{!(a!=null&&a.isVisible)&&l&&c();},[a==null?void 0:a.isVisible,l]),a==null||a.isVisible===!1||!l)return null;let u=a.getCurrentStep();return u==null||u.start(),jsx(gt,i({step:u,flow:a},r))}function vn(){let{frigade:e}=useContext(D);return {frigade:e,isLoading:!(e!=null&&e.isReady())}}function Dn(){let{userId:e,frigade:o}=useContext(D);function t(n){return k(this,null,function*(){yield o.identify(e,n);})}function r(n,s){return k(this,null,function*(){yield o.track(n,s);})}return {userId:e,addProperties:t,track:r}}function On(){let{groupId:e,frigade:o}=useContext(D);function t(n){return k(this,null,function*(){if(!e){console.error("No Group ID is set. Cannot set properties without a Group ID.");return}yield o.group(e,n);})}function r(n,s){return k(this,null,function*(){yield o.track(n,s);})}return {groupId:e,addProperties:t,track:r}}
+`,Ur=()=>jsx(m,{as:"svg",color:"primary.foreground",width:"10px",height:"8px",viewBox:"0 0 10 8",fill:"none",children:jsx("path",{d:"M1 4.34664L3.4618 6.99729L3.4459 6.98017L9 1",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})});function Gr({checked:e=!1}){return jsx(m,{backgroundColor:"inherit",borderWidth:"md",borderStyle:"solid",borderColor:"neutral.border",borderRadius:"100%",padding:"0",part:"field-radio-value",position:"relative",height:"22px",width:"22px",children:e&&jsx(m,{alignItems:"center",bg:"green500",borderWidth:"md",borderStyle:"solid",borderColor:"green500",borderRadius:"100%",display:"flex",height:"calc(100% + 2px)",justifyContent:"center",left:"-1px",part:"field-radio-indicator",position:"absolute",top:"-1px",width:"calc(100% + 2px)",children:jsx(Ur,{})})})}function Ue({children:e}){return jsx(pe.Content,{asChild:!0,children:jsxs(x.Column,{css:{'&[data-state="open"]':{animation:`${jr} 300ms ease-out`},'&[data-state="closed"]':{animation:`${Kr} 300ms ease-out`},overflow:"hidden"},gap:5,children:[jsx(m,{}),e]})})}function Ge(s){var a=s,{children:e,disabled:o=!1,onOpenChange:t=()=>{},open:r=!1}=a,n=c(a,["children","disabled","onOpenChange","open"]);return jsx(pe.Root,{asChild:!0,disabled:o,open:r,onOpenChange:t,children:jsx(b,l(i({borderWidth:"md",css:{'&[data-state="open"] .fr-collapsible-step-icon':{transform:"rotate(180deg)"}},gap:0},n),{children:e}))})}function Xe({isCompleted:e,title:o}){return jsx(pe.Trigger,{asChild:!0,children:jsxs(x.Row,{alignItems:"center",justifyContent:"space-between",margin:-5,padding:5,zIndex:1,children:[jsxs(x.Row,{alignItems:"center",gap:2,children:[jsx(Gr,{checked:e}),jsx(y.Body2,{fontWeight:"demibold",userSelect:"none",children:o})]}),jsx(m,{as:ChevronDownIcon,color:"gray100",css:{"& path":{vectorEffect:"non-scaling-stroke"}},display:"block",height:"16px",order:2,part:"collapsible-step-icon",width:"16px"})]})})}var Re={};z(Re,{Bar:()=>we,Dots:()=>No,Segments:()=>zo});function we(r){var n=r,{current:e,total:o}=n,t=c(n,["current","total"]);let s=o>0?Math.min(e/o,1):0,a=s===0?"10px":`${100*s}%`;return jsx(m,l(i({part:"progress-bar",backgroundColor:"blue800",borderRadius:"md",height:"10px"},t),{children:jsx(m,{backgroundColor:"primary.surface",part:"progress-bar-fill",borderRadius:"md",height:"100%",style:{width:a},transition:"width 300ms ease-out"})}))}function No(r){var n=r,{current:e,total:o}=n,t=c(n,["current","total"]);if(o==1)return null;let s=[...Array(o)].map((a,p)=>jsx(m,{as:"circle",r:4,cx:4+16*p,cy:"4px",fill:e-1===p?F.colors.blue500:F.colors.blue800},p));return jsx(m,l(i({as:"svg",height:"8px",part:"progress-dots",viewBox:`0 0 ${16*o-8} 8`,width:16*o-8},t),{children:s}))}function zo(r){var n=r,{current:e,total:o}=n,t=c(n,["current","total"]);let s=[...Array(o)].map((a,p)=>jsx(m,{backgroundColor:e-1===p?"primary.surface":"blue800",borderRadius:"md",flexGrow:1,height:"100%"},p));return jsx(x.Row,l(i({gap:1,height:"10px"},t),{children:s}))}var jo=createContext({onPrimary:()=>{},onSecondary:()=>{},openStepId:null,setOpenStepId:()=>{},stepTypes:{}});function Ko({handlePrimary:e,handleSecondary:o,open:t,onOpenChange:r,step:n}){var C;let{isBlocked:s,isCompleted:a,primaryButtonTitle:p,secondaryButtonTitle:u,subtitle:d,title:g}=n,P=(C=n.props)!=null?C:{};return jsxs(Ge,l(i({open:t,onOpenChange:r},P),{children:[jsx(Xe,{isCompleted:a,title:g}),jsxs(Ue,{children:[jsx(b.Media,{aspectRatio:2.5,objectFit:"cover",src:n.imageUri}),jsx(b.Subtitle,{color:"gray500",children:d}),jsxs(x.Row,{gap:3,children:[jsx(b.Secondary,{disabled:!!(a||s),title:u,onClick:o}),jsx(b.Primary,{disabled:!!(a||s),title:p,onClick:e})]})]})]}))}var Yr={default:Ko};function Qr(r){var n=r,{flow:e,step:o}=n,t=c(n,["flow","step"]);var S;let{onPrimary:s,onSecondary:a,openStepId:p,setOpenStepId:u,stepTypes:d}=useContext(jo),{handlePrimary:g,handleSecondary:P}=te(o,{onPrimary:s,onSecondary:a}),C=(p!=null?p:e.getCurrentStep().id)===o.id,T=(S=d[o.type])!=null?S:Ko;function h(O){return D(this,null,function*(){u(O?o.id:""),O&&!o.isCompleted&&(yield o.start());})}return jsx(T,l(i({flow:e,onOpenChange:h,open:C,step:o},t),{handlePrimary:g,handleSecondary:P}),o.id)}function Uo(a){var p=a,{dismissible:e,flowId:o,onPrimary:t,onSecondary:r,stepTypes:n={}}=p,s=c(p,["dismissible","flowId","onPrimary","onSecondary","stepTypes"]);let[u,d]=useState(null),g=i(i({},Yr),n);return jsx(jo.Provider,{value:{openStepId:u,setOpenStepId:d,onPrimary:t,onSecondary:r,stepTypes:g},children:jsx(N,l(i({as:b,borderWidth:"md",flowId:o,part:"checklist"},s),{children:h=>{var S=h,{flow:P,handleDismiss:C}=S,T=c(S,["flow","handleDismiss"]);let O=Array.from(P.steps.entries()).map(([,Y])=>jsx(Qr,l(i({flow:P,handleDismiss:C},T),{step:Y}),Y.id)),$=P.getNumberOfCompletedSteps(),G=P.getNumberOfAvailableSteps();return jsxs(Fragment,{children:[jsxs(x.Column,{gap:2,children:[jsxs(x.Row,{alignItems:"center",flexWrap:"wrap",gap:1,justifyContent:"space-between",part:"checklist-header",children:[jsx(b.Title,{children:P.title}),e&&jsx(b.Dismiss,{onClick:C}),jsx(b.Subtitle,{color:"gray500",flexBasis:"100%",children:P.subtitle})]}),jsxs(x.Row,{alignItems:"center",gap:2,children:[jsxs(y.Body2,{fontWeight:"demibold",children:[$,"/",G]}),jsx(we,{current:$,total:G,flexGrow:1})]})]}),O]})}}))})}var tn=new Set(["required","min","max","minLength","maxLength","pattern"]);function rn({fieldComponent:e,control:o,fieldData:t,submit:r}){t.pattern!=null&&(typeof t.pattern=="string"?t.pattern=new RegExp(t.pattern.replace(/^\/|\/$/g,"")):typeof t.pattern=="object"&&typeof t.pattern.value=="string"&&(t.pattern.value=new RegExp(t.pattern.value.replace(/^\/|\/$/g,""))));let n=Object.fromEntries(Object.entries(t).filter(([a])=>tn.has(a))),s=useController({name:t.id,control:o,rules:n});return jsx(e,l(i({},s),{fieldData:t,submit:r}))}function Go({fieldTypes:e,handleDismiss:o,handlePrimary:t,handleSecondary:r,parentProps:{dismissible:n},step:s}){var C,T,h;let{control:a,handleSubmit:p}=useForm({delayError:2e3,mode:"onChange"}),u=[],d=(C=s.props)!=null?C:{};function g(S,O){t(O,S);}function P(S,O){r(O,S);}return (T=s.fields)==null||T.forEach(S=>{e[S.type]!=null&&u.push(jsx(rn,{control:a,fieldComponent:e[S.type],fieldData:S,submit:p(g)},S.id));}),jsxs(x.Column,l(i({gap:5,part:"form-step"},d),{children:[jsxs(x.Row,{alignItems:"center",flexWrap:"wrap",gap:1,justifyContent:"space-between",part:"form-step-header",children:[jsx(b.Title,{children:s.title}),n&&jsx(b.Dismiss,{onClick:o}),jsx(b.Subtitle,{flexBasis:"100%",children:s.subtitle})]}),u,jsxs(x.Row,{part:"form-step-footer",justifyContent:"flex-end",gap:3,children:[s.secondaryButtonTitle&&jsx(w.Secondary,{title:s.secondaryButtonTitle,onClick:p(P)}),jsx(w.Primary,{title:(h=s.primaryButtonTitle)!=null?h:"Submit",onClick:p(g)})]},"form-footer")]}))}function Xo({error:e}){var o;return (o=e==null?void 0:e.message)!=null&&o.length?jsx(y.Caption,{color:"red500",display:"block",part:"field-error",textAlign:"end",children:e==null?void 0:e.message}):null}function Jo({children:e,id:o,required:t=!1}){return jsxs(y.H4,{as:"label",htmlFor:o,part:"field-label",children:[e,t&&" *"]})}var be={px:"4",py:"2",backgroundColor:"neutral.background",borderColor:"neutral.border",borderStyle:"solid",borderWidth:"md",borderRadius:"md",display:"block",outline:"none",width:"100%"};function q({children:e,field:o,fieldData:t,fieldState:r}){var d;let{id:n,label:s,placeholder:a}=t,{error:p}=r,u=l(i(i(i({id:n},o),a?{placeholder:a}:{}),be),{"aria-invalid":!!p,value:(d=o.value)!=null?d:""});return jsxs(m,{part:"field",children:[jsx(Jo,{id:n,required:!!t.required,children:s}),e(u),jsx(Xo,{error:p})]})}var ln=()=>jsx(m,{as:"svg",color:"primary.foreground",width:"10px",height:"8px",viewBox:"0 0 10 8",fill:"none",children:jsx("path",{d:"M1 4.34664L3.4618 6.99729L3.4459 6.98017L9 1",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),pn=$e.forwardRef(({label:e,value:o},t)=>jsxs(m,{as:"label",backgroundColor:"neutral.background",borderColor:"neutral.border",borderRadius:"md",borderStyle:"solid",borderWidth:"md",display:"flex",htmlFor:o,justifyContent:"space-between",part:"field-radio",px:4,py:2,children:[jsx(y.Body2,{part:"field-radio-label",children:e}),jsx(de.Item,{id:o,value:o,ref:t,asChild:!0,children:jsx(m,{as:"button",backgroundColor:"inherit",borderWidth:"md",borderStyle:"solid",borderColor:"neutral.border",borderRadius:"100%",padding:"0",part:"field-radio-value",position:"relative",height:"24px",width:"24px",children:jsx(m,{as:de.Indicator,alignItems:"center",bg:"primary.surface",borderWidth:"md",borderStyle:"solid",borderColor:"primary.border",borderRadius:"100%",display:"flex",height:"calc(100% + 2px)",justifyContent:"center",left:"-1px",part:"field-radio-indicator",position:"absolute",top:"-1px",width:"calc(100% + 2px)",children:jsx(ln,{})})})})]}));function Zo(e){let{field:{onChange:o,value:t},fieldData:{options:r=[]}}=e,n=r.map(({label:s,value:a})=>jsx(pn,{value:a,label:s},a));return jsx(q,l(i({},e),{children:()=>jsx(de.Root,{value:t,onValueChange:o,asChild:!0,children:jsx(x.Column,{gap:2,part:"field-radio-group",children:n})})}))}var un=$e.forwardRef(({label:e,value:o},t)=>jsx(v.Item,{value:o,ref:t,asChild:!0,children:jsx(m,{"backgroundColor:hover":"blue900",borderRadius:"md",outline:"none",part:"field-select-option",px:"3",py:"2",children:jsx(v.ItemText,{asChild:!0,children:jsx(y.Body2,{part:"field-select-option-label",children:e})})})}));function tt(e){let{field:{onChange:o,value:t},fieldData:{options:r=[],placeholder:n}}=e,s=r.map(({label:a,value:p})=>jsx(un,{value:p,label:a},p));return jsx(q,l(i({},e),{children:()=>jsxs(v.Root,{value:t,onValueChange:o,children:[jsx(v.Trigger,{asChild:!0,children:jsxs(y.Body2,l(i({},be),{alignItems:"center",display:"flex",justifyContent:"space-between",part:"field-select",children:[jsx(v.Value,{placeholder:n!=null?n:"Select one"}),jsx(v.Icon,{children:jsx(m,{as:ChevronDownIcon,color:"gray100",display:"block",height:"24px",part:"field-select-icon",width:"24px"})})]}))}),jsx(v.Portal,{children:jsx(v.Content,{position:"popper",sideOffset:4,asChild:!0,children:jsx(m,l(i({},be),{p:"1",part:"field-select-options",width:"var(--radix-popper-anchor-width)",children:jsx(v.Viewport,{children:s})}))})})]})}))}function nt(e){return jsx(q,l(i({},e),{children:o=>jsx(y.Body2,i({as:"input",part:"field-text",type:"text"},o))}))}function st(e){return jsx(q,l(i({},e),{children:o=>jsx(y.Body2,i({as:"textarea",part:"field-textarea"},o))}))}var mn={radio:Zo,select:tt,text:nt,textarea:st};function Ye(r){var n=r,{fieldTypes:e={},flowId:o}=n,t=c(n,["fieldTypes","flowId"]);let s=Object.assign({},mn,e);return jsx(N,l(i({flowId:o,part:"form"},t),{children:a=>jsx(Go,i({fieldTypes:s},a))}))}var Qe={};z(Qe,{NPS:()=>dt});function pt({field:e,submit:o}){let t=[...Array(11)].map((r,n)=>{let s=e.value===n?w.Primary:w.Secondary;return jsx(s,{borderWidth:"1px",onClick:()=>{e.onChange(n),o();},title:`${n}`,css:{".fr-button-title":{fontSize:"15px"}}},n)});return jsxs(x.Column,{gap:2,children:[jsx(x.Row,{gap:2,justifyContent:"space-between",part:"field-nps",children:t}),jsxs(x.Row,{justifyContent:"space-between",part:"field-nps-label",children:[jsx(y.Caption,{part:"field-nps-left-label",color:"gray600",children:"Not likely at all"}),jsx(y.Caption,{part:"field-nps-right-label",color:"gray600",children:"Extremely likely"})]})]})}function dt(n){var s=n,{as:e=R,flowId:o,fieldTypes:t}=s,r=c(s,["as","flowId","fieldTypes"]);let{flow:a}=ee(o);return jsx(Ye,i({alignSelf:"end",as:e,flowId:o,fieldTypes:i({nps:pt},t),minWidth:"620px",modal:!1,width:"620px",css:l(i({},!a||a.getCurrentStepIndex()==0?{".fr-form-step-footer":{display:"none"}}:{}),{".fr-form":{padding:"20px"},".fr-form-step":{gap:"1"}})},r))}function ve(){let e="DOMRect"in globalThis?new DOMRect:{height:0,width:0,x:0,y:0,bottom:0,top:0,right:0,left:0,toJSON:()=>{}},[o,t]=useState(e),[r,n]=useState(null),s=useCallback(a=>{n(a);},[]);return useLayoutEffect(()=>{if(!r)return;let a=()=>{let p=r.getBoundingClientRect();t(p);};return a(),window.addEventListener("resize",a),()=>window.removeEventListener("resize",a)},[r]),{node:r,rect:o,ref:s}}var bn=keyframes({"0%":{opacity:.5,transform:"scale(0.5)"},"50%":{opacity:0,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(1)"}});function mt(r){var n=r,{style:e={},part:o=""}=n,t=c(n,["style","part"]);return jsxs(m,l(i({part:`dot-wrapper ${o}`,style:i({height:"48px",position:"absolute",width:"48px"},e)},t),{children:[jsx(m,{backgroundColor:"primary.surface",part:"dot-pulse",css:{animation:`2s ease-out infinite ${bn}`,borderRadius:"24px",height:"48px",left:0,position:"absolute",top:0,transformOrigin:"center center",width:"48px"}}),jsx(m,{backgroundColor:"primary.surface",part:"dot",style:{borderRadius:"12px",height:"24px",left:"12px",position:"absolute",top:"12px",width:"24px"}})]}))}function ft({props:e,alignAttr:o,sideAttr:t}){let r=t!=null?t:"bottom",n={},s=()=>{var d;if(["after","before"].includes(e.align)){if(o=="start")return "before";if(o=="end")return "after"}return (d=e.align)!=null?d:"after"},a="-24px",p={top:"bottom",right:"left",bottom:"top",left:"right"};n[p[r]]=a;let u=s();return ["before","end"].includes(u)?["top","bottom"].includes(r)?n.right=a:n.bottom=a:["after","start"].includes(u)?["top","bottom"].includes(r)?n.left=a:n.top=a:["top","bottom"].includes(r)?n.left=`calc(50% + ${a})`:n.top=`calc(50% + ${a})`,n}var ke={content:["align","alignOffset","arrowPadding","avoidCollisions","collisionBoundary","collisionPadding","forceMount","hideWhenDetached","onCloseAutoFocus","onEscapeKeyDown","onFocusOutside","onInteractOutside","onOpenAutoFocus","onPointerDownOutside","side","sideOffset","sticky"],root:["defaultOpen","modal","onOpenChange","open"]};function gt(e,o){var s,a,p,u,d;let t=Object.fromEntries(ke.content.map(g=>[g,e[g]]).filter(g=>g[1]!==void 0)),r=Object.fromEntries(ke.root.map(g=>[g,e[g]]).filter(g=>g[1]!==void 0)),n={};for(let g of Object.keys(e))!ke.content.includes(g)&&!ke.root.includes(g)&&(n[g]=e[g]);if(t.align=(s=t.align)!=null?s:"after",t.side=(a=t.side)!=null?a:"bottom",["before","after"].includes(t.align)){let g={after:"end",before:"start"},P=($,G)=>["top","bottom"].includes(G)?$=="after"?"marginLeft":"marginRight":$=="after"?"marginTop":"marginBottom",C=(p=t.alignOffset)!=null?p:0,T=(u=t.style)!=null?u:{},h=(d=t.side)!=null?d:"bottom",S=t.align;t.style=l(i({},T),{[P(S,h)]:C});let O=["top","bottom"].includes(h)?o.width:o.height;t.alignOffset=(O+C)*-1,t.align=g[S];}return {contentProps:t,otherProps:n,rootProps:r}}function k(a){var p=a,{anchor:e,children:o,className:t,spotlight:r=!1,style:n}=p,s=c(p,["anchor","children","className","spotlight","style"]);let{node:u,rect:d,ref:g}=ve(),{node:P,rect:C,ref:T}=ve(),{contentProps:h,otherProps:S,rootProps:O}=gt(s,d),[$,G]=useState(h.align),[Y,ce]=useState(h.side),[Ee,Oe]=useState(0),[Me,yt]=useState(0);if(u!==null){let L=u.getAttribute("data-align"),Q=u.getAttribute("data-side");$!==L&&G(L),Y!==Q&&ce(Q);}let he=useRef(null);if(useEffect(()=>{let L=document.querySelector(e);L!=null?(T(L),he.current=L):console.debug(`[frigade] Tooltip: No anchor found for query: ${e}`);},[e]),useEffect(()=>{function L(ue){if(ue.matches(e))return ue;let le=ue.querySelectorAll(e);return le.length>0?le[0]:null}let Q=new MutationObserver(ue=>{for(let le of ue)if(le.type==="childList"){for(let me of le.addedNodes){if(me.nodeType!==Node.ELEMENT_NODE)continue;let Z=L(me);if(Z!=null){T(Z),he.current=Z,console.debug("[frigade] Tooltip: MutationObserver added anchor: ",Z);break}}for(let me of le.removedNodes){if(me.nodeType!==Node.ELEMENT_NODE)continue;let Z=L(me);if(Z!=null){T(null),he.current=null,console.debug("[frigade] Tooltip: MutationObserver removed anchor: ",Z);break}}}});return Q.observe(document.querySelector("body"),{childList:!0,subtree:!0}),()=>Q.disconnect()},[]),useEffect(()=>{let{scrollX:L,scrollY:Q}=window;Oe(C.left+L),yt(C.top+Q);},[C.left,C.top]),P==null)return null;let to="0";typeof window!="undefined"&&(to=window.getComputedStyle(P).borderRadius);let bt=ft({props:s,alignAttr:$,sideAttr:Y});return jsxs(_.Root,l(i({defaultOpen:!0},O),{children:[jsx(_.Anchor,{virtualRef:he}),jsx(_.Portal,{children:jsxs(Fragment,{children:[r&&jsx(m,{boxShadow:"0 0 0 20000px rgb(0 0 0 / 0.5)",part:"tooltip-spotlight",pointerEvents:"none",position:"absolute",style:{borderRadius:to,height:C.height,left:Ee,top:Me,width:C.width},zIndex:s.zIndex}),jsx(_.Content,l(i({asChild:!0},h),{ref:g,children:jsxs(b,l(i({boxShadow:"md",part:"tooltip",position:"relative",className:t,css:{maxWidth:"360px",pointerEvents:"auto"},style:n},S),{children:[jsx(mt,{style:bt}),o]}))}))]})})]}))}k.Close=e=>jsx(_.Close,{"aria-label":"Close",asChild:!0,children:jsx(w.Plain,l(i({css:{top:"12px",right:"4px"},part:"close",position:"absolute"},e),{children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})}))});k.Media=t=>{var r=t,{src:e}=r,o=c(r,["src"]);return e==null?null:jsx(ne,i({borderRadius:"md md 0 0",borderWidth:"0",css:{aspectRatio:"2",objectFit:"cover"},margin:"-5 -5 0",src:e},o))};k.Primary=r=>{var n=r,{onClick:e,title:o}=n,t=c(n,["onClick","title"]);return o==null?null:jsx(w.Primary,i({title:o,onClick:e},t))};k.Progress=t=>{var r=t,{children:e}=r,o=c(r,["children"]);return e==null?null:jsx(y.H4,l(i({part:"progress"},o),{children:e}))};k.Secondary=r=>{var n=r,{onClick:e,title:o}=n,t=c(n,["onClick","title"]);return o==null?null:jsx(w.Secondary,i({title:o,onClick:e},t))};k.Subtitle=t=>{var r=t,{children:e}=r,o=c(r,["children"]);return e==null?null:jsx(y.Body2,l(i({part:"subtitle"},o),{children:e}))};k.Title=t=>{var r=t,{children:e}=r,o=c(r,["children"]);return e==null?null:jsx(y.H4,l(i({part:"title"},o),{children:e}))};function xt(p){var u=p,{dismissible:e=!0,flow:o,onDismiss:t,onPrimary:r,onSecondary:n,step:s}=u,a=c(u,["dismissible","flow","onDismiss","onPrimary","onSecondary","step"]);var T,h;let{handleDismiss:d}=oe(o,{onDismiss:t}),{handlePrimary:g,handleSecondary:P}=te(s,{onPrimary:r,onSecondary:n}),C=(T=s.props)!=null?T:{};return jsxs(k,l(i(i({anchor:s.selector,onOpenAutoFocus:S=>S.preventDefault(),onPointerDownOutside:S=>S.preventDefault(),onInteractOutside:S=>S.preventDefault()},a),C),{children:[e&&jsx(k.Close,{onClick:d}),jsx(k.Media,{src:(h=s.videoUri)!=null?h:s.imageUri,type:s.videoUri?"video":"image"}),jsxs(x.Column,{gap:1,part:"tooltip-header",children:[jsx(k.Title,{children:s.title}),jsx(k.Subtitle,{color:"gray500",children:s.subtitle})]}),jsxs(x.Row,{alignItems:"center",gap:3,justifyContent:"flex-end",part:"tooltip-footer",children:[jsx(k.Progress,{marginRight:"auto",transform:"translateY(1px)",children:`${o.getNumberOfCompletedSteps()+1}/${o.getNumberOfAvailableSteps()}`}),jsx(k.Secondary,{title:s.secondaryButtonTitle,onClick:P}),jsx(k.Primary,{title:s.primaryButtonTitle,onClick:g})]})]}),s.id)}function Tn(n){var s=n,{flowId:e,onComplete:o,variables:t}=s,r=c(s,["flowId","onComplete","variables"]);let{flow:a}=ee(e,{variables:t});oe(a,{onComplete:o});let{isCurrentModal:p,removeModal:u}=xe(a);if(useEffect(()=>{!(a!=null&&a.isVisible)&&p&&u();},[a==null?void 0:a.isVisible,p]),a==null||a.isVisible===!1||!p)return null;let d=a.getCurrentStep();return d==null||d.start(),jsx(xt,i({step:d,flow:a},r))}function Bn(){let{frigade:e}=useContext(E);return {frigade:e,isLoading:!(e!=null&&e.isReady())}}function kn(){let{userId:e,frigade:o}=useContext(E);function t(n){return D(this,null,function*(){yield o.identify(e,n);})}function r(n,s){return D(this,null,function*(){yield o.track(n,s);})}return {userId:e,addProperties:t,track:r}}function En(){let{groupId:e,frigade:o}=useContext(E);function t(n){return D(this,null,function*(){if(!e){console.error("No Group ID is set. Cannot set properties without a Group ID.");return}yield o.group(e,n);})}function r(n,s){return D(this,null,function*(){yield o.track(n,s);})}return {groupId:e,addProperties:t,track:r}}
 
-export { $r as Announcement, _r as Banner, m as Box, T as Button, y as Card, Xe as Checklist, w as Dialog, x as Flex, qe as Form, Re as Progress, vo as Provider, Ye as Survey, h as Text, v as Tooltip, wn as Tour, He as themeVariables, Be as useBoundingClientRect, ge as useFlow, ee as useFlowHandlers, vn as useFrigade, On as useGroup, xe as useModal, oe as useStepHandlers, Dn as useUser };
+export { Nr as Announcement, _r as Banner, m as Box, w as Button, b as Card, Je as Checklist, R as Dialog, x as Flex, Ye as Form, Re as Progress, ko as Provider, Qe as Survey, y as Text, k as Tooltip, Tn as Tour, We as themeVariables, ve as useBoundingClientRect, ee as useFlow, oe as useFlowHandlers, Bn as useFrigade, En as useGroup, xe as useModal, te as useStepHandlers, kn as useUser };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map