@frigade/react 2.0.0-alpha.34 → 2.0.0-alpha.37

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { CSSProperties, MouseEvent } from 'react';
+import React__default, { CSSProperties } from 'react';
 import * as _frigade_js from '@frigade/js';
 import { Flow, FlowStep } from '@frigade/js';
+import { ControllerFieldState, Message, ValidationRule } from 'react-hook-form';
 import * as Popover from '@radix-ui/react-popover';
 
 declare const tokens: {
@@ -967,6 +968,23 @@ declare const themedStyleProps: {
         auto: string;
     };
 };
+declare const stylePropShorthands: {
+    readonly bg: readonly ["backgroundColor"];
+    readonly m: readonly ["margin"];
+    readonly mt: readonly ["marginTop"];
+    readonly mr: readonly ["marginRight"];
+    readonly mb: readonly ["marginBottom"];
+    readonly ml: readonly ["marginLeft"];
+    readonly mx: readonly ["marginLeft", "marginRight"];
+    readonly my: readonly ["marginTop", "marginBottom"];
+    readonly p: readonly ["padding"];
+    readonly pt: readonly ["paddingTop"];
+    readonly pr: readonly ["paddingRight"];
+    readonly pb: readonly ["paddingBottom"];
+    readonly pl: readonly ["paddingLeft"];
+    readonly px: readonly ["paddingLeft", "paddingRight"];
+    readonly py: readonly ["paddingTop", "paddingBottom"];
+};
 type ThemedStyleProps = {
     [K in keyof typeof themedStyleProps]: keyof (typeof themedStyleProps)[K];
 };
@@ -974,7 +992,10 @@ type FilteredCSSProps = Omit<{
     [key in keyof CSSProperties]: CSSProperties[key];
 }, `-${string}` | `Moz${string}` | `ms${string}` | `Webkit${string}` | `Khtml${string}` | `O${string}`>;
 type ThemedStyleProp<K extends keyof ThemedStyleProps> = ThemedStyleProps[K] | (string & {});
-interface StyleProps extends FilteredCSSProps {
+type StylePropShorthands = {
+    [K in keyof typeof stylePropShorthands]?: ThemedStyleProp<(typeof stylePropShorthands)[K][0]>;
+};
+interface StyleProps extends FilteredCSSProps, StylePropShorthands {
     backgroundColor?: ThemedStyleProp<'backgroundColor'>;
     border?: ThemedStyleProp<'border'>;
     borderColor?: ThemedStyleProp<'borderColor'>;
@@ -1024,64 +1045,129 @@ interface MediaProps extends BoxProps {
     type?: 'image' | 'video';
 }
 
-type TextVariant = 'Display1' | 'Display2' | 'H1' | 'H2' | 'H3' | 'H4' | 'Body1' | 'Body2' | 'Caption';
 interface TextProps extends BoxProps {
-    variant?: TextVariant;
 }
-declare function BaseText({ as, children, variant, ...props }: TextProps): _emotion_react_jsx_runtime.JSX.Element;
-declare const Text: typeof BaseText & {
-    [k: string]: {
-        (props: TextProps): _emotion_react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-};
+declare const Display1: React$1.ForwardRefExoticComponent<BoxProps<React$1.ElementType<any>>>;
+declare const Display2: React$1.ForwardRefExoticComponent<BoxProps<React$1.ElementType<any>>>;
+declare const H1: React$1.ForwardRefExoticComponent<BoxProps<React$1.ElementType<any>>>;
+declare const H2: React$1.ForwardRefExoticComponent<BoxProps<React$1.ElementType<any>>>;
+declare const H3: React$1.ForwardRefExoticComponent<BoxProps<React$1.ElementType<any>>>;
+declare const H4: React$1.ForwardRefExoticComponent<BoxProps<React$1.ElementType<any>>>;
+declare const Body1: React$1.ForwardRefExoticComponent<BoxProps<React$1.ElementType<any>>>;
+declare const Body2: React$1.ForwardRefExoticComponent<BoxProps<React$1.ElementType<any>>>;
+declare const Caption: React$1.ForwardRefExoticComponent<BoxProps<React$1.ElementType<any>>>;
+
+declare const Text_Body1: typeof Body1;
+declare const Text_Body2: typeof Body2;
+declare const Text_Caption: typeof Caption;
+declare const Text_Display1: typeof Display1;
+declare const Text_Display2: typeof Display2;
+declare const Text_H1: typeof H1;
+declare const Text_H2: typeof H2;
+declare const Text_H3: typeof H3;
+declare const Text_H4: typeof H4;
+type Text_TextProps = TextProps;
+declare namespace Text {
+  export {
+    Text_Body1 as Body1,
+    Text_Body2 as Body2,
+    Text_Caption as Caption,
+    Text_Display1 as Display1,
+    Text_Display2 as Display2,
+    Text_H1 as H1,
+    Text_H2 as H2,
+    Text_H3 as H3,
+    Text_H4 as H4,
+    Text_TextProps as TextProps,
+  };
+}
 
 interface DialogProps extends BoxProps {
 }
 
-type FlowHandler = (flow: Flow, event?: MouseEvent<unknown>) => Promise<boolean | void> | (boolean | void);
-interface StepHandlers$1 {
-    onComplete?: FlowHandler;
-    onDismiss?: FlowHandler;
+type FlowHandlerProp = (flow: Flow, event?: React.MouseEvent<unknown>) => Promise<boolean | void> | (boolean | void);
+interface FlowHandlerProps {
+    onComplete?: FlowHandlerProp;
+    onDismiss?: FlowHandlerProp;
 }
-declare function useFlowHandlers(flow: Flow, { onComplete, onDismiss }?: StepHandlers$1): {
-    handleDismiss: (e: MouseEvent<unknown>) => Promise<boolean>;
+type DismissHandler = (e: React.MouseEvent<unknown>) => Promise<boolean | void>;
+declare function useFlowHandlers(flow: Flow, { onComplete, onDismiss }?: FlowHandlerProps): {
+    handleDismiss: DismissHandler;
 };
 
-type StepHandler = (step: FlowStep, event?: MouseEvent<unknown>) => Promise<boolean | void> | (boolean | void);
-interface StepHandlers {
-    onPrimary?: StepHandler;
-    onSecondary?: StepHandler;
+type StepHandlerProp = (step: FlowStep, event?: React.MouseEvent<unknown>) => Promise<boolean | void> | (boolean | void);
+interface StepHandlerProps {
+    onPrimary?: StepHandlerProp;
+    onSecondary?: StepHandlerProp;
 }
-declare function useStepHandlers(step: FlowStep, { onPrimary, onSecondary }?: StepHandlers): {
-    handlePrimary: (e: MouseEvent<unknown>) => Promise<boolean>;
-    handleSecondary: (e: MouseEvent<unknown>) => Promise<boolean>;
+type StepHandler = (e: React.MouseEvent<unknown>) => Promise<boolean | void>;
+declare function useStepHandlers(step: FlowStep, { onPrimary, onSecondary }?: StepHandlerProps): {
+    handlePrimary: StepHandler;
+    handleSecondary: StepHandler;
 };
 
-interface FlowComponentProps {
+interface FlowComponentProps extends Omit<BoxProps, 'container'> {
+    container?: 'dialog' | 'none';
     dismissible?: boolean;
     flowId: string;
-    onComplete?: FlowHandler;
-    onDismiss?: FlowHandler;
-    onPrimary?: StepHandler;
-    onSecondary?: StepHandler;
-    variables?: Record<string, any>;
+    onComplete?: FlowHandlerProp;
+    onDismiss?: FlowHandlerProp;
+    onPrimary?: StepHandlerProp;
+    onSecondary?: StepHandlerProp;
+    variables?: Record<string, unknown>;
 }
 
-interface AnncouncementProps extends DialogProps, FlowComponentProps {
+interface AnnouncementProps extends FlowComponentProps, Omit<DialogProps, 'container'> {
 }
-declare function Announcement({ dismissible, flowId, onComplete, onDismiss, onPrimary, onSecondary, variables, ...props }: AnncouncementProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Announcement(props: AnnouncementProps): _emotion_react_jsx_runtime.JSX.Element;
 
-interface BannerProps extends BoxProps, FlowComponentProps {
+interface BannerProps extends FlowComponentProps {
 }
-declare function Banner({ dismissible, flowId, onComplete, onDismiss, onPrimary, onSecondary, ...props }: BannerProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Banner(props: BannerProps): _emotion_react_jsx_runtime.JSX.Element;
 
 declare const Card: React$1.ForwardRefExoticComponent<Omit<BoxProps<React$1.ElementType<any>>, "ref"> & React$1.RefAttributes<unknown>>;
 
-declare const Flex: {
-    Column: React$1.ForwardRefExoticComponent<Omit<BoxProps<React$1.ElementType<any>>, "ref"> & React$1.RefAttributes<unknown>>;
-    Row: React$1.ForwardRefExoticComponent<Omit<BoxProps<React$1.ElementType<any>>, "ref"> & React$1.RefAttributes<unknown>>;
-};
+declare const Row: React$1.ForwardRefExoticComponent<Omit<BoxProps<React$1.ElementType<any>>, "ref"> & React$1.RefAttributes<unknown>>;
+declare const Column: React$1.ForwardRefExoticComponent<Omit<BoxProps<React$1.ElementType<any>>, "ref"> & React$1.RefAttributes<unknown>>;
+
+declare const Flex_Column: typeof Column;
+declare const Flex_Row: typeof Row;
+declare namespace Flex {
+  export {
+    Flex_Column as Column,
+    Flex_Row as Row,
+  };
+}
+
+type FieldTypes = Record<string, React.ComponentType<FormFieldProps>>;
+interface ValidationRules {
+    required?: Message | ValidationRule<boolean>;
+    min?: ValidationRule<number | string>;
+    max?: ValidationRule<number | string>;
+    maxLength?: ValidationRule<number>;
+    minLength?: ValidationRule<number>;
+    pattern?: ValidationRule<RegExp>;
+}
+interface FormFieldData extends ValidationRules {
+    id: string;
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    placeholder?: string;
+    label?: string;
+    type: string;
+}
+interface FormFieldProps {
+    field: any;
+    fieldData: FormFieldData;
+    formState: any;
+    fieldState: ControllerFieldState;
+}
+interface FormProps extends FlowComponentProps {
+    fieldTypes?: FieldTypes;
+}
+declare function Form({ fieldTypes, ...props }: FormProps): _emotion_react_jsx_runtime.JSX.Element;
 
 type NavigateHandler = (url: string, target?: string) => void;
 interface ProviderProps {
@@ -1132,11 +1218,11 @@ declare function Tour({ flowId, onComplete, variables, ...props }: TourProps): _
 declare function useBoundingClientRect(): {
     node: any;
     rect: DOMRect;
-    ref: (node: HTMLElement) => void;
+    ref: (node: Element) => void;
 };
 
 interface FlowConfig {
-    variables?: Record<string, any>;
+    variables?: Record<string, unknown>;
 }
 declare function useFlow(flowId: string, config?: FlowConfig): {
     flow: Flow;
@@ -1150,4 +1236,4 @@ declare function useFrigade(): {
     frigade: _frigade_js.Frigade;
 };
 
-export { Announcement, Banner, Box, BoxProps, Button, ButtonProps, Card, Flex, FlowConfig, Provider, ProviderProps, Text, TextProps, Tooltip, TooltipProps, Tour, TourProps, useBoundingClientRect, useFlow, useFlowHandlers, useFrigade, useModal, useStepHandlers };
+export { Announcement, AnnouncementProps, Banner, Box, BoxProps, Button, ButtonProps, Card, Flex, FlowConfig, Form, Provider, ProviderProps, Text, TextProps, Tooltip, TooltipProps, Tour, TourProps, useBoundingClientRect, useFlow, useFlowHandlers, useFrigade, useModal, useStepHandlers };

package/dist/index.js

@@ -1,18 +1,22 @@
 'use client';
-import * as h from '@radix-ui/react-dialog';
+import * as C from '@radix-ui/react-dialog';
 import { XMarkIcon } from '@heroicons/react/24/solid';
-import * as U from 'react';
+import * as le from 'react';
 import { createContext, useState, useRef, useEffect, useContext, useCallback, useLayoutEffect } from 'react';
 import { clsx } from 'clsx';
-import qe from 'known-css-properties';
-import it from 'dompurify';
-import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import So from 'known-css-properties';
+import Do from 'dompurify';
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import { keyframes, Global, ThemeProvider } from '@emotion/react';
 import { Frigade } from '@frigade/js';
-import * as C from '@radix-ui/react-popover';
+import { useForm, useController } from 'react-hook-form';
+import * as $ from '@radix-ui/react-radio-group';
+import * as g from '@radix-ui/react-select';
+import { ChevronDownIcon } from '@heroicons/react/24/outline';
+import * as v from '@radix-ui/react-popover';
 
-var Ne=Object.defineProperty;var Ue=(e=>typeof require<"u"?require:typeof Proxy<"u"?new Proxy(e,{get:(t,o)=>(typeof require<"u"?require:t)[o]}):e)(function(e){if(typeof require<"u")return require.apply(this,arguments);throw new Error('Dynamic require of "'+e+'" is not supported')});var te=(e,t)=>{for(var o in t)Ne(e,o,{get:t[o],enumerable:!0});};var oe={borders:{md:"1px solid"},borderWidths:{0:"0",md:"1px"}};var re={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 ne={md:"10px",lg:"20px",round:"50%"};var l=e=>`var(--fr-colors-${e})`,ie={neutral:{background:l("white"),border:l("gray500"),foreground:l("black"),surface:l("gray700"),active:{background:l("white"),border:l("gray900"),foreground:l("black"),surface:l("gray700")},focus:{background:l("white"),border:l("gray900"),foreground:l("black"),surface:l("gray700")},hover:{background:l("white"),border:l("gray900"),foreground:l("black"),surface:l("gray700")}},primary:{background:l("blue500"),border:l("blue500"),foreground:l("white"),surface:l("blue500"),active:{background:l("blue400"),border:l("blue400"),foreground:l("white"),surface:l("blue400")},focus:{background:l("blue500"),border:l("blue500"),foreground:l("white"),surface:l("blue500")},hover:{background:l("blue400"),border:l("blue400"),foreground:l("white"),surface:l("blue400")}},secondary:{background:l("white"),border:l("gray800"),foreground:l("black"),surface:l("gray900"),active:{background:l("gray900"),border:l("gray800"),foreground:l("black"),surface:l("gray800")},focus:{background:l("gray900"),border:l("gray800"),foreground:l("black"),surface:l("gray900")},hover:{background:l("gray900"),border:l("gray800"),foreground:l("black"),surface:l("gray800")}}};var se={md:"0px 4px 20px rgba(0, 0, 0, 0.1)"};var Je="px",Xe=e=>typeof e=="number"?`${4*e}${Je}`:e,Ge=[-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"],ae=Object.fromEntries(Ge.map(e=>[e,Xe(e)]));var le={fontFamilies:{default:"TT Interphases Pro, sans-serif"},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 _={...oe,colors:{...re,...ie},...le,radii:ne,shadows:se,space:ae};function A(e,t="",o="."){return Object.keys(e).reduce((r,n)=>{let s=`${t.length?`${t}${o}`:""}${n}`,p=e[n];return typeof p=="object"&&p!==null&&!Array.isArray(p)?Object.assign(r,A(p,s,o)):r[s]=p,r},{})}function z(e){return A(e,"--fr","-")}function pe(e,t="--fr"){let o={};return Object.keys(e).forEach(r=>{let n=e[r];typeof n=="object"&&n!==null&&!Array.isArray(n)?o[r]=pe(n,`${t}-${r}`):o[r]=`var(${t}-${r})`;}),o}var de=z(_),c=pe(_);var Ye=new Set(["alt","size","src"]),Qe=qe.all.filter(e=>e.indexOf("-")!=0&&!Ye.has(e)).map(e=>[e.replace(/-([a-z])/g,(t,o)=>o.toUpperCase()),null]),Ze=Object.fromEntries(Qe),K=A(c.colors),et={color:K,backgroundColor:K,borderColor:K,border:c.borders,borderRadius:c.radii,borderWidth:c.borderWidths,boxShadow:c.shadows,fontFamily:c.fontFamilies,fontSize:c.fontSizes,fontWeight:c.fontWeights,gap:c.space,lineHeight:c.lineHeights,margin:c.space,marginBottom:c.space,marginLeft:c.space,marginRight:c.space,marginTop:c.space,padding:c.space,paddingBottom:c.space,paddingLeft:c.space,paddingRight:c.space,paddingTop:c.space},ce={...Ze,...et},ue={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"]},fe=new Set(["active","focus","focusVisible","focusWithin","hover"]);function tt(e){return Array.isArray(e)?new Map(e.map(t=>[t,t])):typeof e=="object"&&e!==null?new Map(Object.entries(e)):["string","number"].includes(typeof e)?new Map([e,e]):new Map}var me=new Map(Object.entries(ce).map(([e,t])=>[e,tt(t)])),ot=new Map(Object.entries(ue).map(([e,t])=>[e,new Set(t)])),rt=new Set(["height","width"]),nt=new Set(["canvas","embed","iframe","img","input","object","video"]);function ge(e){let[t,o]=e.split(":");return [t,fe.has(o)?o:null]}function xe(e,t="div"){let o=Object.assign({},e),r={};function n(i){if(i==null)return r;let p=`&:${i.replace(/[A-Z]/g,a=>`-${a.toLocaleLowerCase()}`)}`;return r[p]==null&&(r[p]={}),r[p]}return Object.entries(o).forEach(([i,s])=>{let[p,a]=ge(i),d=ot.get(p);d!=null&&(d.forEach(m=>{let f=`${m}${a?":"+a:""}`;o[f]=s;}),delete o[i]);}),Object.entries(o).forEach(([i,s])=>{let[p,a]=ge(i),d=me.get(p);if(d!=null){if(typeof s=="string"&&s.indexOf(" ")>-1){let m=s.split(" ");n(a)[p]=m.map(f=>d.get(f.toString())??f).join(" ");}else d.has(s.toString())?n(a)[p]=d.get(s.toString()):n(a)[p]=s;(typeof t!="string"||!nt.has(t)||!rt.has(p))&&delete o[i];}}),Object.keys(o).forEach(i=>{let s=i.substring(1);i.indexOf("_")===0&&me.has(s)&&(o[s]=o[i],delete o[i]);}),{cssFromProps:r,unmatchedProps:o}}function st(){if(typeof window>"u"){let{JSDOM:e}=Ue("jsdom");return new e("<!DOCTYPE html>").window}return window}function ye(e){return e?{__html:it(st()).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 lt(e){return e&&`fr-${e}`}function be(e){return e&&(Array.isArray(e)?e.map(t=>be(t)).join(" "):lt(e))}function pt({as:e,children:t,className:o,css:r={},part:n,...i},s){let p=e??"div",{cssFromProps:a,unmatchedProps:d}=xe(i,p),m=be(n),f=o||m?clsx(o,m):void 0,R=[{boxSizing:"border-box"},a,r];return typeof t=="string"?jsx(p,{className:f,css:R,...d,ref:s,dangerouslySetInnerHTML:ye(t)}):jsx(p,{className:f,css:R,...d,ref:s,children:t})}var u=U.forwardRef(pt);var j={};te(j,{Body1:()=>xt,Body2:()=>yt,Caption:()=>ht,Display1:()=>dt,Display2:()=>ct,H1:()=>ut,H2:()=>ft,H3:()=>mt,H4:()=>gt});var w={color:"neutral.foreground",fontFamily:"default",margin:"0"},dt={...w,fontSize:"5xl",fontWeight:"bold",lineHeight:"4xl"},ct={...w,fontSize:"4xl",fontWeight:"bold",lineHeight:"3xl"},ut={...w,fontSize:"3xl",fontWeight:"bold",lineHeight:"2xl"},ft={...w,fontSize:"2xl",fontWeight:"bold",lineHeight:"xl"},mt={...w,fontSize:"xl",fontWeight:"bold",lineHeight:"lg"},gt={...w,fontSize:"lg",fontWeight:"bold",lineHeight:"md"},xt={...w,fontSize:"md",fontWeight:"regular",lineHeight:"md"},yt={...w,fontSize:"sm",fontWeight:"regular",lineHeight:"md"},ht={...w,fontSize:"xs",fontWeight:"regular",lineHeight:"sm"};function Se({as:e="span",children:t,variant:o="Body1",...r}){return jsx(u,{as:e,...j[o],...r,children:t})}var Pt=["Display1","Display2","H1","H2","H3","H4","Body1","Body2","Caption"],bt=Object.fromEntries(Pt.map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=r=>jsx(Se,{as:t,...r,variant:e,children:r.children});return o.displayName=`Text.${e}`,[e,o]})),b=Object.assign(Se,bt);var N={};te(N,{Link:()=>Ct,Plain:()=>wt,Primary:()=>St,Secondary:()=>Tt});var I={borderWidth:"0",borderRadius:"md",padding:"2 4"},St={...I,backgroundColor:"primary.surface",color:"primary.foreground","backgroundColor:hover":"primary.hover.surface"},Tt={...I,backgroundColor:"secondary.background",borderColor:"secondary.border",borderStyle:"solid",borderWidth:"1px",color:"secondary.foreground","backgroundColor:hover":"secondary.hover.background"},Ct={...I,backgroundColor:"transparent",color:"primary.surface","color:hover":"primary.hover.surface"},wt={...I,backgroundColor:"transparent",color:"neutral.foreground"};function Ce({as:e,children:t,part:o,title:r,variant:n="Primary",...i}){let s=n.toLocaleLowerCase();return jsxs(u,{as:e??"button",part:[`button-${s}`,o],...N[n],...i,children:[t,r&&jsx(b.Body2,{fontWeight:"demibold",color:"inherit",children:r})]})}var Bt=["Primary","Secondary","Link","Plain"],vt=Object.fromEntries(Bt.map(e=>{let t=o=>jsx(Ce,{...o,variant:e,children:o.children});return t.displayName=`Text.${e}`,[e,t]})),S=Object.assign(Ce,vt);var Ft=U.forwardRef(({children:e,css:t,...o},r)=>jsx(u,{css:[{display:"flex",flexDirection:"row"},t],...o,ref:r,children:e})),kt=U.forwardRef(({children:e,css:t,...o},r)=>jsx(u,{css:[{display:"flex",flexDirection:"column"},t],...o,ref:r,children:e})),T={Column:kt,Row:Ft};var F=U.forwardRef(({as:e,children:t,...o},r)=>{let n=e??T.Column;return jsx(n,{backgroundColor:"neutral.background",borderRadius:"md",p:5,...o,ref:r,children:t})});function Re({part:e,src:t,...o}){return jsx(u,{as:"img",part:["image",e],src:t,...o})}function Ht(e){var t,o,r;if(e.includes("youtube"))return `https://www.youtube.com/embed/${(t=e.split("v=")[1])==null?void 0:t.split("&")[0]}`;if(e.includes("vimeo"))return `https://player.vimeo.com/video/${(o=e.split("vimeo.com/")[1])==null?void 0:o.split("&")[0]}`;if(e.includes("wistia"))return `https://fast.wistia.net/embed/iframe/${(r=e.split("wistia.com/medias/")[1])==null?void 0:r.split("&")[0]}`;throw new Error("Could not map videoUri to a known provider (Youtube, Vimeo, Wistia).")}function Fe({part:e,src:t,...o}){let r=Ht(t);return jsx(u,{allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,as:"iframe",backgroundColor:"gray100",borderWidth:0,part:["video",e],src:r,...o})}function $({src:e,type:t,...o}){return jsx(t==="video"?Fe:Re,{src:e,...o})}function y({children:e,...t}){return jsx(h.Root,{defaultOpen:!0,modal:!0,children:jsx(h.Portal,{children:jsxs(u,{inset:"0",position:"fixed",zIndex:"9999",children:[jsx(h.Overlay,{asChild:!0,children:jsx(u,{background:"rgb(0 0 0 / 0.5)",part:"dialog-overlay",position:"fixed",inset:"0"})}),jsx(h.Content,{asChild:!0,onOpenAutoFocus:o=>o.preventDefault(),onPointerDownOutside:o=>o.preventDefault(),children:jsx(F,{boxShadow:"md",left:"50%",maxWidth:"430px",p:8,part:"dialog-content",position:"fixed",textAlign:"center",top:"50%",transform:"translate(-50%, -50%)",...t,children:e})})]})})})}y.Close=e=>jsx(h.Close,{"aria-label":"Close",asChild:!0,children:jsx(S.Plain,{part:"close",position:"absolute",right:"-4px",top:"4px",...e,children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})})});y.Subtitle=({children:e,...t})=>jsx(h.Description,{asChild:!0,children:jsx(b.Body2,{mb:5,part:"subtitle",...t,children:e})});y.Media=({src:e,...t})=>e==null?null:jsx($,{borderRadius:"md",src:e,...t});y.Primary=({onClick:e,title:t,...o})=>t==null?null:jsx(S.Primary,{title:t,onClick:e,...o});y.ProgressDots=({current:e,total:t})=>{let o=[...Array(t)].map((r,n)=>jsx("circle",{r:4,cx:4+16*n,cy:"4px",fill:e===n?c.colors.blue500:c.colors.blue800},n));return jsx(u,{as:"svg",height:"8px",margin:"5 auto",part:"progress",viewBox:`0 0 ${16*t-8} 8`,width:16*t-8,children:o})};y.Secondary=({onClick:e,title:t,...o})=>t==null?null:jsx(S.Secondary,{title:t,onClick:e,...o});y.Title=({children:e,...t})=>jsx(h.Title,{asChild:!0,children:jsx(b.H3,{mb:1,part:"title",...t,children:e})});var B=createContext({apiKey:"",modals:[],setModals:()=>{},navigate:()=>{}});function jt({children:e,navigate:t,theme:o,...r}){let n=o?z(o):{},[i,s]=useState([]),p=useRef(new Frigade(r.apiKey,{apiKey:r.apiKey,apiUrl:r.apiUrl,userId:r.userId,groupId:r.groupId,__readOnly:r.__readOnly,__flowConfigOverrides:r.__flowConfigOverrides})),a=t??((d,m="_self")=>{window.open(d,m);});return useEffect(()=>()=>{var d;(d=p.current)==null||d.destroy();},[]),jsxs(B.Provider,{value:{modals:i,setModals:s,navigate:a,...r,frigade:p.current},children:[jsx(Global,{styles:{":root":{...de,...n}}}),jsx(ThemeProvider,{theme:c,children:e})]})}function k(e,t){let[o,r]=useState(),[n,i]=useState(""),{frigade:s}=useContext(B),p=a=>{a.id===e&&(t!=null&&t.variables&&a.applyVariables(t.variables),r(a),i(Math.random().toString()));};return useEffect(()=>((async()=>{let a=await s.getFlow(e);if(!a||s.hasFailedToLoad()){r(void 0);return}t!=null&&t.variables&&a.applyVariables(t.variables),r(a);})(),s.onStateChange(p),()=>{s.removeStateChangeHandler(p);}),[]),{flow:o}}function v(e,{onComplete:t,onDismiss:o}={}){let r=useRef(null);return useEffect(()=>{e!=null&&(e.isCompleted&&r.current===!1&&(async()=>await(t==null?void 0:t(e)))(),r.current=e==null?void 0:e.isCompleted);},[e==null?void 0:e.isCompleted]),{handleDismiss:useCallback(async n=>{if(await(o==null?void 0:o(e,n))===!1)return n.preventDefault(),!1;await e.skip();},[e])}}function D(e,{onPrimary:t,onSecondary:o}={}){let{navigate:r}=useContext(B);return {handlePrimary:useCallback(async n=>{if(await(t==null?void 0:t(e,n))===!1)return n.preventDefault(),!1;await e.complete(),e.primaryButtonUri!=null&&r(e.primaryButtonUri,e.primaryButtonUriTarget);},[e]),handleSecondary:useCallback(async n=>{if(await(o==null?void 0:o(e,n))===!1)return n.preventDefault(),!1;await e.complete(),e.secondaryButtonUri!=null&&r(e.secondaryButtonUri,e.secondaryButtonUriTarget);},[e])}}function Qt({dismissible:e=!0,flowId:t,onComplete:o,onDismiss:r,onPrimary:n,onSecondary:i,variables:s,...p}){let{flow:a}=k(t,{variables:s}),d=a==null?void 0:a.getCurrentStep(),{handleDismiss:m}=v(a,{onComplete:o,onDismiss:r}),{handlePrimary:f,handleSecondary:R}=D(d,{onPrimary:n,onSecondary:i});return a==null||a.isVisible===!1?null:(a.start(),d==null||d.start(),jsxs(y,{...p,children:[e&&jsx(y.Close,{onClick:m}),jsx(y.Title,{children:d.title}),jsx(y.Subtitle,{children:d.subtitle}),jsx(y.Media,{src:d.imageUri,css:{aspectRatio:"1.5",objectFit:"cover",width:"100%"}}),jsx(y.ProgressDots,{current:a.getNumberOfCompletedSteps(),total:a.getNumberOfAvailableSteps()}),jsxs(T.Row,{css:{"& > button":{flexGrow:1}},gap:3,children:[jsx(y.Secondary,{title:"Secondary",onClick:R}),jsx(y.Primary,{title:"Primary",onClick:f})]})]}))}function eo({dismissible:e=!0,flowId:t,onComplete:o,onDismiss:r,onPrimary:n,onSecondary:i,...s}){let{flow:p}=k(t),a=p==null?void 0:p.getCurrentStep(),{handleDismiss:d}=v(p,{onComplete:o,onDismiss:r}),{handlePrimary:m,handleSecondary:f}=D(a,{onPrimary:n,onSecondary:i});return p==null||p.isVisible===!1?null:(p.start(),a==null||a.start(),jsxs(F,{as:T.Row,border:"md",borderColor:"gray900",justifyContent:"space-between",...s,children:[jsxs(T.Row,{gap:3,children:[jsx("img",{src:a.imageUri,style:{height:40,width:40,alignSelf:"center"}}),jsxs(T.Column,{children:[jsx(b.H4,{mb:1,children:a.title}),jsx(b.Body2,{children:a.subtitle})]})]}),jsxs(T.Row,{alignItems:"center",gap:3,children:[jsx(S.Secondary,{title:a.secondaryButtonTitle,onClick:f}),jsx(S.Primary,{title:a.primaryButtonTitle,onClick:m}),e&&jsx(S.Plain,{part:"banner-close",onClick:d,children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})})]})]}))}function J(){let e="DOMRect"in globalThis?new DOMRect:{height:0,width:0,x:0,y:0,bottom:0,top:0,right:0,left:0,toJSON:()=>{}},[t,o]=useState(e),[r,n]=useState(null),i=useCallback(s=>{n(s);},[]);return useLayoutEffect(()=>{r&&o(r.getBoundingClientRect());},[r]),{node:r,rect:t,ref:i}}var no=keyframes({"0%":{opacity:.5,transform:"scale(0.5)"},"50%":{opacity:0,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(1)"}});function Ae({style:e={},part:t="",...o}){return jsxs(u,{part:`dot-wrapper ${t}`,style:{height:"48px",position:"absolute",width:"48px",...e},...o,children:[jsx(u,{backgroundColor:"primary.surface",part:"dot-pulse",css:{animation:`2s ease-out infinite ${no}`,borderRadius:"24px",height:"48px",left:0,position:"absolute",top:0,transformOrigin:"center center",width:"48px"}}),jsx(u,{backgroundColor:"primary.surface",part:"dot",style:{borderRadius:"12px",height:"24px",left:"12px",position:"absolute",top:"12px",width:"24px"}})]})}function $e({props:e,alignAttr:t,sideAttr:o}){let r=o??"bottom",n={},i=()=>{if(["after","before"].includes(e.align)){if(t=="start")return "before";if(t=="end")return "after"}return e.align??"after"},s="-24px",p={top:"bottom",right:"left",bottom:"top",left:"right"};n[p[r]]=s;let a=i();return ["before","end"].includes(a)?["top","bottom"].includes(r)?n.right=s:n.bottom=s:["after","start"].includes(a)?["top","bottom"].includes(r)?n.left=s:n.top=s:["top","bottom"].includes(r)?n.left=`calc(50% + ${s})`:n.top=`calc(50% + ${s})`,n}var We={content:["align","alignOffset","arrowPadding","avoidCollisions","collisionBoundary","collisionPadding","forceMount","hideWhenDetached","onCloseAutoFocus","onEscapeKeyDown","onFocusOutside","onInteractOutside","onOpenAutoFocus","onPointerDownOutside","side","sideOffset","sticky"],root:["defaultOpen","modal","onOpenChange","open"]};function Ve(e,t){let o=Object.fromEntries(We.content.map(n=>[n,e[n]]).filter(n=>n[1]!==void 0)),r=Object.fromEntries(We.root.map(n=>[n,e[n]]).filter(n=>n[1]!==void 0));if(o.align=o.align??"after",o.side=o.side??"bottom",["before","after"].includes(o.align)){let n={after:"end",before:"start"},i=(f,R)=>["top","bottom"].includes(R)?f=="after"?"marginLeft":"marginRight":f=="after"?"marginTop":"marginBottom",s=o.alignOffset??0,p=o.style??{},a=o.side??"bottom",d=o.align;o.style={...p,[i(d,a)]:s};let m=["top","bottom"].includes(a)?t.width:t.height;o.alignOffset=(m+s)*-1,o.align=n[d];}return {contentProps:o,rootProps:r}}function x({anchor:e,children:t,className:o,spotlight:r=!1,style:n,...i}){let{node:s,rect:p,ref:a}=J(),{contentProps:d,rootProps:m}=Ve(i,p),[f,R]=useState(d.align),[Y,ze]=useState(d.side);if(s!==null){let M=s.getAttribute("data-align"),ee=s.getAttribute("data-side");f!==M&&R(M),Y!==ee&&ze(ee);}let Q=useRef(null),[W,Ke]=useState(null);if(useEffect(()=>{let M=document.querySelector(e);M!=null&&(Q.current=M,Ke(Q));},[e]),W==null)return null;let V=W.current.getBoundingClientRect(),Z="0";typeof window<"u"&&(Z=window.getComputedStyle(W.current).borderRadius);let je=$e({props:i,alignAttr:f,sideAttr:Y});return jsxs(C.Root,{defaultOpen:!0,...m,children:[jsx(C.Anchor,{virtualRef:W}),jsx(C.Portal,{children:jsxs("div",{className:o,css:{bottom:0,left:0,position:"absolute",right:0,top:0,zIndex:9999},children:[r&&jsx(u,{part:"tooltip-spotlight",position:"absolute",css:{borderRadius:Z,boxShadow:"0 0 0 2000px rgb(0 0 0 / 0.5)",height:V.height,left:V.left,top:V.top,width:V.width}}),jsx(C.Content,{asChild:!0,...d,ref:a,children:jsxs(F,{boxShadow:"md",part:"tooltip-content",position:"relative",css:{maxWidth:"360px",...n},children:[jsx(Ae,{style:je}),t]})})]})})]})}x.Close=e=>jsx(C.Close,{"aria-label":"Close",asChild:!0,children:jsx(S.Plain,{css:{top:"12px",right:"4px"},part:"close",position:"absolute",...e,children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})})});x.Media=({src:e,...t})=>e==null?null:jsx($,{borderRadius:"md md 0 0",borderWidth:"0",css:{aspectRatio:"2"},margin:"-5 -5 5",src:e,...t});x.Primary=({onClick:e,title:t,...o})=>t==null?null:jsx(S.Primary,{title:t,onClick:e,...o});x.Progress=({children:e,...t})=>e==null?null:jsx(b.Body2,{fontWeight:"demibold",part:"progress",...t,children:e});x.Secondary=({onClick:e,title:t,...o})=>t==null?null:jsx(S.Secondary,{title:t,onClick:e,...o});x.Subtitle=({children:e,...t})=>e==null?null:jsx(b.Body2,{part:"subtitle",...t,children:e});x.Title=({children:e,...t})=>e==null?null:jsx(b.Body1,{fontWeight:"bold",mb:1,part:"title",...t,children:e});function q(e){let{modals:t,setModals:o}=useContext(B),[r,n]=useState(!1);return useEffect(()=>(o([...t,e]),()=>o(t.filter(i=>i!==e))),[]),useEffect(()=>{let i=t[0]===e;i!==r&&n(i);},[t]),{isCurrentModal:r}}function _e({dismissible:e=!0,flow:t,onDismiss:o,onPrimary:r,onSecondary:n,step:i,...s}){let{isCurrentModal:p}=q(`${t.id}-${i.id}`),{handleDismiss:a}=v(t,{onDismiss:o}),{handlePrimary:d,handleSecondary:m}=D(i,{onPrimary:r,onSecondary:n});return p?jsxs(x,{anchor:i.selector,onOpenAutoFocus:f=>f.preventDefault(),onPointerDownOutside:f=>f.preventDefault(),...s,children:[e&&jsx(x.Close,{onClick:a}),jsx(x.Media,{src:i.videoUri??i.imageUri,type:i.videoUri?"video":"image"}),jsx(x.Title,{children:i.title}),jsx(x.Subtitle,{children:i.subtitle}),jsxs(T.Row,{alignItems:"center",gap:3,justifyContent:"flex-end",part:"tooltip-footer",pt:4,children:[jsx(x.Progress,{children:`${t.getNumberOfCompletedSteps()+1}/${t.getNumberOfAvailableSteps()}`}),jsx(x.Secondary,{marginLeft:"auto",title:i.secondaryButtonTitle,onClick:m}),jsx(x.Primary,{title:i.primaryButtonTitle,onClick:d})]})]},i.id):null}function uo({flowId:e,onComplete:t,variables:o,...r}){let{flow:n}=k(e,{variables:o});if(v(n,{onComplete:t}),n==null||n.isVisible===!1)return null;n.start();let i=n.getCurrentStep();return i==null||i.start(),jsx(_e,{step:i,flow:n,...r})}function go(){let{frigade:e}=useContext(B);return {frigade:e}}
+var xo=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 X=(e,o)=>{for(var t in o)xo(e,t,{get:o[t],enumerable:!0});};var me={borders:{md:"1px solid"},borderWidths:{0:"0",md:"1px"}};var ue={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 fe={md:"10px",lg:"20px",round:"50%"};var l=e=>`var(--fr-colors-${e})`,ge={neutral:{background:l("white"),border:l("gray800"),foreground:l("black"),surface:l("gray700"),active:{background:l("white"),border:l("gray900"),foreground:l("black"),surface:l("gray700")},focus:{background:l("white"),border:l("gray900"),foreground:l("black"),surface:l("gray700")},hover:{background:l("white"),border:l("gray900"),foreground:l("black"),surface:l("gray700")}},primary:{background:l("blue500"),border:l("blue500"),foreground:l("white"),surface:l("blue500"),active:{background:l("blue400"),border:l("blue400"),foreground:l("white"),surface:l("blue400")},focus:{background:l("blue500"),border:l("blue500"),foreground:l("white"),surface:l("blue500")},hover:{background:l("blue400"),border:l("blue400"),foreground:l("white"),surface:l("blue400")}},secondary:{background:l("white"),border:l("gray800"),foreground:l("black"),surface:l("gray900"),active:{background:l("gray900"),border:l("gray800"),foreground:l("black"),surface:l("gray800")},focus:{background:l("gray900"),border:l("gray800"),foreground:l("black"),surface:l("gray900")},hover:{background:l("gray900"),border:l("gray800"),foreground:l("black"),surface:l("gray800")}}};var xe={md:"0px 4px 20px rgba(0, 0, 0, 0.1)"};var ho="px",bo=e=>typeof e=="number"?`${4*e}${ho}`:e,Po=[-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"],ye=Object.fromEntries(Po.map(e=>[e,bo(e)]));var he={fontFamilies:{default:"TT Interphases Pro, sans-serif"},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 re={...me,colors:{...ue,...ge},...he,radii:fe,shadows:xe,space:ye};function K(e,o="",t="."){return Object.keys(e).reduce((n,r)=>{let a=`${o.length?`${o}${t}`:""}${r}`,s=e[r];return typeof s=="object"&&s!==null&&!Array.isArray(s)?Object.assign(n,K(s,a,t)):n[a]=s,n},{})}function ne(e){return K(e,"--fr","-")}function be(e,o="--fr"){let t={};return Object.keys(e).forEach(n=>{let r=e[n];typeof r=="object"&&r!==null&&!Array.isArray(r)?t[n]=be(r,`${o}-${n}`):t[n]=`var(${o}-${n})`;}),t}var Pe=ne(re),u=be(re);var Co=new Set(["alt","size","src"]),Fo=So.all.filter(e=>e.indexOf("-")!=0&&!Co.has(e)).map(e=>[e.replace(/-([a-z])/g,(o,t)=>t.toUpperCase()),null]),To=Object.fromEntries(Fo),ie=K(u.colors),wo={color:ie,backgroundColor:ie,borderColor:ie,border:u.borders,borderRadius:u.radii,borderWidth:u.borderWidths,boxShadow:u.shadows,fontFamily:u.fontFamilies,fontSize:u.fontSizes,fontWeight:u.fontWeights,gap:u.space,lineHeight:u.lineHeights,margin:u.space,marginBottom:u.space,marginLeft:u.space,marginRight:u.space,marginTop:u.space,padding:u.space,paddingBottom:u.space,paddingLeft:u.space,paddingRight:u.space,paddingTop:u.space},Se={...To,...wo},Ce={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"]},Fe=new Set(["active","focus","focusVisible","focusWithin","hover"]);function Ro(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 Te=new Map(Object.entries(Se).map(([e,o])=>[e,Ro(o)])),Bo=new Map(Object.entries(Ce).map(([e,o])=>[e,new Set(o)])),vo=new Set(["height","width"]),ko=new Set(["canvas","embed","iframe","img","input","object","video"]);function we(e){let[o,t]=e.split(":");return [o,Fe.has(t)?t:null]}function Re(e,o="div"){let t=Object.assign({},e),n={};function r(i){if(i==null)return n;let s=`&:${i.replace(/[A-Z]/g,m=>`-${m.toLocaleLowerCase()}`)}`;return n[s]==null&&(n[s]={}),n[s]}return Object.entries(t).forEach(([i,a])=>{let[s,m]=we(i),c=Bo.get(s);c!=null&&(c.forEach(P=>{let x=`${P}${m?":"+m:""}`;t[x]=a;}),delete t[i]);}),Object.entries(t).forEach(([i,a])=>{let[s,m]=we(i),c=Te.get(s);if(c!=null){if(typeof a=="string"&&a.indexOf(" ")>-1){let P=a.split(" ");r(m)[s]=P.map(x=>c.get(x.toString())??x).join(" ");}else c.has(a.toString())?r(m)[s]=c.get(a.toString()):r(m)[s]=a;(typeof o!="string"||!ko.has(o)||!vo.has(s))&&delete t[i];}}),Object.keys(t).forEach(i=>{let a=i.substring(1);i.indexOf("_")===0&&Te.has(a)&&(t[a]=t[i],delete t[i]);}),{cssFromProps:n,unmatchedProps:t}}function Oo(){if(typeof window>"u"){let{JSDOM:e}=yo("jsdom");return new e("<!DOCTYPE html>").window}return window}function Be(e){return e?{__html:Do(Oo()).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 Ho(e){return e&&`fr-${e}`}function De(e){return e&&(Array.isArray(e)?e.map(o=>De(o)).join(" "):Ho(e))}function Mo({as:e,children:o,className:t,css:n={},part:r,...i},a){let s=e??"div",{cssFromProps:m,unmatchedProps:c}=Re(i,s),P=De(r),x=t||P?clsx(t,P):void 0,B=[{boxSizing:"border-box"},m,n];return typeof o=="string"?jsx(s,{className:x,css:B,...c,ref:a,dangerouslySetInnerHTML:Be(o)}):jsx(s,{className:x,css:B,...c,ref:a,children:o})}var p=le.forwardRef(Mo);var d={};X(d,{Body1:()=>Yo,Body2:()=>Qo,Caption:()=>Zo,Display1:()=>jo,Display2:()=>Uo,H1:()=>Go,H2:()=>qo,H3:()=>Jo,H4:()=>Xo});var ae={};X(ae,{Body1:()=>zo,Body2:()=>_o,Caption:()=>Ko,Display1:()=>Ao,Display2:()=>Io,H1:()=>Lo,H2:()=>Vo,H3:()=>Wo,H4:()=>$o});var k={color:"neutral.foreground",fontFamily:"default",margin:"0"},Ao={...k,fontSize:"5xl",fontWeight:"bold",lineHeight:"4xl"},Io={...k,fontSize:"4xl",fontWeight:"bold",lineHeight:"3xl"},Lo={...k,fontSize:"3xl",fontWeight:"bold",lineHeight:"2xl"},Vo={...k,fontSize:"2xl",fontWeight:"bold",lineHeight:"xl"},Wo={...k,fontSize:"xl",fontWeight:"bold",lineHeight:"lg"},$o={...k,fontSize:"lg",fontWeight:"bold",lineHeight:"md"},zo={...k,fontSize:"md",fontWeight:"regular",lineHeight:"md"},_o={...k,fontSize:"sm",fontWeight:"regular",lineHeight:"md"},Ko={...k,fontSize:"xs",fontWeight:"regular",lineHeight:"sm"};var No=["Display1","Display2","H1","H2","H3","H4","Body1","Body2","Caption"],D=Object.fromEntries(No.map(e=>{let o=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():"span",t=le.forwardRef(({as:n=o,children:r,...i},a)=>jsx(p,{as:n,...ae[e],...i,ref:a,children:r}));return t.displayName=`Text.${e}`,[e,t]})),jo=D.Display1,Uo=D.Display2,Go=D.H1,qo=D.H2,Jo=D.H3,Xo=D.H4,Yo=D.Body1,Qo=D.Body2,Zo=D.Caption;var se={};X(se,{Link:()=>rt,Plain:()=>nt,Primary:()=>ot,Secondary:()=>tt});var Y={borderWidth:"0",borderRadius:"md",padding:"2 4"},ot={...Y,backgroundColor:"primary.surface",color:"primary.foreground","backgroundColor:hover":"primary.hover.surface"},tt={...Y,backgroundColor:"secondary.background",borderColor:"secondary.border",borderStyle:"solid",borderWidth:"1px",color:"secondary.foreground","backgroundColor:hover":"secondary.hover.background"},rt={...Y,backgroundColor:"transparent",color:"primary.surface","color:hover":"primary.hover.surface"},nt={...Y,backgroundColor:"transparent",color:"neutral.foreground"};function Ee({as:e,children:o,part:t,title:n,variant:r="Primary",...i}){let a=r.toLocaleLowerCase();return jsxs(p,{as:e??"button",part:[`button-${a}`,t],...se[r],...i,children:[o,n&&jsx(d.Body2,{fontWeight:"demibold",color:"inherit",children:n})]})}var it=["Primary","Secondary","Link","Plain"],at=Object.fromEntries(it.map(e=>{let o=t=>jsx(Ee,{...t,variant:e,children:t.children});return o.displayName=`Text.${e}`,[e,o]})),S=Object.assign(Ee,at);var y={};X(y,{Column:()=>pt,Row:()=>lt});var lt=le.forwardRef(({children:e,css:o,...t},n)=>jsx(p,{css:[{display:"flex",flexDirection:"row"},o],...t,ref:n,children:e})),pt=le.forwardRef(({children:e,css:o,...t},n)=>jsx(p,{css:[{display:"flex",flexDirection:"column"},o],...t,ref:n,children:e}));var M=le.forwardRef(({as:e,children:o,...t},n)=>{let r=e??y.Column;return jsx(r,{backgroundColor:"neutral.background",borderRadius:"md",p:5,...t,ref:n,children:o})});function Ie({part:e,src:o,...t}){return jsx(p,{as:"img",part:["image",e],src:o,...t})}function mt(e){var o,t,n;if(e.includes("youtube"))return `https://www.youtube.com/embed/${(o=e.split("v=")[1])==null?void 0:o.split("&")[0]}`;if(e.includes("vimeo"))return `https://player.vimeo.com/video/${(t=e.split("vimeo.com/")[1])==null?void 0:t.split("&")[0]}`;if(e.includes("wistia"))return `https://fast.wistia.net/embed/iframe/${(n=e.split("wistia.com/medias/")[1])==null?void 0:n.split("&")[0]}`;throw new Error("Could not map videoUri to a known provider (Youtube, Vimeo, Wistia).")}function Le({part:e,src:o,...t}){let n=mt(o);return jsx(p,{allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,as:"iframe",backgroundColor:"gray100",borderWidth:0,part:["video",e],src:n,...t})}function N({src:e,type:o,...t}){return jsx(o==="video"?Le:Ie,{src:e,...t})}function h({children:e,...o}){return jsx(C.Root,{defaultOpen:!0,modal:!0,children:jsx(C.Portal,{children:jsxs(p,{inset:"0",position:"fixed",zIndex:"9999",children:[jsx(C.Overlay,{asChild:!0,children:jsx(p,{background:"rgb(0 0 0 / 0.5)",part:"dialog-overlay",position:"fixed",inset:"0"})}),jsx(C.Content,{asChild:!0,onOpenAutoFocus:t=>t.preventDefault(),onPointerDownOutside:t=>t.preventDefault(),children:jsx(M,{boxShadow:"md",left:"50%",maxWidth:"430px",p:8,part:"dialog-content",position:"fixed",textAlign:"center",top:"50%",transform:"translate(-50%, -50%)",...o,children:e})})]})})})}h.Close=e=>jsx(C.Close,{"aria-label":"Close",asChild:!0,children:jsx(S.Plain,{part:"close",position:"absolute",right:"-4px",top:"4px",...e,children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})})});h.Subtitle=({children:e,...o})=>jsx(C.Description,{asChild:!0,children:jsx(d.Body2,{mb:5,part:"subtitle",...o,children:e})});h.Media=({src:e,...o})=>e==null?null:jsx(N,{borderRadius:"md",src:e,...o});h.Primary=({onClick:e,title:o,...t})=>o==null?null:jsx(S.Primary,{title:o,onClick:e,...t});h.ProgressDots=({current:e,total:o})=>{let t=[...Array(o)].map((n,r)=>jsx("circle",{r:4,cx:4+16*r,cy:"4px",fill:e===r?u.colors.blue500:u.colors.blue800},r));return o==0?null:jsx(p,{as:"svg",height:"8px",margin:"5 auto",part:"progress",viewBox:`0 0 ${16*o-8} 8`,width:16*o-8,children:t})};h.Secondary=({onClick:e,title:o,...t})=>o==null?null:jsx(S.Secondary,{title:o,onClick:e,...t});h.Title=({children:e,...o})=>jsx(C.Title,{asChild:!0,children:jsx(d.H3,{mb:1,part:"title",...o,children:e})});var O=createContext({apiKey:"",modals:[],setModals:()=>{},navigate:()=>{}});function Tt({children:e,navigate:o,theme:t,...n}){let r=t?ne(t):{},[i,a]=useState([]),s=useRef(new Frigade(n.apiKey,{apiKey:n.apiKey,apiUrl:n.apiUrl,userId:n.userId,groupId:n.groupId,__readOnly:n.__readOnly,__flowConfigOverrides:n.__flowConfigOverrides})),m=o??((c,P="_self")=>{window.open(c,P);});return useEffect(()=>()=>{var c;(c=s.current)==null||c.destroy();},[]),jsxs(O.Provider,{value:{modals:i,setModals:a,navigate:m,...n,frigade:s.current},children:[jsx(Global,{styles:{":root":{...Pe,...r}}}),jsx(ThemeProvider,{theme:u,children:e})]})}function j(e,o){let[t,n]=useState(),[,r]=useState(""),{frigade:i}=useContext(O),a=s=>{s.id===e&&(o!=null&&o.variables&&s.applyVariables(o.variables),n(s),r(Math.random().toString()));};return useEffect(()=>((async()=>{let s=await i.getFlow(e);if(!s||i.hasFailedToLoad()){n(void 0);return}o!=null&&o.variables&&s.applyVariables(o.variables),n(s);})(),i.onStateChange(a),()=>{i.removeStateChangeHandler(a);}),[]),{flow:t}}function A(e,{onComplete:o,onDismiss:t}={}){let n=useRef(null);return useEffect(()=>{e!=null&&(e.isCompleted&&n.current===!1&&(async()=>await(o==null?void 0:o(e)))(),n.current=e==null?void 0:e.isCompleted);},[e==null?void 0:e.isCompleted]),{handleDismiss:useCallback(async r=>{if(await(t==null?void 0:t(e,r))===!1)return r.preventDefault(),!1;await e.skip();},[e])}}function U(e,{onPrimary:o,onSecondary:t}={}){let{navigate:n}=useContext(O);return {handlePrimary:useCallback(async r=>{if(await(o==null?void 0:o(e,r))===!1)return r.preventDefault(),!1;await e.complete(),e.primaryButtonUri!=null&&n(e.primaryButtonUri,e.primaryButtonUriTarget);},[e]),handleSecondary:useCallback(async r=>{if(await(t==null?void 0:t(e,r))===!1)return r.preventDefault(),!1;await e.complete(),e.secondaryButtonUri!=null&&n(e.secondaryButtonUri,e.secondaryButtonUriTarget);},[e])}}function W({container:e,dismissible:o=!0,flowId:t,onComplete:n,onDismiss:r,onPrimary:i,onSecondary:a,variables:s,...m}){let c=e==="dialog"?h:p;return {FlowComponent:function({children:B,...oe}){let{flow:w}=j(t,{variables:s}),z=w==null?void 0:w.getCurrentStep(),{handleDismiss:_}=A(w,{onComplete:n,onDismiss:r}),{handlePrimary:te,handleSecondary:q}=U(z,{onPrimary:i,onSecondary:a});if(w==null||w.isVisible===!1)return null;let J=o&&e==="dialog"?jsx(h.Close,{onClick:_}):null;return w.start(),z.start(),jsxs(c,{...oe,...m,children:[J,B({flow:w,handleDismiss:_,handlePrimary:te,handleSecondary:q,step:z})]})}}}function Mt(e){let{FlowComponent:o}=W({...e,container:"dialog"});return jsx(o,{children:({flow:t,handlePrimary:n,handleSecondary:r,step:i})=>jsxs(Fragment,{children:[jsx(h.Title,{children:i.title}),jsx(h.Subtitle,{children:i.subtitle}),jsx(h.Media,{src:i.imageUri,css:{aspectRatio:"1.5",objectFit:"cover",width:"100%"}}),jsx(h.ProgressDots,{current:t.getNumberOfCompletedSteps(),total:t.getNumberOfAvailableSteps()}),jsxs(y.Row,{css:{"& > button":{flexGrow:1}},gap:3,children:[i.secondaryButtonTitle&&jsx(h.Secondary,{title:i.secondaryButtonTitle,onClick:r}),jsx(h.Primary,{title:i.primaryButtonTitle??"Continue",onClick:n})]})]})})}function Lt(e){let{FlowComponent:o}=W(e);return jsx(o,{as:M,border:"md",borderColor:"gray900",display:"flex",flexDirection:"row",justifyContent:"space-between",children:({handleDismiss:t,handlePrimary:n,handleSecondary:r,step:i})=>jsxs(Fragment,{children:[jsxs(y.Row,{gap:3,children:[i.imageUri&&jsx("img",{src:i.imageUri,style:{height:40,width:40,alignSelf:"center"}}),jsxs(y.Column,{children:[jsx(d.H4,{mb:1,children:i.title}),jsx(d.Body2,{children:i.subtitle})]})]}),jsxs(y.Row,{alignItems:"center",gap:3,justifyContent:"center",children:[i.secondaryButtonTitle&&jsx(S.Secondary,{title:i.secondaryButtonTitle,onClick:r}),jsx(S.Primary,{title:i.primaryButtonTitle,onClick:n}),e.dismissible&&e.container!="dialog"&&jsx(S.Plain,{part:"banner-close",onClick:t,children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})})]})]})})}var zt=new Set(["required","min","max","minLength","maxLength","pattern"]);function _t({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 n=Object.fromEntries(Object.entries(t).filter(([i])=>zt.has(i))),r=useController({name:t.id,control:o,rules:n});return jsx(e,{...r,fieldData:t})}function _e({fieldTypes:e,step:o}){var a;let{control:t,handleSubmit:n}=useForm({delayError:2e3,mode:"onChange"}),r=[];function i(s){o.complete(s);}return (a=o.fields)==null||a.forEach(s=>{e[s.type]!=null&&r.push(jsx(_t,{control:t,fieldComponent:e[s.type],fieldData:s},s.id));}),jsxs(Fragment,{children:[r,jsx(y.Row,{justifyContent:"flex-end",children:jsx(S.Primary,{title:o.primaryButtonTitle??"Submit",onClick:n(i)})},"form-footer")]})}function Ke({error:e}){var o;return (o=e==null?void 0:e.message)!=null&&o.length?jsx(d.Caption,{color:"red500",display:"block",part:"field-error",textAlign:"end",children:e==null?void 0:e.message}):null}function Ne({children:e,id:o,required:t=!1}){return jsxs(d.Body2,{as:"label",htmlFor:o,fontWeight:"demibold",part:"field-label",children:[e,t&&" *"]})}var je={marginBottom:"5"},G={px:"4",py:"2",backgroundColor:"neutral.background",borderColor:"neutral.border",borderStyle:"solid",borderWidth:"md",borderRadius:"md",display:"block",outline:"none",width:"100%"};function H({children:e,field:o,fieldData:t,fieldState:n}){let{id:r,label:i,placeholder:a}=t,{error:s}=n,m={id:r,...o,...a?{placeholder:a}:{},...G,"aria-invalid":!!s,value:o.value??""};return jsxs(p,{...je,part:"field",children:[jsx(Ne,{id:r,required:!!t.required,children:i}),e(m),jsx(Ke,{error:s})]})}var qt=()=>jsx(p,{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"})}),Jt=le.forwardRef(({label:e,value:o},t)=>jsxs(p,{as:"label",htmlFor:o,display:"flex",justifyContent:"space-between",part:"field-radio",px:4,py:2,borderWidth:"md",borderStyle:"solid",borderColor:"neutral.border",borderRadius:"md",children:[jsx(d.Body2,{part:"field-radio-label",children:e}),jsx($.Item,{id:o,value:o,ref:t,asChild:!0,children:jsx(p,{as:"button",backgroundColor:"neutral.background",borderWidth:"md",borderStyle:"solid",borderColor:"neutral.border",borderRadius:"100%",padding:"0",part:"field-radio-value",position:"relative",height:"24px",width:"24px",children:jsx(p,{as:$.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(qt,{})})})})]}));function Je(e){let{field:{onChange:o,value:t},fieldData:{options:n=[]}}=e,r=n.map(({label:i,value:a})=>jsx(Jt,{value:a,label:i},a));return jsx(H,{...e,children:()=>jsx($.Root,{value:t,onValueChange:o,asChild:!0,children:jsx(y.Column,{gap:2,part:"field-radio-group",children:r})})})}var Qt=le.forwardRef(({label:e,value:o},t)=>jsx(g.Item,{value:o,ref:t,asChild:!0,children:jsx(p,{"backgroundColor:hover":"blue900",borderRadius:"md",outline:"none",part:"field-select-option",px:"3",py:"2",children:jsx(g.ItemText,{asChild:!0,children:jsx(d.Body2,{part:"field-select-option-label",children:e})})})}));function Qe(e){let{field:{onChange:o,value:t},fieldData:{options:n=[],placeholder:r}}=e,i=n.map(({label:a,value:s})=>jsx(Qt,{value:s,label:a},s));return jsx(H,{...e,children:()=>jsxs(g.Root,{value:t,onValueChange:o,children:[jsx(g.Trigger,{asChild:!0,children:jsxs(d.Body2,{...G,alignItems:"center",display:"flex",justifyContent:"space-between",part:"field-select",children:[jsx(g.Value,{placeholder:r??"Select one"}),jsx(g.Icon,{children:jsx(p,{as:ChevronDownIcon,color:"gray100",display:"block",height:"24px",part:"field-select-icon",width:"24px"})})]})}),jsx(g.Portal,{children:jsx(g.Content,{position:"popper",sideOffset:4,asChild:!0,children:jsx(p,{...G,p:"1",part:"field-select-options",width:"var(--radix-popper-anchor-width)",children:jsx(g.Viewport,{children:i})})})})]})})}function eo(e){return jsx(H,{...e,children:o=>jsx(d.Body2,{as:"input",part:"field-text",type:"text",...o})})}function to(e){return jsx(H,{...e,children:o=>jsx(d.Body2,{as:"textarea",part:"field-textarea",...o})})}var Zt={radio:Je,select:Qe,text:eo,textarea:to};function er({fieldTypes:e={},...o}){let{FlowComponent:t}=W(o),n=Object.assign({},Zt,e);return jsx(t,{children:({step:r})=>jsx(_e,{fieldTypes:n,step:r,...o})})}function ee(){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),[n,r]=useState(null),i=useCallback(a=>{r(a);},[]);return useLayoutEffect(()=>{if(!n)return;let a=()=>{let s=n.getBoundingClientRect();t(s);};return a(),window.addEventListener("resize",a),()=>window.removeEventListener("resize",a)},[n]),{node:n,rect:o,ref:i}}var nr=keyframes({"0%":{opacity:.5,transform:"scale(0.5)"},"50%":{opacity:0,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(1)"}});function ao({style:e={},part:o="",...t}){return jsxs(p,{part:`dot-wrapper ${o}`,style:{height:"48px",position:"absolute",width:"48px",...e},...t,children:[jsx(p,{backgroundColor:"primary.surface",part:"dot-pulse",css:{animation:`2s ease-out infinite ${nr}`,borderRadius:"24px",height:"48px",left:0,position:"absolute",top:0,transformOrigin:"center center",width:"48px"}}),jsx(p,{backgroundColor:"primary.surface",part:"dot",style:{borderRadius:"12px",height:"24px",left:"12px",position:"absolute",top:"12px",width:"24px"}})]})}function so({props:e,alignAttr:o,sideAttr:t}){let n=t??"bottom",r={},i=()=>{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"};r[s[n]]=a;let m=i();return ["before","end"].includes(m)?["top","bottom"].includes(n)?r.right=a:r.bottom=a:["after","start"].includes(m)?["top","bottom"].includes(n)?r.left=a:r.top=a:["top","bottom"].includes(n)?r.left=`calc(50% + ${a})`:r.top=`calc(50% + ${a})`,r}var lo={content:["align","alignOffset","arrowPadding","avoidCollisions","collisionBoundary","collisionPadding","forceMount","hideWhenDetached","onCloseAutoFocus","onEscapeKeyDown","onFocusOutside","onInteractOutside","onOpenAutoFocus","onPointerDownOutside","side","sideOffset","sticky"],root:["defaultOpen","modal","onOpenChange","open"]};function po(e,o){let t=Object.fromEntries(lo.content.map(r=>[r,e[r]]).filter(r=>r[1]!==void 0)),n=Object.fromEntries(lo.root.map(r=>[r,e[r]]).filter(r=>r[1]!==void 0));if(t.align=t.align??"after",t.side=t.side??"bottom",["before","after"].includes(t.align)){let r={after:"end",before:"start"},i=(x,B)=>["top","bottom"].includes(B)?x=="after"?"marginLeft":"marginRight":x=="after"?"marginTop":"marginBottom",a=t.alignOffset??0,s=t.style??{},m=t.side??"bottom",c=t.align;t.style={...s,[i(c,m)]:a};let P=["top","bottom"].includes(m)?o.width:o.height;t.alignOffset=(P+a)*-1,t.align=r[c];}return {contentProps:t,rootProps:n}}function b({anchor:e,children:o,className:t,spotlight:n=!1,style:r,...i}){let{node:a,rect:s,ref:m}=ee(),{node:c,rect:P,ref:x}=ee(),{contentProps:B,rootProps:oe}=po(i,s),[w,z]=useState(B.align),[_,te]=useState(B.side);if(a!==null){let V=a.getAttribute("data-align"),ce=a.getAttribute("data-side");w!==V&&z(V),_!==ce&&te(ce);}let q=useRef(null);if(useEffect(()=>{let V=document.querySelector(e);V!=null&&(x(V),q.current=V);},[e]),c==null)return null;let J="0";typeof window<"u"&&(J=window.getComputedStyle(c).borderRadius);let go=so({props:i,alignAttr:w,sideAttr:_});return jsxs(v.Root,{defaultOpen:!0,...oe,children:[jsx(v.Anchor,{virtualRef:q}),jsx(v.Portal,{children:jsxs("div",{className:t,css:{bottom:0,left:0,position:"absolute",right:0,top:0,zIndex:9999},children:[n&&jsx(p,{part:"tooltip-spotlight",position:"absolute",style:{borderRadius:J,boxShadow:"0 0 0 20000px rgb(0 0 0 / 0.5)",height:P.height,left:c.offsetLeft,top:c.offsetTop,width:P.width}}),jsx(v.Content,{asChild:!0,...B,ref:m,children:jsxs(M,{boxShadow:"md",part:"tooltip-content",position:"relative",css:{maxWidth:"360px",...r},children:[jsx(ao,{style:go}),o]})})]})})]})}b.Close=e=>jsx(v.Close,{"aria-label":"Close",asChild:!0,children:jsx(S.Plain,{css:{top:"12px",right:"4px"},part:"close",position:"absolute",...e,children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})})});b.Media=({src:e,...o})=>e==null?null:jsx(N,{borderRadius:"md md 0 0",borderWidth:"0",css:{aspectRatio:"2"},margin:"-5 -5 5",src:e,...o});b.Primary=({onClick:e,title:o,...t})=>o==null?null:jsx(S.Primary,{title:o,onClick:e,...t});b.Progress=({children:e,...o})=>e==null?null:jsx(d.Body2,{fontWeight:"demibold",part:"progress",...o,children:e});b.Secondary=({onClick:e,title:o,...t})=>o==null?null:jsx(S.Secondary,{title:o,onClick:e,...t});b.Subtitle=({children:e,...o})=>e==null?null:jsx(d.Body2,{part:"subtitle",...o,children:e});b.Title=({children:e,...o})=>e==null?null:jsx(d.Body1,{fontWeight:"bold",mb:1,part:"title",...o,children:e});function de(e){let{modals:o,setModals:t}=useContext(O),[n,r]=useState(!1);return useEffect(()=>(t([...o,e]),()=>t(o.filter(i=>i!==e))),[]),useEffect(()=>{let i=o[0]===e;i!==n&&r(i);},[o]),{isCurrentModal:n}}function fo({dismissible:e=!0,flow:o,onDismiss:t,onPrimary:n,onSecondary:r,step:i,...a}){let{isCurrentModal:s}=de(`${o.id}-${i.id}`),{handleDismiss:m}=A(o,{onDismiss:t}),{handlePrimary:c,handleSecondary:P}=U(i,{onPrimary:n,onSecondary:r});return s?jsxs(b,{anchor:i.selector,onOpenAutoFocus:x=>x.preventDefault(),onPointerDownOutside:x=>x.preventDefault(),...a,children:[e&&jsx(b.Close,{onClick:m}),jsx(b.Media,{src:i.videoUri??i.imageUri,type:i.videoUri?"video":"image"}),jsx(b.Title,{children:i.title}),jsx(b.Subtitle,{children:i.subtitle}),jsxs(y.Row,{alignItems:"center",gap:3,justifyContent:"flex-end",part:"tooltip-footer",pt:4,children:[jsx(b.Progress,{children:`${o.getNumberOfCompletedSteps()+1}/${o.getNumberOfAvailableSteps()}`}),jsx(b.Secondary,{marginLeft:"auto",title:i.secondaryButtonTitle,onClick:P}),jsx(b.Primary,{title:i.primaryButtonTitle,onClick:c})]})]},i.id):null}function cr({flowId:e,onComplete:o,variables:t,...n}){let{flow:r}=j(e,{variables:t});if(A(r,{onComplete:o}),r==null||r.isVisible===!1)return null;r.start();let i=r.getCurrentStep();return i==null||i.start(),jsx(fo,{step:i,flow:r,...n})}function fr(){let{frigade:e}=useContext(O);return {frigade:e}}
 
-export { Qt as Announcement, eo as Banner, u as Box, S as Button, F as Card, T as Flex, jt as Provider, b as Text, x as Tooltip, uo as Tour, J as useBoundingClientRect, k as useFlow, v as useFlowHandlers, go as useFrigade, q as useModal, D as useStepHandlers };
+export { Mt as Announcement, Lt as Banner, p as Box, S as Button, M as Card, y as Flex, er as Form, Tt as Provider, d as Text, b as Tooltip, cr as Tour, ee as useBoundingClientRect, j as useFlow, A as useFlowHandlers, fr as useFrigade, de as useModal, U as useStepHandlers };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map