@frigade/react 2.0.9 → 2.0.10

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import * as React$1 from 'react';
 import React__default, { CSSProperties, SyntheticEvent, ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
 import * as _frigade_js from '@frigade/js';
 import { Flow, FlowStep } from '@frigade/js';
-export { Flow, Frigade } from '@frigade/js';
+export { Flow, FlowType, Frigade } from '@frigade/js';
 import { EmotionJSX } from '@emotion/react/types/jsx-namespace';
 import * as Collapsible$1 from '@radix-ui/react-collapsible';
 import { ControllerFieldState, Message, ValidationRule } from 'react-hook-form';
@@ -1139,10 +1139,12 @@ interface FlowProps extends BoxProps {
     onDismiss?: FlowHandlerProp;
     /**
      * Handler for when primary button is clicked.
+     * If this function a promise that evaluates to `false`, the step will not be automatically completed when clicked.
      */
     onPrimary?: StepHandlerProp;
     /**
      * Handler for when secondary button is clicked.
+     * If this function a promise that evaluates to `false`, the step will not be automatically completed when clicked.
      */
     onSecondary?: StepHandlerProp;
     /**
@@ -1184,11 +1186,25 @@ interface CollapsibleStepProps extends FlowChildrenProps {
     onOpenChange: (isOpening: boolean) => void;
     open: boolean;
 }
-type StepTypes = Record<string, (props: CollapsibleStepProps) => React.ReactNode>;
+type StepTypes = Record<string, (props: CollapsibleStepProps) => EmotionJSX.Element>;
 interface CollapsibleProps extends FlowPropsWithoutChildren {
+    /**
+     * Map of step types to their respective components.
+     * Use this to build custom step components. The `type` defined on the step in the Flow YAML config should match the key in this object.
+     * For instance, if you have a step with `type: 'custom'`, you should provide a component for it like so:
+     * ```
+     * <Checklist.Collapsible stepTypes={{ custom: CustomStepComponent }} />
+     * ```
+     * The corresponding YAML config would look like:
+     * ```
+     * steps:
+     *  - id: custom-step
+     *    type: custom
+     * ```
+     */
     stepTypes?: StepTypes;
 }
-declare function Collapsible({ flowId, onPrimary, onSecondary, stepTypes, ...props }: CollapsibleProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Collapsible({ dismissible, flowId, onPrimary, onSecondary, stepTypes, ...props }: CollapsibleProps): EmotionJSX.Element;
 
 declare function Content({ children }: {
     children: any;
@@ -1321,11 +1337,6 @@ interface ProviderProps {
      * The group ID to use for this context (optional).
      */
     groupId?: string;
-    /**
-     * If enabled, Frigade will log useful information to the console to help debugging and troubleshooting.
-     * @default false
-     */
-    debug?: boolean;
     /**
      * @ignore Internal use only.
      * If enabled, Frigade will not send any data to the API. A user's state will be reset on page refresh.

package/dist/index.js

@@ -1,24 +1,23 @@
 'use client';
-import * as R from '@radix-ui/react-dialog';
+import * as w from '@radix-ui/react-dialog';
 import { XMarkIcon } from '@heroicons/react/24/solid';
-import * as Pe from 'react';
+import * as be from 'react';
 import { createContext, useState, useMemo, useEffect, useContext, useRef, useCallback, useLayoutEffect } from 'react';
 import { clsx } from 'clsx';
-import ot from 'known-css-properties';
-import dt from 'dompurify';
+import Zo from 'known-css-properties';
+import lt from 'dompurify';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import { keyframes, Global, ThemeProvider } from '@emotion/react';
 import { Frigade } from '@frigade/js';
-export { Flow, Frigade } from '@frigade/js';
-import { ChevronDownIcon } from '@heroicons/react/16/solid';
-import * as q from '@radix-ui/react-collapsible';
+export { Flow, FlowType, Frigade } from '@frigade/js';
+import { ChevronDownIcon } from '@heroicons/react/24/outline';
+import * as Y from '@radix-ui/react-collapsible';
 import { useForm, useController } from 'react-hook-form';
-import * as Y from '@radix-ui/react-radio-group';
+import * as Q from '@radix-ui/react-radio-group';
 import * as C from '@radix-ui/react-select';
-import { ChevronDownIcon as ChevronDownIcon$1 } from '@heroicons/react/24/outline';
 import * as I from '@radix-ui/react-popover';
 
-var qo=Object.defineProperty;var Yo=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(o,t)=>(typeof require<"u"?require:o)[t]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw new Error('Dynamic require of "'+e+'" is not supported')});var $=(e,o)=>{for(var t in o)qo(e,t,{get:o[t],enumerable:!0});};var Ie={borders:{md:"1px solid"},borderWidths:{0:"0",md:"1px"}};var Me={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 He={md:"10px",lg:"20px",round:"50%"};var p=e=>`var(--fr-colors-${e})`,We={neutral:{background:p("white"),border:p("gray800"),foreground:p("black"),surface:p("gray700"),active:{background:p("white"),border:p("gray900"),foreground:p("black"),surface:p("gray700")},focus:{background:p("white"),border:p("gray900"),foreground:p("black"),surface:p("gray700")},hover:{background:p("white"),border:p("gray900"),foreground:p("black"),surface:p("gray700")}},primary:{background:p("blue500"),border:p("blue500"),foreground:p("white"),surface:p("blue500"),active:{background:p("blue400"),border:p("blue400"),foreground:p("white"),surface:p("blue400")},focus:{background:p("blue500"),border:p("blue500"),foreground:p("white"),surface:p("blue500")},hover:{background:p("blue400"),border:p("blue400"),foreground:p("white"),surface:p("blue400")}},secondary:{background:p("white"),border:p("gray800"),foreground:p("black"),surface:p("gray900"),active:{background:p("gray900"),border:p("gray800"),foreground:p("black"),surface:p("gray800")},focus:{background:p("gray900"),border:p("gray800"),foreground:p("black"),surface:p("gray900")},hover:{background:p("gray900"),border:p("gray800"),foreground:p("black"),surface:p("gray800")}}};var Ae={md:"0px 4px 20px rgba(0, 0, 0, 0.1)"};var Qo="px",Zo=e=>typeof e=="number"?`${4*e}${Qo}`:e,et=[-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"],Le=Object.fromEntries(et.map(e=>[e,Zo(e)]));var Ve={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 fe={...Ie,colors:{...Me,...We},...Ve,radii:He,shadows:Ae,space:Le};function Q(e,o="",t="."){return Object.keys(e).reduce((i,n)=>{let a=`${o.length?`${o}${t}`:""}${n}`,s=e[n];return typeof s=="object"&&s!==null&&!Array.isArray(s)?Object.assign(i,Q(s,a,t)):i[a]=s,i},{})}function ge(e){return Q(e,"--fr","-")}function $e(e,o="--fr"){let t={};return Object.keys(e).forEach(i=>{let n=e[i];typeof n=="object"&&n!==null&&!Array.isArray(n)?t[i]=$e(n,`${o}-${i}`):t[i]=`var(${o}-${i})`;}),t}var xe=ge(fe),y=$e(fe);var tt=new Set(["alt","size","src"]),rt=ot.all.filter(e=>e.indexOf("-")!=0&&!tt.has(e)).map(e=>[e.replace(/-([a-z])/g,(o,t)=>t.toUpperCase()),null]),nt=Object.fromEntries(rt),ye=Q(y.colors),it={color:ye,backgroundColor:ye,borderColor:ye,border:y.borders,borderRadius:y.radii,borderWidth:y.borderWidths,boxShadow:y.shadows,fontFamily:y.fontFamilies,fontSize:y.fontSizes,fontWeight:y.fontWeights,gap:y.space,lineHeight:y.lineHeights,margin:y.space,marginBottom:y.space,marginLeft:y.space,marginRight:y.space,marginTop:y.space,padding:y.space,paddingBottom:y.space,paddingLeft:y.space,paddingRight:y.space,paddingTop:y.space},_e={...nt,...it},ze={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"]},je=new Set(["active","focus","focusVisible","focusWithin","hover"]);function st(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 Ne=new Map(Object.entries(_e).map(([e,o])=>[e,st(o)])),at=new Map(Object.entries(ze).map(([e,o])=>[e,new Set(o)])),lt=new Set(["height","width"]),pt=new Set(["canvas","embed","iframe","img","input","object","video"]);function Ke(e){let[o,t]=e.split(":");return [o,je.has(t)?t:null]}function Ue(e,o="div"){let t=Object.assign({},e),i={};function n(r){if(r==null)return i;let s=`&:${r.replace(/[A-Z]/g,d=>`-${d.toLocaleLowerCase()}`)}`;return i[s]==null&&(i[s]={}),i[s]}return Object.entries(t).forEach(([r,a])=>{let[s,d]=Ke(r),x=at.get(s);x!=null&&(x.forEach(g=>{let c=`${g}${d?":"+d:""}`;t[c]=a;}),delete t[r]);}),Object.entries(t).forEach(([r,a])=>{let[s,d]=Ke(r),x=Ne.get(s);if(x!=null){if(typeof a=="string"&&a.indexOf(" ")>-1){let g=a.split(" ");n(d)[s]=g.map(c=>x.get(c.toString())??c).join(" ");}else x.has(a.toString())?n(d)[s]=x.get(a.toString()):n(d)[s]=a;(typeof o!="string"||!pt.has(o)||!lt.has(s))&&delete t[r];}}),Object.keys(t).forEach(r=>{let a=r.substring(1);r.indexOf("_")===0&&Ne.has(a)&&(t[a]=t[r],delete t[r]);}),{cssFromProps:i,unmatchedProps:t}}function ct(){if(typeof window>"u"){let{JSDOM:e}=Yo("jsdom");return new e("<!DOCTYPE html>").window}return window}function Ge(e){return e?{__html:dt(ct()).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 ut(e){return e&&`fr-${e}`}function qe(e){return e&&(Array.isArray(e)?e.map(o=>qe(o)).join(" "):ut(e))}function ft({as:e,children:o,className:t,css:i={},part:n,...r},a){let s=e??"div",{cssFromProps:d,unmatchedProps:x}=Ue(r,s),g=qe(n),c=t||g?clsx(t,g):void 0,h=[{boxSizing:"border-box"},d,i];return typeof o=="string"?jsx(s,{className:c,css:h,...x,ref:a,dangerouslySetInnerHTML:Ge(o)}):jsx(s,{className:c,css:h,...x,ref:a,children:o})}var l=Pe.forwardRef(ft);var u={};$(u,{Body1:()=>Et,Body2:()=>Ot,Caption:()=>It,Display1:()=>wt,Display2:()=>Rt,H1:()=>Bt,H2:()=>vt,H3:()=>kt,H4:()=>Dt});var he={};$(he,{Body1:()=>Ct,Body2:()=>St,Caption:()=>Ft,Display1:()=>gt,Display2:()=>xt,H1:()=>yt,H2:()=>ht,H3:()=>bt,H4:()=>Pt});var M={color:"neutral.foreground",fontFamily:"default",margin:"0"},gt={...M,fontSize:"5xl",fontWeight:"bold",lineHeight:"4xl"},xt={...M,fontSize:"4xl",fontWeight:"bold",lineHeight:"3xl"},yt={...M,fontSize:"3xl",fontWeight:"demibold",lineHeight:"2xl"},ht={...M,fontSize:"2xl",fontWeight:"demibold",lineHeight:"xl"},bt={...M,fontSize:"xl",fontWeight:"demibold",lineHeight:"lg"},Pt={...M,fontSize:"md",fontWeight:"demibold",lineHeight:"md"},Ct={...M,fontSize:"md",fontWeight:"regular",lineHeight:"md"},St={...M,fontSize:"sm",fontWeight:"regular",lineHeight:"sm"},Ft={...M,fontSize:"xs",fontWeight:"regular",lineHeight:"xs"};var Tt=["Display1","Display2","H1","H2","H3","H4","Body1","Body2","Caption"],H=Object.fromEntries(Tt.map(e=>{let o=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():"span",t=Pe.forwardRef(({as:i=o,children:n,...r},a)=>jsx(l,{as:i,...he[e],...r,ref:a,children:n}));return t.displayName=`Text.${e}`,[e,t]})),wt=H.Display1,Rt=H.Display2,Bt=H.H1,vt=H.H2,kt=H.H3,Dt=H.H4,Et=H.Body1,Ot=H.Body2,It=H.Caption;var be={};$(be,{Link:()=>At,Plain:()=>Lt,Primary:()=>Ht,Secondary:()=>Wt});var re={borderWidth:"0",borderRadius:"md",display:"flex",gap:"2",padding:"2 4"},Ht={...re,backgroundColor:"primary.surface",color:"primary.foreground","backgroundColor:hover":"primary.hover.surface"},Wt={...re,backgroundColor:"secondary.background",borderColor:"secondary.border",borderStyle:"solid",borderWidth:"1px",color:"secondary.foreground","backgroundColor:hover":"secondary.hover.background"},At={...re,backgroundColor:"transparent",color:"primary.surface","color:hover":"primary.hover.surface"},Lt={...re,backgroundColor:"transparent",color:"neutral.foreground"};function Qe({as:e,children:o,part:t,title:i,variant:n="Primary",...r}){let a=n.toLocaleLowerCase();return jsxs(l,{as:e??"button",part:[`button-${a}`,t],...be[n],...r,children:[o,i&&jsx(u.Body2,{color:"inherit",css:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},flexGrow:"1",fontWeight:"demibold",part:"button-title",children:i})]})}var Vt=["Primary","Secondary","Link","Plain"],$t=Object.fromEntries(Vt.map(e=>{let o=t=>jsx(Qe,{...t,variant:e,children:t.children});return o.displayName=`Button.${e}`,[e,o]})),b=Object.assign(Qe,$t);var f={};$(f,{Column:()=>jt,Row:()=>zt});var zt=Pe.forwardRef((e,o)=>jsx(l,{display:"flex",flexDirection:"row",...e,ref:o})),jt=Pe.forwardRef((e,o)=>jsx(l,{display:"flex",flexDirection:"column",...e,ref:o}));var w=createContext({apiKey:"",modals:new Set,setModals:()=>{},currentModal:null,navigate:()=>{},debug:!1});function Yt({children:e,navigate:o,theme:t,...i}){let n=t?ge(t):{},[r,a]=useState(new Set),s=useMemo(()=>new Frigade(i.apiKey,{apiKey:i.apiKey,apiUrl:i.apiUrl,userId:i.userId,groupId:i.groupId,__readOnly:i.__readOnly,__flowConfigOverrides:i.__flowConfigOverrides}),[i.userId,i.groupId,i.apiKey]),d=o??((g,c="_self")=>{window.open(g,c);});useEffect(()=>()=>{s.destroy();},[]);let x=r.size>0?r.values().next().value:null;return jsxs(w.Provider,{value:{modals:r,setModals:a,currentModal:x,navigate:d,...i,frigade:s},children:[jsx(Global,{styles:{":root":{...xe,...n}}}),jsx(ThemeProvider,{theme:y,children:e})]})}function Z(e,o){let[t,i]=useState(),[,n]=useState(""),{frigade:r}=useContext(w),a=s=>{s.id===e&&(o!=null&&o.variables&&s.applyVariables(o.variables),i(s),n(Math.random().toString()));};return useEffect(()=>((async()=>{let s=await r.getFlow(e);if(!s||r.hasFailedToLoad()){i(void 0);return}o!=null&&o.variables&&s.applyVariables(o.variables),i(s);})(),r.onStateChange(a),()=>{r.removeStateChangeHandler(a);}),[]),{flow:t}}function _(e,{onComplete:o,onDismiss:t}={}){let i=useRef(null);return useEffect(()=>{e!=null&&(e.isCompleted&&i.current===!1&&(async()=>await(o==null?void 0:o(e)))(),i.current=e==null?void 0:e.isCompleted);},[e==null?void 0:e.isCompleted]),{handleDismiss:useCallback(async n=>{if(await(t==null?void 0:t(e,n))===!1)return n.preventDefault(),!1;await e.skip();},[e])}}function z(e,{onPrimary:o,onSecondary:t}={}){let{navigate:i}=useContext(w);return {handlePrimary:useCallback(async(n,r)=>await(o==null?void 0:o(e,n))===!1?(n.preventDefault(),!1):(await e.complete(r),e.primaryButtonUri!=null&&i(e.primaryButtonUri,e.primaryButtonUriTarget),!0),[e]),handleSecondary:useCallback(async(n,r)=>await(t==null?void 0:t(e,n))===!1?(n.preventDefault(),!1):(await e.complete(r),e.secondaryButtonUri!=null&&i(e.secondaryButtonUri,e.secondaryButtonUriTarget),!0),[e])}}function ee(e){let{currentModal:o,modals:t,setModals:i}=useContext(w),[n,r]=useState(!1);useEffect(()=>{e!=null&&e.isVisible&&e&&!t.has(e.id)&&i(s=>new Set(s).add(e.id));},[e==null?void 0:e.id,e==null?void 0:e.isVisible]),useEffect(()=>{let s=o===(e==null?void 0:e.id);(e==null?void 0:e.id)!=null&&s!==n&&r(s);},[e==null?void 0:e.id,o]);function a(){t.has(e==null?void 0:e.id)&&i(s=>{let d=new Set(s);return d.delete(e==null?void 0:e.id),d});}return {isCurrentModal:n,removeModal:a}}function O({as:e,children:o,container:t,dismissible:i=!1,flowId:n,onComplete:r,onDismiss:a,onPrimary:s,onSecondary:d,variables:x,...g}){let{flow:c}=Z(n,{variables:x}),h=c==null?void 0:c.getCurrentStep(),{handleDismiss:T}=_(c,{onComplete:r,onDismiss:a}),{handlePrimary:de,handleSecondary:ce}=z(h,{onPrimary:s,onSecondary:d}),{isCurrentModal:X,removeModal:me}=ee(c);return useEffect(()=>{!(c!=null&&c.isVisible)&&X&&me();},[c==null?void 0:c.isVisible,X]),c==null||!c.isVisible||!X?null:(c.start(),h.start(),jsx(e??l,{position:"relative",...g,children:o({flow:c,handleDismiss:T,handlePrimary:de,handleSecondary:ce,parentProps:{container:t,dismissible:i,flowId:n,variables:x,...g},step:h})}))}function io(e){return jsx(O,{as:m,gap:5,borderColor:"neutral.border",borderStyle:"solid",borderWidth:"md",part:"card",...e,children:({handleDismiss:o,handlePrimary:t,handleSecondary:i,parentProps:{dismissible:n},step:r})=>jsxs(Fragment,{children:[jsxs(f.Row,{alignItems:"center",flexWrap:"wrap",gap:1,justifyContent:"space-between",part:"card-header",children:[jsx(m.Title,{children:r.title}),n&&jsx(m.Dismiss,{onClick:o}),jsx(m.Subtitle,{flexBasis:"100%",children:r.subtitle})]}),jsx(m.Media,{src:r.imageUri,css:{objectFit:"contain",width:"100%"}}),jsxs(f.Row,{gap:3,justifyContent:"flex-end",part:"card-footer",children:[jsx(m.Secondary,{title:r.secondaryButtonTitle,onClick:i}),jsx(m.Primary,{title:r.primaryButtonTitle??"Continue",onClick:t})]})]})})}function so({part:e,src:o,...t}){return jsx(l,{as:"img",part:["image",e],src:o,...t})}function cr(e){var o,t,i,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/${(i=e.split("wistia.com/medias/")[1])==null?void 0:i.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 lo({part:e,src:o,...t}){let i=cr(o);return i?jsx(l,{allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,as:"iframe",backgroundColor:"gray100",borderWidth:0,part:["video",e],src:i,...t}):o!=null&&o.endsWith(".mp4")?jsx(l,{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 N({src:e,type:o,...t}){return jsx(o==="video"?lo:so,{src:e,...t})}var m=Pe.forwardRef(({children:e,flowId:o,...t},i)=>{if(o!=null)return jsx(io,{flowId:o,...t});let n=t.as??f.Column;return jsx(n,{backgroundColor:"neutral.background",borderColor:"neutral.border",borderStyle:"solid",borderRadius:"md",borderWidth:"0",gap:5,p:5,...t,ref:i,children:e})});m.Dismiss=e=>jsx(b.Plain,{part:"dismiss",padding:0,...e,children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})});m.Media=({src:e,...o})=>e==null?null:jsx(N,{borderRadius:"md",src:e,...o});m.Primary=({onClick:e,title:o,...t})=>o==null?null:jsx(b.Primary,{title:o,onClick:e,...t});m.Secondary=({onClick:e,title:o,...t})=>o==null?null:jsx(b.Secondary,{title:o,onClick:e,...t});m.Subtitle=({children:e,...o})=>e==null?null:jsx(u.Body2,{display:"block",part:"subtitle",...o,children:e});m.Title=({children:e,...o})=>e==null?null:jsx(u.Body1,{display:"block",fontWeight:"bold",part:"title",...o,children:e});function F({children:e,...o}){return jsx(R.Root,{defaultOpen:!0,modal:!0,children:jsx(R.Portal,{children:jsxs(l,{inset:"0",position:"fixed",zIndex:"9999",children:[jsx(R.Overlay,{asChild:!0,children:jsx(l,{background:"rgb(0 0 0 / 0.5)",part:"dialog-overlay",position:"fixed",inset:"0"})}),jsx(R.Content,{asChild:!0,onOpenAutoFocus:t=>t.preventDefault(),onPointerDownOutside:t=>t.preventDefault(),children:jsx(m,{boxShadow:"md",left:"50%",maxWidth:"430px",p:8,part:"dialog",position:"fixed",textAlign:"center",top:"50%",transform:"translate(-50%, -50%)",...o,children:e})})]})})})}F.Dismiss=e=>jsx(R.Close,{"aria-label":"Close",asChild:!0,children:jsx(b.Plain,{part:"close",position:"absolute",right:"-4px",top:"4px",...e,children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})})});F.Subtitle=({children:e,...o})=>jsx(R.Description,{asChild:!0,children:jsx(u.Body2,{part:"subtitle",...o,children:e})});F.Media=({src:e,...o})=>e==null?null:jsx(N,{borderRadius:"md",src:e,...o});F.Primary=({onClick:e,title:o,...t})=>o==null?null:jsx(b.Primary,{title:o,onClick:e,...t});F.ProgressDots=({current:e,total:o})=>{if(o==1)return null;let t=[...Array(o)].map((i,n)=>jsx("circle",{r:4,cx:4+16*n,cy:"4px",fill:e===n?y.colors.blue500:y.colors.blue800},n));return jsx(l,{as:"svg",height:"8px",marginInline:"auto",part:"progress",viewBox:`0 0 ${16*o-8} 8`,width:16*o-8,children:t})};F.Secondary=({onClick:e,title:o,...t})=>o==null?null:jsx(b.Secondary,{title:o,onClick:e,...t});F.Title=({children:e,...o})=>jsx(R.Title,{asChild:!0,children:jsx(u.H3,{part:"title",...o,children:e})});function xr({flowId:e,...o}){return jsx(O,{as:F,dismissible:!0,flowId:e,...o,children:({flow:t,handleDismiss:i,handlePrimary:n,handleSecondary:r,parentProps:{dismissible:a},step:s})=>jsxs(Fragment,{children:[a&&jsx(F.Dismiss,{onClick:i}),jsxs(f.Column,{gap:1,part:"announcement-header",children:[jsx(F.Title,{children:s.title}),jsx(F.Subtitle,{children:s.subtitle})]}),jsx(F.Media,{src:s.videoUri??s.imageUri,type:s.videoUri?"video":"image",css:{aspectRatio:"1.5",objectFit:"cover",width:"100%"}}),jsx(F.ProgressDots,{current:t.getNumberOfCompletedSteps(),total:t.getNumberOfAvailableSteps()}),jsxs(f.Row,{css:{"& > button":{flexBasis:"50%",flexGrow:1}},gap:3,part:"announcement-footer",children:[s.secondaryButtonTitle&&jsx(F.Secondary,{onClick:r,title:s.secondaryButtonTitle}),s.primaryButtonTitle&&jsx(F.Primary,{onClick:n,title:s.primaryButtonTitle??"Continue"})]})]})})}function hr({flowId:e,...o}){return jsx(O,{as:m,borderWidth:"md",display:"flex",flexDirection:"row",flowId:e,gap:3,justifyContent:"space-between",part:"banner",...o,children:({handleDismiss:t,handlePrimary:i,handleSecondary:n,step:r})=>jsxs(Fragment,{children:[jsxs(f.Row,{gap:3,children:[r.imageUri&&jsx("img",{src:r.imageUri,style:{height:40,width:40,alignSelf:"center"}}),jsxs(f.Column,{children:[jsx(u.H4,{mb:1,children:r.title}),jsx(u.Body2,{color:"gray500",children:r.subtitle})]})]}),jsxs(f.Row,{alignItems:"center",gap:3,justifyContent:"center",children:[r.secondaryButtonTitle&&jsx(b.Secondary,{title:r.secondaryButtonTitle,onClick:n}),jsx(b.Primary,{title:r.primaryButtonTitle,onClick:i}),o.dismissible&&jsx(m.Dismiss,{onClick:t})]})]})})}var Po={};$(Po,{Collapsible:()=>bo,CollapsibleStep:()=>ie});var ie={};$(ie,{Content:()=>Te,Root:()=>we,Trigger:()=>Re});var Cr=keyframes`
+var Jo=Object.defineProperty;var Xo=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(o,t)=>(typeof require<"u"?require:o)[t]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw new Error('Dynamic require of "'+e+'" is not supported')});var z=(e,o)=>{for(var t in o)Jo(e,t,{get:o[t],enumerable:!0});};var Ie={borders:{md:"1px solid"},borderWidths:{0:"0",md:"1px"}};var Me={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 He={md:"10px",lg:"20px",round:"50%"};var p=e=>`var(--fr-colors-${e})`,We={neutral:{background:p("white"),border:p("gray800"),foreground:p("black"),surface:p("gray700"),active:{background:p("white"),border:p("gray900"),foreground:p("black"),surface:p("gray700")},focus:{background:p("white"),border:p("gray900"),foreground:p("black"),surface:p("gray700")},hover:{background:p("white"),border:p("gray900"),foreground:p("black"),surface:p("gray700")}},primary:{background:p("blue500"),border:p("blue500"),foreground:p("white"),surface:p("blue500"),active:{background:p("blue400"),border:p("blue400"),foreground:p("white"),surface:p("blue400")},focus:{background:p("blue500"),border:p("blue500"),foreground:p("white"),surface:p("blue500")},hover:{background:p("blue400"),border:p("blue400"),foreground:p("white"),surface:p("blue400")}},secondary:{background:p("white"),border:p("gray800"),foreground:p("black"),surface:p("gray900"),active:{background:p("gray900"),border:p("gray800"),foreground:p("black"),surface:p("gray800")},focus:{background:p("gray900"),border:p("gray800"),foreground:p("black"),surface:p("gray900")},hover:{background:p("gray900"),border:p("gray800"),foreground:p("black"),surface:p("gray800")}}};var Ae={md:"0px 4px 20px rgba(0, 0, 0, 0.1)"};var qo="px",Yo=e=>typeof e=="number"?`${4*e}${qo}`:e,Qo=[-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"],Le=Object.fromEntries(Qo.map(e=>[e,Yo(e)]));var Ve={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 ue={...Ie,colors:{...Me,...We},...Ve,radii:He,shadows:Ae,space:Le};function ee(e,o="",t="."){return Object.keys(e).reduce((i,n)=>{let a=`${o.length?`${o}${t}`:""}${n}`,s=e[n];return typeof s=="object"&&s!==null&&!Array.isArray(s)?Object.assign(i,ee(s,a,t)):i[a]=s,i},{})}function fe(e){return ee(e,"--fr","-")}function $e(e,o="--fr"){let t={};return Object.keys(e).forEach(i=>{let n=e[i];typeof n=="object"&&n!==null&&!Array.isArray(n)?t[i]=$e(n,`${o}-${i}`):t[i]=`var(${o}-${i})`;}),t}var ge=fe(ue),y=$e(ue);var et=new Set(["alt","size","src"]),ot=Zo.all.filter(e=>e.indexOf("-")!=0&&!et.has(e)).map(e=>[e.replace(/-([a-z])/g,(o,t)=>t.toUpperCase()),null]),tt=Object.fromEntries(ot),xe=ee(y.colors),rt={color:xe,backgroundColor:xe,borderColor:xe,border:y.borders,borderRadius:y.radii,borderWidth:y.borderWidths,boxShadow:y.shadows,fontFamily:y.fontFamilies,fontSize:y.fontSizes,fontWeight:y.fontWeights,gap:y.space,lineHeight:y.lineHeights,margin:y.space,marginBottom:y.space,marginLeft:y.space,marginRight:y.space,marginTop:y.space,padding:y.space,paddingBottom:y.space,paddingLeft:y.space,paddingRight:y.space,paddingTop:y.space},_e={...tt,...rt},ze={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"]},je=new Set(["active","disabled","focus","focusVisible","focusWithin","hover"]);function nt(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 Ne=new Map(Object.entries(_e).map(([e,o])=>[e,nt(o)])),it=new Map(Object.entries(ze).map(([e,o])=>[e,new Set(o)])),st=new Set(["height","width"]),at=new Set(["canvas","embed","iframe","img","input","object","video"]);function Ke(e){let[o,t]=e.split(":");return [o,je.has(t)?t:null]}function Ue(e,o="div"){let t=Object.assign({},e),i={};function n(r){if(r==null)return i;let s=`&:${r.replace(/[A-Z]/g,d=>`-${d.toLocaleLowerCase()}`)}`;return i[s]==null&&(i[s]={}),i[s]}return Object.entries(t).forEach(([r,a])=>{let[s,d]=Ke(r),m=it.get(s);m!=null&&(m.forEach(u=>{let f=`${u}${d?":"+d:""}`;t[f]=a;}),delete t[r]);}),Object.entries(t).forEach(([r,a])=>{let[s,d]=Ke(r),m=Ne.get(s);if(m!=null){if(typeof a=="string"&&a.indexOf(" ")>-1){let u=a.split(" ");n(d)[s]=u.map(f=>m.get(f.toString())??f).join(" ");}else m.has(a.toString())?n(d)[s]=m.get(a.toString()):n(d)[s]=a;(typeof o!="string"||!at.has(o)||!st.has(s))&&delete t[r];}}),Object.keys(t).forEach(r=>{let a=r.substring(1);r.indexOf("_")===0&&Ne.has(a)&&(t[a]=t[r],delete t[r]);}),{cssFromProps:i,unmatchedProps:t}}function pt(){if(typeof window>"u"){let{JSDOM:e}=Xo("jsdom");return new e("<!DOCTYPE html>").window}return window}function Ge(e){return e?{__html:lt(pt()).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 ct(e){return e&&`fr-${e}`}function qe(e){return e&&(Array.isArray(e)?e.map(o=>qe(o)).join(" "):ct(e))}function mt({as:e,children:o,className:t,css:i={},part:n,...r},a){let s=e??"div",{cssFromProps:d,unmatchedProps:m}=Ue(r,s),u=qe(n),f=t||u?clsx(t,u):void 0,h=[{boxSizing:"border-box"},d,i];return typeof o=="string"?jsx(s,{className:f,css:h,...m,ref:a,dangerouslySetInnerHTML:Ge(o)}):jsx(s,{className:f,css:h,...m,ref:a,children:o})}var l=be.forwardRef(mt);var g={};z(g,{Body1:()=>kt,Body2:()=>Dt,Caption:()=>Et,Display1:()=>Ft,Display2:()=>Tt,H1:()=>wt,H2:()=>Rt,H3:()=>Bt,H4:()=>vt});var ye={};z(ye,{Body1:()=>bt,Body2:()=>Pt,Caption:()=>Ct,Display1:()=>ut,Display2:()=>ft,H1:()=>gt,H2:()=>xt,H3:()=>yt,H4:()=>ht});var M={color:"neutral.foreground",fontFamily:"default",margin:"0"},ut={...M,fontSize:"5xl",fontWeight:"bold",lineHeight:"4xl"},ft={...M,fontSize:"4xl",fontWeight:"bold",lineHeight:"3xl"},gt={...M,fontSize:"3xl",fontWeight:"demibold",lineHeight:"2xl"},xt={...M,fontSize:"2xl",fontWeight:"demibold",lineHeight:"xl"},yt={...M,fontSize:"xl",fontWeight:"demibold",lineHeight:"lg"},ht={...M,fontSize:"md",fontWeight:"demibold",lineHeight:"md"},bt={...M,fontSize:"md",fontWeight:"regular",lineHeight:"md"},Pt={...M,fontSize:"sm",fontWeight:"regular",lineHeight:"sm"},Ct={...M,fontSize:"xs",fontWeight:"regular",lineHeight:"xs"};var St=["Display1","Display2","H1","H2","H3","H4","Body1","Body2","Caption"],H=Object.fromEntries(St.map(e=>{let o=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():"span",t=be.forwardRef(({as:i=o,children:n,...r},a)=>jsx(l,{as:i,...ye[e],...r,ref:a,children:n}));return t.displayName=`Text.${e}`,[e,t]})),Ft=H.Display1,Tt=H.Display2,wt=H.H1,Rt=H.H2,Bt=H.H3,vt=H.H4,kt=H.Body1,Dt=H.Body2,Et=H.Caption;var he={};z(he,{Link:()=>Ht,Plain:()=>Wt,Primary:()=>It,Secondary:()=>Mt});var se={borderWidth:"0",borderRadius:"md",display:"flex",gap:"2",padding:"2 4"},It={...se,backgroundColor:"primary.surface",color:"primary.foreground","backgroundColor:hover":"primary.hover.surface","backgroundColor:disabled":"primary.surface","opacity:disabled":"0.7"},Mt={...se,backgroundColor:"secondary.background",borderColor:"secondary.border",borderStyle:"solid",borderWidth:"1px",color:"secondary.foreground","backgroundColor:hover":"secondary.hover.background","backgroundColor:disabled":"secondary.background","opacity:disabled":"0.7"},Ht={...se,backgroundColor:"transparent",color:"primary.surface","color:hover":"primary.hover.surface"},Wt={...se,backgroundColor:"transparent",color:"neutral.foreground"};function Qe({as:e,children:o,part:t,title:i,variant:n="Primary",...r}){let a=n.toLocaleLowerCase();return jsxs(l,{as:e??"button",part:[`button-${a}`,t],...he[n],...r,children:[o,i&&jsx(g.Body2,{color:"inherit",css:{WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale"},flexGrow:"1",fontWeight:"demibold",part:"button-title",children:i})]})}var At=["Primary","Secondary","Link","Plain"],Lt=Object.fromEntries(At.map(e=>{let o=t=>jsx(Qe,{...t,variant:e,children:t.children});return o.displayName=`Button.${e}`,[e,o]})),b=Object.assign(Qe,Lt);var x={};z(x,{Column:()=>_t,Row:()=>$t});var $t=be.forwardRef((e,o)=>jsx(l,{display:"flex",flexDirection:"row",...e,ref:o})),_t=be.forwardRef((e,o)=>jsx(l,{display:"flex",flexDirection:"column",...e,ref:o}));var v=createContext({apiKey:"",modals:new Set,setModals:()=>{},currentModal:null,navigate:()=>{}});function Xt({children:e,navigate:o,theme:t,...i}){let n=t?fe(t):{},[r,a]=useState(new Set),s=useMemo(()=>new Frigade(i.apiKey,{apiKey:i.apiKey,apiUrl:i.apiUrl,userId:i.userId,groupId:i.groupId,__readOnly:i.__readOnly,__flowConfigOverrides:i.__flowConfigOverrides}),[i.userId,i.groupId,i.apiKey]),d=o??((u,f="_self")=>{window.open(u,f);});useEffect(()=>()=>{s.destroy();},[]);let m=r.size>0?r.values().next().value:null;return jsxs(v.Provider,{value:{modals:r,setModals:a,currentModal:m,navigate:d,...i,frigade:s},children:[jsx(Global,{styles:{":root":{...ge,...n}}}),jsx(ThemeProvider,{theme:y,children:e})]})}function oe(e,o){let[t,i]=useState(),[,n]=useState(""),{frigade:r}=useContext(v),a=s=>{s.id===e&&(o!=null&&o.variables&&s.applyVariables(o.variables),i(s),n(Math.random().toString()));};return useEffect(()=>((async()=>{let s=await r.getFlow(e);if(!s||r.hasFailedToLoad()){i(void 0);return}o!=null&&o.variables&&s.applyVariables(o.variables),i(s);})(),r.onStateChange(a),()=>{r.removeStateChangeHandler(a);}),[]),{flow:t}}function j(e,{onComplete:o,onDismiss:t}={}){let i=useRef(null);return useEffect(()=>{e!=null&&(e.isCompleted&&i.current===!1&&(async()=>await(o==null?void 0:o(e)))(),i.current=e==null?void 0:e.isCompleted);},[e==null?void 0:e.isCompleted]),{handleDismiss:useCallback(async n=>{if(await(t==null?void 0:t(e,n))===!1)return n.preventDefault(),!1;await e.skip();},[e])}}function N(e,{onPrimary:o,onSecondary:t}={}){let{navigate:i}=useContext(v);return {handlePrimary:useCallback(async(n,r)=>await(o==null?void 0:o(e,n))===!1?(n.preventDefault(),!1):(await e.complete(r),e.primaryButtonUri!=null&&i(e.primaryButtonUri,e.primaryButtonUriTarget),!0),[e]),handleSecondary:useCallback(async(n,r)=>await(t==null?void 0:t(e,n))===!1?(n.preventDefault(),!1):(await e.complete(r),e.secondaryButtonUri!=null&&i(e.secondaryButtonUri,e.secondaryButtonUriTarget),!0),[e])}}function te(e){let{currentModal:o,modals:t,setModals:i}=useContext(v),[n,r]=useState(!1);useEffect(()=>{e!=null&&e.isVisible&&e&&!t.has(e.id)&&i(s=>new Set(s).add(e.id));},[e==null?void 0:e.id,e==null?void 0:e.isVisible]),useEffect(()=>{let s=o===(e==null?void 0:e.id);(e==null?void 0:e.id)!=null&&s!==n&&r(s);},[e==null?void 0:e.id,o]);function a(){t.has(e==null?void 0:e.id)&&i(s=>{let d=new Set(s);return d.delete(e==null?void 0:e.id),d});}return {isCurrentModal:n,removeModal:a}}function O({as:e,children:o,container:t,dismissible:i=!1,flowId:n,onComplete:r,onDismiss:a,onPrimary:s,onSecondary:d,variables:m,...u}){let{flow:f}=oe(n,{variables:m}),h=f==null?void 0:f.getCurrentStep(),{handleDismiss:T}=j(f,{onComplete:r,onDismiss:a}),{handlePrimary:q,handleSecondary:_}=N(h,{onPrimary:s,onSecondary:d}),{isCurrentModal:Z,removeModal:ne}=te(f);return useEffect(()=>{!(f!=null&&f.isVisible)&&Z&&ne();},[f==null?void 0:f.isVisible,Z]),f==null||!f.isVisible||!Z?null:(f.start(),h.start(),jsx(e??l,{position:"relative",...u,children:o({flow:f,handleDismiss:T,handlePrimary:q,handleSecondary:_,parentProps:{container:t,dismissible:i,flowId:n,variables:m,...u},step:h})}))}function io(e){return jsx(O,{as:c,gap:5,borderColor:"neutral.border",borderStyle:"solid",borderWidth:"md",part:"card",...e,children:({handleDismiss:o,handlePrimary:t,handleSecondary:i,parentProps:{dismissible:n},step:r})=>jsxs(Fragment,{children:[jsxs(x.Row,{alignItems:"center",flexWrap:"wrap",gap:1,justifyContent:"space-between",part:"card-header",children:[jsx(c.Title,{children:r.title}),n&&jsx(c.Dismiss,{onClick:o}),jsx(c.Subtitle,{flexBasis:"100%",children:r.subtitle})]}),jsx(c.Media,{src:r.imageUri,css:{objectFit:"contain",width:"100%"}}),jsxs(x.Row,{gap:3,justifyContent:"flex-end",part:"card-footer",children:[jsx(c.Secondary,{title:r.secondaryButtonTitle,onClick:i}),jsx(c.Primary,{title:r.primaryButtonTitle??"Continue",onClick:t})]})]})})}function so({part:e,src:o,...t}){return jsx(l,{as:"img",part:["image",e],src:o,...t})}function pr(e){var o,t,i,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/${(i=e.split("wistia.com/medias/")[1])==null?void 0:i.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 lo({part:e,src:o,...t}){let i=pr(o);return i?jsx(l,{allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,as:"iframe",backgroundColor:"gray100",borderWidth:0,part:["video",e],src:i,...t}):o!=null&&o.endsWith(".mp4")?jsx(l,{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 U({src:e,type:o,...t}){return jsx(o==="video"?lo:so,{src:e,...t})}var c=be.forwardRef(({children:e,flowId:o,...t},i)=>{if(o!=null)return jsx(io,{flowId:o,...t});let n=t.as??x.Column;return jsx(n,{backgroundColor:"neutral.background",borderColor:"neutral.border",borderStyle:"solid",borderRadius:"md",borderWidth:"0",gap:5,p:5,...t,ref:i,children:e})});c.Dismiss=e=>jsx(b.Plain,{part:"dismiss",padding:0,...e,children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})});c.Media=({src:e,...o})=>e==null?null:jsx(U,{borderRadius:"md",src:e,...o});c.Primary=({onClick:e,title:o,...t})=>o==null?null:jsx(b.Primary,{title:o,onClick:e,...t});c.Secondary=({onClick:e,title:o,...t})=>o==null?null:jsx(b.Secondary,{title:o,onClick:e,...t});c.Subtitle=({children:e,...o})=>e==null?null:jsx(g.Body2,{display:"block",part:"subtitle",...o,children:e});c.Title=({children:e,...o})=>e==null?null:jsx(g.Body1,{display:"block",fontWeight:"bold",part:"title",...o,children:e});function F({children:e,...o}){return jsx(w.Root,{defaultOpen:!0,modal:!0,children:jsx(w.Portal,{children:jsxs(l,{inset:"0",position:"fixed",zIndex:"9999",children:[jsx(w.Overlay,{asChild:!0,children:jsx(l,{background:"rgb(0 0 0 / 0.5)",part:"dialog-overlay",position:"fixed",inset:"0"})}),jsx(w.Content,{asChild:!0,onOpenAutoFocus:t=>t.preventDefault(),onPointerDownOutside:t=>t.preventDefault(),children:jsx(c,{boxShadow:"md",left:"50%",maxWidth:"430px",p:8,part:"dialog",position:"fixed",textAlign:"center",top:"50%",transform:"translate(-50%, -50%)",...o,children:e})})]})})})}F.Dismiss=e=>jsx(w.Close,{"aria-label":"Close",asChild:!0,children:jsx(b.Plain,{part:"close",position:"absolute",right:"-4px",top:"4px",...e,children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})})});F.Subtitle=({children:e,...o})=>jsx(w.Description,{asChild:!0,children:jsx(g.Body2,{part:"subtitle",...o,children:e})});F.Media=({src:e,...o})=>e==null?null:jsx(U,{borderRadius:"md",src:e,...o});F.Primary=({onClick:e,title:o,...t})=>o==null?null:jsx(b.Primary,{title:o,onClick:e,...t});F.ProgressDots=({current:e,total:o})=>{if(o==1)return null;let t=[...Array(o)].map((i,n)=>jsx("circle",{r:4,cx:4+16*n,cy:"4px",fill:e===n?y.colors.blue500:y.colors.blue800},n));return jsx(l,{as:"svg",height:"8px",marginInline:"auto",part:"progress",viewBox:`0 0 ${16*o-8} 8`,width:16*o-8,children:t})};F.Secondary=({onClick:e,title:o,...t})=>o==null?null:jsx(b.Secondary,{title:o,onClick:e,...t});F.Title=({children:e,...o})=>jsx(w.Title,{asChild:!0,children:jsx(g.H3,{part:"title",...o,children:e})});function fr({flowId:e,...o}){return jsx(O,{as:F,dismissible:!0,flowId:e,...o,children:({flow:t,handleDismiss:i,handlePrimary:n,handleSecondary:r,parentProps:{dismissible:a},step:s})=>jsxs(Fragment,{children:[a&&jsx(F.Dismiss,{onClick:i}),jsxs(x.Column,{gap:1,part:"announcement-header",children:[jsx(F.Title,{children:s.title}),jsx(F.Subtitle,{children:s.subtitle})]}),jsx(F.Media,{src:s.videoUri??s.imageUri,type:s.videoUri?"video":"image",css:{aspectRatio:"1.5",objectFit:"cover",width:"100%"}}),jsx(F.ProgressDots,{current:t.getNumberOfCompletedSteps(),total:t.getNumberOfAvailableSteps()}),jsxs(x.Row,{css:{"& > button":{flexBasis:"50%",flexGrow:1}},gap:3,part:"announcement-footer",children:[s.secondaryButtonTitle&&jsx(F.Secondary,{onClick:r,title:s.secondaryButtonTitle}),s.primaryButtonTitle&&jsx(F.Primary,{onClick:n,title:s.primaryButtonTitle??"Continue"})]})]})})}function xr({flowId:e,...o}){return jsx(O,{as:c,borderWidth:"md",display:"flex",flexDirection:"row",flowId:e,gap:3,justifyContent:"space-between",part:"banner",...o,children:({handleDismiss:t,handlePrimary:i,handleSecondary:n,step:r})=>jsxs(Fragment,{children:[jsxs(x.Row,{gap:3,children:[r.imageUri&&jsx("img",{src:r.imageUri,style:{height:40,width:40,alignSelf:"center"}}),jsxs(x.Column,{children:[jsx(g.H4,{mb:1,children:r.title}),jsx(g.Body2,{color:"gray500",children:r.subtitle})]})]}),jsxs(x.Row,{alignItems:"center",gap:3,justifyContent:"center",children:[r.secondaryButtonTitle&&jsx(b.Secondary,{title:r.secondaryButtonTitle,onClick:n}),jsx(b.Primary,{title:r.primaryButtonTitle,onClick:i}),o.dismissible&&jsx(c.Dismiss,{onClick:t})]})]})})}var Po={};z(Po,{Collapsible:()=>bo,CollapsibleStep:()=>le});var le={};z(le,{Content:()=>Fe,Root:()=>Te,Trigger:()=>we});var br=keyframes`
   from {
     height: 0;
     opacity: 0;
@@ -27,7 +26,7 @@ var qo=Object.defineProperty;var Yo=(e=>typeof require<"u"?require:typeof Proxy<
     height: var(--radix-collapsible-content-height);
     opacity: 1;
   }
-`,Sr=keyframes`
+`,Pr=keyframes`
   from {
     height: var(--radix-collapsible-content-height);
     opacity: 1;
@@ -36,8 +35,8 @@ var qo=Object.defineProperty;var Yo=(e=>typeof require<"u"?require:typeof Proxy<
     height: 0;
     opacity: 0;
   }
-`,Fr=()=>jsx(l,{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 Tr({checked:e=!1}){return jsx(l,{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(l,{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(Fr,{})})})}function Te({children:e}){return jsx(q.Content,{asChild:!0,children:jsxs(f.Column,{css:{'&[data-state="open"]':{animation:`${Cr} 300ms ease-out`},'&[data-state="closed"]':{animation:`${Sr} 300ms ease-out`},overflow:"hidden"},gap:5,children:[jsx(l,{}),e]})})}function we({children:e,open:o=!1,onOpenChange:t=()=>{}}){return jsx(q.Root,{asChild:!0,open:o,onOpenChange:t,children:jsx(m,{borderWidth:"md",css:{'&[data-state="open"] .fr-collapsible-step-icon':{transform:"rotate(180deg)"}},gap:0,children:e})})}function Re({isCompleted:e,title:o}){return jsx(q.Trigger,{asChild:!0,children:jsxs(f.Row,{alignItems:"center",justifyContent:"space-between",margin:-5,padding:5,zIndex:1,children:[jsxs(f.Row,{alignItems:"center",gap:2,children:[jsx(Tr,{checked:e}),jsx(u.Body2,{fontWeight:"demibold",userSelect:"none",children:o})]}),jsx(l,{as:ChevronDownIcon,color:"gray100",display:"block",height:"16px",order:2,part:"collapsible-step-icon",width:"16px"})]})})}var Be={};$(Be,{Bar:()=>se,Dots:()=>fo,Segments:()=>xo});function se({current:e,total:o,...t}){let i=o>0?Math.min(e/o,1):0,n=i===0?"10px":`${100*i}%`;return jsx(l,{backgroundColor:"blue800",borderRadius:"md",height:"10px",...t,children:jsx(l,{backgroundColor:"primary.surface",borderRadius:"md",height:"100%",style:{width:n},transition:"width 300ms ease-out"})})}function fo({current:e,total:o,...t}){if(o==1)return null;let i=[...Array(o)].map((n,r)=>jsx(l,{as:"circle",r:4,cx:4+16*r,cy:"4px",fill:e-1===r?y.colors.blue500:y.colors.blue800},r));return jsx(l,{as:"svg",height:"8px",part:"progress-dots",viewBox:`0 0 ${16*o-8} 8`,width:16*o-8,...t,children:i})}function xo({current:e,total:o,...t}){let i=[...Array(o)].map((n,r)=>jsx(l,{backgroundColor:e-1===r?"primary.surface":"blue800",borderRadius:"md",flexGrow:1,height:"100%"},r));return jsx(f.Row,{gap:1,height:"10px",...t,children:i})}var yo=createContext({onPrimary:()=>{},onSecondary:()=>{},openStepId:null,setOpenStepId:()=>{},stepTypes:{}});function ho({handlePrimary:e,handleSecondary:o,open:t,onOpenChange:i,step:n}){let{isCompleted:r,primaryButtonTitle:a,secondaryButtonTitle:s,subtitle:d,title:x}=n;return jsxs(we,{open:t,onOpenChange:i,children:[jsx(Re,{isCompleted:r,title:x}),jsxs(Te,{children:[jsx(m.Media,{aspectRatio:2.5,objectFit:"cover",src:n.imageUri}),jsx(m.Subtitle,{color:"gray500",children:d}),jsxs(f.Row,{gap:3,children:[jsx(m.Secondary,{title:s,onClick:o}),jsx(m.Primary,{title:a,onClick:e})]})]})]})}var vr={default:ho};function kr({flow:e,step:o,...t}){let{onPrimary:i,onSecondary:n,openStepId:r,setOpenStepId:a,stepTypes:s}=useContext(yo),{handlePrimary:d,handleSecondary:x}=z(o,{onPrimary:i,onSecondary:n}),g=(r??e.getCurrentStep().id)===o.id,c=s[o.type]??ho;async function h(T){a(T?o.id:""),T&&!o.isCompleted&&await o.start();}return jsx(c,{flow:e,onOpenChange:h,open:g,step:o,...t,handlePrimary:d,handleSecondary:x},o.id)}function bo({flowId:e,onPrimary:o,onSecondary:t,stepTypes:i={},...n}){let[r,a]=useState(null),s={...vr,...i};return jsx(yo.Provider,{value:{openStepId:r,setOpenStepId:a,onPrimary:o,onSecondary:t,stepTypes:s},children:jsx(O,{as:m,borderWidth:"md",flowId:e,part:"checklist",...n,children:({flow:d,...x})=>{let g=Array.from(d.steps.entries()).map(([,T])=>jsx(kr,{flow:d,...x,step:T},T.id)),c=d.getNumberOfCompletedSteps(),h=d.getNumberOfAvailableSteps();return jsxs(Fragment,{children:[jsxs(f.Column,{gap:2,children:[jsx(m.Title,{children:d.title}),jsx(m.Subtitle,{color:"gray500",children:d.subtitle}),jsxs(f.Row,{alignItems:"center",gap:2,children:[jsxs(u.Body2,{fontWeight:"demibold",children:[c,"/",h]}),jsx(se,{current:c,total:h,flexGrow:1})]})]}),g]})}})})}var Ir=new Set(["required","min","max","minLength","maxLength","pattern"]);function Mr({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 i=Object.fromEntries(Object.entries(t).filter(([r])=>Ir.has(r))),n=useController({name:t.id,control:o,rules:i});return jsx(e,{...n,fieldData:t})}function Co({fieldTypes:e,handleDismiss:o,handlePrimary:t,handleSecondary:i,parentProps:{dismissible:n},step:r}){var c;let{control:a,handleSubmit:s}=useForm({delayError:2e3,mode:"onChange"}),d=[];function x(h,T){t(T,h);}function g(h,T){i(T,h);}return (c=r.fields)==null||c.forEach(h=>{e[h.type]!=null&&d.push(jsx(Mr,{control:a,fieldComponent:e[h.type],fieldData:h},h.id));}),jsxs(f.Column,{gap:5,part:"form-step",children:[jsxs(f.Row,{alignItems:"center",flexWrap:"wrap",gap:1,justifyContent:"space-between",part:"form-step-header",children:[jsx(m.Title,{children:r.title}),n&&jsx(m.Dismiss,{onClick:o}),jsx(m.Subtitle,{flexBasis:"100%",children:r.subtitle})]}),d,jsxs(f.Row,{part:"form-step-footer",justifyContent:"flex-end",gap:3,children:[r.secondaryButtonTitle&&jsx(b.Secondary,{title:r.secondaryButtonTitle,onClick:s(g)}),jsx(b.Primary,{title:r.primaryButtonTitle??"Submit",onClick:s(x)})]},"form-footer")]})}function So({error:e}){var o;return (o=e==null?void 0:e.message)!=null&&o.length?jsx(u.Caption,{color:"red500",display:"block",part:"field-error",textAlign:"end",children:e==null?void 0:e.message}):null}function Fo({children:e,id:o,required:t=!1}){return jsxs(u.H4,{as:"label",htmlFor:o,part:"field-label",children:[e,t&&" *"]})}var oe={px:"4",py:"2",backgroundColor:"neutral.background",borderColor:"neutral.border",borderStyle:"solid",borderWidth:"md",borderRadius:"md",display:"block",outline:"none",width:"100%"};function V({children:e,field:o,fieldData:t,fieldState:i}){let{id:n,label:r,placeholder:a}=t,{error:s}=i,d={id:n,...o,...a?{placeholder:a}:{},...oe,"aria-invalid":!!s,value:o.value??""};return jsxs(l,{part:"field",children:[jsx(Fo,{id:n,required:!!t.required,children:r}),e(d),jsx(So,{error:s})]})}var Lr=()=>jsx(l,{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"})}),Vr=Pe.forwardRef(({label:e,value:o},t)=>jsxs(l,{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(u.Body2,{part:"field-radio-label",children:e}),jsx(Y.Item,{id:o,value:o,ref:t,asChild:!0,children:jsx(l,{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(l,{as:Y.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(Lr,{})})})})]}));function Bo(e){let{field:{onChange:o,value:t},fieldData:{options:i=[]}}=e,n=i.map(({label:r,value:a})=>jsx(Vr,{value:a,label:r},a));return jsx(V,{...e,children:()=>jsx(Y.Root,{value:t,onValueChange:o,asChild:!0,children:jsx(f.Column,{gap:2,part:"field-radio-group",children:n})})})}var zr=Pe.forwardRef(({label:e,value:o},t)=>jsx(C.Item,{value:o,ref:t,asChild:!0,children:jsx(l,{"backgroundColor:hover":"blue900",borderRadius:"md",outline:"none",part:"field-select-option",px:"3",py:"2",children:jsx(C.ItemText,{asChild:!0,children:jsx(u.Body2,{part:"field-select-option-label",children:e})})})}));function Do(e){let{field:{onChange:o,value:t},fieldData:{options:i=[],placeholder:n}}=e,r=i.map(({label:a,value:s})=>jsx(zr,{value:s,label:a},s));return jsx(V,{...e,children:()=>jsxs(C.Root,{value:t,onValueChange:o,children:[jsx(C.Trigger,{asChild:!0,children:jsxs(u.Body2,{...oe,alignItems:"center",display:"flex",justifyContent:"space-between",part:"field-select",children:[jsx(C.Value,{placeholder:n??"Select one"}),jsx(C.Icon,{children:jsx(l,{as:ChevronDownIcon$1,color:"gray100",display:"block",height:"24px",part:"field-select-icon",width:"24px"})})]})}),jsx(C.Portal,{children:jsx(C.Content,{position:"popper",sideOffset:4,asChild:!0,children:jsx(l,{...oe,p:"1",part:"field-select-options",width:"var(--radix-popper-anchor-width)",children:jsx(C.Viewport,{children:r})})})})]})})}function Oo(e){return jsx(V,{...e,children:o=>jsx(u.Body2,{as:"input",part:"field-text",type:"text",...o})})}function Mo(e){return jsx(V,{...e,children:o=>jsx(u.Body2,{as:"textarea",part:"field-textarea",...o})})}var jr={radio:Bo,select:Do,text:Oo,textarea:Mo};function Nr({fieldTypes:e={},flowId:o,...t}){let i=Object.assign({},jr,e);return jsx(O,{flowId:o,part:"form",...t,children:n=>jsx(Co,{fieldTypes:i,...n})})}function ae(){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),[i,n]=useState(null),r=useCallback(a=>{n(a);},[]);return useLayoutEffect(()=>{if(!i)return;let a=()=>{let s=i.getBoundingClientRect();t(s);};return a(),window.addEventListener("resize",a),()=>window.removeEventListener("resize",a)},[i]),{node:i,rect:o,ref:r}}var Jr=keyframes({"0%":{opacity:.5,transform:"scale(0.5)"},"50%":{opacity:0,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(1)"}});function Lo({style:e={},part:o="",...t}){return jsxs(l,{part:`dot-wrapper ${o}`,style:{height:"48px",position:"absolute",width:"48px",...e},...t,children:[jsx(l,{backgroundColor:"primary.surface",part:"dot-pulse",css:{animation:`2s ease-out infinite ${Jr}`,borderRadius:"24px",height:"48px",left:0,position:"absolute",top:0,transformOrigin:"center center",width:"48px"}}),jsx(l,{backgroundColor:"primary.surface",part:"dot",style:{borderRadius:"12px",height:"24px",left:"12px",position:"absolute",top:"12px",width:"24px"}})]})}function Vo({props:e,alignAttr:o,sideAttr:t}){let i=t??"bottom",n={},r=()=>{if(["after","before"].includes(e.align)){if(o=="start")return "before";if(o=="end")return "after"}return e.align??"after"},a="-24px",s={top:"bottom",right:"left",bottom:"top",left:"right"};n[s[i]]=a;let d=r();return ["before","end"].includes(d)?["top","bottom"].includes(i)?n.right=a:n.bottom=a:["after","start"].includes(d)?["top","bottom"].includes(i)?n.left=a:n.top=a:["top","bottom"].includes(i)?n.left=`calc(50% + ${a})`:n.top=`calc(50% + ${a})`,n}var le={content:["align","alignOffset","arrowPadding","avoidCollisions","collisionBoundary","collisionPadding","forceMount","hideWhenDetached","onCloseAutoFocus","onEscapeKeyDown","onFocusOutside","onInteractOutside","onOpenAutoFocus","onPointerDownOutside","side","sideOffset","sticky"],root:["defaultOpen","modal","onOpenChange","open"]};function $o(e,o){let t=Object.fromEntries(le.content.map(r=>[r,e[r]]).filter(r=>r[1]!==void 0)),i=Object.fromEntries(le.root.map(r=>[r,e[r]]).filter(r=>r[1]!==void 0)),n={};for(let r of Object.keys(e))!le.content.includes(r)&&!le.root.includes(r)&&(n[r]=e[r]);if(t.align=t.align??"after",t.side=t.side??"bottom",["before","after"].includes(t.align)){let r={after:"end",before:"start"},a=(h,T)=>["top","bottom"].includes(T)?h=="after"?"marginLeft":"marginRight":h=="after"?"marginTop":"marginBottom",s=t.alignOffset??0,d=t.style??{},x=t.side??"bottom",g=t.align;t.style={...d,[a(g,x)]:s};let c=["top","bottom"].includes(x)?o.width:o.height;t.alignOffset=(c+s)*-1,t.align=r[g];}return {contentProps:t,otherProps:n,rootProps:i}}function _o(){let{debug:e}=useContext(w);return {debug:e,debugLog:o=>{e&&console.log(o);}}}function S({anchor:e,children:o,className:t,spotlight:i=!1,style:n,...r}){let{node:a,rect:s,ref:d}=ae(),{node:x,rect:g,ref:c}=ae(),{contentProps:h,otherProps:T,rootProps:de}=$o(r,s),{debugLog:ce}=_o(),[X,me]=useState(h.align),[ue,No]=useState(h.side),[Ko,Uo]=useState(0),[Go,Jo]=useState(0);if(a!==null){let A=a.getAttribute("data-align"),te=a.getAttribute("data-side");X!==A&&me(A),ue!==te&&No(te);}let Ee=useRef(null);if(useEffect(()=>{let A=document.querySelector(e);A!=null?(c(A),Ee.current=A):ce(`No anchor found for query: ${e}`);},[e]),useEffect(()=>{let{scrollX:A,scrollY:te}=window;Uo(g.left+A),Jo(g.top+te);},[g.left,g.top]),x==null)return null;let Oe="0";typeof window<"u"&&(Oe=window.getComputedStyle(x).borderRadius);let Xo=Vo({props:r,alignAttr:X,sideAttr:ue});return jsxs(I.Root,{defaultOpen:!0,...de,children:[jsx(I.Anchor,{virtualRef:Ee}),jsx(I.Portal,{children:jsxs(Fragment,{children:[i&&jsx(l,{part:"tooltip-spotlight",position:"absolute",style:{borderRadius:Oe,boxShadow:"0 0 0 20000px rgb(0 0 0 / 0.5)",height:g.height,left:Ko,top:Go,width:g.width}}),jsx(I.Content,{asChild:!0,...h,ref:d,children:jsxs(m,{boxShadow:"md",part:"tooltip",position:"relative",className:t,css:{maxWidth:"360px",pointerEvents:"auto"},style:n,...T,children:[jsx(Lo,{style:Xo}),o]})})]})})]})}S.Close=e=>jsx(I.Close,{"aria-label":"Close",asChild:!0,children:jsx(b.Plain,{css:{top:"12px",right:"4px"},part:"close",position:"absolute",...e,children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})})});S.Media=({src:e,...o})=>e==null?null:jsx(N,{borderRadius:"md md 0 0",borderWidth:"0",css:{aspectRatio:"2",objectFit:"cover"},margin:"-5 -5 0",src:e,...o});S.Primary=({onClick:e,title:o,...t})=>o==null?null:jsx(b.Primary,{title:o,onClick:e,...t});S.Progress=({children:e,...o})=>e==null?null:jsx(u.H4,{part:"progress",...o,children:e});S.Secondary=({onClick:e,title:o,...t})=>o==null?null:jsx(b.Secondary,{title:o,onClick:e,...t});S.Subtitle=({children:e,...o})=>e==null?null:jsx(u.Body2,{part:"subtitle",...o,children:e});S.Title=({children:e,...o})=>e==null?null:jsx(u.H4,{part:"title",...o,children:e});function jo({dismissible:e=!0,flow:o,onDismiss:t,onPrimary:i,onSecondary:n,step:r,...a}){let{handleDismiss:s}=_(o,{onDismiss:t}),{handlePrimary:d,handleSecondary:x}=z(r,{onPrimary:i,onSecondary:n});return jsxs(S,{anchor:r.selector,onOpenAutoFocus:g=>g.preventDefault(),onPointerDownOutside:g=>g.preventDefault(),onInteractOutside:g=>g.preventDefault(),...a,children:[e&&jsx(S.Close,{onClick:s}),jsx(S.Media,{src:r.videoUri??r.imageUri,type:r.videoUri?"video":"image"}),jsxs(f.Column,{gap:1,part:"tooltip-header",children:[jsx(S.Title,{children:r.title}),jsx(S.Subtitle,{color:"gray500",children:r.subtitle})]}),jsxs(f.Row,{alignItems:"center",gap:3,justifyContent:"flex-end",part:"tooltip-footer",children:[jsx(S.Progress,{marginRight:"auto",transform:"translateY(1px)",children:`${o.getNumberOfCompletedSteps()+1}/${o.getNumberOfAvailableSteps()}`}),jsx(S.Secondary,{title:r.secondaryButtonTitle,onClick:x}),jsx(S.Primary,{title:r.primaryButtonTitle,onClick:d})]})]},r.id)}function on({flowId:e,onComplete:o,variables:t,...i}){let{flow:n}=Z(e,{variables:t});_(n,{onComplete:o});let{isCurrentModal:r,removeModal:a}=ee(n);if(useEffect(()=>{!(n!=null&&n.isVisible)&&r&&a();},[n==null?void 0:n.isVisible,r]),n==null||n.isVisible===!1||!r)return null;n.start();let s=n.getCurrentStep();return s==null||s.start(),jsx(jo,{step:s,flow:n,...i})}function nn(){let{frigade:e}=useContext(w);return {frigade:e,isLoading:!(e!=null&&e.isReady())}}function an(){let{userId:e,frigade:o}=useContext(w);async function t(n){await o.identify(e,n);}async function i(n,r){await o.track(n,r);}return {userId:e,addProperties:t,track:i}}function pn(){let{groupId:e,frigade:o}=useContext(w);async function t(n){if(!e){console.error("No Group ID is set. Cannot set properties without a Group ID.");return}await o.group(e,n);}async function i(n,r){await o.track(n,r);}return {groupId:e,addProperties:t,track:i}}
+`,Cr=()=>jsx(l,{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 Sr({checked:e=!1}){return jsx(l,{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(l,{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(Cr,{})})})}function Fe({children:e}){return jsx(Y.Content,{asChild:!0,children:jsxs(x.Column,{css:{'&[data-state="open"]':{animation:`${br} 300ms ease-out`},'&[data-state="closed"]':{animation:`${Pr} 300ms ease-out`},overflow:"hidden"},gap:5,children:[jsx(l,{}),e]})})}function Te({children:e,open:o=!1,onOpenChange:t=()=>{}}){return jsx(Y.Root,{asChild:!0,open:o,onOpenChange:t,children:jsx(c,{borderWidth:"md",css:{'&[data-state="open"] .fr-collapsible-step-icon':{transform:"rotate(180deg)"}},gap:0,children:e})})}function we({isCompleted:e,title:o}){return jsx(Y.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(Sr,{checked:e}),jsx(g.Body2,{fontWeight:"demibold",userSelect:"none",children:o})]}),jsx(l,{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:()=>pe,Dots:()=>fo,Segments:()=>xo});function pe({current:e,total:o,...t}){let i=o>0?Math.min(e/o,1):0,n=i===0?"10px":`${100*i}%`;return jsx(l,{backgroundColor:"blue800",borderRadius:"md",height:"10px",...t,children:jsx(l,{backgroundColor:"primary.surface",borderRadius:"md",height:"100%",style:{width:n},transition:"width 300ms ease-out"})})}function fo({current:e,total:o,...t}){if(o==1)return null;let i=[...Array(o)].map((n,r)=>jsx(l,{as:"circle",r:4,cx:4+16*r,cy:"4px",fill:e-1===r?y.colors.blue500:y.colors.blue800},r));return jsx(l,{as:"svg",height:"8px",part:"progress-dots",viewBox:`0 0 ${16*o-8} 8`,width:16*o-8,...t,children:i})}function xo({current:e,total:o,...t}){let i=[...Array(o)].map((n,r)=>jsx(l,{backgroundColor:e-1===r?"primary.surface":"blue800",borderRadius:"md",flexGrow:1,height:"100%"},r));return jsx(x.Row,{gap:1,height:"10px",...t,children:i})}var yo=createContext({onPrimary:()=>{},onSecondary:()=>{},openStepId:null,setOpenStepId:()=>{},stepTypes:{}});function ho({handlePrimary:e,handleSecondary:o,open:t,onOpenChange:i,step:n}){let{isBlocked:r,isCompleted:a,primaryButtonTitle:s,secondaryButtonTitle:d,subtitle:m,title:u}=n;return jsxs(Te,{open:t,onOpenChange:i,children:[jsx(we,{isCompleted:a,title:u}),jsxs(Fe,{children:[jsx(c.Media,{aspectRatio:2.5,objectFit:"cover",src:n.imageUri}),jsx(c.Subtitle,{color:"gray500",children:m}),jsxs(x.Row,{gap:3,children:[jsx(c.Secondary,{disabled:!!(a||r),title:d,onClick:o}),jsx(c.Primary,{disabled:!!(a||r),title:s,onClick:e})]})]})]})}var Rr={default:ho};function Br({flow:e,step:o,...t}){let{onPrimary:i,onSecondary:n,openStepId:r,setOpenStepId:a,stepTypes:s}=useContext(yo),{handlePrimary:d,handleSecondary:m}=N(o,{onPrimary:i,onSecondary:n}),u=(r??e.getCurrentStep().id)===o.id,f=s[o.type]??ho;async function h(T){a(T?o.id:""),T&&!o.isCompleted&&await o.start();}return jsx(f,{flow:e,onOpenChange:h,open:u,step:o,...t,handlePrimary:d,handleSecondary:m},o.id)}function bo({dismissible:e,flowId:o,onPrimary:t,onSecondary:i,stepTypes:n={},...r}){let[a,s]=useState(null),d={...Rr,...n};return jsx(yo.Provider,{value:{openStepId:a,setOpenStepId:s,onPrimary:t,onSecondary:i,stepTypes:d},children:jsx(O,{as:c,borderWidth:"md",flowId:o,part:"checklist",...r,children:({flow:m,handleDismiss:u,...f})=>{let h=Array.from(m.steps.entries()).map(([,_])=>jsx(Br,{flow:m,handleDismiss:u,...f,step:_},_.id)),T=m.getNumberOfCompletedSteps(),q=m.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(c.Title,{children:m.title}),e&&jsx(c.Dismiss,{onClick:u}),jsx(c.Subtitle,{color:"gray500",flexBasis:"100%",children:m.subtitle})]}),jsxs(x.Row,{alignItems:"center",gap:2,children:[jsxs(g.Body2,{fontWeight:"demibold",children:[T,"/",q]}),jsx(pe,{current:T,total:q,flexGrow:1})]})]}),h]})}})})}var Er=new Set(["required","min","max","minLength","maxLength","pattern"]);function Or({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 i=Object.fromEntries(Object.entries(t).filter(([r])=>Er.has(r))),n=useController({name:t.id,control:o,rules:i});return jsx(e,{...n,fieldData:t})}function Co({fieldTypes:e,handleDismiss:o,handlePrimary:t,handleSecondary:i,parentProps:{dismissible:n},step:r}){var f;let{control:a,handleSubmit:s}=useForm({delayError:2e3,mode:"onChange"}),d=[];function m(h,T){t(T,h);}function u(h,T){i(T,h);}return (f=r.fields)==null||f.forEach(h=>{e[h.type]!=null&&d.push(jsx(Or,{control:a,fieldComponent:e[h.type],fieldData:h},h.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(c.Title,{children:r.title}),n&&jsx(c.Dismiss,{onClick:o}),jsx(c.Subtitle,{flexBasis:"100%",children:r.subtitle})]}),d,jsxs(x.Row,{part:"form-step-footer",justifyContent:"flex-end",gap:3,children:[r.secondaryButtonTitle&&jsx(b.Secondary,{title:r.secondaryButtonTitle,onClick:s(u)}),jsx(b.Primary,{title:r.primaryButtonTitle??"Submit",onClick:s(m)})]},"form-footer")]})}function So({error:e}){var o;return (o=e==null?void 0:e.message)!=null&&o.length?jsx(g.Caption,{color:"red500",display:"block",part:"field-error",textAlign:"end",children:e==null?void 0:e.message}):null}function Fo({children:e,id:o,required:t=!1}){return jsxs(g.H4,{as:"label",htmlFor:o,part:"field-label",children:[e,t&&" *"]})}var re={px:"4",py:"2",backgroundColor:"neutral.background",borderColor:"neutral.border",borderStyle:"solid",borderWidth:"md",borderRadius:"md",display:"block",outline:"none",width:"100%"};function $({children:e,field:o,fieldData:t,fieldState:i}){let{id:n,label:r,placeholder:a}=t,{error:s}=i,d={id:n,...o,...a?{placeholder:a}:{},...re,"aria-invalid":!!s,value:o.value??""};return jsxs(l,{part:"field",children:[jsx(Fo,{id:n,required:!!t.required,children:r}),e(d),jsx(So,{error:s})]})}var Wr=()=>jsx(l,{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"})}),Ar=be.forwardRef(({label:e,value:o},t)=>jsxs(l,{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(g.Body2,{part:"field-radio-label",children:e}),jsx(Q.Item,{id:o,value:o,ref:t,asChild:!0,children:jsx(l,{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(l,{as:Q.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(Wr,{})})})})]}));function Bo(e){let{field:{onChange:o,value:t},fieldData:{options:i=[]}}=e,n=i.map(({label:r,value:a})=>jsx(Ar,{value:a,label:r},a));return jsx($,{...e,children:()=>jsx(Q.Root,{value:t,onValueChange:o,asChild:!0,children:jsx(x.Column,{gap:2,part:"field-radio-group",children:n})})})}var $r=be.forwardRef(({label:e,value:o},t)=>jsx(C.Item,{value:o,ref:t,asChild:!0,children:jsx(l,{"backgroundColor:hover":"blue900",borderRadius:"md",outline:"none",part:"field-select-option",px:"3",py:"2",children:jsx(C.ItemText,{asChild:!0,children:jsx(g.Body2,{part:"field-select-option-label",children:e})})})}));function Do(e){let{field:{onChange:o,value:t},fieldData:{options:i=[],placeholder:n}}=e,r=i.map(({label:a,value:s})=>jsx($r,{value:s,label:a},s));return jsx($,{...e,children:()=>jsxs(C.Root,{value:t,onValueChange:o,children:[jsx(C.Trigger,{asChild:!0,children:jsxs(g.Body2,{...re,alignItems:"center",display:"flex",justifyContent:"space-between",part:"field-select",children:[jsx(C.Value,{placeholder:n??"Select one"}),jsx(C.Icon,{children:jsx(l,{as:ChevronDownIcon,color:"gray100",display:"block",height:"24px",part:"field-select-icon",width:"24px"})})]})}),jsx(C.Portal,{children:jsx(C.Content,{position:"popper",sideOffset:4,asChild:!0,children:jsx(l,{...re,p:"1",part:"field-select-options",width:"var(--radix-popper-anchor-width)",children:jsx(C.Viewport,{children:r})})})})]})})}function Oo(e){return jsx($,{...e,children:o=>jsx(g.Body2,{as:"input",part:"field-text",type:"text",...o})})}function Mo(e){return jsx($,{...e,children:o=>jsx(g.Body2,{as:"textarea",part:"field-textarea",...o})})}var _r={radio:Bo,select:Do,text:Oo,textarea:Mo};function zr({fieldTypes:e={},flowId:o,...t}){let i=Object.assign({},_r,e);return jsx(O,{flowId:o,part:"form",...t,children:n=>jsx(Co,{fieldTypes:i,...n})})}function de(){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),[i,n]=useState(null),r=useCallback(a=>{n(a);},[]);return useLayoutEffect(()=>{if(!i)return;let a=()=>{let s=i.getBoundingClientRect();t(s);};return a(),window.addEventListener("resize",a),()=>window.removeEventListener("resize",a)},[i]),{node:i,rect:o,ref:r}}var Ur=keyframes({"0%":{opacity:.5,transform:"scale(0.5)"},"50%":{opacity:0,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(1)"}});function Lo({style:e={},part:o="",...t}){return jsxs(l,{part:`dot-wrapper ${o}`,style:{height:"48px",position:"absolute",width:"48px",...e},...t,children:[jsx(l,{backgroundColor:"primary.surface",part:"dot-pulse",css:{animation:`2s ease-out infinite ${Ur}`,borderRadius:"24px",height:"48px",left:0,position:"absolute",top:0,transformOrigin:"center center",width:"48px"}}),jsx(l,{backgroundColor:"primary.surface",part:"dot",style:{borderRadius:"12px",height:"24px",left:"12px",position:"absolute",top:"12px",width:"24px"}})]})}function Vo({props:e,alignAttr:o,sideAttr:t}){let i=t??"bottom",n={},r=()=>{if(["after","before"].includes(e.align)){if(o=="start")return "before";if(o=="end")return "after"}return e.align??"after"},a="-24px",s={top:"bottom",right:"left",bottom:"top",left:"right"};n[s[i]]=a;let d=r();return ["before","end"].includes(d)?["top","bottom"].includes(i)?n.right=a:n.bottom=a:["after","start"].includes(d)?["top","bottom"].includes(i)?n.left=a:n.top=a:["top","bottom"].includes(i)?n.left=`calc(50% + ${a})`:n.top=`calc(50% + ${a})`,n}var ce={content:["align","alignOffset","arrowPadding","avoidCollisions","collisionBoundary","collisionPadding","forceMount","hideWhenDetached","onCloseAutoFocus","onEscapeKeyDown","onFocusOutside","onInteractOutside","onOpenAutoFocus","onPointerDownOutside","side","sideOffset","sticky"],root:["defaultOpen","modal","onOpenChange","open"]};function $o(e,o){let t=Object.fromEntries(ce.content.map(r=>[r,e[r]]).filter(r=>r[1]!==void 0)),i=Object.fromEntries(ce.root.map(r=>[r,e[r]]).filter(r=>r[1]!==void 0)),n={};for(let r of Object.keys(e))!ce.content.includes(r)&&!ce.root.includes(r)&&(n[r]=e[r]);if(t.align=t.align??"after",t.side=t.side??"bottom",["before","after"].includes(t.align)){let r={after:"end",before:"start"},a=(h,T)=>["top","bottom"].includes(T)?h=="after"?"marginLeft":"marginRight":h=="after"?"marginTop":"marginBottom",s=t.alignOffset??0,d=t.style??{},m=t.side??"bottom",u=t.align;t.style={...d,[a(u,m)]:s};let f=["top","bottom"].includes(m)?o.width:o.height;t.alignOffset=(f+s)*-1,t.align=r[u];}return {contentProps:t,otherProps:n,rootProps:i}}function S({anchor:e,children:o,className:t,spotlight:i=!1,style:n,...r}){let{node:a,rect:s,ref:d}=de(),{node:m,rect:u,ref:f}=de(),{contentProps:h,otherProps:T,rootProps:q}=$o(r,s),[_,Z]=useState(h.align),[ne,De]=useState(h.side),[jo,No]=useState(0),[Ko,Uo]=useState(0);if(a!==null){let A=a.getAttribute("data-align"),ie=a.getAttribute("data-side");_!==A&&Z(A),ne!==ie&&De(ie);}let Ee=useRef(null);if(useEffect(()=>{let A=document.querySelector(e);A!=null?(f(A),Ee.current=A):console.debug(`No anchor found for query: ${e}`);},[e]),useEffect(()=>{let{scrollX:A,scrollY:ie}=window;No(u.left+A),Uo(u.top+ie);},[u.left,u.top]),m==null)return null;let Oe="0";typeof window<"u"&&(Oe=window.getComputedStyle(m).borderRadius);let Go=Vo({props:r,alignAttr:_,sideAttr:ne});return jsxs(I.Root,{defaultOpen:!0,...q,children:[jsx(I.Anchor,{virtualRef:Ee}),jsx(I.Portal,{children:jsxs(Fragment,{children:[i&&jsx(l,{part:"tooltip-spotlight",position:"absolute",style:{borderRadius:Oe,boxShadow:"0 0 0 20000px rgb(0 0 0 / 0.5)",height:u.height,left:jo,top:Ko,width:u.width}}),jsx(I.Content,{asChild:!0,...h,ref:d,children:jsxs(c,{boxShadow:"md",part:"tooltip",position:"relative",className:t,css:{maxWidth:"360px",pointerEvents:"auto"},style:n,...T,children:[jsx(Lo,{style:Go}),o]})})]})})]})}S.Close=e=>jsx(I.Close,{"aria-label":"Close",asChild:!0,children:jsx(b.Plain,{css:{top:"12px",right:"4px"},part:"close",position:"absolute",...e,children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})})});S.Media=({src:e,...o})=>e==null?null:jsx(U,{borderRadius:"md md 0 0",borderWidth:"0",css:{aspectRatio:"2",objectFit:"cover"},margin:"-5 -5 0",src:e,...o});S.Primary=({onClick:e,title:o,...t})=>o==null?null:jsx(b.Primary,{title:o,onClick:e,...t});S.Progress=({children:e,...o})=>e==null?null:jsx(g.H4,{part:"progress",...o,children:e});S.Secondary=({onClick:e,title:o,...t})=>o==null?null:jsx(b.Secondary,{title:o,onClick:e,...t});S.Subtitle=({children:e,...o})=>e==null?null:jsx(g.Body2,{part:"subtitle",...o,children:e});S.Title=({children:e,...o})=>e==null?null:jsx(g.H4,{part:"title",...o,children:e});function zo({dismissible:e=!0,flow:o,onDismiss:t,onPrimary:i,onSecondary:n,step:r,...a}){let{handleDismiss:s}=j(o,{onDismiss:t}),{handlePrimary:d,handleSecondary:m}=N(r,{onPrimary:i,onSecondary:n});return jsxs(S,{anchor:r.selector,onOpenAutoFocus:u=>u.preventDefault(),onPointerDownOutside:u=>u.preventDefault(),onInteractOutside:u=>u.preventDefault(),...a,children:[e&&jsx(S.Close,{onClick:s}),jsx(S.Media,{src:r.videoUri??r.imageUri,type:r.videoUri?"video":"image"}),jsxs(x.Column,{gap:1,part:"tooltip-header",children:[jsx(S.Title,{children:r.title}),jsx(S.Subtitle,{color:"gray500",children:r.subtitle})]}),jsxs(x.Row,{alignItems:"center",gap:3,justifyContent:"flex-end",part:"tooltip-footer",children:[jsx(S.Progress,{marginRight:"auto",transform:"translateY(1px)",children:`${o.getNumberOfCompletedSteps()+1}/${o.getNumberOfAvailableSteps()}`}),jsx(S.Secondary,{title:r.secondaryButtonTitle,onClick:m}),jsx(S.Primary,{title:r.primaryButtonTitle,onClick:d})]})]},r.id)}function Qr({flowId:e,onComplete:o,variables:t,...i}){let{flow:n}=oe(e,{variables:t});j(n,{onComplete:o});let{isCurrentModal:r,removeModal:a}=te(n);if(useEffect(()=>{!(n!=null&&n.isVisible)&&r&&a();},[n==null?void 0:n.isVisible,r]),n==null||n.isVisible===!1||!r)return null;n.start();let s=n.getCurrentStep();return s==null||s.start(),jsx(zo,{step:s,flow:n,...i})}function on(){let{frigade:e}=useContext(v);return {frigade:e,isLoading:!(e!=null&&e.isReady())}}function rn(){let{userId:e,frigade:o}=useContext(v);async function t(n){await o.identify(e,n);}async function i(n,r){await o.track(n,r);}return {userId:e,addProperties:t,track:i}}function sn(){let{groupId:e,frigade:o}=useContext(v);async function t(n){if(!e){console.error("No Group ID is set. Cannot set properties without a Group ID.");return}await o.group(e,n);}async function i(n,r){await o.track(n,r);}return {groupId:e,addProperties:t,track:i}}
 
-export { xr as Announcement, hr as Banner, l as Box, b as Button, m as Card, Po as Checklist, f as Flex, Nr as Form, Be as Progress, Yt as Provider, u as Text, S as Tooltip, on as Tour, xe as themeVariables, ae as useBoundingClientRect, Z as useFlow, _ as useFlowHandlers, nn as useFrigade, pn as useGroup, ee as useModal, z as useStepHandlers, an as useUser };
+export { fr as Announcement, xr as Banner, l as Box, b as Button, c as Card, Po as Checklist, x as Flex, zr as Form, Re as Progress, Xt as Provider, g as Text, S as Tooltip, Qr as Tour, ge as themeVariables, de as useBoundingClientRect, oe as useFlow, j as useFlowHandlers, on as useFrigade, sn as useGroup, te as useModal, N as useStepHandlers, rn as useUser };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map