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

package/dist/index.cjs

@@ -1,15 +1,19 @@
 'use strict';
 
-var h = require('@radix-ui/react-dialog');
+var C = require('@radix-ui/react-dialog');
 var solid = require('@heroicons/react/24/solid');
-var U = require('react');
+var le = require('react');
 var clsx = require('clsx');
-var Ye = require('known-css-properties');
-var st = require('dompurify');
+var So = require('known-css-properties');
+var Do = require('dompurify');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var react = require('@emotion/react');
 var js = require('@frigade/js');
-var C = require('@radix-ui/react-popover');
+var reactHookForm = require('react-hook-form');
+var $ = require('@radix-ui/react-radio-group');
+var g = require('@radix-ui/react-select');
+var outline = require('@heroicons/react/24/outline');
+var v = require('@radix-ui/react-popover');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -31,29 +35,32 @@ function _interopNamespace(e) {
 	return Object.freeze(n);
 }
 
-var h__namespace = /*#__PURE__*/_interopNamespace(h);
-var U__namespace = /*#__PURE__*/_interopNamespace(U);
-var Ye__default = /*#__PURE__*/_interopDefault(Ye);
-var st__default = /*#__PURE__*/_interopDefault(st);
 var C__namespace = /*#__PURE__*/_interopNamespace(C);
+var le__namespace = /*#__PURE__*/_interopNamespace(le);
+var So__default = /*#__PURE__*/_interopDefault(So);
+var Do__default = /*#__PURE__*/_interopDefault(Do);
+var $__namespace = /*#__PURE__*/_interopNamespace($);
+var g__namespace = /*#__PURE__*/_interopNamespace(g);
+var v__namespace = /*#__PURE__*/_interopNamespace(v);
 
-var Ue=Object.defineProperty;var Je=(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 ee=(e,t)=>{for(var o in t)Ue(e,o,{get:t[o],enumerable:!0});};var te={borders:{md:"1px solid"},borderWidths:{0:"0",md:"1px"}};var oe={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 re={md:"10px",lg:"20px",round:"50%"};var p=e=>`var(--fr-colors-${e})`,ne={neutral:{background:p("white"),border:p("gray500"),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 ie={md:"0px 4px 20px rgba(0, 0, 0, 0.1)"};var Xe="px",Ge=e=>typeof e=="number"?`${4*e}${Xe}`:e,qe=[-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"],se=Object.fromEntries(qe.map(e=>[e,Ge(e)]));var ae={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 _={...te,colors:{...oe,...ne},...ae,radii:re,shadows:ie,space:se};function A(e,t="",o="."){return Object.keys(e).reduce((r,n)=>{let s=`${t.length?`${t}${o}`:""}${n}`,l=e[n];return typeof l=="object"&&l!==null&&!Array.isArray(l)?Object.assign(r,A(l,s,o)):r[s]=l,r},{})}function z(e){return A(e,"--fr","-")}function le(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]=le(n,`${t}-${r}`):o[r]=`var(${t}-${r})`;}),o}var pe=z(_),c=le(_);var Qe=new Set(["alt","size","src"]),Ze=Ye__default.default.all.filter(e=>e.indexOf("-")!=0&&!Qe.has(e)).map(e=>[e.replace(/-([a-z])/g,(t,o)=>o.toUpperCase()),null]),et=Object.fromEntries(Ze),K=A(c.colors),tt={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},de={...et,...tt},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"]},ue=new Set(["active","focus","focusVisible","focusWithin","hover"]);function ot(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 fe=new Map(Object.entries(de).map(([e,t])=>[e,ot(t)])),rt=new Map(Object.entries(ce).map(([e,t])=>[e,new Set(t)])),nt=new Set(["height","width"]),it=new Set(["canvas","embed","iframe","img","input","object","video"]);function me(e){let[t,o]=e.split(":");return [t,ue.has(o)?o:null]}function ge(e,t="div"){let o=Object.assign({},e),r={};function n(i){if(i==null)return r;let l=`&:${i.replace(/[A-Z]/g,a=>`-${a.toLocaleLowerCase()}`)}`;return r[l]==null&&(r[l]={}),r[l]}return Object.entries(o).forEach(([i,s])=>{let[l,a]=me(i),d=rt.get(l);d!=null&&(d.forEach(f=>{let m=`${f}${a?":"+a:""}`;o[m]=s;}),delete o[i]);}),Object.entries(o).forEach(([i,s])=>{let[l,a]=me(i),d=fe.get(l);if(d!=null){if(typeof s=="string"&&s.indexOf(" ")>-1){let f=s.split(" ");n(a)[l]=f.map(m=>d.get(m.toString())??m).join(" ");}else d.has(s.toString())?n(a)[l]=d.get(s.toString()):n(a)[l]=s;(typeof t!="string"||!it.has(t)||!nt.has(l))&&delete o[i];}}),Object.keys(o).forEach(i=>{let s=i.substring(1);i.indexOf("_")===0&&fe.has(s)&&(o[s]=o[i],delete o[i]);}),{cssFromProps:r,unmatchedProps:o}}function at(){if(typeof window>"u"){let{JSDOM:e}=Je("jsdom");return new e("<!DOCTYPE html>").window}return window}function xe(e){return e?{__html:st__default.default(at()).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 pt(e){return e&&`fr-${e}`}function Pe(e){return e&&(Array.isArray(e)?e.map(t=>Pe(t)).join(" "):pt(e))}function dt({as:e,children:t,className:o,css:r={},part:n,...i},s){let l=e??"div",{cssFromProps:a,unmatchedProps:d}=ge(i,l),f=Pe(n),m=o||f?clsx.clsx(o,f):void 0,R=[{boxSizing:"border-box"},a,r];return typeof t=="string"?jsxRuntime.jsx(l,{className:m,css:R,...d,ref:s,dangerouslySetInnerHTML:xe(t)}):jsxRuntime.jsx(l,{className:m,css:R,...d,ref:s,children:t})}var u=U__namespace.forwardRef(dt);var j={};ee(j,{Body1:()=>yt,Body2:()=>ht,Caption:()=>Pt,Display1:()=>ct,Display2:()=>ut,H1:()=>ft,H2:()=>mt,H3:()=>gt,H4:()=>xt});var w={color:"neutral.foreground",fontFamily:"default",margin:"0"},ct={...w,fontSize:"5xl",fontWeight:"bold",lineHeight:"4xl"},ut={...w,fontSize:"4xl",fontWeight:"bold",lineHeight:"3xl"},ft={...w,fontSize:"3xl",fontWeight:"bold",lineHeight:"2xl"},mt={...w,fontSize:"2xl",fontWeight:"bold",lineHeight:"xl"},gt={...w,fontSize:"xl",fontWeight:"bold",lineHeight:"lg"},xt={...w,fontSize:"lg",fontWeight:"bold",lineHeight:"md"},yt={...w,fontSize:"md",fontWeight:"regular",lineHeight:"md"},ht={...w,fontSize:"sm",fontWeight:"regular",lineHeight:"md"},Pt={...w,fontSize:"xs",fontWeight:"regular",lineHeight:"sm"};function be({as:e="span",children:t,variant:o="Body1",...r}){return jsxRuntime.jsx(u,{as:e,...j[o],...r,children:t})}var bt=["Display1","Display2","H1","H2","H3","H4","Body1","Body2","Caption"],Tt=Object.fromEntries(bt.map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=r=>jsxRuntime.jsx(be,{as:t,...r,variant:e,children:r.children});return o.displayName=`Text.${e}`,[e,o]})),b=Object.assign(be,Tt);var N={};ee(N,{Link:()=>wt,Plain:()=>Bt,Primary:()=>St,Secondary:()=>Ct});var W={borderWidth:"0",borderRadius:"md",padding:"2 4"},St={...W,backgroundColor:"primary.surface",color:"primary.foreground","backgroundColor:hover":"primary.hover.surface"},Ct={...W,backgroundColor:"secondary.background",borderColor:"secondary.border",borderStyle:"solid",borderWidth:"1px",color:"secondary.foreground","backgroundColor:hover":"secondary.hover.background"},wt={...W,backgroundColor:"transparent",color:"primary.surface","color:hover":"primary.hover.surface"},Bt={...W,backgroundColor:"transparent",color:"neutral.foreground"};function Se({as:e,children:t,part:o,title:r,variant:n="Primary",...i}){let s=n.toLocaleLowerCase();return jsxRuntime.jsxs(u,{as:e??"button",part:[`button-${s}`,o],...N[n],...i,children:[t,r&&jsxRuntime.jsx(b.Body2,{fontWeight:"demibold",color:"inherit",children:r})]})}var vt=["Primary","Secondary","Link","Plain"],Rt=Object.fromEntries(vt.map(e=>{let t=o=>jsxRuntime.jsx(Se,{...o,variant:e,children:o.children});return t.displayName=`Text.${e}`,[e,t]})),T=Object.assign(Se,Rt);var kt=U__namespace.forwardRef(({children:e,css:t,...o},r)=>jsxRuntime.jsx(u,{css:[{display:"flex",flexDirection:"row"},t],...o,ref:r,children:e})),Dt=U__namespace.forwardRef(({children:e,css:t,...o},r)=>jsxRuntime.jsx(u,{css:[{display:"flex",flexDirection:"column"},t],...o,ref:r,children:e})),S={Column:Dt,Row:kt};var F=U__namespace.forwardRef(({as:e,children:t,...o},r)=>{let n=e??S.Column;return jsxRuntime.jsx(n,{backgroundColor:"neutral.background",borderRadius:"md",p:5,...o,ref:r,children:t})});function ve({part:e,src:t,...o}){return jsxRuntime.jsx(u,{as:"img",part:["image",e],src:t,...o})}function Et(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 Re({part:e,src:t,...o}){let r=Et(t);return jsxRuntime.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 jsxRuntime.jsx(t==="video"?Re:ve,{src:e,...o})}function y({children:e,...t}){return jsxRuntime.jsx(h__namespace.Root,{defaultOpen:!0,modal:!0,children:jsxRuntime.jsx(h__namespace.Portal,{children:jsxRuntime.jsxs(u,{inset:"0",position:"fixed",zIndex:"9999",children:[jsxRuntime.jsx(h__namespace.Overlay,{asChild:!0,children:jsxRuntime.jsx(u,{background:"rgb(0 0 0 / 0.5)",part:"dialog-overlay",position:"fixed",inset:"0"})}),jsxRuntime.jsx(h__namespace.Content,{asChild:!0,onOpenAutoFocus:o=>o.preventDefault(),onPointerDownOutside:o=>o.preventDefault(),children:jsxRuntime.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=>jsxRuntime.jsx(h__namespace.Close,{"aria-label":"Close",asChild:!0,children:jsxRuntime.jsx(T.Plain,{part:"close",position:"absolute",right:"-4px",top:"4px",...e,children:jsxRuntime.jsx(solid.XMarkIcon,{height:"24",fill:"currentColor"})})});y.Subtitle=({children:e,...t})=>jsxRuntime.jsx(h__namespace.Description,{asChild:!0,children:jsxRuntime.jsx(b.Body2,{mb:5,part:"subtitle",...t,children:e})});y.Media=({src:e,...t})=>e==null?null:jsxRuntime.jsx($,{borderRadius:"md",src:e,...t});y.Primary=({onClick:e,title:t,...o})=>t==null?null:jsxRuntime.jsx(T.Primary,{title:t,onClick:e,...o});y.ProgressDots=({current:e,total:t})=>{let o=[...Array(t)].map((r,n)=>jsxRuntime.jsx("circle",{r:4,cx:4+16*n,cy:"4px",fill:e===n?c.colors.blue500:c.colors.blue800},n));return t==0?null:jsxRuntime.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:jsxRuntime.jsx(T.Secondary,{title:t,onClick:e,...o});y.Title=({children:e,...t})=>jsxRuntime.jsx(h__namespace.Title,{asChild:!0,children:jsxRuntime.jsx(b.H3,{mb:1,part:"title",...t,children:e})});var B=U.createContext({apiKey:"",modals:[],setModals:()=>{},navigate:()=>{}});function Nt({children:e,navigate:t,theme:o,...r}){let n=o?z(o):{},[i,s]=U.useState([]),l=U.useRef(new js.Frigade(r.apiKey,{apiKey:r.apiKey,apiUrl:r.apiUrl,userId:r.userId,groupId:r.groupId,__readOnly:r.__readOnly,__flowConfigOverrides:r.__flowConfigOverrides})),a=t??((d,f="_self")=>{window.open(d,f);});return U.useEffect(()=>()=>{var d;(d=l.current)==null||d.destroy();},[]),jsxRuntime.jsxs(B.Provider,{value:{modals:i,setModals:s,navigate:a,...r,frigade:l.current},children:[jsxRuntime.jsx(react.Global,{styles:{":root":{...pe,...n}}}),jsxRuntime.jsx(react.ThemeProvider,{theme:c,children:e})]})}function k(e,t){let[o,r]=U.useState(),[n,i]=U.useState(""),{frigade:s}=U.useContext(B),l=a=>{a.id===e&&(t!=null&&t.variables&&a.applyVariables(t.variables),r(a),i(Math.random().toString()));};return U.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(l),()=>{s.removeStateChangeHandler(l);}),[]),{flow:o}}function v(e,{onComplete:t,onDismiss:o}={}){let r=U.useRef(null);return U.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:U.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}=U.useContext(B);return {handlePrimary:U.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:U.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 Zt({dismissible:e=!0,flowId:t,onComplete:o,onDismiss:r,onPrimary:n,onSecondary:i,variables:s,...l}){let{flow:a}=k(t,{variables:s}),d=a==null?void 0:a.getCurrentStep(),{handleDismiss:f}=v(a,{onComplete:o,onDismiss:r}),{handlePrimary:m,handleSecondary:R}=D(d,{onPrimary:n,onSecondary:i});return a==null||a.isVisible===!1?null:(a.start(),d==null||d.start(),jsxRuntime.jsxs(y,{...l,children:[e&&jsxRuntime.jsx(y.Close,{onClick:f}),jsxRuntime.jsx(y.Title,{children:d.title}),jsxRuntime.jsx(y.Subtitle,{children:d.subtitle}),jsxRuntime.jsx(y.Media,{src:d.imageUri,css:{aspectRatio:"1.5",objectFit:"cover",width:"100%"}}),jsxRuntime.jsx(y.ProgressDots,{current:a.getNumberOfCompletedSteps(),total:a.getNumberOfAvailableSteps()}),jsxRuntime.jsxs(S.Row,{css:{"& > button":{flexGrow:1}},gap:3,children:[jsxRuntime.jsx(y.Secondary,{title:"Secondary",onClick:R}),jsxRuntime.jsx(y.Primary,{title:"Primary",onClick:m})]})]}))}function to({dismissible:e=!0,flowId:t,onComplete:o,onDismiss:r,onPrimary:n,onSecondary:i,...s}){let{flow:l}=k(t),a=l==null?void 0:l.getCurrentStep(),{handleDismiss:d}=v(l,{onComplete:o,onDismiss:r}),{handlePrimary:f,handleSecondary:m}=D(a,{onPrimary:n,onSecondary:i});return l==null||l.isVisible===!1?null:(l.start(),a==null||a.start(),jsxRuntime.jsxs(F,{as:S.Row,border:"md",borderColor:"gray900",justifyContent:"space-between",...s,children:[jsxRuntime.jsxs(S.Row,{gap:3,children:[a.imageUri&&jsxRuntime.jsx("img",{src:a.imageUri,style:{height:40,width:40,alignSelf:"center"}}),jsxRuntime.jsxs(S.Column,{children:[jsxRuntime.jsx(b.H4,{mb:1,children:a.title}),jsxRuntime.jsx(b.Body2,{children:a.subtitle})]})]}),jsxRuntime.jsxs(S.Row,{alignItems:"center",gap:3,children:[a.secondaryButtonTitle&&jsxRuntime.jsx(T.Secondary,{title:a.secondaryButtonTitle,onClick:m}),jsxRuntime.jsx(T.Primary,{title:a.primaryButtonTitle,onClick:f}),e&&jsxRuntime.jsx(T.Plain,{part:"banner-close",onClick:d,children:jsxRuntime.jsx(solid.XMarkIcon,{height:"24",fill:"currentColor"})})]})]}))}function L(){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]=U.useState(e),[r,n]=U.useState(null),i=U.useCallback(s=>{n(s);},[]);return U.useLayoutEffect(()=>{if(!r)return;let s=()=>{let l=r.getBoundingClientRect();o(l);};return s(),window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)},[r]),{node:r,rect:t,ref:i}}var io=react.keyframes({"0%":{opacity:.5,transform:"scale(0.5)"},"50%":{opacity:0,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(1)"}});function Me({style:e={},part:t="",...o}){return jsxRuntime.jsxs(u,{part:`dot-wrapper ${t}`,style:{height:"48px",position:"absolute",width:"48px",...e},...o,children:[jsxRuntime.jsx(u,{backgroundColor:"primary.surface",part:"dot-pulse",css:{animation:`2s ease-out infinite ${io}`,borderRadius:"24px",height:"48px",left:0,position:"absolute",top:0,transformOrigin:"center center",width:"48px"}}),jsxRuntime.jsx(u,{backgroundColor:"primary.surface",part:"dot",style:{borderRadius:"12px",height:"24px",left:"12px",position:"absolute",top:"12px",width:"24px"}})]})}function Ae({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",l={top:"bottom",right:"left",bottom:"top",left:"right"};n[l[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 $e={content:["align","alignOffset","arrowPadding","avoidCollisions","collisionBoundary","collisionPadding","forceMount","hideWhenDetached","onCloseAutoFocus","onEscapeKeyDown","onFocusOutside","onInteractOutside","onOpenAutoFocus","onPointerDownOutside","side","sideOffset","sticky"],root:["defaultOpen","modal","onOpenChange","open"]};function We(e,t){let o=Object.fromEntries($e.content.map(n=>[n,e[n]]).filter(n=>n[1]!==void 0)),r=Object.fromEntries($e.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=(m,R)=>["top","bottom"].includes(R)?m=="after"?"marginLeft":"marginRight":m=="after"?"marginTop":"marginBottom",s=o.alignOffset??0,l=o.style??{},a=o.side??"bottom",d=o.align;o.style={...l,[i(d,a)]:s};let f=["top","bottom"].includes(a)?t.width:t.height;o.alignOffset=(f+s)*-1,o.align=n[d];}return {contentProps:o,rootProps:r}}function x({anchor:e,children:t,className:o,spotlight:r=!1,modal:n=!!r,style:i,...s}){let{node:l,rect:a,ref:d}=L(),{node:f,rect:m,ref:R}=L(),{contentProps:I,rootProps:ze}=We(s,a),[G,Ke]=U.useState(I.align),[q,je]=U.useState(I.side);if(l!==null){let M=l.getAttribute("data-align"),Z=l.getAttribute("data-side");G!==M&&Ke(M),q!==Z&&je(Z);}let Y=U.useRef(null);if(U.useEffect(()=>{let M=document.querySelector(e);M!=null&&(R(M),Y.current=M);},[e]),f==null)return null;let Q="0";typeof window<"u"&&(Q=window.getComputedStyle(f).borderRadius);let Ne=Ae({props:s,alignAttr:G,sideAttr:q});return jsxRuntime.jsxs(C__namespace.Root,{defaultOpen:!0,...ze,children:[jsxRuntime.jsx(C__namespace.Anchor,{virtualRef:Y}),jsxRuntime.jsx(C__namespace.Portal,{children:jsxRuntime.jsxs("div",{className:o,css:{bottom:0,left:0,position:"absolute",right:0,top:0,zIndex:9999},children:[r&&jsxRuntime.jsx(u,{part:"tooltip-spotlight",position:"absolute",style:{borderRadius:Q,boxShadow:"0 0 0 20000px rgb(0 0 0 / 0.5)",height:m.height,left:f.offsetLeft,top:f.offsetTop,width:m.width}}),jsxRuntime.jsx(C__namespace.Content,{asChild:!0,...I,ref:d,children:jsxRuntime.jsxs(F,{boxShadow:"md",part:"tooltip-content",position:"relative",css:{maxWidth:"360px",...i},children:[jsxRuntime.jsx(Me,{style:Ne}),t]})})]})})]})}x.Close=e=>jsxRuntime.jsx(C__namespace.Close,{"aria-label":"Close",asChild:!0,children:jsxRuntime.jsx(T.Plain,{css:{top:"12px",right:"4px"},part:"close",position:"absolute",...e,children:jsxRuntime.jsx(solid.XMarkIcon,{height:"24",fill:"currentColor"})})});x.Media=({src:e,...t})=>e==null?null:jsxRuntime.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:jsxRuntime.jsx(T.Primary,{title:t,onClick:e,...o});x.Progress=({children:e,...t})=>e==null?null:jsxRuntime.jsx(b.Body2,{fontWeight:"demibold",part:"progress",...t,children:e});x.Secondary=({onClick:e,title:t,...o})=>t==null?null:jsxRuntime.jsx(T.Secondary,{title:t,onClick:e,...o});x.Subtitle=({children:e,...t})=>e==null?null:jsxRuntime.jsx(b.Body2,{part:"subtitle",...t,children:e});x.Title=({children:e,...t})=>e==null?null:jsxRuntime.jsx(b.Body1,{fontWeight:"bold",mb:1,part:"title",...t,children:e});function X(e){let{modals:t,setModals:o}=U.useContext(B),[r,n]=U.useState(!1);return U.useEffect(()=>(o([...t,e]),()=>o(t.filter(i=>i!==e))),[]),U.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:l}=X(`${t.id}-${i.id}`),{handleDismiss:a}=v(t,{onDismiss:o}),{handlePrimary:d,handleSecondary:f}=D(i,{onPrimary:r,onSecondary:n});return l?jsxRuntime.jsxs(x,{anchor:i.selector,onOpenAutoFocus:m=>m.preventDefault(),onPointerDownOutside:m=>m.preventDefault(),...s,children:[e&&jsxRuntime.jsx(x.Close,{onClick:a}),jsxRuntime.jsx(x.Media,{src:i.videoUri??i.imageUri,type:i.videoUri?"video":"image"}),jsxRuntime.jsx(x.Title,{children:i.title}),jsxRuntime.jsx(x.Subtitle,{children:i.subtitle}),jsxRuntime.jsxs(S.Row,{alignItems:"center",gap:3,justifyContent:"flex-end",part:"tooltip-footer",pt:4,children:[jsxRuntime.jsx(x.Progress,{children:`${t.getNumberOfCompletedSteps()+1}/${t.getNumberOfAvailableSteps()}`}),jsxRuntime.jsx(x.Secondary,{marginLeft:"auto",title:i.secondaryButtonTitle,onClick:f}),jsxRuntime.jsx(x.Primary,{title:i.primaryButtonTitle,onClick:d})]})]},i.id):null}function fo({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(),jsxRuntime.jsx(_e,{step:i,flow:n,...r})}function xo(){let{frigade:e}=U.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__default.default.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__default.default(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.clsx(t,P):void 0,B=[{boxSizing:"border-box"},m,n];return typeof o=="string"?jsxRuntime.jsx(s,{className:x,css:B,...c,ref:a,dangerouslySetInnerHTML:Be(o)}):jsxRuntime.jsx(s,{className:x,css:B,...c,ref:a,children:o})}var p=le__namespace.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__namespace.forwardRef(({as:n=o,children:r,...i},a)=>jsxRuntime.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 jsxRuntime.jsxs(p,{as:e??"button",part:[`button-${a}`,t],...se[r],...i,children:[o,n&&jsxRuntime.jsx(d.Body2,{fontWeight:"demibold",color:"inherit",children:n})]})}var it=["Primary","Secondary","Link","Plain"],at=Object.fromEntries(it.map(e=>{let o=t=>jsxRuntime.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__namespace.forwardRef(({children:e,css:o,...t},n)=>jsxRuntime.jsx(p,{css:[{display:"flex",flexDirection:"row"},o],...t,ref:n,children:e})),pt=le__namespace.forwardRef(({children:e,css:o,...t},n)=>jsxRuntime.jsx(p,{css:[{display:"flex",flexDirection:"column"},o],...t,ref:n,children:e}));var M=le__namespace.forwardRef(({as:e,children:o,...t},n)=>{let r=e??y.Column;return jsxRuntime.jsx(r,{backgroundColor:"neutral.background",borderRadius:"md",p:5,...t,ref:n,children:o})});function Ie({part:e,src:o,...t}){return jsxRuntime.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 jsxRuntime.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 jsxRuntime.jsx(o==="video"?Le:Ie,{src:e,...t})}function h({children:e,...o}){return jsxRuntime.jsx(C__namespace.Root,{defaultOpen:!0,modal:!0,children:jsxRuntime.jsx(C__namespace.Portal,{children:jsxRuntime.jsxs(p,{inset:"0",position:"fixed",zIndex:"9999",children:[jsxRuntime.jsx(C__namespace.Overlay,{asChild:!0,children:jsxRuntime.jsx(p,{background:"rgb(0 0 0 / 0.5)",part:"dialog-overlay",position:"fixed",inset:"0"})}),jsxRuntime.jsx(C__namespace.Content,{asChild:!0,onOpenAutoFocus:t=>t.preventDefault(),onPointerDownOutside:t=>t.preventDefault(),children:jsxRuntime.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=>jsxRuntime.jsx(C__namespace.Close,{"aria-label":"Close",asChild:!0,children:jsxRuntime.jsx(S.Plain,{part:"close",position:"absolute",right:"-4px",top:"4px",...e,children:jsxRuntime.jsx(solid.XMarkIcon,{height:"24",fill:"currentColor"})})});h.Subtitle=({children:e,...o})=>jsxRuntime.jsx(C__namespace.Description,{asChild:!0,children:jsxRuntime.jsx(d.Body2,{mb:5,part:"subtitle",...o,children:e})});h.Media=({src:e,...o})=>e==null?null:jsxRuntime.jsx(N,{borderRadius:"md",src:e,...o});h.Primary=({onClick:e,title:o,...t})=>o==null?null:jsxRuntime.jsx(S.Primary,{title:o,onClick:e,...t});h.ProgressDots=({current:e,total:o})=>{let t=[...Array(o)].map((n,r)=>jsxRuntime.jsx("circle",{r:4,cx:4+16*r,cy:"4px",fill:e===r?u.colors.blue500:u.colors.blue800},r));return o==0?null:jsxRuntime.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:jsxRuntime.jsx(S.Secondary,{title:o,onClick:e,...t});h.Title=({children:e,...o})=>jsxRuntime.jsx(C__namespace.Title,{asChild:!0,children:jsxRuntime.jsx(d.H3,{mb:1,part:"title",...o,children:e})});var O=le.createContext({apiKey:"",modals:[],setModals:()=>{},navigate:()=>{}});function Tt({children:e,navigate:o,theme:t,...n}){let r=t?ne(t):{},[i,a]=le.useState([]),s=le.useRef(new js.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 le.useEffect(()=>()=>{var c;(c=s.current)==null||c.destroy();},[]),jsxRuntime.jsxs(O.Provider,{value:{modals:i,setModals:a,navigate:m,...n,frigade:s.current},children:[jsxRuntime.jsx(react.Global,{styles:{":root":{...Pe,...r}}}),jsxRuntime.jsx(react.ThemeProvider,{theme:u,children:e})]})}function j(e,o){let[t,n]=le.useState(),[,r]=le.useState(""),{frigade:i}=le.useContext(O),a=s=>{s.id===e&&(o!=null&&o.variables&&s.applyVariables(o.variables),n(s),r(Math.random().toString()));};return le.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=le.useRef(null);return le.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:le.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}=le.useContext(O);return {handlePrimary:le.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:le.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"?jsxRuntime.jsx(h.Close,{onClick:_}):null;return w.start(),z.start(),jsxRuntime.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 jsxRuntime.jsx(o,{children:({flow:t,handlePrimary:n,handleSecondary:r,step:i})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(h.Title,{children:i.title}),jsxRuntime.jsx(h.Subtitle,{children:i.subtitle}),jsxRuntime.jsx(h.Media,{src:i.imageUri,css:{aspectRatio:"1.5",objectFit:"cover",width:"100%"}}),jsxRuntime.jsx(h.ProgressDots,{current:t.getNumberOfCompletedSteps(),total:t.getNumberOfAvailableSteps()}),jsxRuntime.jsxs(y.Row,{css:{"& > button":{flexGrow:1}},gap:3,children:[i.secondaryButtonTitle&&jsxRuntime.jsx(h.Secondary,{title:i.secondaryButtonTitle,onClick:r}),jsxRuntime.jsx(h.Primary,{title:i.primaryButtonTitle??"Continue",onClick:n})]})]})})}function Lt(e){let{FlowComponent:o}=W(e);return jsxRuntime.jsx(o,{as:M,border:"md",borderColor:"gray900",display:"flex",flexDirection:"row",justifyContent:"space-between",children:({handleDismiss:t,handlePrimary:n,handleSecondary:r,step:i})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs(y.Row,{gap:3,children:[i.imageUri&&jsxRuntime.jsx("img",{src:i.imageUri,style:{height:40,width:40,alignSelf:"center"}}),jsxRuntime.jsxs(y.Column,{children:[jsxRuntime.jsx(d.H4,{mb:1,children:i.title}),jsxRuntime.jsx(d.Body2,{children:i.subtitle})]})]}),jsxRuntime.jsxs(y.Row,{alignItems:"center",gap:3,justifyContent:"center",children:[i.secondaryButtonTitle&&jsxRuntime.jsx(S.Secondary,{title:i.secondaryButtonTitle,onClick:r}),jsxRuntime.jsx(S.Primary,{title:i.primaryButtonTitle,onClick:n}),e.dismissible&&e.container!="dialog"&&jsxRuntime.jsx(S.Plain,{part:"banner-close",onClick:t,children:jsxRuntime.jsx(solid.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=reactHookForm.useController({name:t.id,control:o,rules:n});return jsxRuntime.jsx(e,{...r,fieldData:t})}function _e({fieldTypes:e,step:o}){var a;let{control:t,handleSubmit:n}=reactHookForm.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(jsxRuntime.jsx(_t,{control:t,fieldComponent:e[s.type],fieldData:s},s.id));}),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[r,jsxRuntime.jsx(y.Row,{justifyContent:"flex-end",children:jsxRuntime.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?jsxRuntime.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 jsxRuntime.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 jsxRuntime.jsxs(p,{...je,part:"field",children:[jsxRuntime.jsx(Ne,{id:r,required:!!t.required,children:i}),e(m),jsxRuntime.jsx(Ke,{error:s})]})}var qt=()=>jsxRuntime.jsx(p,{as:"svg",color:"primary.foreground",width:"10px",height:"8px",viewBox:"0 0 10 8",fill:"none",children:jsxRuntime.jsx("path",{d:"M1 4.34664L3.4618 6.99729L3.4459 6.98017L9 1",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),Jt=le__namespace.forwardRef(({label:e,value:o},t)=>jsxRuntime.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:[jsxRuntime.jsx(d.Body2,{part:"field-radio-label",children:e}),jsxRuntime.jsx($__namespace.Item,{id:o,value:o,ref:t,asChild:!0,children:jsxRuntime.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:jsxRuntime.jsx(p,{as:$__namespace.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:jsxRuntime.jsx(qt,{})})})})]}));function Je(e){let{field:{onChange:o,value:t},fieldData:{options:n=[]}}=e,r=n.map(({label:i,value:a})=>jsxRuntime.jsx(Jt,{value:a,label:i},a));return jsxRuntime.jsx(H,{...e,children:()=>jsxRuntime.jsx($__namespace.Root,{value:t,onValueChange:o,asChild:!0,children:jsxRuntime.jsx(y.Column,{gap:2,part:"field-radio-group",children:r})})})}var Qt=le__namespace.forwardRef(({label:e,value:o},t)=>jsxRuntime.jsx(g__namespace.Item,{value:o,ref:t,asChild:!0,children:jsxRuntime.jsx(p,{"backgroundColor:hover":"blue900",borderRadius:"md",outline:"none",part:"field-select-option",px:"3",py:"2",children:jsxRuntime.jsx(g__namespace.ItemText,{asChild:!0,children:jsxRuntime.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})=>jsxRuntime.jsx(Qt,{value:s,label:a},s));return jsxRuntime.jsx(H,{...e,children:()=>jsxRuntime.jsxs(g__namespace.Root,{value:t,onValueChange:o,children:[jsxRuntime.jsx(g__namespace.Trigger,{asChild:!0,children:jsxRuntime.jsxs(d.Body2,{...G,alignItems:"center",display:"flex",justifyContent:"space-between",part:"field-select",children:[jsxRuntime.jsx(g__namespace.Value,{placeholder:r??"Select one"}),jsxRuntime.jsx(g__namespace.Icon,{children:jsxRuntime.jsx(p,{as:outline.ChevronDownIcon,color:"gray100",display:"block",height:"24px",part:"field-select-icon",width:"24px"})})]})}),jsxRuntime.jsx(g__namespace.Portal,{children:jsxRuntime.jsx(g__namespace.Content,{position:"popper",sideOffset:4,asChild:!0,children:jsxRuntime.jsx(p,{...G,p:"1",part:"field-select-options",width:"var(--radix-popper-anchor-width)",children:jsxRuntime.jsx(g__namespace.Viewport,{children:i})})})})]})})}function eo(e){return jsxRuntime.jsx(H,{...e,children:o=>jsxRuntime.jsx(d.Body2,{as:"input",part:"field-text",type:"text",...o})})}function to(e){return jsxRuntime.jsx(H,{...e,children:o=>jsxRuntime.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 jsxRuntime.jsx(t,{children:({step:r})=>jsxRuntime.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]=le.useState(e),[n,r]=le.useState(null),i=le.useCallback(a=>{r(a);},[]);return le.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=react.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 jsxRuntime.jsxs(p,{part:`dot-wrapper ${o}`,style:{height:"48px",position:"absolute",width:"48px",...e},...t,children:[jsxRuntime.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"}}),jsxRuntime.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]=le.useState(B.align),[_,te]=le.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=le.useRef(null);if(le.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 jsxRuntime.jsxs(v__namespace.Root,{defaultOpen:!0,...oe,children:[jsxRuntime.jsx(v__namespace.Anchor,{virtualRef:q}),jsxRuntime.jsx(v__namespace.Portal,{children:jsxRuntime.jsxs("div",{className:t,css:{bottom:0,left:0,position:"absolute",right:0,top:0,zIndex:9999},children:[n&&jsxRuntime.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}}),jsxRuntime.jsx(v__namespace.Content,{asChild:!0,...B,ref:m,children:jsxRuntime.jsxs(M,{boxShadow:"md",part:"tooltip-content",position:"relative",css:{maxWidth:"360px",...r},children:[jsxRuntime.jsx(ao,{style:go}),o]})})]})})]})}b.Close=e=>jsxRuntime.jsx(v__namespace.Close,{"aria-label":"Close",asChild:!0,children:jsxRuntime.jsx(S.Plain,{css:{top:"12px",right:"4px"},part:"close",position:"absolute",...e,children:jsxRuntime.jsx(solid.XMarkIcon,{height:"24",fill:"currentColor"})})});b.Media=({src:e,...o})=>e==null?null:jsxRuntime.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:jsxRuntime.jsx(S.Primary,{title:o,onClick:e,...t});b.Progress=({children:e,...o})=>e==null?null:jsxRuntime.jsx(d.Body2,{fontWeight:"demibold",part:"progress",...o,children:e});b.Secondary=({onClick:e,title:o,...t})=>o==null?null:jsxRuntime.jsx(S.Secondary,{title:o,onClick:e,...t});b.Subtitle=({children:e,...o})=>e==null?null:jsxRuntime.jsx(d.Body2,{part:"subtitle",...o,children:e});b.Title=({children:e,...o})=>e==null?null:jsxRuntime.jsx(d.Body1,{fontWeight:"bold",mb:1,part:"title",...o,children:e});function de(e){let{modals:o,setModals:t}=le.useContext(O),[n,r]=le.useState(!1);return le.useEffect(()=>(t([...o,e]),()=>t(o.filter(i=>i!==e))),[]),le.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?jsxRuntime.jsxs(b,{anchor:i.selector,onOpenAutoFocus:x=>x.preventDefault(),onPointerDownOutside:x=>x.preventDefault(),...a,children:[e&&jsxRuntime.jsx(b.Close,{onClick:m}),jsxRuntime.jsx(b.Media,{src:i.videoUri??i.imageUri,type:i.videoUri?"video":"image"}),jsxRuntime.jsx(b.Title,{children:i.title}),jsxRuntime.jsx(b.Subtitle,{children:i.subtitle}),jsxRuntime.jsxs(y.Row,{alignItems:"center",gap:3,justifyContent:"flex-end",part:"tooltip-footer",pt:4,children:[jsxRuntime.jsx(b.Progress,{children:`${o.getNumberOfCompletedSteps()+1}/${o.getNumberOfAvailableSteps()}`}),jsxRuntime.jsx(b.Secondary,{marginLeft:"auto",title:i.secondaryButtonTitle,onClick:P}),jsxRuntime.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(),jsxRuntime.jsx(fo,{step:i,flow:r,...n})}function fr(){let{frigade:e}=le.useContext(O);return {frigade:e}}
 
-exports.Announcement = Zt;
-exports.Banner = to;
-exports.Box = u;
-exports.Button = T;
-exports.Card = F;
-exports.Flex = S;
-exports.Provider = Nt;
-exports.Text = b;
-exports.Tooltip = x;
-exports.Tour = fo;
-exports.useBoundingClientRect = L;
-exports.useFlow = k;
-exports.useFlowHandlers = v;
-exports.useFrigade = xo;
-exports.useModal = X;
-exports.useStepHandlers = D;
+exports.Announcement = Mt;
+exports.Banner = Lt;
+exports.Box = p;
+exports.Button = S;
+exports.Card = M;
+exports.Flex = y;
+exports.Form = er;
+exports.Provider = Tt;
+exports.Text = d;
+exports.Tooltip = b;
+exports.Tour = cr;
+exports.useBoundingClientRect = ee;
+exports.useFlow = j;
+exports.useFlowHandlers = A;
+exports.useFrigade = fr;
+exports.useModal = de;
+exports.useStepHandlers = U;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.cjs.map