@frigade/react 2.0.0-alpha.5 → 2.0.0-alpha.6

package/dist/index.cjs

@@ -5,7 +5,7 @@ var clsx = require('clsx');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 var react = require('@emotion/react');
 var solid = require('@heroicons/react/24/solid');
-var P = require('@radix-ui/react-popover');
+var h = require('@radix-ui/react-popover');
 var js = require('@frigade/js');
 
 function _interopNamespace(e) {
@@ -27,16 +27,16 @@ function _interopNamespace(e) {
 }
 
 var ___namespace = /*#__PURE__*/_interopNamespace(_);
-var P__namespace = /*#__PURE__*/_interopNamespace(P);
+var h__namespace = /*#__PURE__*/_interopNamespace(h);
 
-var ee=Object.defineProperty,Ee=Object.defineProperties;var Ae=Object.getOwnPropertyDescriptors;var W=Object.getOwnPropertySymbols;var te=Object.prototype.hasOwnProperty,oe=Object.prototype.propertyIsEnumerable;var Z=(e,t,o)=>t in e?ee(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))te.call(t,o)&&Z(e,o,t[o]);if(W)for(var o of W(t))oe.call(t,o)&&Z(e,o,t[o]);return e},l=(e,t)=>Ee(e,Ae(t));var u=(e,t)=>{var o={};for(var r in e)te.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&W)for(var r of W(e))t.indexOf(r)<0&&oe.call(e,r)&&(o[r]=e[r]);return o};var re=(e,t)=>{for(var o in t)ee(e,o,{get:t[o],enumerable:!0});};var k=(e,t,o)=>new Promise((r,n)=>{var s=d=>{try{p(o.next(d));}catch(f){n(f);}},c=d=>{try{p(o.throw(d));}catch(f){n(f);}},p=d=>d.done?r(d.value):Promise.resolve(d.value).then(s,c);p((o=o.apply(e,t)).next());});var De="px",He=e=>typeof e=="number"?`${4*e}${De}`:e,Ve=[-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"],Ie=Object.fromEntries(Ve.map(e=>[e,He(e)])),Me={black:"#000000",gray100:"#14161A",gray200:"#181B20",gray300:"#1F2329",gray400:"#2E343D",gray500:"#4C5766",gray600:"#5A6472",gray700:"#C5CBD3",gray800:"#E2E5E9",gray900:"#F1F2F4",white:"#ffffff",blue400:"#015AC6",blue500:"#0171F8",blue800:"#DBECFF",blue900:"#F5F9FF",green400:"#009E37",green500:"#00D149",green800:"#DBFFE8",transparent:"#FFFFFF00",inherit:"inherit",red500:"#c00000"},$={borders:{md:"1px solid"},borderWidths:{0:"0",md:"1px"},colors:i({},Me),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:{regular:"400",demibold:"600",bold:"700"},letterSpacings:{md:"0.02em"},lineHeights:{xs:"18px",sm:"22px",md:"24px",lg:"26px",xl:"30px","2xl":"38px","3xl":"46px","4xl":"60px"},radii:{md:"10px",lg:"20px",round:"50%"},shadows:{md:"0px 4px 20px rgba(0, 0, 0, 0.1)"},space:Ie};var a=e=>`var(--fr-colors-${e})`,ne={neutral:{background:a("white"),border:a("gray500"),foreground:a("black"),surface:a("gray700"),active:{background:a("white"),border:a("gray900"),foreground:a("black"),surface:a("gray700")},focus:{background:a("white"),border:a("gray900"),foreground:a("black"),surface:a("gray700")},hover:{background:a("white"),border:a("gray900"),foreground:a("black"),surface:a("gray700")}},primary:{background:a("blue500"),border:a("blue500"),foreground:a("white"),surface:a("blue500"),active:{background:a("blue400"),border:a("blue400"),foreground:a("white"),surface:a("blue400")},focus:{background:a("blue500"),border:a("blue500"),foreground:a("white"),surface:a("blue500")},hover:{background:a("blue400"),border:a("blue400"),foreground:a("white"),surface:a("blue400")}},secondary:{background:a("gray900"),border:a("gray900"),foreground:a("black"),surface:a("gray900"),active:{background:a("gray800"),border:a("gray800"),foreground:a("black"),surface:a("gray800")},focus:{background:a("gray900"),border:a("gray900"),foreground:a("black"),surface:a("gray900")},hover:{background:a("gray800"),border:a("gray800"),foreground:a("black"),surface:a("gray800")}}};var j=l(i({},$),{colors:i(i({},$.colors),ne)});function F(e,t="",o="."){return Object.keys(e).reduce((r,n)=>{let c=`${t.length?`${t}${o}`:""}${n}`,p=e[n];return typeof p=="object"&&p!==null&&!Array.isArray(p)?Object.assign(r,F(p,c,o)):r[c]=p,r},{})}function L(e){return F(e,"--fr","-")}function ie(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]=ie(n,`${t}-${r}`):o[r]=`var(${t}-${r})`;}),o}var se=L(j),g=ie(j);var z=F(g.colors),ae={color:z,backgroundColor:z,borderColor:z,border:g.borders,borderRadius:g.radii,borderWidth:g.borderWidths,fontFamily:g.fontFamilies,fontSize:g.fontSizes,fontWeight:g.fontWeights,gap:g.space,lineHeight:g.lineHeights,margin:g.space,marginTop:g.space,marginRight:g.space,marginBottom:g.space,marginLeft:g.space,padding:g.space,paddingTop:g.space,paddingRight:g.space,paddingBottom:g.space,paddingLeft:g.space,alignContent:["center","start","end","flex-start","flex-end","normal","baseline","first baseline","last baseline","space-between","space-around","space-evenly","stretch","safe center","unsafe center","inherit","initial","revert","revert-layer","unset"],alignItems:["normal","stretch","center","start","end","flex-start","flex-end","self-start","self-end","baseline","first baseline","last baseline","safe center","unsafe center","inherit","initial","revert","revert-layer","unset"],alignSelf:["auto","normal","center","start","end","self-start","self-end","flex-start","flex-end","baseline","first baseline","last baseline","stretch","safe center","unsafe center","inherit","initial","revert","revert-layer","unset"],flexDirection:["row","row-reverse","column","column-reverse","inherit","initial","revert","revert-layer","unset"],flexWrap:["nowrap","wrap","wrap-reverse","inherit","initial","revert","revert-layer","unset"],justifyContent:["center","start","end","flex-start","flex-end","left","right","normal","space-between","space-around","space-evenly","stretch","safe center","unsafe center","inherit","initial","revert","revert-layer","unset"],justifyItems:["normal","stretch","center","start","end","flex-start","flex-end","self-start","self-end","left","right","baseline","first baseline","last baseline","safe center","unsafe center","legacy right","legacy left","legacy center","inherit","initial","revert","revert-layer","unset"],boxSizing:["border-box","content-box","inherit","initial","revert","revert-layer","unset"],position:["static","relative","absolute","fixed","sticky","inherit","initial","revert","revert-layer","unset"],display:["block","block flex","block flow","block flow-root","block grid","contents","flex","flow-root","grid","inherit","initial","inline","inline flex","inline flow","inline flow-root","inline grid","inline-block","inline-flex","inline-grid","list-item","none","revert","revert-layer","table","table-row-group","table-header-group","table-footer-group","table-row","table-cell","table-column-group","table-column","table-caption","unset"]},le={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"]};function We(e){if(Array.isArray(e))return new Map(e.map(t=>[t,t]));if(typeof e=="object"&&e!==null)return new Map(Object.entries(e));if(["string","number"].includes(typeof e))return new Map([e,e]);throw new Error("Invalid entry in styleProps")}var $e=new Map(Object.entries(ae).map(([e,t])=>[e,We(t)])),je=new Map(Object.entries(le).map(([e,t])=>[e,new Set(t)]));function ce(e){let t=Object.assign({},e),o={};return Object.entries(t).forEach(([r,n])=>{let s=je.get(r);s!=null&&(s.forEach(c=>{t[c]=n;}),delete t[r]);}),Object.entries(t).forEach(([r,n])=>{let s=$e.get(r);if(s!=null)if(typeof n=="string"&&n.indexOf(" ")>-1){let c=n.split(" ");o[r]=c.map(p=>{var d;return (d=s.get(p.toString()))!=null?d:p}).join(" "),delete t[r];}else s.has(n.toString())&&(o[r]=s.get(n.toString()),delete t[r]);}),{cssFromProps:o,unmatchedProps:t}}function pe(e){return e&&`fr-${e}`}function ze(e){return e&&(Array.isArray(e)?e.map(t=>pe(t)).join(" "):pe(e))}function Ke(c,s){var p=c,{as:e,children:t,className:o,part:r}=p,n=u(p,["as","children","className","part"]);let d=e!=null?e:"div",{cssFromProps:f,unmatchedProps:b}=ce(n),y=ze(r),R=o||y?clsx.clsx(o,y):void 0;return jsxRuntime.jsx(d,l(i({className:R,css:[{boxSizing:"border-box"},f]},b),{ref:s,children:t}))}var m=___namespace.forwardRef(Ke);var K={};re(K,{Body1:()=>Qe,Body2:()=>Ye,Caption:()=>Ze,Display1:()=>_e,Display2:()=>Ue,H1:()=>Xe,H2:()=>qe,H3:()=>Ge,H4:()=>Je});var w={color:"neutral.foreground",fontFamily:"default",margin:0},_e=l(i({},w),{fontSize:"5xl",fontWeight:"bold",lineHeight:"4xl"}),Ue=l(i({},w),{fontSize:"4xl",fontWeight:"bold",lineHeight:"3xl"}),Xe=l(i({},w),{fontSize:"3xl",fontWeight:"bold",lineHeight:"2xl"}),qe=l(i({},w),{fontSize:"2xl",fontWeight:"bold",lineHeight:"xl"}),Ge=l(i({},w),{fontSize:"xl",fontWeight:"bold",lineHeight:"lg"}),Je=l(i({},w),{fontSize:"lg",fontWeight:"bold",lineHeight:"md"}),Qe=l(i({},w),{fontSize:"md",fontWeight:"regular",lineHeight:"md"}),Ye=l(i({},w),{fontSize:"sm",fontWeight:"regular",lineHeight:"md"}),Ze=l(i({},w),{fontSize:"xs",fontWeight:"regular",lineHeight:"sm"});function fe(n){var s=n,{as:e="span",children:t,variant:o="Body1"}=s,r=u(s,["as","children","variant"]);return jsxRuntime.jsx(m,l(i(i({as:e},K[o]),r),{children:t}))}var et=["Display1","Display2","H1","H2","H3","H4","Body1","Body2","Caption"],tt=Object.fromEntries(et.map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=r=>jsxRuntime.jsx(fe,l(i({as:t},r),{variant:e,children:r.children}));return o.displayName=`Text.${e}`,[e,o]})),B=Object.assign(fe,tt);var N={};re(N,{Link:()=>nt,Plain:()=>it,Primary:()=>ot,Secondary:()=>rt,base:()=>O});var O=({radii:e,space:t})=>({borderWidth:0,borderRadius:e.md,padding:`${t[2]} ${t[4]}`}),ot=({colors:e})=>[O,{backgroundColor:e.primary.surface,color:e.primary.foreground,"&:hover":{backgroundColor:e.primary.hover.surface}}],rt=({colors:e})=>[O,{backgroundColor:e.secondary.surface,color:e.secondary.foreground,"&:hover":{backgroundColor:e.secondary.hover.surface}}],nt=({colors:e})=>[O,{backgroundColor:e.transparent,color:e.primary.surface,"&:hover":{color:e.primary.hover.surface}}],it=({colors:e})=>[O,{backgroundColor:e.transparent,color:e.neutral.foreground}];function ge(s){var c=s,{as:e,children:t,title:o,variant:r="Primary"}=c,n=u(c,["as","children","title","variant"]);return jsxRuntime.jsxs(m,l(i({as:e!=null?e:"button",css:N[r]},n),{children:[t,o&&jsxRuntime.jsx(B.Body2,{fontWeight:"demibold",color:"inherit",children:o})]}))}var st=["Primary","Secondary","Link","Plain"],at=Object.fromEntries(st.map(e=>{let t=e.toLocaleLowerCase(),o=s=>{var c=s,{part:r}=c,n=u(c,["part"]);return jsxRuntime.jsx(ge,l(i({part:[`button-${t}`,r]},n),{variant:e,children:n.children}))};return o.displayName=`Text.${e}`,[e,o]})),E=Object.assign(ge,at);var ct=___namespace.forwardRef((n,r)=>{var s=n,{children:e,css:t}=s,o=u(s,["children","css"]);return jsxRuntime.jsx(m,l(i({css:[{display:"flex",flexDirection:"row"},t]},o),{ref:r,children:e}))}),pt=___namespace.forwardRef((n,r)=>{var s=n,{children:e,css:t}=s,o=u(s,["children","css"]);return jsxRuntime.jsx(m,l(i({css:[{display:"flex",flexDirection:"column"},t]},o),{ref:r,children:e}))}),C={Column:pt,Row:ct};var U=_.createContext({apiKey:"",config:{}});function gt({apiKey:e,children:t,config:o={},theme:r}){let n=r?L(r):{};return jsxRuntime.jsxs(U.Provider,{value:{apiKey:e,config:o},children:[jsxRuntime.jsx(react.Global,{styles:{":root":i(i({},se),n)}}),jsxRuntime.jsx(react.ThemeProvider,{theme:g,children:t})]})}function he(){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),s=_.useCallback(c=>{n(c);},[]);return _.useLayoutEffect(()=>{r&&o(r.getBoundingClientRect());},[r]),{node:r,rect:t,ref:s}}var ht=react.keyframes({"0%":{opacity:.5,transform:"scale(0.5)"},"50%":{opacity:0,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(1)"}});function we(r){var n=r,{style:e={},part:t=""}=n,o=u(n,["style","part"]);return jsxRuntime.jsxs(m,l(i({part:`dot-wrapper ${t}`,style:i({height:"48px",position:"absolute",width:"48px"},e)},o),{children:[jsxRuntime.jsx(m,{backgroundColor:"primary.surface",part:"dot-pulse",css:{animation:`2s ease-out infinite ${ht}`,borderRadius:"24px",height:"48px",left:0,position:"absolute",top:0,transformOrigin:"center center",width:"48px"}}),jsxRuntime.jsx(m,{backgroundColor:"primary.surface",part:"dot",style:{borderRadius:"12px",height:"24px",left:"12px",position:"absolute",top:"12px",width:"24px"}})]}))}function Be(r){var n=r,{part:e,src:t}=n,o=u(n,["part","src"]);return jsxRuntime.jsx(m,i({as:"img",part:["image",e],src:t},o))}function Bt(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 Te(r){var n=r,{part:e,src:t}=n,o=u(n,["part","src"]);let s=Bt(t);return jsxRuntime.jsx(m,i({allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,as:"iframe",backgroundColor:"gray100",borderWidth:0,part:["video",e],src:s},o))}function X(r){var n=r,{src:e,type:t}=n,o=u(n,["src","type"]);return jsxRuntime.jsx(t==="video"?Te:Be,i({src:e},o))}function ve({props:e,alignAttr:t,sideAttr:o}){let r=o!=null?o:"bottom",n={},s=()=>{var f;if(["after","before"].includes(e.align)){if(t=="start")return "before";if(t=="end")return "after"}return (f=e.align)!=null?f:"after"},c="-24px",p={top:"bottom",right:"left",bottom:"top",left:"right"};n[p[r]]=c;let d=s();return ["before","end"].includes(d)?["top","bottom"].includes(r)?n.right=c:n.bottom=c:["after","start"].includes(d)?["top","bottom"].includes(r)?n.left=c:n.top=c:["top","bottom"].includes(r)?n.left=`calc(50% + ${c})`:n.top=`calc(50% + ${c})`,n}var Ce={content:["align","alignOffset","arrowPadding","avoidCollisions","collisionBoundary","collisionPadding","forceMount","hideWhenDetached","onCloseAutoFocus","onEscapeKeyDown","onFocusOutside","onInteractOutside","onOpenAutoFocus","onPointerDownOutside","side","sideOffset","sticky"],root:["defaultOpen","modal","onOpenChange","open"]};function Re(e,t){var n,s,c,p,d;let o=Object.fromEntries(Ce.content.map(f=>[f,e[f]]).filter(f=>f[1]!==void 0)),r=Object.fromEntries(Ce.root.map(f=>[f,e[f]]).filter(f=>f[1]!==void 0));if(o.align=(n=o.align)!=null?n:"after",o.side=(s=o.side)!=null?s:"bottom",["before","after"].includes(o.align)){let f={after:"end",before:"start"},b=(H,V)=>["top","bottom"].includes(V)?H=="after"?"marginLeft":"marginRight":H=="after"?"marginTop":"marginBottom",y=(c=o.alignOffset)!=null?c:0,R=(p=o.style)!=null?p:{},v=(d=o.side)!=null?d:"bottom",A=o.align;o.style=l(i({},R),{[b(A,v)]:y});let D=["top","bottom"].includes(v)?t.width:t.height;o.alignOffset=(D+y)*-1,o.align=f[A];}return {contentProps:o,rootProps:r}}function x(c){var p=c,{anchor:e,children:t,className:o,spotlight:r=!1,style:n}=p,s=u(p,["anchor","children","className","spotlight","style"]);let{node:d,rect:f,ref:b}=he(),{contentProps:y,rootProps:R}=Re(s,f),[v,A]=_.useState(y.align),[D,H]=_.useState(y.side);if(d!==null){let S=d.getAttribute("data-align"),Y=d.getAttribute("data-side");v!==S&&A(S),D!==Y&&H(Y);}let V=_.useRef(null),[I,Fe]=_.useState(null);if(_.useEffect(()=>{let S=document.querySelector(e);S!=null&&(V.current=S,Fe(V));},[e]),I==null)return null;let M=I.current.getBoundingClientRect(),Q="0";typeof window!="undefined"&&(Q=window.getComputedStyle(I.current).borderRadius);let Oe=ve({props:s,alignAttr:v,sideAttr:D});return jsxRuntime.jsxs(P__namespace.Root,l(i({defaultOpen:!0},R),{children:[jsxRuntime.jsx(P__namespace.Anchor,{virtualRef:I}),jsxRuntime.jsx(P__namespace.Portal,{children:jsxRuntime.jsxs("div",{className:o,css:{position:"absolute",zIndex:9999},children:[r&&jsxRuntime.jsx(m,{borderRadius:Q,part:"tooltip-spotlight",position:"absolute",css:{boxShadow:"0 0 0 2000px rgb(0 0 0 / 0.5)",height:M.height,left:M.left,top:M.top,width:M.width}}),jsxRuntime.jsx(P__namespace.Content,l(i({asChild:!0},y),{ref:b,children:jsxRuntime.jsxs(C.Column,{backgroundColor:"neutral.background",borderRadius:"md",p:5,part:"tooltip-content",position:"relative",css:i({boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)",maxWidth:"360px"},n),children:[jsxRuntime.jsx(we,{style:Oe}),t]})}))]})})]}))}x.Close=e=>jsxRuntime.jsx(P__namespace.Close,{"aria-label":"Close",asChild:!0,children:jsxRuntime.jsx(E.Plain,l(i({css:{top:"12px",right:"4px"},part:"tooltip-close",position:"absolute"},e),{children:jsxRuntime.jsx(solid.XMarkIcon,{height:"24",fill:"currentColor"})}))});x.Media=o=>{var r=o,{src:e}=r,t=u(r,["src"]);return e==null?null:jsxRuntime.jsx(X,i({borderRadius:"md md 0 0",borderWidth:"0",css:{aspectRatio:"2"},margin:"-5 -5 5",src:e},t))};x.Primary=r=>{var n=r,{onClick:e,title:t}=n,o=u(n,["onClick","title"]);return t==null?null:jsxRuntime.jsx(E.Primary,i({title:t,onClick:e},o))};x.Progress=o=>{var r=o,{children:e}=r,t=u(r,["children"]);return e==null?null:jsxRuntime.jsx(B.Body2,l(i({fontWeight:"demibold",part:"progress"},t),{children:e}))};x.Secondary=r=>{var n=r,{onClick:e,title:t}=n,o=u(n,["onClick","title"]);return t==null?null:jsxRuntime.jsx(E.Secondary,i({title:t,onClick:e},o))};x.Subtitle=o=>{var r=o,{children:e}=r,t=u(r,["children"]);return e==null?null:jsxRuntime.jsx(B.Body2,l(i({part:"subtitle"},t),{children:e}))};x.Title=o=>{var r=o,{children:e}=r,t=u(r,["children"]);return e==null?null:jsxRuntime.jsx(B.Body1,l(i({fontWeight:"bold",mb:1,part:"title"},t),{children:e}))};function ke(e){let[t,o]=_.useState(),[r,n]=_.useState(Math.random()),{apiKey:s,config:c}=_.useContext(U),p=Object.fromEntries(Object.entries(c).filter(([b,y])=>["apiUrl","userId"].includes(b)&&y!=null)),d=new js.Frigade(s,p);_.useEffect(()=>{let b=y=>{y.id===e&&(o(y),n(Math.random()));};return f(),d.onFlowStateChange(b),()=>{d.removeOnFlowStateChangeHandler(b);}},[]);function f(){return k(this,null,function*(){let b=yield d.getFlow(e);o(b);})}return {flow:t,fetchFlow:f}}function Et(o){var r=o,{flowId:e}=r,t=u(r,["flowId"]);var f;let{flow:n}=ke(e);if(n==null||n.isVisible===!1)return null;n.start();let s=n.getCurrentStep();s==null||s.start();function c(){return k(this,null,function*(){yield n.skip();})}function p(){return k(this,null,function*(){yield s.complete();})}let d=p;return jsxRuntime.jsxs(x,l(i({anchor:s.selector,onOpenAutoFocus:b=>b.preventDefault(),onPointerDownOutside:b=>b.preventDefault()},t),{children:[jsxRuntime.jsx(x.Close,{onClick:c}),jsxRuntime.jsx(x.Media,{src:(f=s.videoUri)!=null?f:s.imageUri,type:s.videoUri?"video":"image"}),jsxRuntime.jsx(x.Title,{children:s.title}),jsxRuntime.jsx(x.Subtitle,{children:s.subtitle}),jsxRuntime.jsxs(C.Row,{pt:4,alignItems:"center",justifyContent:"space-between",children:[jsxRuntime.jsx(x.Progress,{children:`${(s==null?void 0:s.order)+1}/${n.steps.size}`}),jsxRuntime.jsxs(C.Row,{gap:3,children:[jsxRuntime.jsx(x.Secondary,{title:s.secondaryButtonTitle,onClick:d}),jsxRuntime.jsx(x.Primary,{title:s.primaryButtonTitle,onClick:p})]})]})]}))}
+var Z=Object.defineProperty,Ae=Object.defineProperties;var De=Object.getOwnPropertyDescriptors;var $=Object.getOwnPropertySymbols;var ee=Object.prototype.hasOwnProperty,te=Object.prototype.propertyIsEnumerable;var Y=(e,t,o)=>t in e?Z(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))ee.call(t,o)&&Y(e,o,t[o]);if($)for(var o of $(t))te.call(t,o)&&Y(e,o,t[o]);return e},l=(e,t)=>Ae(e,De(t));var f=(e,t)=>{var o={};for(var r in e)ee.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&$)for(var r of $(e))t.indexOf(r)<0&&te.call(e,r)&&(o[r]=e[r]);return o};var oe=(e,t)=>{for(var o in t)Z(e,o,{get:t[o],enumerable:!0});};var R=(e,t,o)=>new Promise((r,n)=>{var s=u=>{try{d(o.next(u));}catch(p){n(p);}},c=u=>{try{d(o.throw(u));}catch(p){n(p);}},d=u=>u.done?r(u.value):Promise.resolve(u.value).then(s,c);d((o=o.apply(e,t)).next());});var He="px",Ie=e=>typeof e=="number"?`${4*e}${He}`:e,Ve=[-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"],We=Object.fromEntries(Ve.map(e=>[e,Ie(e)])),$e={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"},j={borders:{md:"1px solid"},borderWidths:{0:"0",md:"1px"},colors:i({},$e),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"},radii:{md:"10px",lg:"20px",round:"50%"},shadows:{md:"0px 4px 20px rgba(0, 0, 0, 0.1)"},space:We};var a=e=>`var(--fr-colors-${e})`,re={neutral:{background:a("white"),border:a("gray500"),foreground:a("black"),surface:a("gray700"),active:{background:a("white"),border:a("gray900"),foreground:a("black"),surface:a("gray700")},focus:{background:a("white"),border:a("gray900"),foreground:a("black"),surface:a("gray700")},hover:{background:a("white"),border:a("gray900"),foreground:a("black"),surface:a("gray700")}},primary:{background:a("blue500"),border:a("blue500"),foreground:a("white"),surface:a("blue500"),active:{background:a("blue400"),border:a("blue400"),foreground:a("white"),surface:a("blue400")},focus:{background:a("blue500"),border:a("blue500"),foreground:a("white"),surface:a("blue500")},hover:{background:a("blue400"),border:a("blue400"),foreground:a("white"),surface:a("blue400")}},secondary:{background:a("gray900"),border:a("gray900"),foreground:a("black"),surface:a("gray900"),active:{background:a("gray800"),border:a("gray800"),foreground:a("black"),surface:a("gray800")},focus:{background:a("gray900"),border:a("gray900"),foreground:a("black"),surface:a("gray900")},hover:{background:a("gray800"),border:a("gray800"),foreground:a("black"),surface:a("gray800")}}};var L=l(i({},j),{colors:i(i({},j.colors),re)});function k(e,t="",o="."){return Object.keys(e).reduce((r,n)=>{let c=`${t.length?`${t}${o}`:""}${n}`,d=e[n];return typeof d=="object"&&d!==null&&!Array.isArray(d)?Object.assign(r,k(d,c,o)):r[c]=d,r},{})}function z(e){return k(e,"--fr","-")}function ne(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]=ne(n,`${t}-${r}`):o[r]=`var(${t}-${r})`;}),o}var ie=z(L),g=ne(L);var K=k(g.colors),se={color:K,backgroundColor:K,borderColor:K,border:g.borders,borderRadius:g.radii,borderWidth:g.borderWidths,fontFamily:g.fontFamilies,fontSize:g.fontSizes,fontWeight:g.fontWeights,gap:g.space,lineHeight:g.lineHeights,margin:g.space,marginTop:g.space,marginRight:g.space,marginBottom:g.space,marginLeft:g.space,padding:g.space,paddingTop:g.space,paddingRight:g.space,paddingBottom:g.space,paddingLeft:g.space,alignContent:["center","start","end","flex-start","flex-end","normal","baseline","first baseline","last baseline","space-between","space-around","space-evenly","stretch","safe center","unsafe center","inherit","initial","revert","revert-layer","unset"],alignItems:["normal","stretch","center","start","end","flex-start","flex-end","self-start","self-end","baseline","first baseline","last baseline","safe center","unsafe center","inherit","initial","revert","revert-layer","unset"],alignSelf:["auto","normal","center","start","end","self-start","self-end","flex-start","flex-end","baseline","first baseline","last baseline","stretch","safe center","unsafe center","inherit","initial","revert","revert-layer","unset"],flexDirection:["row","row-reverse","column","column-reverse","inherit","initial","revert","revert-layer","unset"],flexWrap:["nowrap","wrap","wrap-reverse","inherit","initial","revert","revert-layer","unset"],justifyContent:["center","start","end","flex-start","flex-end","left","right","normal","space-between","space-around","space-evenly","stretch","safe center","unsafe center","inherit","initial","revert","revert-layer","unset"],justifyItems:["normal","stretch","center","start","end","flex-start","flex-end","self-start","self-end","left","right","baseline","first baseline","last baseline","safe center","unsafe center","legacy right","legacy left","legacy center","inherit","initial","revert","revert-layer","unset"],boxSizing:["border-box","content-box","inherit","initial","revert","revert-layer","unset"],position:["static","relative","absolute","fixed","sticky","inherit","initial","revert","revert-layer","unset"],display:["block","block flex","block flow","block flow-root","block grid","contents","flex","flow-root","grid","inherit","initial","inline","inline flex","inline flow","inline flow-root","inline grid","inline-block","inline-flex","inline-grid","list-item","none","revert","revert-layer","table","table-row-group","table-header-group","table-footer-group","table-row","table-cell","table-column-group","table-column","table-caption","unset"]},ae={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"]};function je(e){if(Array.isArray(e))return new Map(e.map(t=>[t,t]));if(typeof e=="object"&&e!==null)return new Map(Object.entries(e));if(["string","number"].includes(typeof e))return new Map([e,e]);throw new Error("Invalid entry in styleProps")}var Le=new Map(Object.entries(se).map(([e,t])=>[e,je(t)])),ze=new Map(Object.entries(ae).map(([e,t])=>[e,new Set(t)]));function le(e){let t=Object.assign({},e),o={};return Object.entries(t).forEach(([r,n])=>{let s=ze.get(r);s!=null&&(s.forEach(c=>{t[c]=n;}),delete t[r]);}),Object.entries(t).forEach(([r,n])=>{let s=Le.get(r);if(s!=null)if(typeof n=="string"&&n.indexOf(" ")>-1){let c=n.split(" ");o[r]=c.map(d=>{var u;return (u=s.get(d.toString()))!=null?u:d}).join(" "),delete t[r];}else s.has(n.toString())&&(o[r]=s.get(n.toString()),delete t[r]);}),{cssFromProps:o,unmatchedProps:t}}function ce(e){return e&&`fr-${e}`}function Ne(e){return e&&(Array.isArray(e)?e.map(t=>ce(t)).join(" "):ce(e))}function Ue(c,s){var d=c,{as:e,children:t,className:o,part:r}=d,n=f(d,["as","children","className","part"]);let u=e!=null?e:"div",{cssFromProps:p,unmatchedProps:y}=le(n),P=Ne(r),B=o||P?clsx.clsx(o,P):void 0;return jsxRuntime.jsx(u,l(i({className:B,css:[{boxSizing:"border-box"},p]},y),{ref:s,children:t}))}var m=___namespace.forwardRef(Ue);var N={};oe(N,{Body1:()=>Ze,Body2:()=>et,Caption:()=>tt,Display1:()=>Xe,Display2:()=>qe,H1:()=>Ge,H2:()=>Je,H3:()=>Qe,H4:()=>Ye});var w={color:"neutral.foreground",fontFamily:"default",margin:0},Xe=l(i({},w),{fontSize:"5xl",fontWeight:"bold",lineHeight:"4xl"}),qe=l(i({},w),{fontSize:"4xl",fontWeight:"bold",lineHeight:"3xl"}),Ge=l(i({},w),{fontSize:"3xl",fontWeight:"bold",lineHeight:"2xl"}),Je=l(i({},w),{fontSize:"2xl",fontWeight:"bold",lineHeight:"xl"}),Qe=l(i({},w),{fontSize:"xl",fontWeight:"bold",lineHeight:"lg"}),Ye=l(i({},w),{fontSize:"lg",fontWeight:"bold",lineHeight:"md"}),Ze=l(i({},w),{fontSize:"md",fontWeight:"regular",lineHeight:"md"}),et=l(i({},w),{fontSize:"sm",fontWeight:"regular",lineHeight:"md"}),tt=l(i({},w),{fontSize:"xs",fontWeight:"regular",lineHeight:"sm"});function de(n){var s=n,{as:e="span",children:t,variant:o="Body1"}=s,r=f(s,["as","children","variant"]);return jsxRuntime.jsx(m,l(i(i({as:e},N[o]),r),{children:t}))}var ot=["Display1","Display2","H1","H2","H3","H4","Body1","Body2","Caption"],rt=Object.fromEntries(ot.map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=r=>jsxRuntime.jsx(de,l(i({as:t},r),{variant:e,children:r.children}));return o.displayName=`Text.${e}`,[e,o]})),C=Object.assign(de,rt);var U={};oe(U,{Link:()=>st,Plain:()=>at,Primary:()=>nt,Secondary:()=>it,base:()=>O});var O=({radii:e,space:t})=>({borderWidth:0,borderRadius:e.md,padding:`${t[2]} ${t[4]}`}),nt=({colors:e})=>[O,{backgroundColor:e.primary.surface,color:e.primary.foreground,"&:hover":{backgroundColor:e.primary.hover.surface}}],it=({colors:e})=>[O,{backgroundColor:e.secondary.surface,color:e.secondary.foreground,"&:hover":{backgroundColor:e.secondary.hover.surface}}],st=({colors:e})=>[O,{backgroundColor:e.transparent,color:e.primary.surface,"&:hover":{color:e.primary.hover.surface}}],at=({colors:e})=>[O,{backgroundColor:e.transparent,color:e.neutral.foreground}];function ue(s){var c=s,{as:e,children:t,title:o,variant:r="Primary"}=c,n=f(c,["as","children","title","variant"]);return jsxRuntime.jsxs(m,l(i({as:e!=null?e:"button",css:U[r]},n),{children:[t,o&&jsxRuntime.jsx(C.Body2,{fontWeight:"demibold",color:"inherit",children:o})]}))}var lt=["Primary","Secondary","Link","Plain"],ct=Object.fromEntries(lt.map(e=>{let t=e.toLocaleLowerCase(),o=s=>{var c=s,{part:r}=c,n=f(c,["part"]);return jsxRuntime.jsx(ue,l(i({part:[`button-${t}`,r]},n),{variant:e,children:n.children}))};return o.displayName=`Text.${e}`,[e,o]})),F=Object.assign(ue,ct);var dt=___namespace.forwardRef((n,r)=>{var s=n,{children:e,css:t}=s,o=f(s,["children","css"]);return jsxRuntime.jsx(m,l(i({css:[{display:"flex",flexDirection:"row"},t]},o),{ref:r,children:e}))}),ft=___namespace.forwardRef((n,r)=>{var s=n,{children:e,css:t}=s,o=f(s,["children","css"]);return jsxRuntime.jsx(m,l(i({css:[{display:"flex",flexDirection:"column"},t]},o),{ref:r,children:e}))}),E={Column:ft,Row:dt};var M=_.createContext({apiKey:"",config:{},modals:[],setModals:()=>{}});function bt({apiKey:e,children:t,config:o={},theme:r}){let n=r?z(r):{},[s,c]=_.useState([]);return jsxRuntime.jsxs(M.Provider,{value:{apiKey:e,config:o,modals:s,setModals:c},children:[jsxRuntime.jsx(react.Global,{styles:{":root":i(i({},ie),n)}}),jsxRuntime.jsx(react.ThemeProvider,{theme:g,children:t})]})}function ye(){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),s=_.useCallback(c=>{n(c);},[]);return _.useLayoutEffect(()=>{r&&o(r.getBoundingClientRect());},[r]),{node:r,rect:t,ref:s}}var Ct=react.keyframes({"0%":{opacity:.5,transform:"scale(0.5)"},"50%":{opacity:0,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(1)"}});function Pe(r){var n=r,{style:e={},part:t=""}=n,o=f(n,["style","part"]);return jsxRuntime.jsxs(m,l(i({part:`dot-wrapper ${t}`,style:i({height:"48px",position:"absolute",width:"48px"},e)},o),{children:[jsxRuntime.jsx(m,{backgroundColor:"primary.surface",part:"dot-pulse",css:{animation:`2s ease-out infinite ${Ct}`,borderRadius:"24px",height:"48px",left:0,position:"absolute",top:0,transformOrigin:"center center",width:"48px"}}),jsxRuntime.jsx(m,{backgroundColor:"primary.surface",part:"dot",style:{borderRadius:"12px",height:"24px",left:"12px",position:"absolute",top:"12px",width:"24px"}})]}))}function we(r){var n=r,{part:e,src:t}=n,o=f(n,["part","src"]);return jsxRuntime.jsx(m,i({as:"img",part:["image",e],src:t},o))}function Bt(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 Ce(r){var n=r,{part:e,src:t}=n,o=f(n,["part","src"]);let s=Bt(t);return jsxRuntime.jsx(m,i({allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,as:"iframe",backgroundColor:"gray100",borderWidth:0,part:["video",e],src:s},o))}function X(r){var n=r,{src:e,type:t}=n,o=f(n,["src","type"]);return jsxRuntime.jsx(t==="video"?Ce:we,i({src:e},o))}function Te({props:e,alignAttr:t,sideAttr:o}){let r=o!=null?o:"bottom",n={},s=()=>{var p;if(["after","before"].includes(e.align)){if(t=="start")return "before";if(t=="end")return "after"}return (p=e.align)!=null?p:"after"},c="-24px",d={top:"bottom",right:"left",bottom:"top",left:"right"};n[d[r]]=c;let u=s();return ["before","end"].includes(u)?["top","bottom"].includes(r)?n.right=c:n.bottom=c:["after","start"].includes(u)?["top","bottom"].includes(r)?n.left=c:n.top=c:["top","bottom"].includes(r)?n.left=`calc(50% + ${c})`:n.top=`calc(50% + ${c})`,n}var ve={content:["align","alignOffset","arrowPadding","avoidCollisions","collisionBoundary","collisionPadding","forceMount","hideWhenDetached","onCloseAutoFocus","onEscapeKeyDown","onFocusOutside","onInteractOutside","onOpenAutoFocus","onPointerDownOutside","side","sideOffset","sticky"],root:["defaultOpen","modal","onOpenChange","open"]};function Be(e,t){var n,s,c,d,u;let o=Object.fromEntries(ve.content.map(p=>[p,e[p]]).filter(p=>p[1]!==void 0)),r=Object.fromEntries(ve.root.map(p=>[p,e[p]]).filter(p=>p[1]!==void 0));if(o.align=(n=o.align)!=null?n:"after",o.side=(s=o.side)!=null?s:"bottom",["before","after"].includes(o.align)){let p={after:"end",before:"start"},y=(H,I)=>["top","bottom"].includes(I)?H=="after"?"marginLeft":"marginRight":H=="after"?"marginTop":"marginBottom",P=(c=o.alignOffset)!=null?c:0,B=(d=o.style)!=null?d:{},v=(u=o.side)!=null?u:"bottom",A=o.align;o.style=l(i({},B),{[y(A,v)]:P});let D=["top","bottom"].includes(v)?t.width:t.height;o.alignOffset=(D+P)*-1,o.align=p[A];}return {contentProps:o,rootProps:r}}function x(c){var d=c,{anchor:e,children:t,className:o,spotlight:r=!1,style:n}=d,s=f(d,["anchor","children","className","spotlight","style"]);let{node:u,rect:p,ref:y}=ye(),{contentProps:P,rootProps:B}=Be(s,p),[v,A]=_.useState(P.align),[D,H]=_.useState(P.side);if(u!==null){let S=u.getAttribute("data-align"),Q=u.getAttribute("data-side");v!==S&&A(S),D!==Q&&H(Q);}let I=_.useRef(null),[V,Ee]=_.useState(null);if(_.useEffect(()=>{let S=document.querySelector(e);S!=null&&(I.current=S,Ee(I));},[e]),V==null)return null;let W=V.current.getBoundingClientRect(),J="0";typeof window!="undefined"&&(J=window.getComputedStyle(V.current).borderRadius);let Me=Te({props:s,alignAttr:v,sideAttr:D});return jsxRuntime.jsxs(h__namespace.Root,l(i({defaultOpen:!0},B),{children:[jsxRuntime.jsx(h__namespace.Anchor,{virtualRef:V}),jsxRuntime.jsx(h__namespace.Portal,{children:jsxRuntime.jsxs("div",{className:o,css:{position:"absolute",zIndex:9999},children:[r&&jsxRuntime.jsx(m,{borderRadius:J,part:"tooltip-spotlight",position:"absolute",css:{boxShadow:"0 0 0 2000px rgb(0 0 0 / 0.5)",height:W.height,left:W.left,top:W.top,width:W.width}}),jsxRuntime.jsx(h__namespace.Content,l(i({asChild:!0},P),{ref:y,children:jsxRuntime.jsxs(E.Column,{backgroundColor:"neutral.background",borderRadius:"md",p:5,part:"tooltip-content",position:"relative",css:i({boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)",maxWidth:"360px"},n),children:[jsxRuntime.jsx(Pe,{style:Me}),t]})}))]})})]}))}x.Close=e=>jsxRuntime.jsx(h__namespace.Close,{"aria-label":"Close",asChild:!0,children:jsxRuntime.jsx(F.Plain,l(i({css:{top:"12px",right:"4px"},part:"tooltip-close",position:"absolute"},e),{children:jsxRuntime.jsx(solid.XMarkIcon,{height:"24",fill:"currentColor"})}))});x.Media=o=>{var r=o,{src:e}=r,t=f(r,["src"]);return e==null?null:jsxRuntime.jsx(X,i({borderRadius:"md md 0 0",borderWidth:"0",css:{aspectRatio:"2"},margin:"-5 -5 5",src:e},t))};x.Primary=r=>{var n=r,{onClick:e,title:t}=n,o=f(n,["onClick","title"]);return t==null?null:jsxRuntime.jsx(F.Primary,i({title:t,onClick:e},o))};x.Progress=o=>{var r=o,{children:e}=r,t=f(r,["children"]);return e==null?null:jsxRuntime.jsx(C.Body2,l(i({fontWeight:"demibold",part:"progress"},t),{children:e}))};x.Secondary=r=>{var n=r,{onClick:e,title:t}=n,o=f(n,["onClick","title"]);return t==null?null:jsxRuntime.jsx(F.Secondary,i({title:t,onClick:e},o))};x.Subtitle=o=>{var r=o,{children:e}=r,t=f(r,["children"]);return e==null?null:jsxRuntime.jsx(C.Body2,l(i({part:"subtitle"},t),{children:e}))};x.Title=o=>{var r=o,{children:e}=r,t=f(r,["children"]);return e==null?null:jsxRuntime.jsx(C.Body1,l(i({fontWeight:"bold",mb:1,part:"title"},t),{children:e}))};function Se(e){let[t,o]=_.useState(),{apiKey:r,config:n}=_.useContext(M),s=Object.fromEntries(Object.entries(n).filter(([p,y])=>["apiUrl","userId"].includes(p)&&y!=null)),d=_.useRef(new js.Frigade(r,s)).current,u=p=>{if(p.id!==e)return;let y=Object.assign(Object.create(Object.getPrototypeOf(p)),p);o(y);};return _.useEffect(()=>(R(this,null,function*(){let p=yield d.getFlow(e);o(p);}),d.onFlowStateChange(u),()=>{d.removeOnFlowStateChangeHandler(u);}),[]),{flow:t}}function ke(e){let{modals:t,setModals:o}=_.useContext(M),[r,n]=_.useState(!1);return _.useEffect(()=>(o([...t,e]),()=>o(t.filter(s=>s!==e))),[]),_.useEffect(()=>{let s=t[0]===e;s!==r&&n(s);},[t]),{isCurrentModal:r}}function Fe(r){var n=r,{step:e,flow:t}=n,o=f(n,["step","flow"]);var p;let{isCurrentModal:s}=ke(`${t.id}-${e.id}`);if(!s)return null;function c(){return R(this,null,function*(){yield t.skip();})}function d(){return R(this,null,function*(){yield e.complete();})}let u=d;return jsxRuntime.jsxs(x,l(i({anchor:e.selector,onOpenAutoFocus:y=>y.preventDefault(),onPointerDownOutside:y=>y.preventDefault()},o),{children:[jsxRuntime.jsx(x.Close,{onClick:c}),jsxRuntime.jsx(x.Media,{src:(p=e.videoUri)!=null?p:e.imageUri,type:e.videoUri?"video":"image"}),jsxRuntime.jsx(x.Title,{children:e.title}),jsxRuntime.jsx(x.Subtitle,{children:e.subtitle}),jsxRuntime.jsxs(E.Row,{alignItems:"center",gap:3,justifyContent:"flex-end",part:"tooltip-footer",pt:4,children:[jsxRuntime.jsx(x.Progress,{children:`${(e==null?void 0:e.order)+1}/${t.steps.size}`}),jsxRuntime.jsx(x.Secondary,{marginLeft:"auto",title:e.secondaryButtonTitle,onClick:u}),jsxRuntime.jsx(x.Primary,{title:e.primaryButtonTitle,onClick:d})]})]}),e.id)}function Wt(o){var r=o,{flowId:e}=r,t=f(r,["flowId"]);let{flow:n}=Se(e);if(n==null||n.isVisible===!1)return null;n.start();let s=n.getCurrentStep();return s==null||s.start(),jsxRuntime.jsx(Fe,i({step:s,flow:n},t))}
 
 exports.Box = m;
-exports.Button = E;
-exports.Flex = C;
-exports.Provider = gt;
-exports.Text = B;
+exports.Button = F;
+exports.Flex = E;
+exports.Provider = bt;
+exports.Text = C;
 exports.Tooltip = x;
-exports.Tour = Et;
+exports.Tour = Wt;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Box/index.tsx","../src/shared/tokens/scalarTokens.ts","../src/shared/tokens/semanticColors.ts","../src/shared/tokens/index.ts","../src/shared/flattenObject.ts","../src/shared/theme/index.ts","../src/components/Box/styleProps.ts","../src/components/Box/stylePropsToCss.ts","../src/components/Text/Text.styles.ts","../src/components/Text/index.tsx","../src/components/Button/Button.styles.ts","../src/components/Button/index.tsx","../src/components/Flex/Flex.tsx","../src/components/Provider/index.tsx","../src/components/Tooltip/index.tsx","../src/hooks/useBoundingClientRect.ts","../src/components/Tooltip/Dot.tsx","../src/components/Media/Image.tsx","../src/components/Media/Video.tsx","../src/components/Media/Media.tsx","../src/components/Tooltip/getDotPosition.ts","../src/components/Tooltip/mapTooltipPropsToPopoverProps.ts","../src/hooks/useFlow.ts","../src/components/Tour/index.tsx"],"names":["React","clsx","SPACE_UNIT","spaceValue","key","spaceKeys","spaceScale","palette","scalarTokens","__spreadValues","colorVar","colorName","semanticColors","tokens","__spreadProps","flattenObject","obj","path","separator","acc","k","currentPath","currentValue","createThemeVariables","mapTokensToThemeVariables","newObj","themeVariables","theme","colorTokens","styleProps","stylePropShorthands","prepValue","value","v","stylePropsMap","propName","stylePropShorthandsMap","shorthand","targetProps","stylePropsToCss","props","unmatchedProps","cssFromProps","propValue","matchedShorthand","styleProp","splitPropValues","_a","jsx","prefixPart","part","processPart","p","BoxWithRef","ref","_b","as","children","className","__objRest","Component","processedPart","classNameWithPart","Box","Text_styles_exports","__export","Body1","Body2","Caption","Display1","Display2","H1","H2","H3","H4","base","BaseText","variant","textVariantNames","textVariantComponents","asProp","component","Text","Button_styles_exports","Link","Plain","Primary","Secondary","radii","space","colors","jsxs","BaseButton","title","buttonVariantNames","buttonVariantComponents","variantPart","Button","Row","css","Column","Flex","createContext","Global","ThemeProvider","FrigadeContext","Provider","apiKey","config","themeOverrides","useEffect","useRef","useState","XMarkIcon","Popover","useCallback","useLayoutEffect","useBoundingClientRect","initialRect","rect","setRect","node","setNode","keyframes","pulse","Dot","style","Image","src","getVideoEmbedSrc","videoUri","_c","Video","videoEmbedSrc","Media","type","getDotPosition","alignAttr","sideAttr","currentSide","dotProps","getCurrentAlign","dotOffset","oppositeSides","currentAlign","RADIX_PROPS","mapTooltipPropsToRadixProps","contentRect","_d","_e","contentProps","propEntry","rootProps","mapToOriginalAlignValues","mapAlignOffsetToMargin","align","side","originalOffset","originalStyleProp","lengthOfCurrentSide","Tooltip","anchor","spotlight","contentNode","contentRef","setAlignAttr","setSideAttr","currentAlignAttr","currentSideAttr","anchorRef","anchorElementRef","setAnchorElementRef","anchorQuery","anchorRect","anchorRadius","dotPosition","onClick","Frigade","useContext","useFlow","flowId","flow","setFlow","_","setNonce","filteredConfig","frigade","handler","updatedFlow","fetchFlow","__async","flowResponse","Tour","step","handleDismiss","handlePrimary","handleSecondary","e"],"mappings":"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lB,aAAcA,EAAM,MACpB,cAAeA,EAAM,MACrB,YAAaA,EAAM,MAEnB,aAAc,CACZ,SACA,QACA,MACA,aACA,WACA,SACA,WACA,iBACA,gBACA,gBACA,eACA,eACA,UACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,WAAY,CACV,SACA,UACA,SACA,QACA,MACA,aACA,WACA,aACA,WACA,WACA,iBACA,gBACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,UAAW,CACT,OACA,SACA,SACA,QACA,MACA,aACA,WACA,aACA,WACA,WACA,iBACA,gBACA,UACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,cAAe,CACb,MACA,cACA,SACA,iBACA,UACA,UACA,SACA,eACA,OACF,EAEA,SAAU,CACR,SACA,OACA,eACA,UACA,UACA,SACA,eACA,OACF,EAEA,eAAgB,CACd,SACA,QACA,MACA,aACA,WACA,OACA,QACA,SACA,gBACA,eACA,eACA,UACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,aAAc,CACZ,SACA,UACA,SACA,QACA,MACA,aACA,WACA,aACA,WACA,OACA,QACA,WACA,iBACA,gBACA,cACA,gBACA,eACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,UAAW,CAAC,aAAc,cAAe,UAAW,UAAW,SAAU,eAAgB,OAAO,EAEhG,SAAU,CACR,SACA,WACA,WACA,QACA,SACA,UACA,UACA,SACA,eACA,OACF,EAEA,QAAS,CACP,QACA,aACA,aACA,kBACA,aACA,WACA,OACA,YACA,OACA,UACA,UACA,SACA,cACA,cACA,mBACA,cACA,eACA,cACA,cACA,YACA,OACA,SACA,eACA,QACA,kBACA,qBACA,qBACA,YACA,aACA,qBACA,eACA,gBACA,OACF,CACF,EAEaG,GAAsB,CACjC,EAAG,CAAC,QAAQ,EACZ,GAAI,CAAC,WAAW,EAChB,GAAI,CAAC,aAAa,EAClB,GAAI,CAAC,cAAc,EACnB,GAAI,CAAC,YAAY,EACjB,GA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","sourcesContent":["import * as React from 'react'\nimport { clsx } from 'clsx'\n\nimport { stylePropsToCss } from './stylePropsToCss'\n\nfunction prefixPart(part: string | undefined) {\n  return part ? `fr-${part}` : part\n}\n\nfunction processPart(part: string | string[] | undefined) {\n  if (!part) return part\n\n  return Array.isArray(part) ? part.map((p) => prefixPart(p)).join(' ') : prefixPart(part)\n}\n\nexport type BoxProps<T extends React.ElementType = React.ElementType> = {\n  as?: T\n  part?: string | string[]\n} & React.ComponentPropsWithRef<T>\n\nfunction BoxWithRef<T extends React.ElementType = React.ElementType>(\n  { as, children, className, part, ...props }: BoxProps<T>,\n  ref: React.ForwardedRef<T>\n) {\n  const Component = as ?? 'div'\n\n  const { cssFromProps, unmatchedProps } = stylePropsToCss(props)\n\n  const processedPart = processPart(part)\n  const classNameWithPart = className || processedPart ? clsx(className, processedPart) : undefined\n\n  const cssProp = [{ boxSizing: 'border-box' }, cssFromProps]\n\n  return (\n    // @ts-ignore: TODO: ref types are yet again complaining\n    <Component className={classNameWithPart} css={cssProp} {...unmatchedProps} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const Box = React.forwardRef(BoxWithRef)\n","const SPACE_VALUE = 4\nconst SPACE_UNIT = 'px'\n\nconst spaceValue = (key: SpaceKeys[any]) =>\n  typeof key === 'number' ? `${SPACE_VALUE * key}${SPACE_UNIT}` : key\n\nconst spaceKeys = [\n  -20,\n  -19,\n  -18,\n  -17,\n  -16,\n  -15,\n  -14,\n  -13,\n  -12,\n  -11,\n  -10,\n  -9,\n  -8,\n  -7,\n  -6,\n  -5,\n  -4,\n  -3,\n  -2,\n  -1,\n  -0.5,\n  0,\n  0.5,\n  1,\n  2,\n  3,\n  4,\n  5,\n  6,\n  7,\n  8,\n  9,\n  10,\n  11,\n  12,\n  13,\n  14,\n  15,\n  16,\n  17,\n  18,\n  19,\n  20,\n  'auto',\n] as const\n\ntype SpaceKeys = typeof spaceKeys\n\ntype SpaceScale = {\n  [K in SpaceKeys[any]]: string\n}\nconst spaceScale = Object.fromEntries(spaceKeys.map((key) => [key, spaceValue(key)])) as SpaceScale\n\nexport const palette = {\n  black: '#000000',\n  gray100: '#14161A',\n  gray200: '#181B20',\n  gray300: '#1F2329',\n  gray400: '#2E343D',\n  gray500: '#4C5766',\n  gray600: '#5A6472',\n  gray700: '#C5CBD3',\n  gray800: '#E2E5E9',\n  gray900: '#F1F2F4',\n  white: '#ffffff',\n  blue400: '#015AC6',\n  blue500: '#0171F8',\n  blue800: '#DBECFF',\n  blue900: '#F5F9FF',\n  green400: '#009E37',\n  green500: '#00D149',\n  green800: '#DBFFE8',\n  transparent: '#FFFFFF00',\n  inherit: 'inherit',\n\n  // This color isn't in the Design System yet, but it's used in old components\n  red500: '#c00000',\n}\n\n// Scalar = Tokens with literal values\nexport const scalarTokens = {\n  borders: {\n    md: '1px solid',\n  },\n  borderWidths: {\n    0: '0',\n    md: '1px',\n  },\n\n  colors: {\n    ...palette,\n  },\n  fontFamilies: {\n    default: 'TT Interphases Pro, sans-serif',\n  },\n  fontSizes: {\n    xs: '12px',\n    sm: '14px',\n    md: '16px',\n    lg: '18px',\n    xl: '20px',\n    '2xl': '24px',\n    '3xl': '30px',\n    '4xl': '36px',\n    '5xl': '48px',\n  },\n  fontWeights: {\n    regular: '400',\n    demibold: '600',\n    bold: '700',\n  },\n  letterSpacings: {\n    md: '0.02em',\n  },\n  lineHeights: {\n    xs: '18px',\n    sm: '22px',\n    md: '24px',\n    lg: '26px',\n    xl: '30px',\n    '2xl': '38px',\n    '3xl': '46px',\n    '4xl': '60px',\n  },\n  radii: {\n    md: '10px',\n    lg: '20px',\n    round: '50%',\n  },\n  shadows: {\n    md: '0px 4px 20px rgba(0, 0, 0, 0.1)',\n  },\n  space: spaceScale,\n}\n","const colorVar = (colorName) => `var(--fr-colors-${colorName})`\n\n// Semantic = Tokens that reference Scalars & contextualize them according to how they're used\nexport const semanticColors = {\n  neutral: {\n    background: colorVar('white'),\n    border: colorVar('gray500'),\n    foreground: colorVar('black'),\n    surface: colorVar('gray700'),\n\n    active: {\n      background: colorVar('white'),\n      border: colorVar('gray900'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray700'),\n    },\n    focus: {\n      background: colorVar('white'),\n      border: colorVar('gray900'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray700'),\n    },\n    hover: {\n      background: colorVar('white'),\n      border: colorVar('gray900'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray700'),\n    },\n  },\n\n  primary: {\n    background: colorVar('blue500'),\n    border: colorVar('blue500'),\n    foreground: colorVar('white'),\n    surface: colorVar('blue500'),\n\n    active: {\n      background: colorVar('blue400'),\n      border: colorVar('blue400'),\n      foreground: colorVar('white'),\n      surface: colorVar('blue400'),\n    },\n    focus: {\n      background: colorVar('blue500'),\n      border: colorVar('blue500'),\n      foreground: colorVar('white'),\n      surface: colorVar('blue500'),\n    },\n    hover: {\n      background: colorVar('blue400'),\n      border: colorVar('blue400'),\n      foreground: colorVar('white'),\n      surface: colorVar('blue400'),\n    },\n  },\n\n  secondary: {\n    background: colorVar('gray900'),\n    border: colorVar('gray900'),\n    foreground: colorVar('black'),\n    surface: colorVar('gray900'),\n\n    active: {\n      background: colorVar('gray800'),\n      border: colorVar('gray800'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray800'),\n    },\n    focus: {\n      background: colorVar('gray900'),\n      border: colorVar('gray900'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray900'),\n    },\n    hover: {\n      background: colorVar('gray800'),\n      border: colorVar('gray800'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray800'),\n    },\n  },\n}\n","import { scalarTokens } from './scalarTokens'\nimport { semanticColors } from './semanticColors'\n\nexport { scalarTokens, semanticColors }\n\n// Package up everything everywhere all at once for convenience\nexport const tokens = {\n  ...scalarTokens,\n  colors: {\n    ...scalarTokens.colors,\n    ...semanticColors,\n  },\n}\n","export function flattenObject(obj: Record<any, any>, path = '', separator = '.') {\n  return Object.keys(obj).reduce((acc, k) => {\n    const prefix = path.length ? `${path}${separator}` : ''\n    const currentPath = `${prefix}${k}`\n    const currentValue = obj[k]\n\n    if (typeof currentValue === 'object' && currentValue !== null && !Array.isArray(currentValue)) {\n      Object.assign(acc, flattenObject(currentValue, currentPath, separator))\n    } else {\n      acc[currentPath] = currentValue\n    }\n\n    return acc\n  }, {})\n}\n","import { tokens } from '../tokens'\nimport { flattenObject } from '../flattenObject'\n\n// Transform tokens to a flat list of CSS variables and values to inject into the page\n// IN: { colors: { black: '#000' } }, OUT: { '--fr-colors-black': '#000' }\nexport function createThemeVariables(tokens) {\n  return flattenObject(tokens, '--fr', '-')\n}\n\n// Swap token values out and replace them with the CSS variables we defined\n// IN: { colors: { black: '#000' } }, OUT: { colors: { black: 'var(--fr-colors-black)' } }\nfunction mapTokensToThemeVariables(obj, path = '--fr') {\n  const newObj: Record<string, any> = {}\n\n  Object.keys(obj).forEach((key) => {\n    const currentValue = obj[key]\n\n    if (typeof currentValue === 'object' && currentValue !== null && !Array.isArray(currentValue)) {\n      newObj[key] = mapTokensToThemeVariables(currentValue, `${path}-${key}`)\n    } else {\n      newObj[key] = `var(${path}-${key})`\n    }\n  })\n\n  return newObj\n}\n\nexport const themeVariables = createThemeVariables(tokens)\n\nexport const theme = mapTokensToThemeVariables(tokens)\n","import { theme } from '../../shared/theme'\nimport { flattenObject } from '../../shared/flattenObject'\n\nconst colorTokens: Record<string, unknown> = flattenObject(theme.colors)\n\n/*\n  TODO:\n  - top / right / bottom / left\n*/\n\nexport const styleProps = {\n  color: colorTokens,\n  backgroundColor: colorTokens,\n  borderColor: colorTokens,\n  border: theme.borders,\n  borderRadius: theme.radii,\n  borderWidth: theme.borderWidths,\n\n  fontFamily: theme.fontFamilies,\n  fontSize: theme.fontSizes,\n  fontWeight: theme.fontWeights,\n\n  gap: theme.space,\n\n  lineHeight: theme.lineHeights,\n\n  margin: theme.space,\n  marginTop: theme.space,\n  marginRight: theme.space,\n  marginBottom: theme.space,\n  marginLeft: theme.space,\n\n  padding: theme.space,\n  paddingTop: theme.space,\n  paddingRight: theme.space,\n  paddingBottom: theme.space,\n  paddingLeft: theme.space,\n\n  alignContent: [\n    'center',\n    'start',\n    'end',\n    'flex-start',\n    'flex-end',\n    'normal',\n    'baseline',\n    'first baseline',\n    'last baseline',\n    'space-between',\n    'space-around',\n    'space-evenly',\n    'stretch',\n    'safe center',\n    'unsafe center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  alignItems: [\n    'normal',\n    'stretch',\n    'center',\n    'start',\n    'end',\n    'flex-start',\n    'flex-end',\n    'self-start',\n    'self-end',\n    'baseline',\n    'first baseline',\n    'last baseline',\n    'safe center',\n    'unsafe center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  alignSelf: [\n    'auto',\n    'normal',\n    'center',\n    'start',\n    'end',\n    'self-start',\n    'self-end',\n    'flex-start',\n    'flex-end',\n    'baseline',\n    'first baseline',\n    'last baseline',\n    'stretch',\n    'safe center',\n    'unsafe center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  flexDirection: [\n    'row',\n    'row-reverse',\n    'column',\n    'column-reverse',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  flexWrap: [\n    'nowrap',\n    'wrap',\n    'wrap-reverse',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  justifyContent: [\n    'center',\n    'start',\n    'end',\n    'flex-start',\n    'flex-end',\n    'left',\n    'right',\n    'normal',\n    'space-between',\n    'space-around',\n    'space-evenly',\n    'stretch',\n    'safe center',\n    'unsafe center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  justifyItems: [\n    'normal',\n    'stretch',\n    'center',\n    'start',\n    'end',\n    'flex-start',\n    'flex-end',\n    'self-start',\n    'self-end',\n    'left',\n    'right',\n    'baseline',\n    'first baseline',\n    'last baseline',\n    'safe center',\n    'unsafe center',\n    'legacy right',\n    'legacy left',\n    'legacy center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  boxSizing: ['border-box', 'content-box', 'inherit', 'initial', 'revert', 'revert-layer', 'unset'],\n\n  position: [\n    'static',\n    'relative',\n    'absolute',\n    'fixed',\n    'sticky',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  display: [\n    'block',\n    'block flex',\n    'block flow',\n    'block flow-root',\n    'block grid',\n    'contents',\n    'flex',\n    'flow-root',\n    'grid',\n    'inherit',\n    'initial',\n    'inline',\n    'inline flex',\n    'inline flow',\n    'inline flow-root',\n    'inline grid',\n    'inline-block',\n    'inline-flex',\n    'inline-grid',\n    'list-item',\n    'none',\n    'revert',\n    'revert-layer',\n    'table',\n    'table-row-group',\n    'table-header-group',\n    'table-footer-group',\n    'table-row',\n    'table-cell',\n    'table-column-group',\n    'table-column',\n    'table-caption',\n    'unset',\n  ],\n}\n\nexport const stylePropShorthands = {\n  m: ['margin'],\n  mt: ['marginTop'],\n  mr: ['marginRight'],\n  mb: ['marginBottom'],\n  ml: ['marginLeft'],\n  mx: ['marginLeft', 'marginRight'],\n  my: ['marginTop', 'marginBottom'],\n\n  p: ['padding'],\n  pt: ['paddingTop'],\n  pr: ['paddingRight'],\n  pb: ['paddingBottom'],\n  pl: ['paddingLeft'],\n  px: ['paddingLeft', 'paddingRight'],\n  py: ['paddingTop', 'paddingBottom'],\n}\n","import { styleProps, stylePropShorthands } from './styleProps'\n\nfunction prepValue(value) {\n  if (Array.isArray(value)) {\n    return new Map(value.map((v) => [v, v]))\n  } else if (typeof value === 'object' && value !== null) {\n    return new Map(Object.entries(value))\n  } else if (['string', 'number'].includes(typeof value)) {\n    return new Map([value, value])\n  }\n\n  throw new Error('Invalid entry in styleProps')\n}\n\nconst stylePropsMap = new Map(\n  Object.entries(styleProps).map(([propName, value]) => {\n    return [propName, prepValue(value)]\n  })\n)\n\nconst stylePropShorthandsMap = new Map(\n  Object.entries(stylePropShorthands).map(([shorthand, targetProps]) => {\n    return [shorthand, new Set(targetProps)]\n  })\n)\n\nexport function stylePropsToCss(props: Record<any, any>) {\n  const unmatchedProps = Object.assign({}, props)\n  const cssFromProps = {}\n\n  // Convert shorthand styleProps to full versions\n  Object.entries(unmatchedProps).forEach(([propName, propValue]) => {\n    const matchedShorthand = stylePropShorthandsMap.get(propName)\n    if (matchedShorthand != null) {\n      matchedShorthand.forEach((propName) => {\n        unmatchedProps[propName] = propValue\n      })\n\n      delete unmatchedProps[propName]\n    }\n  })\n\n  // Convert styleProps to style object\n  Object.entries(unmatchedProps).forEach(([propName, propValue]) => {\n    const styleProp = stylePropsMap.get(propName)\n    if (styleProp != null) {\n      if (typeof propValue === 'string' && propValue.indexOf(' ') > -1) {\n        // Split space-separated values out and process them individually\n        const splitPropValues = propValue.split(' ')\n\n        cssFromProps[propName] = splitPropValues\n          .map((v) => styleProp.get(v.toString()) ?? v)\n          .join(' ')\n\n        delete unmatchedProps[propName]\n      } else if (styleProp.has(propValue.toString())) {\n        cssFromProps[propName] = styleProp.get(propValue.toString())\n        delete unmatchedProps[propName]\n      }\n    }\n  })\n\n  return { cssFromProps, unmatchedProps }\n}\n","const base = {\n  color: 'neutral.foreground',\n  fontFamily: 'default',\n  margin: 0,\n}\n\nexport const Display1 = {\n  ...base,\n  fontSize: '5xl',\n  fontWeight: 'bold',\n  lineHeight: '4xl',\n}\n\nexport const Display2 = {\n  ...base,\n  fontSize: '4xl',\n  fontWeight: 'bold',\n  lineHeight: '3xl',\n}\n\nexport const H1 = {\n  ...base,\n  fontSize: '3xl',\n  fontWeight: 'bold',\n  lineHeight: '2xl',\n}\n\nexport const H2 = {\n  ...base,\n  fontSize: '2xl',\n  fontWeight: 'bold',\n  lineHeight: 'xl',\n}\n\nexport const H3 = {\n  ...base,\n  fontSize: 'xl',\n  fontWeight: 'bold',\n  lineHeight: 'lg',\n}\n\nexport const H4 = {\n  ...base,\n  fontSize: 'lg',\n  fontWeight: 'bold',\n  lineHeight: 'md',\n}\n\nexport const Body1 = {\n  ...base,\n  fontSize: 'md',\n  fontWeight: 'regular',\n  lineHeight: 'md',\n}\n\nexport const Body2 = {\n  ...base,\n  fontSize: 'sm',\n  fontWeight: 'regular',\n  lineHeight: 'md',\n}\n\nexport const Caption = {\n  ...base,\n  fontSize: 'xs',\n  fontWeight: 'regular',\n  lineHeight: 'sm',\n}\n","import { Box, BoxProps } from '../Box'\n\nimport * as styles from './Text.styles'\n\ntype TextVariant =\n  | 'Display1'\n  | 'Display2'\n  | 'H1'\n  | 'H2'\n  | 'H3'\n  | 'H4'\n  | 'Body1'\n  | 'Body2'\n  | 'Caption'\n\nexport interface TextProps extends BoxProps {\n  variant?: TextVariant\n}\n\nfunction BaseText({ as = 'span', children, variant = 'Body1', ...props }: TextProps) {\n  return (\n    <Box as={as} {...styles[variant]} {...props}>\n      {children}\n    </Box>\n  )\n}\n\nconst textVariantNames: TextVariant[] = [\n  'Display1',\n  'Display2',\n  'H1',\n  'H2',\n  'H3',\n  'H4',\n  'Body1',\n  'Body2',\n  'Caption',\n]\n\nconst textVariantComponents = Object.fromEntries(\n  textVariantNames.map((variant) => {\n    const asProp = ['H1', 'H2', 'H3', 'H4'].includes(variant)\n      ? (variant.toLowerCase() as 'h1' | 'h2' | 'h3' | 'h4')\n      : undefined\n    const component = (props: TextProps) => (\n      <BaseText as={asProp} {...props} variant={variant}>\n        {props.children}\n      </BaseText>\n    )\n\n    component.displayName = `Text.${variant}`\n\n    return [variant, component]\n  })\n)\n\nexport const Text = Object.assign(BaseText, textVariantComponents)\n","export const base = ({ radii, space }) => ({\n  borderWidth: 0,\n  borderRadius: radii.md,\n  padding: `${space[2]} ${space[4]}`,\n})\n\nexport const Primary = ({ colors }) => [\n  base,\n  {\n    backgroundColor: colors.primary.surface,\n    color: colors.primary.foreground,\n\n    '&:hover': {\n      backgroundColor: colors.primary.hover.surface,\n    },\n  },\n]\n\nexport const Secondary = ({ colors }) => [\n  base,\n  {\n    backgroundColor: colors.secondary.surface,\n    color: colors.secondary.foreground,\n\n    '&:hover': {\n      backgroundColor: colors.secondary.hover.surface,\n    },\n  },\n]\n\nexport const Link = ({ colors }) => [\n  base,\n  {\n    backgroundColor: colors.transparent,\n    color: colors.primary.surface,\n\n    '&:hover': {\n      color: colors.primary.hover.surface,\n    },\n  },\n]\n\nexport const Plain = ({ colors }) => [\n  base,\n  {\n    backgroundColor: colors.transparent,\n    color: colors.neutral.foreground,\n  },\n]\n","import { Interpolation } from '@emotion/react'\nimport { Box, BoxProps } from '../Box'\nimport { Text } from '../Text'\n\nimport * as styles from './Button.styles'\n\n// TODO: Generate this type from buttonVariantNames\ntype ButtonVariant = 'Primary' | 'Secondary' | 'Link' | 'Plain'\n\nexport interface ButtonProps extends BoxProps {\n  title?: string\n  variant?: ButtonVariant\n}\n\nfunction BaseButton({ as, children, title, variant = 'Primary', ...props }: ButtonProps) {\n  return (\n    <Box as={as ?? 'button'} css={styles[variant] as Interpolation<any>} {...props}>\n      {children}\n      {title && (\n        <Text.Body2 fontWeight=\"demibold\" color=\"inherit\">\n          {title}\n        </Text.Body2>\n      )}\n    </Box>\n  )\n}\n\nconst buttonVariantNames: ButtonVariant[] = ['Primary', 'Secondary', 'Link', 'Plain']\n\nconst buttonVariantComponents = Object.fromEntries(\n  buttonVariantNames.map((variant) => {\n    const variantPart = variant.toLocaleLowerCase()\n\n    const component = ({ part, ...props }: ButtonProps) => (\n      <BaseButton part={[`button-${variantPart}`, part]} {...props} variant={variant}>\n        {props.children}\n      </BaseButton>\n    )\n\n    component.displayName = `Text.${variant}`\n\n    return [variant, component]\n  })\n)\n\nexport const Button = Object.assign(BaseButton, buttonVariantComponents)\n","import * as React from 'react'\nimport { Box, BoxProps } from '../Box'\n\nconst Row = React.forwardRef(({ children, css, ...props }: BoxProps, ref) => {\n  return (\n    <Box css={[{ display: 'flex', flexDirection: 'row' }, css]} {...props} ref={ref}>\n      {children}\n    </Box>\n  )\n})\n\nconst Column = React.forwardRef(({ children, css, ...props }: BoxProps, ref) => {\n  return (\n    <Box css={[{ display: 'flex', flexDirection: 'column' }, css]} {...props} ref={ref}>\n      {children}\n    </Box>\n  )\n})\n\nexport const Flex = {\n  Column,\n  Row,\n}\n","import { createContext } from 'react'\nimport { Global, ThemeProvider } from '@emotion/react'\n\nimport { createThemeVariables, theme as themeTokens, themeVariables } from '../../shared/theme'\n\nexport const FrigadeContext = createContext<{ apiKey: string; config: ProviderConfig }>({\n  apiKey: '',\n  config: {},\n})\n\n// TODO: type theme something like Partial<typeof themeContract>, but allow any value for those keys\nexport interface ProviderProps {\n  apiKey: string\n  children?: React.ReactNode\n  config?: ProviderConfig\n  theme?: Record<any, any>\n}\n\ninterface ProviderConfig {\n  apiUrl?: string\n  userId?: string\n}\n\nexport function Provider({ apiKey, children, config = {}, theme }: ProviderProps) {\n  const themeOverrides = theme ? createThemeVariables(theme) : {}\n\n  return (\n    <FrigadeContext.Provider value={{ apiKey, config }}>\n      <Global styles={{ ':root': { ...themeVariables, ...themeOverrides } }} />\n      <ThemeProvider theme={themeTokens}>{children}</ThemeProvider>\n    </FrigadeContext.Provider>\n  )\n}\n","import React, { useEffect, useRef, useState } from 'react'\nimport { Interpolation } from '@emotion/react'\n\nimport { XMarkIcon } from '@heroicons/react/24/solid'\nimport * as Popover from '@radix-ui/react-popover'\n\nimport { useBoundingClientRect } from '../../hooks/useBoundingClientRect'\nimport { Box } from '../Box'\nimport { Button, ButtonProps } from '../Button'\nimport { Dot } from './Dot'\nimport { Flex } from '../Flex/Flex'\nimport { Media, MediaProps } from '../Media'\nimport { Text, TextProps } from '../Text'\nimport { getDotPosition } from './getDotPosition'\nimport { mapTooltipPropsToRadixProps } from './mapTooltipPropsToPopoverProps'\n\ninterface MergedRadixPopoverProps\n  extends Pick<Popover.PopoverProps, 'defaultOpen' | 'modal' | 'onOpenChange' | 'open'>,\n    Omit<Popover.PopoverContentProps, 'align' | 'asChild'> {}\nexport interface TooltipProps extends MergedRadixPopoverProps {\n  align?: Popover.PopoverContentProps['align'] | 'before' | 'after'\n  anchor?: string\n  css?: Interpolation<any>\n  spotlight?: boolean\n  style?: React.CSSProperties\n}\n\nexport function Tooltip({\n  anchor,\n  children,\n  className,\n  spotlight = false,\n  style,\n  ...props\n}: TooltipProps) {\n  const { node: contentNode, rect: contentRect, ref: contentRef } = useBoundingClientRect()\n  const { contentProps, rootProps } = mapTooltipPropsToRadixProps(props, contentRect)\n\n  const [alignAttr, setAlignAttr] = useState(contentProps.align)\n  const [sideAttr, setSideAttr] = useState(contentProps.side)\n\n  // Radix will update data attrs to let us know if Popover.Content has collided\n  if (contentNode !== null) {\n    const currentAlignAttr = contentNode.getAttribute('data-align')\n    const currentSideAttr = contentNode.getAttribute('data-side')\n\n    if (alignAttr !== currentAlignAttr) {\n      setAlignAttr(currentAlignAttr)\n    }\n\n    if (sideAttr !== currentSideAttr) {\n      setSideAttr(currentSideAttr)\n    }\n  }\n\n  const anchorRef = useRef(null)\n  const [anchorElementRef, setAnchorElementRef] = useState(null)\n\n  useEffect(() => {\n    const anchorQuery = document.querySelector(anchor)\n\n    if (anchorQuery != null) {\n      anchorRef.current = anchorQuery\n      setAnchorElementRef(anchorRef)\n    }\n  }, [anchor])\n\n  if (anchorElementRef == null) return null\n\n  const anchorRect = anchorElementRef.current.getBoundingClientRect()\n\n  let anchorRadius = '0'\n  if (typeof window !== 'undefined') {\n    anchorRadius = window.getComputedStyle(anchorElementRef.current).borderRadius\n  }\n\n  const dotPosition = getDotPosition({ props, alignAttr, sideAttr })\n\n  return (\n    <Popover.Root defaultOpen={true} {...rootProps}>\n      <Popover.Anchor virtualRef={anchorElementRef} />\n      <Popover.Portal>\n        <div className={className} css={{ position: 'absolute', zIndex: 9999 }}>\n          {spotlight && (\n            <Box\n              borderRadius={anchorRadius}\n              part=\"tooltip-spotlight\"\n              position=\"absolute\"\n              css={{\n                boxShadow: '0 0 0 2000px rgb(0 0 0 / 0.5)',\n                height: anchorRect.height,\n                left: anchorRect.left,\n                top: anchorRect.top,\n                width: anchorRect.width,\n              }}\n            />\n          )}\n          <Popover.Content asChild {...contentProps} ref={contentRef}>\n            <Flex.Column\n              backgroundColor=\"neutral.background\"\n              borderRadius=\"md\"\n              p={5}\n              part=\"tooltip-content\"\n              position=\"relative\"\n              css={{\n                boxShadow: '0px 4px 20px rgba(0, 0, 0, 0.1)',\n                maxWidth: '360px',\n                ...style,\n              }}\n            >\n              <Dot style={dotPosition} />\n\n              {children}\n            </Flex.Column>\n          </Popover.Content>\n        </div>\n      </Popover.Portal>\n    </Popover.Root>\n  )\n}\n\nTooltip.Close = (props: ButtonProps) => {\n  return (\n    <Popover.Close aria-label=\"Close\" asChild>\n      <Button.Plain\n        css={{\n          top: '12px',\n          right: '4px',\n        }}\n        part=\"tooltip-close\"\n        position=\"absolute\"\n        {...props}\n      >\n        <XMarkIcon height=\"24\" fill=\"currentColor\" />\n      </Button.Plain>\n    </Popover.Close>\n  )\n}\n\nTooltip.Media = ({ src, ...props }: MediaProps) => {\n  if (src == null) return null\n\n  return (\n    <Media\n      borderRadius=\"md md 0 0\"\n      borderWidth=\"0\"\n      css={{\n        aspectRatio: '2',\n      }}\n      margin=\"-5 -5 5\"\n      src={src}\n      {...props}\n    />\n  )\n}\n\nTooltip.Primary = ({ onClick, title, ...props }: ButtonProps) => {\n  if (title == null) return null\n\n  return <Button.Primary title={title} onClick={onClick} {...props} />\n}\n\nTooltip.Progress = ({ children, ...props }: TextProps) => {\n  if (children == null) return null\n\n  return (\n    <Text.Body2 fontWeight=\"demibold\" part=\"progress\" {...props}>\n      {children}\n    </Text.Body2>\n  )\n}\n\nTooltip.Secondary = ({ onClick, title, ...props }: ButtonProps) => {\n  if (title == null) return null\n\n  return <Button.Secondary title={title} onClick={onClick} {...props} />\n}\n\nTooltip.Subtitle = ({ children, ...props }: TextProps) => {\n  if (children == null) return null\n\n  return (\n    <Text.Body2 part=\"subtitle\" {...props}>\n      {children}\n    </Text.Body2>\n  )\n}\n\nTooltip.Title = ({ children, ...props }: TextProps) => {\n  if (children == null) return null\n\n  return (\n    <Text.Body1 fontWeight=\"bold\" mb={1} part=\"title\" {...props}>\n      {children}\n    </Text.Body1>\n  )\n}\n","import { useCallback, useLayoutEffect, useState } from 'react'\n\nexport function useBoundingClientRect() {\n  const initialRect =\n    'DOMRect' in globalThis\n      ? new DOMRect()\n      : {\n          height: 0,\n          width: 0,\n          x: 0,\n          y: 0,\n          bottom: 0,\n          top: 0,\n          right: 0,\n          left: 0,\n          toJSON: () => {},\n        }\n  const [rect, setRect] = useState(initialRect)\n  const [node, setNode] = useState(null)\n\n  const ref = useCallback((node: HTMLElement) => {\n    setNode(node)\n  }, [])\n\n  useLayoutEffect(() => {\n    if (!node) return\n\n    setRect(node.getBoundingClientRect())\n  }, [node])\n\n  return {\n    node,\n    rect,\n    ref,\n  }\n}\n","import { keyframes } from '@emotion/react'\nimport { Box, BoxProps } from '../Box'\n\nconst pulse = keyframes({\n  '0%': {\n    opacity: 0.5,\n    transform: 'scale(0.5)',\n  },\n  '50%': {\n    opacity: 0,\n    transform: 'scale(1)',\n  },\n  '100%': {\n    opacity: 0,\n    transform: 'scale(1)',\n  },\n})\n\nexport interface DotProps extends BoxProps {}\n\nexport function Dot({ style = {}, part = '', ...props }: DotProps) {\n  return (\n    <Box\n      part={`dot-wrapper ${part}`}\n      style={{\n        height: '48px',\n        position: 'absolute',\n        width: '48px',\n        ...style,\n      }}\n      {...props}\n    >\n      <Box\n        backgroundColor=\"primary.surface\"\n        part=\"dot-pulse\"\n        css={{\n          animation: `2s ease-out infinite ${pulse}`,\n          borderRadius: '24px',\n          height: '48px',\n          left: 0,\n          position: 'absolute',\n          top: 0,\n          transformOrigin: 'center center',\n          width: '48px',\n        }}\n      />\n      <Box\n        backgroundColor=\"primary.surface\"\n        part=\"dot\"\n        style={{\n          borderRadius: '12px',\n          height: '24px',\n          left: '12px',\n          position: 'absolute',\n          top: '12px',\n          width: '24px',\n        }}\n      />\n    </Box>\n  )\n}\n","import { Box, BoxProps } from '../Box'\n\nexport interface ImageProps extends BoxProps {\n  src: string\n}\n\nexport function Image({ part, src, ...props }: ImageProps) {\n  return <Box as=\"img\" part={['image', part]} src={src} {...props} />\n}\n","import { Box, BoxProps } from '../Box'\n\nfunction getVideoEmbedSrc(videoUri: string) {\n  if (videoUri.includes('youtube')) {\n    const videoId = videoUri.split('v=')[1]?.split('&')[0]\n\n    return `https://www.youtube.com/embed/${videoId}`\n  } else if (videoUri.includes('vimeo')) {\n    const videoId = videoUri.split('vimeo.com/')[1]?.split('&')[0]\n\n    return `https://player.vimeo.com/video/${videoId}`\n  } else if (videoUri.includes('wistia')) {\n    const videoId = videoUri.split('wistia.com/medias/')[1]?.split('&')[0]\n\n    return `https://fast.wistia.net/embed/iframe/${videoId}`\n  }\n\n  throw new Error('Could not map videoUri to a known provider (Youtube, Vimeo, Wistia).')\n}\n\nexport interface VideoProps extends BoxProps {\n  src: string\n}\n\nexport function Video({ part, src, ...props }: VideoProps) {\n  const videoEmbedSrc = getVideoEmbedSrc(src)\n\n  // TODO: Add play button overtop?\n  return (\n    <Box\n      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n      allowFullScreen\n      as=\"iframe\"\n      backgroundColor=\"gray100\"\n      borderWidth={0}\n      part={['video', part]}\n      src={videoEmbedSrc}\n      {...props}\n    ></Box>\n  )\n}\n","import { Image } from './Image'\nimport { Video } from './Video'\nimport { BoxProps } from '../Box'\n\nexport interface MediaProps extends BoxProps {\n  src: string\n  type: 'image' | 'video'\n}\n\nexport function Media({ src, type, ...props }: MediaProps) {\n  const Component = type === 'video' ? Video : Image\n\n  return <Component src={src} {...props} />\n}\n","export function getDotPosition({ props, alignAttr, sideAttr }) {\n  const currentSide = sideAttr ?? 'bottom'\n  const dotProps = {}\n\n  // Radix's collision system isn't aware of our custom before|after align\n  const getCurrentAlign = () => {\n    if (['after', 'before'].includes(props.align)) {\n      if (alignAttr == 'start') {\n        return 'before'\n      } else if (alignAttr == 'end') {\n        return 'after'\n      }\n    }\n\n    return props.align ?? 'after'\n  }\n\n  const dotOffset = '-24px'\n\n  const oppositeSides = {\n    top: 'bottom',\n    right: 'left',\n    bottom: 'top',\n    left: 'right',\n  }\n\n  /* \n    Rules:\n      - Dot is opposite to side prop (e.g. side=left -> dot=right)\n      - align=before|end -> Dot goes to highest extent (right/bottom) of align-axis\n      - align=after|start -> Dot goes to lowest extent (left/top) of align-axis\n      - align=center -> Dot goes to the center\n  */\n\n  dotProps[oppositeSides[currentSide]] = dotOffset\n\n  const currentAlign = getCurrentAlign()\n\n  if (['before', 'end'].includes(currentAlign)) {\n    if (['top', 'bottom'].includes(currentSide)) {\n      dotProps['right'] = dotOffset\n    } else {\n      dotProps['bottom'] = dotOffset\n    }\n  } else if (['after', 'start'].includes(currentAlign)) {\n    if (['top', 'bottom'].includes(currentSide)) {\n      dotProps['left'] = dotOffset\n    } else {\n      dotProps['top'] = dotOffset\n    }\n  } else {\n    // The only option left is align=center\n    if (['top', 'bottom'].includes(currentSide)) {\n      dotProps['left'] = `calc(50% + ${dotOffset})`\n    } else {\n      dotProps['top'] = `calc(50% + ${dotOffset})`\n    }\n  }\n\n  return dotProps\n}\n","import { TooltipProps } from '.'\n\nconst RADIX_PROPS = {\n  content: [\n    'align',\n    'alignOffset',\n    'arrowPadding',\n    'avoidCollisions',\n    'collisionBoundary',\n    'collisionPadding',\n    'forceMount',\n    'hideWhenDetached',\n    'onCloseAutoFocus',\n    'onEscapeKeyDown',\n    'onFocusOutside',\n    'onInteractOutside',\n    'onOpenAutoFocus',\n    'onPointerDownOutside',\n    'side',\n    'sideOffset',\n    'sticky',\n  ],\n  root: ['defaultOpen', 'modal', 'onOpenChange', 'open'],\n}\n\nexport function mapTooltipPropsToRadixProps(props: TooltipProps, contentRect: DOMRect) {\n  const contentProps = Object.fromEntries(\n    RADIX_PROPS.content\n      .map((propName) => [propName, props[propName]])\n      .filter((propEntry) => propEntry[1] !== undefined)\n  )\n  const rootProps = Object.fromEntries(\n    RADIX_PROPS.root\n      .map((propName) => [propName, props[propName]])\n      .filter((propEntry) => propEntry[1] !== undefined)\n  )\n\n  // Default to align=after, side=bottom\n  contentProps.align = contentProps.align ?? 'after'\n  contentProps.side = contentProps.side ?? 'bottom'\n\n  /*\n    Here we're extending Popover.Content's align prop to accept 'before' and\n    'after' in addition to its existing values.\n\n    TL;DR:\n      1. Use existing alignOffset prop to push Content to be before/after the\n         corresponding edge of the element it's attached to.\n      2. Add a CSS margin to patch alignOffset back onto Content, as Popover\n         has a bug that prevents alignOffset from extending past the edge of\n         its Trigger/Anchor.\n\n         SEE: https://github.com/radix-ui/primitives/issues/2457\n  */\n  if (['before', 'after'].includes(contentProps.align)) {\n    const mapToOriginalAlignValues = {\n      after: 'end',\n      before: 'start',\n    }\n\n    const mapAlignOffsetToMargin = (align, side) => {\n      /*\n        Translate alignOffset to CSS margin based on align and side props:\n          bottom || top\n            after: marginLeft\n            before: marginRight\n          left || right\n            after: marginTop\n            before: marginBottom\n      */\n      if (['top', 'bottom'].includes(side)) {\n        if (align == 'after') {\n          return 'marginLeft'\n        } else {\n          return 'marginRight'\n        }\n      } else {\n        if (align == 'after') {\n          return 'marginTop'\n        } else {\n          return 'marginBottom'\n        }\n      }\n    }\n\n    const originalOffset = contentProps.alignOffset ?? 0\n    const originalStyleProp = contentProps.style ?? {}\n    const currentSide = contentProps.side ?? 'bottom'\n    const currentAlign = contentProps.align\n\n    // Copy alignOffset value to CSS margin\n    contentProps['style'] = {\n      ...originalStyleProp,\n      [mapAlignOffsetToMargin(currentAlign, currentSide)]: originalOffset,\n    }\n\n    const lengthOfCurrentSide = ['top', 'bottom'].includes(currentSide)\n      ? contentRect.width\n      : contentRect.height\n\n    // Change alignOffset to be at the end of the positioned side\n    contentProps['alignOffset'] = (lengthOfCurrentSide + originalOffset) * -1\n\n    // Flip align prop back to valid Radix option, or default to 'after'\n    contentProps['align'] = mapToOriginalAlignValues[currentAlign]\n  }\n\n  return {\n    contentProps,\n    rootProps,\n  }\n}\n","import { Flow, Frigade } from '@frigade/js'\nimport { useContext, useEffect, useState } from 'react'\n\nimport { FrigadeContext } from '../components/Provider'\n\nexport function useFlow(flowId: string) {\n  const [flow, setFlow] = useState<Flow>()\n  const [_, setNonce] = useState(Math.random())\n  const { apiKey, config } = useContext(FrigadeContext)\n  const filteredConfig = Object.fromEntries(\n    Object.entries(config).filter(([k, v]) => ['apiUrl', 'userId'].includes(k) && v != null)\n  )\n  const frigade = new Frigade(apiKey, filteredConfig)\n\n  useEffect(() => {\n    const handler = (updatedFlow: Flow) => {\n      if (updatedFlow.id !== flowId) {\n        return\n      }\n\n      setFlow(updatedFlow)\n      setNonce(Math.random())\n    }\n\n    fetchFlow()\n    frigade.onFlowStateChange(handler)\n    return () => {\n      frigade.removeOnFlowStateChangeHandler(handler)\n    }\n  }, [])\n\n  async function fetchFlow() {\n    const flowResponse: Flow = await frigade.getFlow(flowId)\n    setFlow(flowResponse)\n  }\n\n  return { flow, fetchFlow }\n}\n","import { useFlow } from '../../hooks/useFlow'\n\nimport { Flex } from '../Flex/Flex'\nimport { Tooltip, TooltipProps } from '../Tooltip'\n\nexport interface TourProps extends TooltipProps {\n  flowId: string\n}\n\nexport function Tour({ flowId, ...props }: TourProps) {\n  const { flow } = useFlow(flowId)\n\n  if (flow == null || flow.isVisible === false) {\n    return null\n  }\n\n  flow.start()\n\n  const step = flow.getCurrentStep()\n  step?.start()\n\n  async function handleDismiss() {\n    await flow.skip()\n  }\n\n  async function handlePrimary() {\n    await step.complete()\n  }\n\n  const handleSecondary = handlePrimary\n\n  return (\n    <Tooltip\n      anchor={step.selector as string}\n      onOpenAutoFocus={(e) => e.preventDefault()}\n      onPointerDownOutside={(e) => e.preventDefault()}\n      {...props}\n    >\n      <Tooltip.Close onClick={handleDismiss} />\n\n      <Tooltip.Media\n        src={step.videoUri ?? step.imageUri}\n        type={step.videoUri ? 'video' : 'image'}\n      />\n\n      <Tooltip.Title>{step.title}</Tooltip.Title>\n      <Tooltip.Subtitle>{step.subtitle}</Tooltip.Subtitle>\n\n      <Flex.Row pt={4} alignItems=\"center\" justifyContent=\"space-between\">\n        <Tooltip.Progress>{`${step?.order + 1}/${flow.steps.size}`}</Tooltip.Progress>\n\n        <Flex.Row gap={3}>\n          <Tooltip.Secondary title={step.secondaryButtonTitle} onClick={handleSecondary} />\n          <Tooltip.Primary title={step.primaryButtonTitle} onClick={handlePrimary} />\n        </Flex.Row>\n      </Flex.Row>\n    </Tooltip>\n  )\n}\n"]}
+{"version":3,"sources":["../src/components/Box/index.tsx","../src/shared/tokens/scalarTokens.ts","../src/shared/tokens/semanticColors.ts","../src/shared/tokens/index.ts","../src/shared/flattenObject.ts","../src/shared/theme/index.ts","../src/components/Box/styleProps.ts","../src/components/Box/stylePropsToCss.ts","../src/components/Text/Text.styles.ts","../src/components/Text/index.tsx","../src/components/Button/Button.styles.ts","../src/components/Button/index.tsx","../src/components/Flex/Flex.tsx","../src/components/Provider/index.tsx","../src/components/Tooltip/index.tsx","../src/hooks/useBoundingClientRect.ts","../src/components/Tooltip/Dot.tsx","../src/components/Media/Image.tsx","../src/components/Media/Video.tsx","../src/components/Media/Media.tsx","../src/components/Tooltip/getDotPosition.ts","../src/components/Tooltip/mapTooltipPropsToPopoverProps.ts","../src/hooks/useFlow.ts","../src/hooks/useModal.ts","../src/components/Tour/TourStep.tsx","../src/components/Tour/index.tsx"],"names":["React","clsx","SPACE_UNIT","spaceValue","key","spaceKeys","spaceScale","palette","scalarTokens","__spreadValues","colorVar","colorName","semanticColors","tokens","__spreadProps","flattenObject","obj","path","separator","acc","k","currentPath","currentValue","createThemeVariables","mapTokensToThemeVariables","newObj","themeVariables","theme","colorTokens","styleProps","stylePropShorthands","prepValue","value","v","stylePropsMap","propName","stylePropShorthandsMap","shorthand","targetProps","stylePropsToCss","props","unmatchedProps","cssFromProps","propValue","matchedShorthand","styleProp","splitPropValues","_a","jsx","prefixPart","part","processPart","p","BoxWithRef","ref","_b","as","children","className","__objRest","Component","processedPart","classNameWithPart","Box","Text_styles_exports","__export","Body1","Body2","Caption","Display1","Display2","H1","H2","H3","H4","base","BaseText","variant","textVariantNames","textVariantComponents","asProp","component","Text","Button_styles_exports","Link","Plain","Primary","Secondary","radii","space","colors","jsxs","BaseButton","title","buttonVariantNames","buttonVariantComponents","variantPart","Button","Row","css","Column","Flex","createContext","useState","Global","ThemeProvider","FrigadeContext","Provider","apiKey","config","themeOverrides","modals","setModals","useEffect","useRef","XMarkIcon","Popover","useCallback","useLayoutEffect","useBoundingClientRect","initialRect","rect","setRect","node","setNode","keyframes","pulse","Dot","style","Image","src","getVideoEmbedSrc","videoUri","_c","Video","videoEmbedSrc","Media","type","getDotPosition","alignAttr","sideAttr","currentSide","dotProps","getCurrentAlign","dotOffset","oppositeSides","currentAlign","RADIX_PROPS","mapTooltipPropsToPopoverProps","contentRect","_d","_e","contentProps","propEntry","rootProps","mapToOriginalAlignValues","mapAlignOffsetToMargin","align","side","originalOffset","originalStyleProp","lengthOfCurrentSide","Tooltip","anchor","spotlight","contentNode","contentRef","setAlignAttr","setSideAttr","currentAlignAttr","currentSideAttr","anchorRef","anchorElementRef","setAnchorElementRef","anchorQuery","anchorRect","anchorRadius","dotPosition","onClick","Frigade","useContext","useFlow","flowId","flow","setFlow","filteredConfig","frigade","handler","updatedFlow","clonedFlow","__async","flowResponse","useModal","isCurrentModal","setIsCurrentModal","newIsCurrentModal","TourStep","step","handleDismiss","handlePrimary","handleSecondary","e","Tour"],"mappings":"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A,EAAM,MACpB,WAAYA,EAAM,MAElB,QAASA,EAAM,MACf,WAAYA,EAAM,MAClB,aAAcA,EAAM,MACpB,cAAeA,EAAM,MACrB,YAAaA,EAAM,MAEnB,aAAc,CACZ,SACA,QACA,MACA,aACA,WACA,SACA,WACA,iBACA,gBACA,gBACA,eACA,eACA,UACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,WAAY,CACV,SACA,UACA,SACA,QACA,MACA,aACA,WACA,aACA,WACA,WACA,iBACA,gBACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,UAAW,CACT,OACA,SACA,SACA,QACA,MACA,aACA,WACA,aACA,WACA,WACA,iBACA,gBACA,UACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,cAAe,CACb,MACA,cACA,SACA,iBACA,UACA,UACA,SACA,eACA,OACF,EAEA,SAAU,CACR,SACA,OACA,eACA,UACA,UACA,SACA,eACA,OACF,EAEA,eAAgB,CACd,SACA,QACA,MACA,aACA,WACA,OACA,QACA,SACA,gBACA,eACA,eACA,UACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,aAAc,CACZ,SACA,UACA,SACA,QACA,MACA,aACA,WACA,aACA,WACA,OACA,QACA,WACA,iBACA,gBACA,cACA,gBACA,eACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,UAAW,CAAC,aAAc,cAAe,UAAW,UAAW,SAAU,eAAgB,OAAO,EAEhG,SAAU,CACR,SACA,WACA,WACA,QACA,SACA,UACA,UACA,SACA,eACA,OACF,EAEA,QAAS,CACP,QACA,aACA,aACA,kBACA,aACA,WACA,OACA,YACA,OACA,UACA,UACA,SACA,cACA,cACA,mBACA,cACA,eACA,cACA,cACA,YACA,OACA,SACA,eACA,QACA,kBACA,qBACA,qBACA,YACA,aACA,qBACA,eACA,gBACA,OACF,CACF,EAEaG,GAAsB,CACjC,EAAG,CAAC,QAAQ,EACZ,GAAI,CAAC,WAAW,EAChB,GAAI,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","sourcesContent":["import * as React from 'react'\nimport { clsx } from 'clsx'\n\nimport { stylePropsToCss } from './stylePropsToCss'\n\nfunction prefixPart(part: string | undefined) {\n  return part ? `fr-${part}` : part\n}\n\nfunction processPart(part: string | string[] | undefined) {\n  if (!part) return part\n\n  return Array.isArray(part) ? part.map((p) => prefixPart(p)).join(' ') : prefixPart(part)\n}\n\nexport type BoxProps<T extends React.ElementType = React.ElementType> = {\n  as?: T\n  part?: string | string[]\n} & React.ComponentPropsWithRef<T>\n\nfunction BoxWithRef<T extends React.ElementType = React.ElementType>(\n  { as, children, className, part, ...props }: BoxProps<T>,\n  ref: React.ForwardedRef<T>\n) {\n  const Component = as ?? 'div'\n\n  const { cssFromProps, unmatchedProps } = stylePropsToCss(props)\n\n  const processedPart = processPart(part)\n  const classNameWithPart = className || processedPart ? clsx(className, processedPart) : undefined\n\n  const cssProp = [{ boxSizing: 'border-box' }, cssFromProps]\n\n  return (\n    // @ts-ignore: TODO: ref types are yet again complaining\n    <Component className={classNameWithPart} css={cssProp} {...unmatchedProps} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const Box = React.forwardRef(BoxWithRef)\n","const SPACE_VALUE = 4\nconst SPACE_UNIT = 'px'\n\nconst spaceValue = (key: SpaceKeys[any]) =>\n  typeof key === 'number' ? `${SPACE_VALUE * key}${SPACE_UNIT}` : key\n\nconst spaceKeys = [\n  -20,\n  -19,\n  -18,\n  -17,\n  -16,\n  -15,\n  -14,\n  -13,\n  -12,\n  -11,\n  -10,\n  -9,\n  -8,\n  -7,\n  -6,\n  -5,\n  -4,\n  -3,\n  -2,\n  -1,\n  -0.5,\n  0,\n  0.5,\n  1,\n  2,\n  3,\n  4,\n  5,\n  6,\n  7,\n  8,\n  9,\n  10,\n  11,\n  12,\n  13,\n  14,\n  15,\n  16,\n  17,\n  18,\n  19,\n  20,\n  'auto',\n] as const\n\ntype SpaceKeys = typeof spaceKeys\n\ntype SpaceScale = {\n  [K in SpaceKeys[any]]: string\n}\nconst spaceScale = Object.fromEntries(spaceKeys.map((key) => [key, spaceValue(key)])) as SpaceScale\n\nexport const palette = {\n  black: '#000000',\n  gray100: '#14161A',\n  gray200: '#181B20',\n  gray300: '#1F2329',\n  gray400: '#2E343D',\n  gray500: '#4C5766',\n  gray600: '#5A6472',\n  gray700: '#C5CBD3',\n  gray800: '#E2E5E9',\n  gray900: '#F1F2F4',\n  white: '#ffffff',\n  blue400: '#015AC6',\n  blue500: '#0171F8',\n  blue800: '#DBECFF',\n  blue900: '#F5F9FF',\n  green400: '#009E37',\n  green500: '#00D149',\n  green800: '#DBFFE8',\n  transparent: '#FFFFFF00',\n  inherit: 'inherit',\n\n  // This color isn't in the Design System yet, but it's used in old components\n  red500: '#c00000',\n}\n\n// Scalar = Tokens with literal values\nexport const scalarTokens = {\n  borders: {\n    md: '1px solid',\n  },\n  borderWidths: {\n    0: '0',\n    md: '1px',\n  },\n\n  colors: {\n    ...palette,\n  },\n  fontFamilies: {\n    default: 'TT Interphases Pro, sans-serif',\n  },\n  fontSizes: {\n    xs: '12px',\n    sm: '14px',\n    md: '16px',\n    lg: '18px',\n    xl: '20px',\n    '2xl': '24px',\n    '3xl': '30px',\n    '4xl': '36px',\n    '5xl': '48px',\n  },\n  fontWeights: {\n    thin: '100',\n    extralight: '200',\n    light: '300',\n    regular: '400',\n    medium: '500',\n    demibold: '600',\n    bold: '700',\n    extrabold: '800',\n    black: '900',\n  },\n  letterSpacings: {\n    md: '0.02em',\n  },\n  lineHeights: {\n    xs: '18px',\n    sm: '22px',\n    md: '24px',\n    lg: '26px',\n    xl: '30px',\n    '2xl': '38px',\n    '3xl': '46px',\n    '4xl': '60px',\n  },\n  radii: {\n    md: '10px',\n    lg: '20px',\n    round: '50%',\n  },\n  shadows: {\n    md: '0px 4px 20px rgba(0, 0, 0, 0.1)',\n  },\n  space: spaceScale,\n}\n","const colorVar = (colorName) => `var(--fr-colors-${colorName})`\n\n// Semantic = Tokens that reference Scalars & contextualize them according to how they're used\nexport const semanticColors = {\n  neutral: {\n    background: colorVar('white'),\n    border: colorVar('gray500'),\n    foreground: colorVar('black'),\n    surface: colorVar('gray700'),\n\n    active: {\n      background: colorVar('white'),\n      border: colorVar('gray900'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray700'),\n    },\n    focus: {\n      background: colorVar('white'),\n      border: colorVar('gray900'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray700'),\n    },\n    hover: {\n      background: colorVar('white'),\n      border: colorVar('gray900'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray700'),\n    },\n  },\n\n  primary: {\n    background: colorVar('blue500'),\n    border: colorVar('blue500'),\n    foreground: colorVar('white'),\n    surface: colorVar('blue500'),\n\n    active: {\n      background: colorVar('blue400'),\n      border: colorVar('blue400'),\n      foreground: colorVar('white'),\n      surface: colorVar('blue400'),\n    },\n    focus: {\n      background: colorVar('blue500'),\n      border: colorVar('blue500'),\n      foreground: colorVar('white'),\n      surface: colorVar('blue500'),\n    },\n    hover: {\n      background: colorVar('blue400'),\n      border: colorVar('blue400'),\n      foreground: colorVar('white'),\n      surface: colorVar('blue400'),\n    },\n  },\n\n  secondary: {\n    background: colorVar('gray900'),\n    border: colorVar('gray900'),\n    foreground: colorVar('black'),\n    surface: colorVar('gray900'),\n\n    active: {\n      background: colorVar('gray800'),\n      border: colorVar('gray800'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray800'),\n    },\n    focus: {\n      background: colorVar('gray900'),\n      border: colorVar('gray900'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray900'),\n    },\n    hover: {\n      background: colorVar('gray800'),\n      border: colorVar('gray800'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray800'),\n    },\n  },\n}\n","import { scalarTokens } from './scalarTokens'\nimport { semanticColors } from './semanticColors'\n\nexport { scalarTokens, semanticColors }\n\n// Package up everything everywhere all at once for convenience\nexport const tokens = {\n  ...scalarTokens,\n  colors: {\n    ...scalarTokens.colors,\n    ...semanticColors,\n  },\n}\n","export function flattenObject(obj: Record<any, any>, path = '', separator = '.') {\n  return Object.keys(obj).reduce((acc, k) => {\n    const prefix = path.length ? `${path}${separator}` : ''\n    const currentPath = `${prefix}${k}`\n    const currentValue = obj[k]\n\n    if (typeof currentValue === 'object' && currentValue !== null && !Array.isArray(currentValue)) {\n      Object.assign(acc, flattenObject(currentValue, currentPath, separator))\n    } else {\n      acc[currentPath] = currentValue\n    }\n\n    return acc\n  }, {})\n}\n","import { tokens } from '../tokens'\nimport { flattenObject } from '../flattenObject'\n\n// Transform tokens to a flat list of CSS variables and values to inject into the page\n// IN: { colors: { black: '#000' } }, OUT: { '--fr-colors-black': '#000' }\nexport function createThemeVariables(tokens) {\n  return flattenObject(tokens, '--fr', '-')\n}\n\n// Swap token values out and replace them with the CSS variables we defined\n// IN: { colors: { black: '#000' } }, OUT: { colors: { black: 'var(--fr-colors-black)' } }\nfunction mapTokensToThemeVariables(obj, path = '--fr') {\n  const newObj: Record<string, any> = {}\n\n  Object.keys(obj).forEach((key) => {\n    const currentValue = obj[key]\n\n    if (typeof currentValue === 'object' && currentValue !== null && !Array.isArray(currentValue)) {\n      newObj[key] = mapTokensToThemeVariables(currentValue, `${path}-${key}`)\n    } else {\n      newObj[key] = `var(${path}-${key})`\n    }\n  })\n\n  return newObj\n}\n\nexport const themeVariables = createThemeVariables(tokens)\n\nexport const theme = mapTokensToThemeVariables(tokens)\n","import { theme } from '../../shared/theme'\nimport { flattenObject } from '../../shared/flattenObject'\n\nconst colorTokens: Record<string, unknown> = flattenObject(theme.colors)\n\n/*\n  TODO:\n  - top / right / bottom / left\n*/\n\nexport const styleProps = {\n  color: colorTokens,\n  backgroundColor: colorTokens,\n  borderColor: colorTokens,\n  border: theme.borders,\n  borderRadius: theme.radii,\n  borderWidth: theme.borderWidths,\n\n  fontFamily: theme.fontFamilies,\n  fontSize: theme.fontSizes,\n  fontWeight: theme.fontWeights,\n\n  gap: theme.space,\n\n  lineHeight: theme.lineHeights,\n\n  margin: theme.space,\n  marginTop: theme.space,\n  marginRight: theme.space,\n  marginBottom: theme.space,\n  marginLeft: theme.space,\n\n  padding: theme.space,\n  paddingTop: theme.space,\n  paddingRight: theme.space,\n  paddingBottom: theme.space,\n  paddingLeft: theme.space,\n\n  alignContent: [\n    'center',\n    'start',\n    'end',\n    'flex-start',\n    'flex-end',\n    'normal',\n    'baseline',\n    'first baseline',\n    'last baseline',\n    'space-between',\n    'space-around',\n    'space-evenly',\n    'stretch',\n    'safe center',\n    'unsafe center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  alignItems: [\n    'normal',\n    'stretch',\n    'center',\n    'start',\n    'end',\n    'flex-start',\n    'flex-end',\n    'self-start',\n    'self-end',\n    'baseline',\n    'first baseline',\n    'last baseline',\n    'safe center',\n    'unsafe center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  alignSelf: [\n    'auto',\n    'normal',\n    'center',\n    'start',\n    'end',\n    'self-start',\n    'self-end',\n    'flex-start',\n    'flex-end',\n    'baseline',\n    'first baseline',\n    'last baseline',\n    'stretch',\n    'safe center',\n    'unsafe center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  flexDirection: [\n    'row',\n    'row-reverse',\n    'column',\n    'column-reverse',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  flexWrap: [\n    'nowrap',\n    'wrap',\n    'wrap-reverse',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  justifyContent: [\n    'center',\n    'start',\n    'end',\n    'flex-start',\n    'flex-end',\n    'left',\n    'right',\n    'normal',\n    'space-between',\n    'space-around',\n    'space-evenly',\n    'stretch',\n    'safe center',\n    'unsafe center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  justifyItems: [\n    'normal',\n    'stretch',\n    'center',\n    'start',\n    'end',\n    'flex-start',\n    'flex-end',\n    'self-start',\n    'self-end',\n    'left',\n    'right',\n    'baseline',\n    'first baseline',\n    'last baseline',\n    'safe center',\n    'unsafe center',\n    'legacy right',\n    'legacy left',\n    'legacy center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  boxSizing: ['border-box', 'content-box', 'inherit', 'initial', 'revert', 'revert-layer', 'unset'],\n\n  position: [\n    'static',\n    'relative',\n    'absolute',\n    'fixed',\n    'sticky',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  display: [\n    'block',\n    'block flex',\n    'block flow',\n    'block flow-root',\n    'block grid',\n    'contents',\n    'flex',\n    'flow-root',\n    'grid',\n    'inherit',\n    'initial',\n    'inline',\n    'inline flex',\n    'inline flow',\n    'inline flow-root',\n    'inline grid',\n    'inline-block',\n    'inline-flex',\n    'inline-grid',\n    'list-item',\n    'none',\n    'revert',\n    'revert-layer',\n    'table',\n    'table-row-group',\n    'table-header-group',\n    'table-footer-group',\n    'table-row',\n    'table-cell',\n    'table-column-group',\n    'table-column',\n    'table-caption',\n    'unset',\n  ],\n}\n\nexport const stylePropShorthands = {\n  m: ['margin'],\n  mt: ['marginTop'],\n  mr: ['marginRight'],\n  mb: ['marginBottom'],\n  ml: ['marginLeft'],\n  mx: ['marginLeft', 'marginRight'],\n  my: ['marginTop', 'marginBottom'],\n\n  p: ['padding'],\n  pt: ['paddingTop'],\n  pr: ['paddingRight'],\n  pb: ['paddingBottom'],\n  pl: ['paddingLeft'],\n  px: ['paddingLeft', 'paddingRight'],\n  py: ['paddingTop', 'paddingBottom'],\n}\n","import { styleProps, stylePropShorthands } from './styleProps'\n\nfunction prepValue(value) {\n  if (Array.isArray(value)) {\n    return new Map(value.map((v) => [v, v]))\n  } else if (typeof value === 'object' && value !== null) {\n    return new Map(Object.entries(value))\n  } else if (['string', 'number'].includes(typeof value)) {\n    return new Map([value, value])\n  }\n\n  throw new Error('Invalid entry in styleProps')\n}\n\nconst stylePropsMap = new Map(\n  Object.entries(styleProps).map(([propName, value]) => {\n    return [propName, prepValue(value)]\n  })\n)\n\nconst stylePropShorthandsMap = new Map(\n  Object.entries(stylePropShorthands).map(([shorthand, targetProps]) => {\n    return [shorthand, new Set(targetProps)]\n  })\n)\n\nexport function stylePropsToCss(props: Record<any, any>) {\n  const unmatchedProps = Object.assign({}, props)\n  const cssFromProps = {}\n\n  // Convert shorthand styleProps to full versions\n  Object.entries(unmatchedProps).forEach(([propName, propValue]) => {\n    const matchedShorthand = stylePropShorthandsMap.get(propName)\n    if (matchedShorthand != null) {\n      matchedShorthand.forEach((propName) => {\n        unmatchedProps[propName] = propValue\n      })\n\n      delete unmatchedProps[propName]\n    }\n  })\n\n  // Convert styleProps to style object\n  Object.entries(unmatchedProps).forEach(([propName, propValue]) => {\n    const styleProp = stylePropsMap.get(propName)\n    if (styleProp != null) {\n      if (typeof propValue === 'string' && propValue.indexOf(' ') > -1) {\n        // Split space-separated values out and process them individually\n        const splitPropValues = propValue.split(' ')\n\n        cssFromProps[propName] = splitPropValues\n          .map((v) => styleProp.get(v.toString()) ?? v)\n          .join(' ')\n\n        delete unmatchedProps[propName]\n      } else if (styleProp.has(propValue.toString())) {\n        cssFromProps[propName] = styleProp.get(propValue.toString())\n        delete unmatchedProps[propName]\n      }\n    }\n  })\n\n  return { cssFromProps, unmatchedProps }\n}\n","const base = {\n  color: 'neutral.foreground',\n  fontFamily: 'default',\n  margin: 0,\n}\n\nexport const Display1 = {\n  ...base,\n  fontSize: '5xl',\n  fontWeight: 'bold',\n  lineHeight: '4xl',\n}\n\nexport const Display2 = {\n  ...base,\n  fontSize: '4xl',\n  fontWeight: 'bold',\n  lineHeight: '3xl',\n}\n\nexport const H1 = {\n  ...base,\n  fontSize: '3xl',\n  fontWeight: 'bold',\n  lineHeight: '2xl',\n}\n\nexport const H2 = {\n  ...base,\n  fontSize: '2xl',\n  fontWeight: 'bold',\n  lineHeight: 'xl',\n}\n\nexport const H3 = {\n  ...base,\n  fontSize: 'xl',\n  fontWeight: 'bold',\n  lineHeight: 'lg',\n}\n\nexport const H4 = {\n  ...base,\n  fontSize: 'lg',\n  fontWeight: 'bold',\n  lineHeight: 'md',\n}\n\nexport const Body1 = {\n  ...base,\n  fontSize: 'md',\n  fontWeight: 'regular',\n  lineHeight: 'md',\n}\n\nexport const Body2 = {\n  ...base,\n  fontSize: 'sm',\n  fontWeight: 'regular',\n  lineHeight: 'md',\n}\n\nexport const Caption = {\n  ...base,\n  fontSize: 'xs',\n  fontWeight: 'regular',\n  lineHeight: 'sm',\n}\n","import { Box, BoxProps } from '../Box'\n\nimport * as styles from './Text.styles'\n\ntype TextVariant =\n  | 'Display1'\n  | 'Display2'\n  | 'H1'\n  | 'H2'\n  | 'H3'\n  | 'H4'\n  | 'Body1'\n  | 'Body2'\n  | 'Caption'\n\nexport interface TextProps extends BoxProps {\n  variant?: TextVariant\n}\n\nfunction BaseText({ as = 'span', children, variant = 'Body1', ...props }: TextProps) {\n  return (\n    <Box as={as} {...styles[variant]} {...props}>\n      {children}\n    </Box>\n  )\n}\n\nconst textVariantNames: TextVariant[] = [\n  'Display1',\n  'Display2',\n  'H1',\n  'H2',\n  'H3',\n  'H4',\n  'Body1',\n  'Body2',\n  'Caption',\n]\n\nconst textVariantComponents = Object.fromEntries(\n  textVariantNames.map((variant) => {\n    const asProp = ['H1', 'H2', 'H3', 'H4'].includes(variant)\n      ? (variant.toLowerCase() as 'h1' | 'h2' | 'h3' | 'h4')\n      : undefined\n    const component = (props: TextProps) => (\n      <BaseText as={asProp} {...props} variant={variant}>\n        {props.children}\n      </BaseText>\n    )\n\n    component.displayName = `Text.${variant}`\n\n    return [variant, component]\n  })\n)\n\nexport const Text = Object.assign(BaseText, textVariantComponents)\n","export const base = ({ radii, space }) => ({\n  borderWidth: 0,\n  borderRadius: radii.md,\n  padding: `${space[2]} ${space[4]}`,\n})\n\nexport const Primary = ({ colors }) => [\n  base,\n  {\n    backgroundColor: colors.primary.surface,\n    color: colors.primary.foreground,\n\n    '&:hover': {\n      backgroundColor: colors.primary.hover.surface,\n    },\n  },\n]\n\nexport const Secondary = ({ colors }) => [\n  base,\n  {\n    backgroundColor: colors.secondary.surface,\n    color: colors.secondary.foreground,\n\n    '&:hover': {\n      backgroundColor: colors.secondary.hover.surface,\n    },\n  },\n]\n\nexport const Link = ({ colors }) => [\n  base,\n  {\n    backgroundColor: colors.transparent,\n    color: colors.primary.surface,\n\n    '&:hover': {\n      color: colors.primary.hover.surface,\n    },\n  },\n]\n\nexport const Plain = ({ colors }) => [\n  base,\n  {\n    backgroundColor: colors.transparent,\n    color: colors.neutral.foreground,\n  },\n]\n","import { Interpolation } from '@emotion/react'\nimport { Box, BoxProps } from '../Box'\nimport { Text } from '../Text'\n\nimport * as styles from './Button.styles'\n\n// TODO: Generate this type from buttonVariantNames\ntype ButtonVariant = 'Primary' | 'Secondary' | 'Link' | 'Plain'\n\nexport interface ButtonProps extends BoxProps {\n  title?: string\n  variant?: ButtonVariant\n}\n\nfunction BaseButton({ as, children, title, variant = 'Primary', ...props }: ButtonProps) {\n  return (\n    <Box as={as ?? 'button'} css={styles[variant] as Interpolation<any>} {...props}>\n      {children}\n      {title && (\n        <Text.Body2 fontWeight=\"demibold\" color=\"inherit\">\n          {title}\n        </Text.Body2>\n      )}\n    </Box>\n  )\n}\n\nconst buttonVariantNames: ButtonVariant[] = ['Primary', 'Secondary', 'Link', 'Plain']\n\nconst buttonVariantComponents = Object.fromEntries(\n  buttonVariantNames.map((variant) => {\n    const variantPart = variant.toLocaleLowerCase()\n\n    const component = ({ part, ...props }: ButtonProps) => (\n      <BaseButton part={[`button-${variantPart}`, part]} {...props} variant={variant}>\n        {props.children}\n      </BaseButton>\n    )\n\n    component.displayName = `Text.${variant}`\n\n    return [variant, component]\n  })\n)\n\nexport const Button = Object.assign(BaseButton, buttonVariantComponents)\n","import * as React from 'react'\nimport { Box, BoxProps } from '../Box'\n\nconst Row = React.forwardRef(({ children, css, ...props }: BoxProps, ref) => {\n  return (\n    <Box css={[{ display: 'flex', flexDirection: 'row' }, css]} {...props} ref={ref}>\n      {children}\n    </Box>\n  )\n})\n\nconst Column = React.forwardRef(({ children, css, ...props }: BoxProps, ref) => {\n  return (\n    <Box css={[{ display: 'flex', flexDirection: 'column' }, css]} {...props} ref={ref}>\n      {children}\n    </Box>\n  )\n})\n\nexport const Flex = {\n  Column,\n  Row,\n}\n","import { createContext, Dispatch, SetStateAction, useState } from 'react'\nimport { Global, ThemeProvider } from '@emotion/react'\n\nimport { createThemeVariables, theme as themeTokens, themeVariables } from '../../shared/theme'\n\n// TODO: type theme something like Partial<typeof themeTokens>, but allow any value for those keys\nexport interface ProviderProps {\n  apiKey: string\n  children?: React.ReactNode\n  config?: ProviderConfig\n  theme?: Record<any, any>\n}\n\ninterface ProviderConfig {\n  apiUrl?: string\n  userId?: string\n}\n\ninterface ProviderContext {\n  apiKey: string\n  config: ProviderConfig\n  modals: string[]\n  setModals: Dispatch<SetStateAction<string[]>>\n}\n\nexport const FrigadeContext = createContext<ProviderContext>({\n  apiKey: '',\n  config: {},\n  modals: [],\n  setModals: () => {},\n})\n\nexport function Provider({ apiKey, children, config = {}, theme }: ProviderProps) {\n  const themeOverrides = theme ? createThemeVariables(theme) : {}\n  const [modals, setModals] = useState([])\n\n  return (\n    <FrigadeContext.Provider value={{ apiKey, config, modals, setModals }}>\n      <Global styles={{ ':root': { ...themeVariables, ...themeOverrides } }} />\n      <ThemeProvider theme={themeTokens}>{children}</ThemeProvider>\n    </FrigadeContext.Provider>\n  )\n}\n","import React, { useEffect, useRef, useState } from 'react'\nimport { Interpolation } from '@emotion/react'\n\nimport { XMarkIcon } from '@heroicons/react/24/solid'\nimport * as Popover from '@radix-ui/react-popover'\n\nimport { useBoundingClientRect } from '../../hooks/useBoundingClientRect'\nimport { Box } from '../Box'\nimport { Button, ButtonProps } from '../Button'\nimport { Dot } from './Dot'\nimport { Flex } from '../Flex/Flex'\nimport { Media, MediaProps } from '../Media'\nimport { Text, TextProps } from '../Text'\nimport { getDotPosition } from './getDotPosition'\nimport { mapTooltipPropsToPopoverProps } from './mapTooltipPropsToPopoverProps'\n\ninterface MergedRadixPopoverProps\n  extends Pick<Popover.PopoverProps, 'defaultOpen' | 'modal' | 'onOpenChange' | 'open'>,\n    Omit<Popover.PopoverContentProps, 'align' | 'asChild'> {}\nexport interface TooltipProps extends MergedRadixPopoverProps {\n  align?: Popover.PopoverContentProps['align'] | 'before' | 'after'\n  anchor?: string\n  css?: Interpolation<Record<any, any>>\n  spotlight?: boolean\n  style?: React.CSSProperties\n}\n\nexport function Tooltip({\n  anchor,\n  children,\n  className,\n  spotlight = false,\n  style,\n  ...props\n}: TooltipProps) {\n  const { node: contentNode, rect: contentRect, ref: contentRef } = useBoundingClientRect()\n  const { contentProps, rootProps } = mapTooltipPropsToPopoverProps(props, contentRect)\n\n  const [alignAttr, setAlignAttr] = useState(contentProps.align)\n  const [sideAttr, setSideAttr] = useState(contentProps.side)\n\n  // Radix will update data attrs to let us know if Popover.Content has collided\n  if (contentNode !== null) {\n    const currentAlignAttr = contentNode.getAttribute('data-align')\n    const currentSideAttr = contentNode.getAttribute('data-side')\n\n    if (alignAttr !== currentAlignAttr) {\n      setAlignAttr(currentAlignAttr)\n    }\n\n    if (sideAttr !== currentSideAttr) {\n      setSideAttr(currentSideAttr)\n    }\n  }\n\n  const anchorRef = useRef(null)\n  const [anchorElementRef, setAnchorElementRef] = useState(null)\n\n  useEffect(() => {\n    const anchorQuery = document.querySelector(anchor)\n\n    if (anchorQuery != null) {\n      anchorRef.current = anchorQuery\n      setAnchorElementRef(anchorRef)\n    }\n  }, [anchor])\n\n  if (anchorElementRef == null) return null\n\n  const anchorRect = anchorElementRef.current.getBoundingClientRect()\n\n  let anchorRadius = '0'\n  if (typeof window !== 'undefined') {\n    anchorRadius = window.getComputedStyle(anchorElementRef.current).borderRadius\n  }\n\n  const dotPosition = getDotPosition({ props, alignAttr, sideAttr })\n\n  return (\n    <Popover.Root defaultOpen={true} {...rootProps}>\n      <Popover.Anchor virtualRef={anchorElementRef} />\n      <Popover.Portal>\n        <div className={className} css={{ position: 'absolute', zIndex: 9999 }}>\n          {spotlight && (\n            <Box\n              borderRadius={anchorRadius}\n              part=\"tooltip-spotlight\"\n              position=\"absolute\"\n              css={{\n                boxShadow: '0 0 0 2000px rgb(0 0 0 / 0.5)',\n                height: anchorRect.height,\n                left: anchorRect.left,\n                top: anchorRect.top,\n                width: anchorRect.width,\n              }}\n            />\n          )}\n          <Popover.Content asChild {...contentProps} ref={contentRef}>\n            <Flex.Column\n              backgroundColor=\"neutral.background\"\n              borderRadius=\"md\"\n              p={5}\n              part=\"tooltip-content\"\n              position=\"relative\"\n              css={{\n                boxShadow: '0px 4px 20px rgba(0, 0, 0, 0.1)',\n                maxWidth: '360px',\n                ...style,\n              }}\n            >\n              <Dot style={dotPosition} />\n\n              {children}\n            </Flex.Column>\n          </Popover.Content>\n        </div>\n      </Popover.Portal>\n    </Popover.Root>\n  )\n}\n\nTooltip.Close = (props: ButtonProps) => {\n  return (\n    <Popover.Close aria-label=\"Close\" asChild>\n      <Button.Plain\n        css={{\n          top: '12px',\n          right: '4px',\n        }}\n        part=\"tooltip-close\"\n        position=\"absolute\"\n        {...props}\n      >\n        <XMarkIcon height=\"24\" fill=\"currentColor\" />\n      </Button.Plain>\n    </Popover.Close>\n  )\n}\n\nTooltip.Media = ({ src, ...props }: MediaProps) => {\n  if (src == null) return null\n\n  return (\n    <Media\n      borderRadius=\"md md 0 0\"\n      borderWidth=\"0\"\n      css={{\n        aspectRatio: '2',\n      }}\n      margin=\"-5 -5 5\"\n      src={src}\n      {...props}\n    />\n  )\n}\n\nTooltip.Primary = ({ onClick, title, ...props }: ButtonProps) => {\n  if (title == null) return null\n\n  return <Button.Primary title={title} onClick={onClick} {...props} />\n}\n\nTooltip.Progress = ({ children, ...props }: TextProps) => {\n  if (children == null) return null\n\n  return (\n    <Text.Body2 fontWeight=\"demibold\" part=\"progress\" {...props}>\n      {children}\n    </Text.Body2>\n  )\n}\n\nTooltip.Secondary = ({ onClick, title, ...props }: ButtonProps) => {\n  if (title == null) return null\n\n  return <Button.Secondary title={title} onClick={onClick} {...props} />\n}\n\nTooltip.Subtitle = ({ children, ...props }: TextProps) => {\n  if (children == null) return null\n\n  return (\n    <Text.Body2 part=\"subtitle\" {...props}>\n      {children}\n    </Text.Body2>\n  )\n}\n\nTooltip.Title = ({ children, ...props }: TextProps) => {\n  if (children == null) return null\n\n  return (\n    <Text.Body1 fontWeight=\"bold\" mb={1} part=\"title\" {...props}>\n      {children}\n    </Text.Body1>\n  )\n}\n","import { useCallback, useLayoutEffect, useState } from 'react'\n\nexport function useBoundingClientRect() {\n  const initialRect =\n    'DOMRect' in globalThis\n      ? new DOMRect()\n      : {\n          height: 0,\n          width: 0,\n          x: 0,\n          y: 0,\n          bottom: 0,\n          top: 0,\n          right: 0,\n          left: 0,\n          toJSON: () => {},\n        }\n  const [rect, setRect] = useState(initialRect)\n  const [node, setNode] = useState(null)\n\n  const ref = useCallback((node: HTMLElement) => {\n    setNode(node)\n  }, [])\n\n  useLayoutEffect(() => {\n    if (!node) return\n\n    setRect(node.getBoundingClientRect())\n  }, [node])\n\n  return {\n    node,\n    rect,\n    ref,\n  }\n}\n","import { keyframes } from '@emotion/react'\nimport { Box, BoxProps } from '../Box'\n\nconst pulse = keyframes({\n  '0%': {\n    opacity: 0.5,\n    transform: 'scale(0.5)',\n  },\n  '50%': {\n    opacity: 0,\n    transform: 'scale(1)',\n  },\n  '100%': {\n    opacity: 0,\n    transform: 'scale(1)',\n  },\n})\n\nexport interface DotProps extends BoxProps {}\n\nexport function Dot({ style = {}, part = '', ...props }: DotProps) {\n  return (\n    <Box\n      part={`dot-wrapper ${part}`}\n      style={{\n        height: '48px',\n        position: 'absolute',\n        width: '48px',\n        ...style,\n      }}\n      {...props}\n    >\n      <Box\n        backgroundColor=\"primary.surface\"\n        part=\"dot-pulse\"\n        css={{\n          animation: `2s ease-out infinite ${pulse}`,\n          borderRadius: '24px',\n          height: '48px',\n          left: 0,\n          position: 'absolute',\n          top: 0,\n          transformOrigin: 'center center',\n          width: '48px',\n        }}\n      />\n      <Box\n        backgroundColor=\"primary.surface\"\n        part=\"dot\"\n        style={{\n          borderRadius: '12px',\n          height: '24px',\n          left: '12px',\n          position: 'absolute',\n          top: '12px',\n          width: '24px',\n        }}\n      />\n    </Box>\n  )\n}\n","import { Box, BoxProps } from '../Box'\n\nexport interface ImageProps extends BoxProps {\n  src: string\n}\n\nexport function Image({ part, src, ...props }: ImageProps) {\n  return <Box as=\"img\" part={['image', part]} src={src} {...props} />\n}\n","import { Box, BoxProps } from '../Box'\n\nfunction getVideoEmbedSrc(videoUri: string) {\n  if (videoUri.includes('youtube')) {\n    const videoId = videoUri.split('v=')[1]?.split('&')[0]\n\n    return `https://www.youtube.com/embed/${videoId}`\n  } else if (videoUri.includes('vimeo')) {\n    const videoId = videoUri.split('vimeo.com/')[1]?.split('&')[0]\n\n    return `https://player.vimeo.com/video/${videoId}`\n  } else if (videoUri.includes('wistia')) {\n    const videoId = videoUri.split('wistia.com/medias/')[1]?.split('&')[0]\n\n    return `https://fast.wistia.net/embed/iframe/${videoId}`\n  }\n\n  throw new Error('Could not map videoUri to a known provider (Youtube, Vimeo, Wistia).')\n}\n\nexport interface VideoProps extends BoxProps {\n  src: string\n}\n\nexport function Video({ part, src, ...props }: VideoProps) {\n  const videoEmbedSrc = getVideoEmbedSrc(src)\n\n  // TODO: Add play button overtop?\n  return (\n    <Box\n      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n      allowFullScreen\n      as=\"iframe\"\n      backgroundColor=\"gray100\"\n      borderWidth={0}\n      part={['video', part]}\n      src={videoEmbedSrc}\n      {...props}\n    ></Box>\n  )\n}\n","import { Image } from './Image'\nimport { Video } from './Video'\nimport { BoxProps } from '../Box'\n\nexport interface MediaProps extends BoxProps {\n  src: string\n  type: 'image' | 'video'\n}\n\nexport function Media({ src, type, ...props }: MediaProps) {\n  const Component = type === 'video' ? Video : Image\n\n  return <Component src={src} {...props} />\n}\n","export function getDotPosition({ props, alignAttr, sideAttr }) {\n  const currentSide = sideAttr ?? 'bottom'\n  const dotProps = {}\n\n  // Radix's collision system isn't aware of our custom before|after align\n  const getCurrentAlign = () => {\n    if (['after', 'before'].includes(props.align)) {\n      if (alignAttr == 'start') {\n        return 'before'\n      } else if (alignAttr == 'end') {\n        return 'after'\n      }\n    }\n\n    return props.align ?? 'after'\n  }\n\n  const dotOffset = '-24px'\n\n  const oppositeSides = {\n    top: 'bottom',\n    right: 'left',\n    bottom: 'top',\n    left: 'right',\n  }\n\n  /* \n    Rules:\n      - Dot is opposite to side prop (e.g. side=left -> dot=right)\n      - align=before|end -> Dot goes to highest extent (right/bottom) of align-axis\n      - align=after|start -> Dot goes to lowest extent (left/top) of align-axis\n      - align=center -> Dot goes to the center\n  */\n\n  dotProps[oppositeSides[currentSide]] = dotOffset\n\n  const currentAlign = getCurrentAlign()\n\n  if (['before', 'end'].includes(currentAlign)) {\n    if (['top', 'bottom'].includes(currentSide)) {\n      dotProps['right'] = dotOffset\n    } else {\n      dotProps['bottom'] = dotOffset\n    }\n  } else if (['after', 'start'].includes(currentAlign)) {\n    if (['top', 'bottom'].includes(currentSide)) {\n      dotProps['left'] = dotOffset\n    } else {\n      dotProps['top'] = dotOffset\n    }\n  } else {\n    // The only option left is align=center\n    if (['top', 'bottom'].includes(currentSide)) {\n      dotProps['left'] = `calc(50% + ${dotOffset})`\n    } else {\n      dotProps['top'] = `calc(50% + ${dotOffset})`\n    }\n  }\n\n  return dotProps\n}\n","import { TooltipProps } from '.'\n\nconst RADIX_PROPS = {\n  content: [\n    'align',\n    'alignOffset',\n    'arrowPadding',\n    'avoidCollisions',\n    'collisionBoundary',\n    'collisionPadding',\n    'forceMount',\n    'hideWhenDetached',\n    'onCloseAutoFocus',\n    'onEscapeKeyDown',\n    'onFocusOutside',\n    'onInteractOutside',\n    'onOpenAutoFocus',\n    'onPointerDownOutside',\n    'side',\n    'sideOffset',\n    'sticky',\n  ],\n  root: ['defaultOpen', 'modal', 'onOpenChange', 'open'],\n}\n\nexport function mapTooltipPropsToPopoverProps(props: TooltipProps, contentRect: DOMRect) {\n  const contentProps = Object.fromEntries(\n    RADIX_PROPS.content\n      .map((propName) => [propName, props[propName]])\n      .filter((propEntry) => propEntry[1] !== undefined)\n  )\n  const rootProps = Object.fromEntries(\n    RADIX_PROPS.root\n      .map((propName) => [propName, props[propName]])\n      .filter((propEntry) => propEntry[1] !== undefined)\n  )\n\n  // Default to align=after, side=bottom\n  contentProps.align = contentProps.align ?? 'after'\n  contentProps.side = contentProps.side ?? 'bottom'\n\n  /*\n    Here we're extending Popover.Content's align prop to accept 'before' and\n    'after' in addition to its existing values.\n\n    TL;DR:\n      1. Use existing alignOffset prop to push Content to be before/after the\n         corresponding edge of the element it's attached to.\n      2. Add a CSS margin to patch alignOffset back onto Content, as Popover\n         has a bug that prevents alignOffset from extending past the edge of\n         its Trigger/Anchor.\n\n         SEE: https://github.com/radix-ui/primitives/issues/2457\n  */\n  if (['before', 'after'].includes(contentProps.align)) {\n    const mapToOriginalAlignValues = {\n      after: 'end',\n      before: 'start',\n    }\n\n    const mapAlignOffsetToMargin = (align, side) => {\n      /*\n        Translate alignOffset to CSS margin based on align and side props:\n          bottom || top\n            after: marginLeft\n            before: marginRight\n          left || right\n            after: marginTop\n            before: marginBottom\n      */\n      if (['top', 'bottom'].includes(side)) {\n        if (align == 'after') {\n          return 'marginLeft'\n        } else {\n          return 'marginRight'\n        }\n      } else {\n        if (align == 'after') {\n          return 'marginTop'\n        } else {\n          return 'marginBottom'\n        }\n      }\n    }\n\n    const originalOffset = contentProps.alignOffset ?? 0\n    const originalStyleProp = contentProps.style ?? {}\n    const currentSide = contentProps.side ?? 'bottom'\n    const currentAlign = contentProps.align\n\n    // Copy alignOffset value to CSS margin\n    contentProps['style'] = {\n      ...originalStyleProp,\n      [mapAlignOffsetToMargin(currentAlign, currentSide)]: originalOffset,\n    }\n\n    const lengthOfCurrentSide = ['top', 'bottom'].includes(currentSide)\n      ? contentRect.width\n      : contentRect.height\n\n    // Change alignOffset to be at the end of the positioned side\n    contentProps.alignOffset = (lengthOfCurrentSide + originalOffset) * -1\n\n    // Flip align prop back to valid Radix option, or default to 'after'\n    contentProps['align'] = mapToOriginalAlignValues[currentAlign]\n  }\n\n  return {\n    contentProps,\n    rootProps,\n  }\n}\n","import { Flow, Frigade } from '@frigade/js'\nimport { useContext, useEffect, useRef, useState } from 'react'\n\nimport { FrigadeContext } from '../components/Provider'\n\nexport function useFlow(flowId: string) {\n  const [flow, setFlow] = useState<Flow>()\n  const { apiKey, config } = useContext(FrigadeContext)\n  const filteredConfig = Object.fromEntries(\n    Object.entries(config).filter(([k, v]) => ['apiUrl', 'userId'].includes(k) && v != null)\n  )\n\n  const frigadeRef = useRef(new Frigade(apiKey, filteredConfig))\n  const frigade = frigadeRef.current\n\n  const handler = (updatedFlow: Flow) => {\n    if (updatedFlow.id !== flowId) {\n      return\n    }\n\n    const clonedFlow = Object.assign(Object.create(Object.getPrototypeOf(updatedFlow)), updatedFlow)\n\n    setFlow(clonedFlow)\n  }\n\n  useEffect(() => {\n    ;(async () => {\n      const flowResponse: Flow = await frigade.getFlow(flowId)\n\n      setFlow(flowResponse)\n    })()\n\n    frigade.onFlowStateChange(handler)\n\n    return () => {\n      frigade.removeOnFlowStateChangeHandler(handler)\n    }\n  }, [])\n\n  return { flow }\n}\n","import { useContext, useEffect, useState } from 'react'\n\nimport { FrigadeContext } from '../components/Provider'\n\nexport function useModal(flowId: string) {\n  const { modals, setModals } = useContext(FrigadeContext)\n  const [isCurrentModal, setIsCurrentModal] = useState(false)\n\n  useEffect(() => {\n    setModals([...modals, flowId])\n\n    return () => setModals(modals.filter((v) => v !== flowId))\n  }, [])\n\n  useEffect(() => {\n    const newIsCurrentModal = modals[0] === flowId\n\n    if (newIsCurrentModal !== isCurrentModal) {\n      setIsCurrentModal(newIsCurrentModal)\n    }\n  }, [modals])\n\n  return {\n    isCurrentModal,\n  }\n}\n","import { Flow, FlowStep } from '@frigade/js'\n\nimport { TourProps } from '.'\nimport { useModal } from '../../hooks/useModal'\n\nimport { Flex } from '../Flex/Flex'\nimport { Tooltip } from '../Tooltip'\n\nexport interface TourStepProps extends Omit<TourProps, 'flowId'> {\n  step: FlowStep\n  flow: Flow\n}\n\nexport function TourStep({ step, flow, ...props }: TourStepProps) {\n  const { isCurrentModal } = useModal(`${flow.id}-${step.id}`)\n\n  if (!isCurrentModal) return null\n\n  async function handleDismiss() {\n    await flow.skip()\n  }\n\n  async function handlePrimary() {\n    await step.complete()\n  }\n\n  const handleSecondary = handlePrimary\n\n  return (\n    <Tooltip\n      key={step.id}\n      anchor={step.selector as string}\n      onOpenAutoFocus={(e) => e.preventDefault()}\n      onPointerDownOutside={(e) => e.preventDefault()}\n      {...props}\n    >\n      <Tooltip.Close onClick={handleDismiss} />\n\n      <Tooltip.Media\n        src={step.videoUri ?? step.imageUri}\n        type={step.videoUri ? 'video' : 'image'}\n      />\n\n      <Tooltip.Title>{step.title}</Tooltip.Title>\n      <Tooltip.Subtitle>{step.subtitle}</Tooltip.Subtitle>\n\n      <Flex.Row alignItems=\"center\" gap={3} justifyContent=\"flex-end\" part=\"tooltip-footer\" pt={4}>\n        <Tooltip.Progress>{`${step?.order + 1}/${flow.steps.size}`}</Tooltip.Progress>\n\n        <Tooltip.Secondary\n          marginLeft=\"auto\"\n          title={step.secondaryButtonTitle}\n          onClick={handleSecondary}\n        />\n        <Tooltip.Primary title={step.primaryButtonTitle} onClick={handlePrimary} />\n      </Flex.Row>\n    </Tooltip>\n  )\n}\n","import { Flow } from '@frigade/js'\n\nimport { useFlow } from '../../hooks/useFlow'\nimport { TooltipProps } from '../Tooltip'\nimport { TourStep } from './TourStep'\n\nexport interface TourProps extends TooltipProps {\n  flowId: string\n}\n\nexport function Tour({ flowId, ...props }: TourProps) {\n  const { flow } = useFlow(flowId)\n\n  if (flow == null || flow.isVisible === false) {\n    return null\n  }\n\n  flow.start()\n\n  const step = flow.getCurrentStep()\n  step?.start()\n\n  return <TourStep step={step} flow={flow} {...props} />\n}\n"]}

package/dist/index.d.ts

@@ -62,7 +62,7 @@ interface MergedRadixPopoverProps extends Pick<Popover.PopoverProps, 'defaultOpe
 interface TooltipProps extends MergedRadixPopoverProps {
     align?: Popover.PopoverContentProps['align'] | 'before' | 'after';
     anchor?: string;
-    css?: Interpolation<any>;
+    css?: Interpolation<Record<any, any>>;
     spotlight?: boolean;
     style?: React__default.CSSProperties;
 }

package/dist/index.js

@@ -5,11 +5,11 @@ import { clsx } from 'clsx';
 import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import { keyframes, Global, ThemeProvider } from '@emotion/react';
 import { XMarkIcon } from '@heroicons/react/24/solid';
-import * as P from '@radix-ui/react-popover';
+import * as h from '@radix-ui/react-popover';
 import { Frigade } from '@frigade/js';
 
-var ee=Object.defineProperty,Ee=Object.defineProperties;var Ae=Object.getOwnPropertyDescriptors;var W=Object.getOwnPropertySymbols;var te=Object.prototype.hasOwnProperty,oe=Object.prototype.propertyIsEnumerable;var Z=(e,t,o)=>t in e?ee(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))te.call(t,o)&&Z(e,o,t[o]);if(W)for(var o of W(t))oe.call(t,o)&&Z(e,o,t[o]);return e},l=(e,t)=>Ee(e,Ae(t));var u=(e,t)=>{var o={};for(var r in e)te.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&W)for(var r of W(e))t.indexOf(r)<0&&oe.call(e,r)&&(o[r]=e[r]);return o};var re=(e,t)=>{for(var o in t)ee(e,o,{get:t[o],enumerable:!0});};var k=(e,t,o)=>new Promise((r,n)=>{var s=d=>{try{p(o.next(d));}catch(f){n(f);}},c=d=>{try{p(o.throw(d));}catch(f){n(f);}},p=d=>d.done?r(d.value):Promise.resolve(d.value).then(s,c);p((o=o.apply(e,t)).next());});var De="px",He=e=>typeof e=="number"?`${4*e}${De}`:e,Ve=[-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"],Ie=Object.fromEntries(Ve.map(e=>[e,He(e)])),Me={black:"#000000",gray100:"#14161A",gray200:"#181B20",gray300:"#1F2329",gray400:"#2E343D",gray500:"#4C5766",gray600:"#5A6472",gray700:"#C5CBD3",gray800:"#E2E5E9",gray900:"#F1F2F4",white:"#ffffff",blue400:"#015AC6",blue500:"#0171F8",blue800:"#DBECFF",blue900:"#F5F9FF",green400:"#009E37",green500:"#00D149",green800:"#DBFFE8",transparent:"#FFFFFF00",inherit:"inherit",red500:"#c00000"},$={borders:{md:"1px solid"},borderWidths:{0:"0",md:"1px"},colors:i({},Me),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:{regular:"400",demibold:"600",bold:"700"},letterSpacings:{md:"0.02em"},lineHeights:{xs:"18px",sm:"22px",md:"24px",lg:"26px",xl:"30px","2xl":"38px","3xl":"46px","4xl":"60px"},radii:{md:"10px",lg:"20px",round:"50%"},shadows:{md:"0px 4px 20px rgba(0, 0, 0, 0.1)"},space:Ie};var a=e=>`var(--fr-colors-${e})`,ne={neutral:{background:a("white"),border:a("gray500"),foreground:a("black"),surface:a("gray700"),active:{background:a("white"),border:a("gray900"),foreground:a("black"),surface:a("gray700")},focus:{background:a("white"),border:a("gray900"),foreground:a("black"),surface:a("gray700")},hover:{background:a("white"),border:a("gray900"),foreground:a("black"),surface:a("gray700")}},primary:{background:a("blue500"),border:a("blue500"),foreground:a("white"),surface:a("blue500"),active:{background:a("blue400"),border:a("blue400"),foreground:a("white"),surface:a("blue400")},focus:{background:a("blue500"),border:a("blue500"),foreground:a("white"),surface:a("blue500")},hover:{background:a("blue400"),border:a("blue400"),foreground:a("white"),surface:a("blue400")}},secondary:{background:a("gray900"),border:a("gray900"),foreground:a("black"),surface:a("gray900"),active:{background:a("gray800"),border:a("gray800"),foreground:a("black"),surface:a("gray800")},focus:{background:a("gray900"),border:a("gray900"),foreground:a("black"),surface:a("gray900")},hover:{background:a("gray800"),border:a("gray800"),foreground:a("black"),surface:a("gray800")}}};var j=l(i({},$),{colors:i(i({},$.colors),ne)});function F(e,t="",o="."){return Object.keys(e).reduce((r,n)=>{let c=`${t.length?`${t}${o}`:""}${n}`,p=e[n];return typeof p=="object"&&p!==null&&!Array.isArray(p)?Object.assign(r,F(p,c,o)):r[c]=p,r},{})}function L(e){return F(e,"--fr","-")}function ie(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]=ie(n,`${t}-${r}`):o[r]=`var(${t}-${r})`;}),o}var se=L(j),g=ie(j);var z=F(g.colors),ae={color:z,backgroundColor:z,borderColor:z,border:g.borders,borderRadius:g.radii,borderWidth:g.borderWidths,fontFamily:g.fontFamilies,fontSize:g.fontSizes,fontWeight:g.fontWeights,gap:g.space,lineHeight:g.lineHeights,margin:g.space,marginTop:g.space,marginRight:g.space,marginBottom:g.space,marginLeft:g.space,padding:g.space,paddingTop:g.space,paddingRight:g.space,paddingBottom:g.space,paddingLeft:g.space,alignContent:["center","start","end","flex-start","flex-end","normal","baseline","first baseline","last baseline","space-between","space-around","space-evenly","stretch","safe center","unsafe center","inherit","initial","revert","revert-layer","unset"],alignItems:["normal","stretch","center","start","end","flex-start","flex-end","self-start","self-end","baseline","first baseline","last baseline","safe center","unsafe center","inherit","initial","revert","revert-layer","unset"],alignSelf:["auto","normal","center","start","end","self-start","self-end","flex-start","flex-end","baseline","first baseline","last baseline","stretch","safe center","unsafe center","inherit","initial","revert","revert-layer","unset"],flexDirection:["row","row-reverse","column","column-reverse","inherit","initial","revert","revert-layer","unset"],flexWrap:["nowrap","wrap","wrap-reverse","inherit","initial","revert","revert-layer","unset"],justifyContent:["center","start","end","flex-start","flex-end","left","right","normal","space-between","space-around","space-evenly","stretch","safe center","unsafe center","inherit","initial","revert","revert-layer","unset"],justifyItems:["normal","stretch","center","start","end","flex-start","flex-end","self-start","self-end","left","right","baseline","first baseline","last baseline","safe center","unsafe center","legacy right","legacy left","legacy center","inherit","initial","revert","revert-layer","unset"],boxSizing:["border-box","content-box","inherit","initial","revert","revert-layer","unset"],position:["static","relative","absolute","fixed","sticky","inherit","initial","revert","revert-layer","unset"],display:["block","block flex","block flow","block flow-root","block grid","contents","flex","flow-root","grid","inherit","initial","inline","inline flex","inline flow","inline flow-root","inline grid","inline-block","inline-flex","inline-grid","list-item","none","revert","revert-layer","table","table-row-group","table-header-group","table-footer-group","table-row","table-cell","table-column-group","table-column","table-caption","unset"]},le={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"]};function We(e){if(Array.isArray(e))return new Map(e.map(t=>[t,t]));if(typeof e=="object"&&e!==null)return new Map(Object.entries(e));if(["string","number"].includes(typeof e))return new Map([e,e]);throw new Error("Invalid entry in styleProps")}var $e=new Map(Object.entries(ae).map(([e,t])=>[e,We(t)])),je=new Map(Object.entries(le).map(([e,t])=>[e,new Set(t)]));function ce(e){let t=Object.assign({},e),o={};return Object.entries(t).forEach(([r,n])=>{let s=je.get(r);s!=null&&(s.forEach(c=>{t[c]=n;}),delete t[r]);}),Object.entries(t).forEach(([r,n])=>{let s=$e.get(r);if(s!=null)if(typeof n=="string"&&n.indexOf(" ")>-1){let c=n.split(" ");o[r]=c.map(p=>{var d;return (d=s.get(p.toString()))!=null?d:p}).join(" "),delete t[r];}else s.has(n.toString())&&(o[r]=s.get(n.toString()),delete t[r]);}),{cssFromProps:o,unmatchedProps:t}}function pe(e){return e&&`fr-${e}`}function ze(e){return e&&(Array.isArray(e)?e.map(t=>pe(t)).join(" "):pe(e))}function Ke(c,s){var p=c,{as:e,children:t,className:o,part:r}=p,n=u(p,["as","children","className","part"]);let d=e!=null?e:"div",{cssFromProps:f,unmatchedProps:b}=ce(n),y=ze(r),R=o||y?clsx(o,y):void 0;return jsx(d,l(i({className:R,css:[{boxSizing:"border-box"},f]},b),{ref:s,children:t}))}var m=_.forwardRef(Ke);var K={};re(K,{Body1:()=>Qe,Body2:()=>Ye,Caption:()=>Ze,Display1:()=>_e,Display2:()=>Ue,H1:()=>Xe,H2:()=>qe,H3:()=>Ge,H4:()=>Je});var w={color:"neutral.foreground",fontFamily:"default",margin:0},_e=l(i({},w),{fontSize:"5xl",fontWeight:"bold",lineHeight:"4xl"}),Ue=l(i({},w),{fontSize:"4xl",fontWeight:"bold",lineHeight:"3xl"}),Xe=l(i({},w),{fontSize:"3xl",fontWeight:"bold",lineHeight:"2xl"}),qe=l(i({},w),{fontSize:"2xl",fontWeight:"bold",lineHeight:"xl"}),Ge=l(i({},w),{fontSize:"xl",fontWeight:"bold",lineHeight:"lg"}),Je=l(i({},w),{fontSize:"lg",fontWeight:"bold",lineHeight:"md"}),Qe=l(i({},w),{fontSize:"md",fontWeight:"regular",lineHeight:"md"}),Ye=l(i({},w),{fontSize:"sm",fontWeight:"regular",lineHeight:"md"}),Ze=l(i({},w),{fontSize:"xs",fontWeight:"regular",lineHeight:"sm"});function fe(n){var s=n,{as:e="span",children:t,variant:o="Body1"}=s,r=u(s,["as","children","variant"]);return jsx(m,l(i(i({as:e},K[o]),r),{children:t}))}var et=["Display1","Display2","H1","H2","H3","H4","Body1","Body2","Caption"],tt=Object.fromEntries(et.map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=r=>jsx(fe,l(i({as:t},r),{variant:e,children:r.children}));return o.displayName=`Text.${e}`,[e,o]})),B=Object.assign(fe,tt);var N={};re(N,{Link:()=>nt,Plain:()=>it,Primary:()=>ot,Secondary:()=>rt,base:()=>O});var O=({radii:e,space:t})=>({borderWidth:0,borderRadius:e.md,padding:`${t[2]} ${t[4]}`}),ot=({colors:e})=>[O,{backgroundColor:e.primary.surface,color:e.primary.foreground,"&:hover":{backgroundColor:e.primary.hover.surface}}],rt=({colors:e})=>[O,{backgroundColor:e.secondary.surface,color:e.secondary.foreground,"&:hover":{backgroundColor:e.secondary.hover.surface}}],nt=({colors:e})=>[O,{backgroundColor:e.transparent,color:e.primary.surface,"&:hover":{color:e.primary.hover.surface}}],it=({colors:e})=>[O,{backgroundColor:e.transparent,color:e.neutral.foreground}];function ge(s){var c=s,{as:e,children:t,title:o,variant:r="Primary"}=c,n=u(c,["as","children","title","variant"]);return jsxs(m,l(i({as:e!=null?e:"button",css:N[r]},n),{children:[t,o&&jsx(B.Body2,{fontWeight:"demibold",color:"inherit",children:o})]}))}var st=["Primary","Secondary","Link","Plain"],at=Object.fromEntries(st.map(e=>{let t=e.toLocaleLowerCase(),o=s=>{var c=s,{part:r}=c,n=u(c,["part"]);return jsx(ge,l(i({part:[`button-${t}`,r]},n),{variant:e,children:n.children}))};return o.displayName=`Text.${e}`,[e,o]})),E=Object.assign(ge,at);var ct=_.forwardRef((n,r)=>{var s=n,{children:e,css:t}=s,o=u(s,["children","css"]);return jsx(m,l(i({css:[{display:"flex",flexDirection:"row"},t]},o),{ref:r,children:e}))}),pt=_.forwardRef((n,r)=>{var s=n,{children:e,css:t}=s,o=u(s,["children","css"]);return jsx(m,l(i({css:[{display:"flex",flexDirection:"column"},t]},o),{ref:r,children:e}))}),C={Column:pt,Row:ct};var U=createContext({apiKey:"",config:{}});function gt({apiKey:e,children:t,config:o={},theme:r}){let n=r?L(r):{};return jsxs(U.Provider,{value:{apiKey:e,config:o},children:[jsx(Global,{styles:{":root":i(i({},se),n)}}),jsx(ThemeProvider,{theme:g,children:t})]})}function he(){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),s=useCallback(c=>{n(c);},[]);return useLayoutEffect(()=>{r&&o(r.getBoundingClientRect());},[r]),{node:r,rect:t,ref:s}}var ht=keyframes({"0%":{opacity:.5,transform:"scale(0.5)"},"50%":{opacity:0,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(1)"}});function we(r){var n=r,{style:e={},part:t=""}=n,o=u(n,["style","part"]);return jsxs(m,l(i({part:`dot-wrapper ${t}`,style:i({height:"48px",position:"absolute",width:"48px"},e)},o),{children:[jsx(m,{backgroundColor:"primary.surface",part:"dot-pulse",css:{animation:`2s ease-out infinite ${ht}`,borderRadius:"24px",height:"48px",left:0,position:"absolute",top:0,transformOrigin:"center center",width:"48px"}}),jsx(m,{backgroundColor:"primary.surface",part:"dot",style:{borderRadius:"12px",height:"24px",left:"12px",position:"absolute",top:"12px",width:"24px"}})]}))}function Be(r){var n=r,{part:e,src:t}=n,o=u(n,["part","src"]);return jsx(m,i({as:"img",part:["image",e],src:t},o))}function Bt(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 Te(r){var n=r,{part:e,src:t}=n,o=u(n,["part","src"]);let s=Bt(t);return jsx(m,i({allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,as:"iframe",backgroundColor:"gray100",borderWidth:0,part:["video",e],src:s},o))}function X(r){var n=r,{src:e,type:t}=n,o=u(n,["src","type"]);return jsx(t==="video"?Te:Be,i({src:e},o))}function ve({props:e,alignAttr:t,sideAttr:o}){let r=o!=null?o:"bottom",n={},s=()=>{var f;if(["after","before"].includes(e.align)){if(t=="start")return "before";if(t=="end")return "after"}return (f=e.align)!=null?f:"after"},c="-24px",p={top:"bottom",right:"left",bottom:"top",left:"right"};n[p[r]]=c;let d=s();return ["before","end"].includes(d)?["top","bottom"].includes(r)?n.right=c:n.bottom=c:["after","start"].includes(d)?["top","bottom"].includes(r)?n.left=c:n.top=c:["top","bottom"].includes(r)?n.left=`calc(50% + ${c})`:n.top=`calc(50% + ${c})`,n}var Ce={content:["align","alignOffset","arrowPadding","avoidCollisions","collisionBoundary","collisionPadding","forceMount","hideWhenDetached","onCloseAutoFocus","onEscapeKeyDown","onFocusOutside","onInteractOutside","onOpenAutoFocus","onPointerDownOutside","side","sideOffset","sticky"],root:["defaultOpen","modal","onOpenChange","open"]};function Re(e,t){var n,s,c,p,d;let o=Object.fromEntries(Ce.content.map(f=>[f,e[f]]).filter(f=>f[1]!==void 0)),r=Object.fromEntries(Ce.root.map(f=>[f,e[f]]).filter(f=>f[1]!==void 0));if(o.align=(n=o.align)!=null?n:"after",o.side=(s=o.side)!=null?s:"bottom",["before","after"].includes(o.align)){let f={after:"end",before:"start"},b=(H,V)=>["top","bottom"].includes(V)?H=="after"?"marginLeft":"marginRight":H=="after"?"marginTop":"marginBottom",y=(c=o.alignOffset)!=null?c:0,R=(p=o.style)!=null?p:{},v=(d=o.side)!=null?d:"bottom",A=o.align;o.style=l(i({},R),{[b(A,v)]:y});let D=["top","bottom"].includes(v)?t.width:t.height;o.alignOffset=(D+y)*-1,o.align=f[A];}return {contentProps:o,rootProps:r}}function x(c){var p=c,{anchor:e,children:t,className:o,spotlight:r=!1,style:n}=p,s=u(p,["anchor","children","className","spotlight","style"]);let{node:d,rect:f,ref:b}=he(),{contentProps:y,rootProps:R}=Re(s,f),[v,A]=useState(y.align),[D,H]=useState(y.side);if(d!==null){let S=d.getAttribute("data-align"),Y=d.getAttribute("data-side");v!==S&&A(S),D!==Y&&H(Y);}let V=useRef(null),[I,Fe]=useState(null);if(useEffect(()=>{let S=document.querySelector(e);S!=null&&(V.current=S,Fe(V));},[e]),I==null)return null;let M=I.current.getBoundingClientRect(),Q="0";typeof window!="undefined"&&(Q=window.getComputedStyle(I.current).borderRadius);let Oe=ve({props:s,alignAttr:v,sideAttr:D});return jsxs(P.Root,l(i({defaultOpen:!0},R),{children:[jsx(P.Anchor,{virtualRef:I}),jsx(P.Portal,{children:jsxs("div",{className:o,css:{position:"absolute",zIndex:9999},children:[r&&jsx(m,{borderRadius:Q,part:"tooltip-spotlight",position:"absolute",css:{boxShadow:"0 0 0 2000px rgb(0 0 0 / 0.5)",height:M.height,left:M.left,top:M.top,width:M.width}}),jsx(P.Content,l(i({asChild:!0},y),{ref:b,children:jsxs(C.Column,{backgroundColor:"neutral.background",borderRadius:"md",p:5,part:"tooltip-content",position:"relative",css:i({boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)",maxWidth:"360px"},n),children:[jsx(we,{style:Oe}),t]})}))]})})]}))}x.Close=e=>jsx(P.Close,{"aria-label":"Close",asChild:!0,children:jsx(E.Plain,l(i({css:{top:"12px",right:"4px"},part:"tooltip-close",position:"absolute"},e),{children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})}))});x.Media=o=>{var r=o,{src:e}=r,t=u(r,["src"]);return e==null?null:jsx(X,i({borderRadius:"md md 0 0",borderWidth:"0",css:{aspectRatio:"2"},margin:"-5 -5 5",src:e},t))};x.Primary=r=>{var n=r,{onClick:e,title:t}=n,o=u(n,["onClick","title"]);return t==null?null:jsx(E.Primary,i({title:t,onClick:e},o))};x.Progress=o=>{var r=o,{children:e}=r,t=u(r,["children"]);return e==null?null:jsx(B.Body2,l(i({fontWeight:"demibold",part:"progress"},t),{children:e}))};x.Secondary=r=>{var n=r,{onClick:e,title:t}=n,o=u(n,["onClick","title"]);return t==null?null:jsx(E.Secondary,i({title:t,onClick:e},o))};x.Subtitle=o=>{var r=o,{children:e}=r,t=u(r,["children"]);return e==null?null:jsx(B.Body2,l(i({part:"subtitle"},t),{children:e}))};x.Title=o=>{var r=o,{children:e}=r,t=u(r,["children"]);return e==null?null:jsx(B.Body1,l(i({fontWeight:"bold",mb:1,part:"title"},t),{children:e}))};function ke(e){let[t,o]=useState(),[r,n]=useState(Math.random()),{apiKey:s,config:c}=useContext(U),p=Object.fromEntries(Object.entries(c).filter(([b,y])=>["apiUrl","userId"].includes(b)&&y!=null)),d=new Frigade(s,p);useEffect(()=>{let b=y=>{y.id===e&&(o(y),n(Math.random()));};return f(),d.onFlowStateChange(b),()=>{d.removeOnFlowStateChangeHandler(b);}},[]);function f(){return k(this,null,function*(){let b=yield d.getFlow(e);o(b);})}return {flow:t,fetchFlow:f}}function Et(o){var r=o,{flowId:e}=r,t=u(r,["flowId"]);var f;let{flow:n}=ke(e);if(n==null||n.isVisible===!1)return null;n.start();let s=n.getCurrentStep();s==null||s.start();function c(){return k(this,null,function*(){yield n.skip();})}function p(){return k(this,null,function*(){yield s.complete();})}let d=p;return jsxs(x,l(i({anchor:s.selector,onOpenAutoFocus:b=>b.preventDefault(),onPointerDownOutside:b=>b.preventDefault()},t),{children:[jsx(x.Close,{onClick:c}),jsx(x.Media,{src:(f=s.videoUri)!=null?f:s.imageUri,type:s.videoUri?"video":"image"}),jsx(x.Title,{children:s.title}),jsx(x.Subtitle,{children:s.subtitle}),jsxs(C.Row,{pt:4,alignItems:"center",justifyContent:"space-between",children:[jsx(x.Progress,{children:`${(s==null?void 0:s.order)+1}/${n.steps.size}`}),jsxs(C.Row,{gap:3,children:[jsx(x.Secondary,{title:s.secondaryButtonTitle,onClick:d}),jsx(x.Primary,{title:s.primaryButtonTitle,onClick:p})]})]})]}))}
+var Z=Object.defineProperty,Ae=Object.defineProperties;var De=Object.getOwnPropertyDescriptors;var $=Object.getOwnPropertySymbols;var ee=Object.prototype.hasOwnProperty,te=Object.prototype.propertyIsEnumerable;var Y=(e,t,o)=>t in e?Z(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,i=(e,t)=>{for(var o in t||(t={}))ee.call(t,o)&&Y(e,o,t[o]);if($)for(var o of $(t))te.call(t,o)&&Y(e,o,t[o]);return e},l=(e,t)=>Ae(e,De(t));var f=(e,t)=>{var o={};for(var r in e)ee.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&$)for(var r of $(e))t.indexOf(r)<0&&te.call(e,r)&&(o[r]=e[r]);return o};var oe=(e,t)=>{for(var o in t)Z(e,o,{get:t[o],enumerable:!0});};var R=(e,t,o)=>new Promise((r,n)=>{var s=u=>{try{d(o.next(u));}catch(p){n(p);}},c=u=>{try{d(o.throw(u));}catch(p){n(p);}},d=u=>u.done?r(u.value):Promise.resolve(u.value).then(s,c);d((o=o.apply(e,t)).next());});var He="px",Ie=e=>typeof e=="number"?`${4*e}${He}`:e,Ve=[-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"],We=Object.fromEntries(Ve.map(e=>[e,Ie(e)])),$e={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"},j={borders:{md:"1px solid"},borderWidths:{0:"0",md:"1px"},colors:i({},$e),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"},radii:{md:"10px",lg:"20px",round:"50%"},shadows:{md:"0px 4px 20px rgba(0, 0, 0, 0.1)"},space:We};var a=e=>`var(--fr-colors-${e})`,re={neutral:{background:a("white"),border:a("gray500"),foreground:a("black"),surface:a("gray700"),active:{background:a("white"),border:a("gray900"),foreground:a("black"),surface:a("gray700")},focus:{background:a("white"),border:a("gray900"),foreground:a("black"),surface:a("gray700")},hover:{background:a("white"),border:a("gray900"),foreground:a("black"),surface:a("gray700")}},primary:{background:a("blue500"),border:a("blue500"),foreground:a("white"),surface:a("blue500"),active:{background:a("blue400"),border:a("blue400"),foreground:a("white"),surface:a("blue400")},focus:{background:a("blue500"),border:a("blue500"),foreground:a("white"),surface:a("blue500")},hover:{background:a("blue400"),border:a("blue400"),foreground:a("white"),surface:a("blue400")}},secondary:{background:a("gray900"),border:a("gray900"),foreground:a("black"),surface:a("gray900"),active:{background:a("gray800"),border:a("gray800"),foreground:a("black"),surface:a("gray800")},focus:{background:a("gray900"),border:a("gray900"),foreground:a("black"),surface:a("gray900")},hover:{background:a("gray800"),border:a("gray800"),foreground:a("black"),surface:a("gray800")}}};var L=l(i({},j),{colors:i(i({},j.colors),re)});function k(e,t="",o="."){return Object.keys(e).reduce((r,n)=>{let c=`${t.length?`${t}${o}`:""}${n}`,d=e[n];return typeof d=="object"&&d!==null&&!Array.isArray(d)?Object.assign(r,k(d,c,o)):r[c]=d,r},{})}function z(e){return k(e,"--fr","-")}function ne(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]=ne(n,`${t}-${r}`):o[r]=`var(${t}-${r})`;}),o}var ie=z(L),g=ne(L);var K=k(g.colors),se={color:K,backgroundColor:K,borderColor:K,border:g.borders,borderRadius:g.radii,borderWidth:g.borderWidths,fontFamily:g.fontFamilies,fontSize:g.fontSizes,fontWeight:g.fontWeights,gap:g.space,lineHeight:g.lineHeights,margin:g.space,marginTop:g.space,marginRight:g.space,marginBottom:g.space,marginLeft:g.space,padding:g.space,paddingTop:g.space,paddingRight:g.space,paddingBottom:g.space,paddingLeft:g.space,alignContent:["center","start","end","flex-start","flex-end","normal","baseline","first baseline","last baseline","space-between","space-around","space-evenly","stretch","safe center","unsafe center","inherit","initial","revert","revert-layer","unset"],alignItems:["normal","stretch","center","start","end","flex-start","flex-end","self-start","self-end","baseline","first baseline","last baseline","safe center","unsafe center","inherit","initial","revert","revert-layer","unset"],alignSelf:["auto","normal","center","start","end","self-start","self-end","flex-start","flex-end","baseline","first baseline","last baseline","stretch","safe center","unsafe center","inherit","initial","revert","revert-layer","unset"],flexDirection:["row","row-reverse","column","column-reverse","inherit","initial","revert","revert-layer","unset"],flexWrap:["nowrap","wrap","wrap-reverse","inherit","initial","revert","revert-layer","unset"],justifyContent:["center","start","end","flex-start","flex-end","left","right","normal","space-between","space-around","space-evenly","stretch","safe center","unsafe center","inherit","initial","revert","revert-layer","unset"],justifyItems:["normal","stretch","center","start","end","flex-start","flex-end","self-start","self-end","left","right","baseline","first baseline","last baseline","safe center","unsafe center","legacy right","legacy left","legacy center","inherit","initial","revert","revert-layer","unset"],boxSizing:["border-box","content-box","inherit","initial","revert","revert-layer","unset"],position:["static","relative","absolute","fixed","sticky","inherit","initial","revert","revert-layer","unset"],display:["block","block flex","block flow","block flow-root","block grid","contents","flex","flow-root","grid","inherit","initial","inline","inline flex","inline flow","inline flow-root","inline grid","inline-block","inline-flex","inline-grid","list-item","none","revert","revert-layer","table","table-row-group","table-header-group","table-footer-group","table-row","table-cell","table-column-group","table-column","table-caption","unset"]},ae={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"]};function je(e){if(Array.isArray(e))return new Map(e.map(t=>[t,t]));if(typeof e=="object"&&e!==null)return new Map(Object.entries(e));if(["string","number"].includes(typeof e))return new Map([e,e]);throw new Error("Invalid entry in styleProps")}var Le=new Map(Object.entries(se).map(([e,t])=>[e,je(t)])),ze=new Map(Object.entries(ae).map(([e,t])=>[e,new Set(t)]));function le(e){let t=Object.assign({},e),o={};return Object.entries(t).forEach(([r,n])=>{let s=ze.get(r);s!=null&&(s.forEach(c=>{t[c]=n;}),delete t[r]);}),Object.entries(t).forEach(([r,n])=>{let s=Le.get(r);if(s!=null)if(typeof n=="string"&&n.indexOf(" ")>-1){let c=n.split(" ");o[r]=c.map(d=>{var u;return (u=s.get(d.toString()))!=null?u:d}).join(" "),delete t[r];}else s.has(n.toString())&&(o[r]=s.get(n.toString()),delete t[r]);}),{cssFromProps:o,unmatchedProps:t}}function ce(e){return e&&`fr-${e}`}function Ne(e){return e&&(Array.isArray(e)?e.map(t=>ce(t)).join(" "):ce(e))}function Ue(c,s){var d=c,{as:e,children:t,className:o,part:r}=d,n=f(d,["as","children","className","part"]);let u=e!=null?e:"div",{cssFromProps:p,unmatchedProps:y}=le(n),P=Ne(r),B=o||P?clsx(o,P):void 0;return jsx(u,l(i({className:B,css:[{boxSizing:"border-box"},p]},y),{ref:s,children:t}))}var m=_.forwardRef(Ue);var N={};oe(N,{Body1:()=>Ze,Body2:()=>et,Caption:()=>tt,Display1:()=>Xe,Display2:()=>qe,H1:()=>Ge,H2:()=>Je,H3:()=>Qe,H4:()=>Ye});var w={color:"neutral.foreground",fontFamily:"default",margin:0},Xe=l(i({},w),{fontSize:"5xl",fontWeight:"bold",lineHeight:"4xl"}),qe=l(i({},w),{fontSize:"4xl",fontWeight:"bold",lineHeight:"3xl"}),Ge=l(i({},w),{fontSize:"3xl",fontWeight:"bold",lineHeight:"2xl"}),Je=l(i({},w),{fontSize:"2xl",fontWeight:"bold",lineHeight:"xl"}),Qe=l(i({},w),{fontSize:"xl",fontWeight:"bold",lineHeight:"lg"}),Ye=l(i({},w),{fontSize:"lg",fontWeight:"bold",lineHeight:"md"}),Ze=l(i({},w),{fontSize:"md",fontWeight:"regular",lineHeight:"md"}),et=l(i({},w),{fontSize:"sm",fontWeight:"regular",lineHeight:"md"}),tt=l(i({},w),{fontSize:"xs",fontWeight:"regular",lineHeight:"sm"});function de(n){var s=n,{as:e="span",children:t,variant:o="Body1"}=s,r=f(s,["as","children","variant"]);return jsx(m,l(i(i({as:e},N[o]),r),{children:t}))}var ot=["Display1","Display2","H1","H2","H3","H4","Body1","Body2","Caption"],rt=Object.fromEntries(ot.map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=r=>jsx(de,l(i({as:t},r),{variant:e,children:r.children}));return o.displayName=`Text.${e}`,[e,o]})),C=Object.assign(de,rt);var U={};oe(U,{Link:()=>st,Plain:()=>at,Primary:()=>nt,Secondary:()=>it,base:()=>O});var O=({radii:e,space:t})=>({borderWidth:0,borderRadius:e.md,padding:`${t[2]} ${t[4]}`}),nt=({colors:e})=>[O,{backgroundColor:e.primary.surface,color:e.primary.foreground,"&:hover":{backgroundColor:e.primary.hover.surface}}],it=({colors:e})=>[O,{backgroundColor:e.secondary.surface,color:e.secondary.foreground,"&:hover":{backgroundColor:e.secondary.hover.surface}}],st=({colors:e})=>[O,{backgroundColor:e.transparent,color:e.primary.surface,"&:hover":{color:e.primary.hover.surface}}],at=({colors:e})=>[O,{backgroundColor:e.transparent,color:e.neutral.foreground}];function ue(s){var c=s,{as:e,children:t,title:o,variant:r="Primary"}=c,n=f(c,["as","children","title","variant"]);return jsxs(m,l(i({as:e!=null?e:"button",css:U[r]},n),{children:[t,o&&jsx(C.Body2,{fontWeight:"demibold",color:"inherit",children:o})]}))}var lt=["Primary","Secondary","Link","Plain"],ct=Object.fromEntries(lt.map(e=>{let t=e.toLocaleLowerCase(),o=s=>{var c=s,{part:r}=c,n=f(c,["part"]);return jsx(ue,l(i({part:[`button-${t}`,r]},n),{variant:e,children:n.children}))};return o.displayName=`Text.${e}`,[e,o]})),F=Object.assign(ue,ct);var dt=_.forwardRef((n,r)=>{var s=n,{children:e,css:t}=s,o=f(s,["children","css"]);return jsx(m,l(i({css:[{display:"flex",flexDirection:"row"},t]},o),{ref:r,children:e}))}),ft=_.forwardRef((n,r)=>{var s=n,{children:e,css:t}=s,o=f(s,["children","css"]);return jsx(m,l(i({css:[{display:"flex",flexDirection:"column"},t]},o),{ref:r,children:e}))}),E={Column:ft,Row:dt};var M=createContext({apiKey:"",config:{},modals:[],setModals:()=>{}});function bt({apiKey:e,children:t,config:o={},theme:r}){let n=r?z(r):{},[s,c]=useState([]);return jsxs(M.Provider,{value:{apiKey:e,config:o,modals:s,setModals:c},children:[jsx(Global,{styles:{":root":i(i({},ie),n)}}),jsx(ThemeProvider,{theme:g,children:t})]})}function ye(){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),s=useCallback(c=>{n(c);},[]);return useLayoutEffect(()=>{r&&o(r.getBoundingClientRect());},[r]),{node:r,rect:t,ref:s}}var Ct=keyframes({"0%":{opacity:.5,transform:"scale(0.5)"},"50%":{opacity:0,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(1)"}});function Pe(r){var n=r,{style:e={},part:t=""}=n,o=f(n,["style","part"]);return jsxs(m,l(i({part:`dot-wrapper ${t}`,style:i({height:"48px",position:"absolute",width:"48px"},e)},o),{children:[jsx(m,{backgroundColor:"primary.surface",part:"dot-pulse",css:{animation:`2s ease-out infinite ${Ct}`,borderRadius:"24px",height:"48px",left:0,position:"absolute",top:0,transformOrigin:"center center",width:"48px"}}),jsx(m,{backgroundColor:"primary.surface",part:"dot",style:{borderRadius:"12px",height:"24px",left:"12px",position:"absolute",top:"12px",width:"24px"}})]}))}function we(r){var n=r,{part:e,src:t}=n,o=f(n,["part","src"]);return jsx(m,i({as:"img",part:["image",e],src:t},o))}function Bt(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 Ce(r){var n=r,{part:e,src:t}=n,o=f(n,["part","src"]);let s=Bt(t);return jsx(m,i({allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,as:"iframe",backgroundColor:"gray100",borderWidth:0,part:["video",e],src:s},o))}function X(r){var n=r,{src:e,type:t}=n,o=f(n,["src","type"]);return jsx(t==="video"?Ce:we,i({src:e},o))}function Te({props:e,alignAttr:t,sideAttr:o}){let r=o!=null?o:"bottom",n={},s=()=>{var p;if(["after","before"].includes(e.align)){if(t=="start")return "before";if(t=="end")return "after"}return (p=e.align)!=null?p:"after"},c="-24px",d={top:"bottom",right:"left",bottom:"top",left:"right"};n[d[r]]=c;let u=s();return ["before","end"].includes(u)?["top","bottom"].includes(r)?n.right=c:n.bottom=c:["after","start"].includes(u)?["top","bottom"].includes(r)?n.left=c:n.top=c:["top","bottom"].includes(r)?n.left=`calc(50% + ${c})`:n.top=`calc(50% + ${c})`,n}var ve={content:["align","alignOffset","arrowPadding","avoidCollisions","collisionBoundary","collisionPadding","forceMount","hideWhenDetached","onCloseAutoFocus","onEscapeKeyDown","onFocusOutside","onInteractOutside","onOpenAutoFocus","onPointerDownOutside","side","sideOffset","sticky"],root:["defaultOpen","modal","onOpenChange","open"]};function Be(e,t){var n,s,c,d,u;let o=Object.fromEntries(ve.content.map(p=>[p,e[p]]).filter(p=>p[1]!==void 0)),r=Object.fromEntries(ve.root.map(p=>[p,e[p]]).filter(p=>p[1]!==void 0));if(o.align=(n=o.align)!=null?n:"after",o.side=(s=o.side)!=null?s:"bottom",["before","after"].includes(o.align)){let p={after:"end",before:"start"},y=(H,I)=>["top","bottom"].includes(I)?H=="after"?"marginLeft":"marginRight":H=="after"?"marginTop":"marginBottom",P=(c=o.alignOffset)!=null?c:0,B=(d=o.style)!=null?d:{},v=(u=o.side)!=null?u:"bottom",A=o.align;o.style=l(i({},B),{[y(A,v)]:P});let D=["top","bottom"].includes(v)?t.width:t.height;o.alignOffset=(D+P)*-1,o.align=p[A];}return {contentProps:o,rootProps:r}}function x(c){var d=c,{anchor:e,children:t,className:o,spotlight:r=!1,style:n}=d,s=f(d,["anchor","children","className","spotlight","style"]);let{node:u,rect:p,ref:y}=ye(),{contentProps:P,rootProps:B}=Be(s,p),[v,A]=useState(P.align),[D,H]=useState(P.side);if(u!==null){let S=u.getAttribute("data-align"),Q=u.getAttribute("data-side");v!==S&&A(S),D!==Q&&H(Q);}let I=useRef(null),[V,Ee]=useState(null);if(useEffect(()=>{let S=document.querySelector(e);S!=null&&(I.current=S,Ee(I));},[e]),V==null)return null;let W=V.current.getBoundingClientRect(),J="0";typeof window!="undefined"&&(J=window.getComputedStyle(V.current).borderRadius);let Me=Te({props:s,alignAttr:v,sideAttr:D});return jsxs(h.Root,l(i({defaultOpen:!0},B),{children:[jsx(h.Anchor,{virtualRef:V}),jsx(h.Portal,{children:jsxs("div",{className:o,css:{position:"absolute",zIndex:9999},children:[r&&jsx(m,{borderRadius:J,part:"tooltip-spotlight",position:"absolute",css:{boxShadow:"0 0 0 2000px rgb(0 0 0 / 0.5)",height:W.height,left:W.left,top:W.top,width:W.width}}),jsx(h.Content,l(i({asChild:!0},P),{ref:y,children:jsxs(E.Column,{backgroundColor:"neutral.background",borderRadius:"md",p:5,part:"tooltip-content",position:"relative",css:i({boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)",maxWidth:"360px"},n),children:[jsx(Pe,{style:Me}),t]})}))]})})]}))}x.Close=e=>jsx(h.Close,{"aria-label":"Close",asChild:!0,children:jsx(F.Plain,l(i({css:{top:"12px",right:"4px"},part:"tooltip-close",position:"absolute"},e),{children:jsx(XMarkIcon,{height:"24",fill:"currentColor"})}))});x.Media=o=>{var r=o,{src:e}=r,t=f(r,["src"]);return e==null?null:jsx(X,i({borderRadius:"md md 0 0",borderWidth:"0",css:{aspectRatio:"2"},margin:"-5 -5 5",src:e},t))};x.Primary=r=>{var n=r,{onClick:e,title:t}=n,o=f(n,["onClick","title"]);return t==null?null:jsx(F.Primary,i({title:t,onClick:e},o))};x.Progress=o=>{var r=o,{children:e}=r,t=f(r,["children"]);return e==null?null:jsx(C.Body2,l(i({fontWeight:"demibold",part:"progress"},t),{children:e}))};x.Secondary=r=>{var n=r,{onClick:e,title:t}=n,o=f(n,["onClick","title"]);return t==null?null:jsx(F.Secondary,i({title:t,onClick:e},o))};x.Subtitle=o=>{var r=o,{children:e}=r,t=f(r,["children"]);return e==null?null:jsx(C.Body2,l(i({part:"subtitle"},t),{children:e}))};x.Title=o=>{var r=o,{children:e}=r,t=f(r,["children"]);return e==null?null:jsx(C.Body1,l(i({fontWeight:"bold",mb:1,part:"title"},t),{children:e}))};function Se(e){let[t,o]=useState(),{apiKey:r,config:n}=useContext(M),s=Object.fromEntries(Object.entries(n).filter(([p,y])=>["apiUrl","userId"].includes(p)&&y!=null)),d=useRef(new Frigade(r,s)).current,u=p=>{if(p.id!==e)return;let y=Object.assign(Object.create(Object.getPrototypeOf(p)),p);o(y);};return useEffect(()=>(R(this,null,function*(){let p=yield d.getFlow(e);o(p);}),d.onFlowStateChange(u),()=>{d.removeOnFlowStateChangeHandler(u);}),[]),{flow:t}}function ke(e){let{modals:t,setModals:o}=useContext(M),[r,n]=useState(!1);return useEffect(()=>(o([...t,e]),()=>o(t.filter(s=>s!==e))),[]),useEffect(()=>{let s=t[0]===e;s!==r&&n(s);},[t]),{isCurrentModal:r}}function Fe(r){var n=r,{step:e,flow:t}=n,o=f(n,["step","flow"]);var p;let{isCurrentModal:s}=ke(`${t.id}-${e.id}`);if(!s)return null;function c(){return R(this,null,function*(){yield t.skip();})}function d(){return R(this,null,function*(){yield e.complete();})}let u=d;return jsxs(x,l(i({anchor:e.selector,onOpenAutoFocus:y=>y.preventDefault(),onPointerDownOutside:y=>y.preventDefault()},o),{children:[jsx(x.Close,{onClick:c}),jsx(x.Media,{src:(p=e.videoUri)!=null?p:e.imageUri,type:e.videoUri?"video":"image"}),jsx(x.Title,{children:e.title}),jsx(x.Subtitle,{children:e.subtitle}),jsxs(E.Row,{alignItems:"center",gap:3,justifyContent:"flex-end",part:"tooltip-footer",pt:4,children:[jsx(x.Progress,{children:`${(e==null?void 0:e.order)+1}/${t.steps.size}`}),jsx(x.Secondary,{marginLeft:"auto",title:e.secondaryButtonTitle,onClick:u}),jsx(x.Primary,{title:e.primaryButtonTitle,onClick:d})]})]}),e.id)}function Wt(o){var r=o,{flowId:e}=r,t=f(r,["flowId"]);let{flow:n}=Se(e);if(n==null||n.isVisible===!1)return null;n.start();let s=n.getCurrentStep();return s==null||s.start(),jsx(Fe,i({step:s,flow:n},t))}
 
-export { m as Box, E as Button, C as Flex, gt as Provider, B as Text, x as Tooltip, Et as Tour };
+export { m as Box, F as Button, E as Flex, bt as Provider, C as Text, x as Tooltip, Wt as Tour };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Box/index.tsx","../src/shared/tokens/scalarTokens.ts","../src/shared/tokens/semanticColors.ts","../src/shared/tokens/index.ts","../src/shared/flattenObject.ts","../src/shared/theme/index.ts","../src/components/Box/styleProps.ts","../src/components/Box/stylePropsToCss.ts","../src/components/Text/Text.styles.ts","../src/components/Text/index.tsx","../src/components/Button/Button.styles.ts","../src/components/Button/index.tsx","../src/components/Flex/Flex.tsx","../src/components/Provider/index.tsx","../src/components/Tooltip/index.tsx","../src/hooks/useBoundingClientRect.ts","../src/components/Tooltip/Dot.tsx","../src/components/Media/Image.tsx","../src/components/Media/Video.tsx","../src/components/Media/Media.tsx","../src/components/Tooltip/getDotPosition.ts","../src/components/Tooltip/mapTooltipPropsToPopoverProps.ts","../src/hooks/useFlow.ts","../src/components/Tour/index.tsx"],"names":["React","clsx","SPACE_UNIT","spaceValue","key","spaceKeys","spaceScale","palette","scalarTokens","__spreadValues","colorVar","colorName","semanticColors","tokens","__spreadProps","flattenObject","obj","path","separator","acc","k","currentPath","currentValue","createThemeVariables","mapTokensToThemeVariables","newObj","themeVariables","theme","colorTokens","styleProps","stylePropShorthands","prepValue","value","v","stylePropsMap","propName","stylePropShorthandsMap","shorthand","targetProps","stylePropsToCss","props","unmatchedProps","cssFromProps","propValue","matchedShorthand","styleProp","splitPropValues","_a","jsx","prefixPart","part","processPart","p","BoxWithRef","ref","_b","as","children","className","__objRest","Component","processedPart","classNameWithPart","Box","Text_styles_exports","__export","Body1","Body2","Caption","Display1","Display2","H1","H2","H3","H4","base","BaseText","variant","textVariantNames","textVariantComponents","asProp","component","Text","Button_styles_exports","Link","Plain","Primary","Secondary","radii","space","colors","jsxs","BaseButton","title","buttonVariantNames","buttonVariantComponents","variantPart","Button","Row","css","Column","Flex","createContext","Global","ThemeProvider","FrigadeContext","Provider","apiKey","config","themeOverrides","useEffect","useRef","useState","XMarkIcon","Popover","useCallback","useLayoutEffect","useBoundingClientRect","initialRect","rect","setRect","node","setNode","keyframes","pulse","Dot","style","Image","src","getVideoEmbedSrc","videoUri","_c","Video","videoEmbedSrc","Media","type","getDotPosition","alignAttr","sideAttr","currentSide","dotProps","getCurrentAlign","dotOffset","oppositeSides","currentAlign","RADIX_PROPS","mapTooltipPropsToRadixProps","contentRect","_d","_e","contentProps","propEntry","rootProps","mapToOriginalAlignValues","mapAlignOffsetToMargin","align","side","originalOffset","originalStyleProp","lengthOfCurrentSide","Tooltip","anchor","spotlight","contentNode","contentRef","setAlignAttr","setSideAttr","currentAlignAttr","currentSideAttr","anchorRef","anchorElementRef","setAnchorElementRef","anchorQuery","anchorRect","anchorRadius","dotPosition","onClick","Frigade","useContext","useFlow","flowId","flow","setFlow","_","setNonce","filteredConfig","frigade","handler","updatedFlow","fetchFlow","__async","flowResponse","Tour","step","handleDismiss","handlePrimary","handleSecondary","e"],"mappings":"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lB,aAAcA,EAAM,MACpB,cAAeA,EAAM,MACrB,YAAaA,EAAM,MAEnB,aAAc,CACZ,SACA,QACA,MACA,aACA,WACA,SACA,WACA,iBACA,gBACA,gBACA,eACA,eACA,UACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,WAAY,CACV,SACA,UACA,SACA,QACA,MACA,aACA,WACA,aACA,WACA,WACA,iBACA,gBACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,UAAW,CACT,OACA,SACA,SACA,QACA,MACA,aACA,WACA,aACA,WACA,WACA,iBACA,gBACA,UACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,cAAe,CACb,MACA,cACA,SACA,iBACA,UACA,UACA,SACA,eACA,OACF,EAEA,SAAU,CACR,SACA,OACA,eACA,UACA,UACA,SACA,eACA,OACF,EAEA,eAAgB,CACd,SACA,QACA,MACA,aACA,WACA,OACA,QACA,SACA,gBACA,eACA,eACA,UACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,aAAc,CACZ,SACA,UACA,SACA,QACA,MACA,aACA,WACA,aACA,WACA,OACA,QACA,WACA,iBACA,gBACA,cACA,gBACA,eACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,UAAW,CAAC,aAAc,cAAe,UAAW,UAAW,SAAU,eAAgB,OAAO,EAEhG,SAAU,CACR,SACA,WACA,WACA,QACA,SACA,UACA,UACA,SACA,eACA,OACF,EAEA,QAAS,CACP,QACA,aACA,aACA,kBACA,aACA,WACA,OACA,YACA,OACA,UACA,UACA,SACA,cACA,cACA,mBACA,cACA,eACA,cACA,cACA,YACA,OACA,SACA,eACA,QACA,kBACA,qBACA,qBACA,YACA,aACA,qBACA,eACA,gBACA,OACF,CACF,EAEaG,GAAsB,CACjC,EAAG,CAAC,QAAQ,EACZ,GAAI,CAAC,WAAW,EAChB,GAAI,CAAC,aAAa,EAClB,GAAI,CAAC,cAAc,EACnB,GAAI,CAAC,YAAY,EACjB,GA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","sourcesContent":["import * as React from 'react'\nimport { clsx } from 'clsx'\n\nimport { stylePropsToCss } from './stylePropsToCss'\n\nfunction prefixPart(part: string | undefined) {\n  return part ? `fr-${part}` : part\n}\n\nfunction processPart(part: string | string[] | undefined) {\n  if (!part) return part\n\n  return Array.isArray(part) ? part.map((p) => prefixPart(p)).join(' ') : prefixPart(part)\n}\n\nexport type BoxProps<T extends React.ElementType = React.ElementType> = {\n  as?: T\n  part?: string | string[]\n} & React.ComponentPropsWithRef<T>\n\nfunction BoxWithRef<T extends React.ElementType = React.ElementType>(\n  { as, children, className, part, ...props }: BoxProps<T>,\n  ref: React.ForwardedRef<T>\n) {\n  const Component = as ?? 'div'\n\n  const { cssFromProps, unmatchedProps } = stylePropsToCss(props)\n\n  const processedPart = processPart(part)\n  const classNameWithPart = className || processedPart ? clsx(className, processedPart) : undefined\n\n  const cssProp = [{ boxSizing: 'border-box' }, cssFromProps]\n\n  return (\n    // @ts-ignore: TODO: ref types are yet again complaining\n    <Component className={classNameWithPart} css={cssProp} {...unmatchedProps} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const Box = React.forwardRef(BoxWithRef)\n","const SPACE_VALUE = 4\nconst SPACE_UNIT = 'px'\n\nconst spaceValue = (key: SpaceKeys[any]) =>\n  typeof key === 'number' ? `${SPACE_VALUE * key}${SPACE_UNIT}` : key\n\nconst spaceKeys = [\n  -20,\n  -19,\n  -18,\n  -17,\n  -16,\n  -15,\n  -14,\n  -13,\n  -12,\n  -11,\n  -10,\n  -9,\n  -8,\n  -7,\n  -6,\n  -5,\n  -4,\n  -3,\n  -2,\n  -1,\n  -0.5,\n  0,\n  0.5,\n  1,\n  2,\n  3,\n  4,\n  5,\n  6,\n  7,\n  8,\n  9,\n  10,\n  11,\n  12,\n  13,\n  14,\n  15,\n  16,\n  17,\n  18,\n  19,\n  20,\n  'auto',\n] as const\n\ntype SpaceKeys = typeof spaceKeys\n\ntype SpaceScale = {\n  [K in SpaceKeys[any]]: string\n}\nconst spaceScale = Object.fromEntries(spaceKeys.map((key) => [key, spaceValue(key)])) as SpaceScale\n\nexport const palette = {\n  black: '#000000',\n  gray100: '#14161A',\n  gray200: '#181B20',\n  gray300: '#1F2329',\n  gray400: '#2E343D',\n  gray500: '#4C5766',\n  gray600: '#5A6472',\n  gray700: '#C5CBD3',\n  gray800: '#E2E5E9',\n  gray900: '#F1F2F4',\n  white: '#ffffff',\n  blue400: '#015AC6',\n  blue500: '#0171F8',\n  blue800: '#DBECFF',\n  blue900: '#F5F9FF',\n  green400: '#009E37',\n  green500: '#00D149',\n  green800: '#DBFFE8',\n  transparent: '#FFFFFF00',\n  inherit: 'inherit',\n\n  // This color isn't in the Design System yet, but it's used in old components\n  red500: '#c00000',\n}\n\n// Scalar = Tokens with literal values\nexport const scalarTokens = {\n  borders: {\n    md: '1px solid',\n  },\n  borderWidths: {\n    0: '0',\n    md: '1px',\n  },\n\n  colors: {\n    ...palette,\n  },\n  fontFamilies: {\n    default: 'TT Interphases Pro, sans-serif',\n  },\n  fontSizes: {\n    xs: '12px',\n    sm: '14px',\n    md: '16px',\n    lg: '18px',\n    xl: '20px',\n    '2xl': '24px',\n    '3xl': '30px',\n    '4xl': '36px',\n    '5xl': '48px',\n  },\n  fontWeights: {\n    regular: '400',\n    demibold: '600',\n    bold: '700',\n  },\n  letterSpacings: {\n    md: '0.02em',\n  },\n  lineHeights: {\n    xs: '18px',\n    sm: '22px',\n    md: '24px',\n    lg: '26px',\n    xl: '30px',\n    '2xl': '38px',\n    '3xl': '46px',\n    '4xl': '60px',\n  },\n  radii: {\n    md: '10px',\n    lg: '20px',\n    round: '50%',\n  },\n  shadows: {\n    md: '0px 4px 20px rgba(0, 0, 0, 0.1)',\n  },\n  space: spaceScale,\n}\n","const colorVar = (colorName) => `var(--fr-colors-${colorName})`\n\n// Semantic = Tokens that reference Scalars & contextualize them according to how they're used\nexport const semanticColors = {\n  neutral: {\n    background: colorVar('white'),\n    border: colorVar('gray500'),\n    foreground: colorVar('black'),\n    surface: colorVar('gray700'),\n\n    active: {\n      background: colorVar('white'),\n      border: colorVar('gray900'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray700'),\n    },\n    focus: {\n      background: colorVar('white'),\n      border: colorVar('gray900'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray700'),\n    },\n    hover: {\n      background: colorVar('white'),\n      border: colorVar('gray900'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray700'),\n    },\n  },\n\n  primary: {\n    background: colorVar('blue500'),\n    border: colorVar('blue500'),\n    foreground: colorVar('white'),\n    surface: colorVar('blue500'),\n\n    active: {\n      background: colorVar('blue400'),\n      border: colorVar('blue400'),\n      foreground: colorVar('white'),\n      surface: colorVar('blue400'),\n    },\n    focus: {\n      background: colorVar('blue500'),\n      border: colorVar('blue500'),\n      foreground: colorVar('white'),\n      surface: colorVar('blue500'),\n    },\n    hover: {\n      background: colorVar('blue400'),\n      border: colorVar('blue400'),\n      foreground: colorVar('white'),\n      surface: colorVar('blue400'),\n    },\n  },\n\n  secondary: {\n    background: colorVar('gray900'),\n    border: colorVar('gray900'),\n    foreground: colorVar('black'),\n    surface: colorVar('gray900'),\n\n    active: {\n      background: colorVar('gray800'),\n      border: colorVar('gray800'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray800'),\n    },\n    focus: {\n      background: colorVar('gray900'),\n      border: colorVar('gray900'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray900'),\n    },\n    hover: {\n      background: colorVar('gray800'),\n      border: colorVar('gray800'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray800'),\n    },\n  },\n}\n","import { scalarTokens } from './scalarTokens'\nimport { semanticColors } from './semanticColors'\n\nexport { scalarTokens, semanticColors }\n\n// Package up everything everywhere all at once for convenience\nexport const tokens = {\n  ...scalarTokens,\n  colors: {\n    ...scalarTokens.colors,\n    ...semanticColors,\n  },\n}\n","export function flattenObject(obj: Record<any, any>, path = '', separator = '.') {\n  return Object.keys(obj).reduce((acc, k) => {\n    const prefix = path.length ? `${path}${separator}` : ''\n    const currentPath = `${prefix}${k}`\n    const currentValue = obj[k]\n\n    if (typeof currentValue === 'object' && currentValue !== null && !Array.isArray(currentValue)) {\n      Object.assign(acc, flattenObject(currentValue, currentPath, separator))\n    } else {\n      acc[currentPath] = currentValue\n    }\n\n    return acc\n  }, {})\n}\n","import { tokens } from '../tokens'\nimport { flattenObject } from '../flattenObject'\n\n// Transform tokens to a flat list of CSS variables and values to inject into the page\n// IN: { colors: { black: '#000' } }, OUT: { '--fr-colors-black': '#000' }\nexport function createThemeVariables(tokens) {\n  return flattenObject(tokens, '--fr', '-')\n}\n\n// Swap token values out and replace them with the CSS variables we defined\n// IN: { colors: { black: '#000' } }, OUT: { colors: { black: 'var(--fr-colors-black)' } }\nfunction mapTokensToThemeVariables(obj, path = '--fr') {\n  const newObj: Record<string, any> = {}\n\n  Object.keys(obj).forEach((key) => {\n    const currentValue = obj[key]\n\n    if (typeof currentValue === 'object' && currentValue !== null && !Array.isArray(currentValue)) {\n      newObj[key] = mapTokensToThemeVariables(currentValue, `${path}-${key}`)\n    } else {\n      newObj[key] = `var(${path}-${key})`\n    }\n  })\n\n  return newObj\n}\n\nexport const themeVariables = createThemeVariables(tokens)\n\nexport const theme = mapTokensToThemeVariables(tokens)\n","import { theme } from '../../shared/theme'\nimport { flattenObject } from '../../shared/flattenObject'\n\nconst colorTokens: Record<string, unknown> = flattenObject(theme.colors)\n\n/*\n  TODO:\n  - top / right / bottom / left\n*/\n\nexport const styleProps = {\n  color: colorTokens,\n  backgroundColor: colorTokens,\n  borderColor: colorTokens,\n  border: theme.borders,\n  borderRadius: theme.radii,\n  borderWidth: theme.borderWidths,\n\n  fontFamily: theme.fontFamilies,\n  fontSize: theme.fontSizes,\n  fontWeight: theme.fontWeights,\n\n  gap: theme.space,\n\n  lineHeight: theme.lineHeights,\n\n  margin: theme.space,\n  marginTop: theme.space,\n  marginRight: theme.space,\n  marginBottom: theme.space,\n  marginLeft: theme.space,\n\n  padding: theme.space,\n  paddingTop: theme.space,\n  paddingRight: theme.space,\n  paddingBottom: theme.space,\n  paddingLeft: theme.space,\n\n  alignContent: [\n    'center',\n    'start',\n    'end',\n    'flex-start',\n    'flex-end',\n    'normal',\n    'baseline',\n    'first baseline',\n    'last baseline',\n    'space-between',\n    'space-around',\n    'space-evenly',\n    'stretch',\n    'safe center',\n    'unsafe center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  alignItems: [\n    'normal',\n    'stretch',\n    'center',\n    'start',\n    'end',\n    'flex-start',\n    'flex-end',\n    'self-start',\n    'self-end',\n    'baseline',\n    'first baseline',\n    'last baseline',\n    'safe center',\n    'unsafe center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  alignSelf: [\n    'auto',\n    'normal',\n    'center',\n    'start',\n    'end',\n    'self-start',\n    'self-end',\n    'flex-start',\n    'flex-end',\n    'baseline',\n    'first baseline',\n    'last baseline',\n    'stretch',\n    'safe center',\n    'unsafe center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  flexDirection: [\n    'row',\n    'row-reverse',\n    'column',\n    'column-reverse',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  flexWrap: [\n    'nowrap',\n    'wrap',\n    'wrap-reverse',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  justifyContent: [\n    'center',\n    'start',\n    'end',\n    'flex-start',\n    'flex-end',\n    'left',\n    'right',\n    'normal',\n    'space-between',\n    'space-around',\n    'space-evenly',\n    'stretch',\n    'safe center',\n    'unsafe center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  justifyItems: [\n    'normal',\n    'stretch',\n    'center',\n    'start',\n    'end',\n    'flex-start',\n    'flex-end',\n    'self-start',\n    'self-end',\n    'left',\n    'right',\n    'baseline',\n    'first baseline',\n    'last baseline',\n    'safe center',\n    'unsafe center',\n    'legacy right',\n    'legacy left',\n    'legacy center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  boxSizing: ['border-box', 'content-box', 'inherit', 'initial', 'revert', 'revert-layer', 'unset'],\n\n  position: [\n    'static',\n    'relative',\n    'absolute',\n    'fixed',\n    'sticky',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  display: [\n    'block',\n    'block flex',\n    'block flow',\n    'block flow-root',\n    'block grid',\n    'contents',\n    'flex',\n    'flow-root',\n    'grid',\n    'inherit',\n    'initial',\n    'inline',\n    'inline flex',\n    'inline flow',\n    'inline flow-root',\n    'inline grid',\n    'inline-block',\n    'inline-flex',\n    'inline-grid',\n    'list-item',\n    'none',\n    'revert',\n    'revert-layer',\n    'table',\n    'table-row-group',\n    'table-header-group',\n    'table-footer-group',\n    'table-row',\n    'table-cell',\n    'table-column-group',\n    'table-column',\n    'table-caption',\n    'unset',\n  ],\n}\n\nexport const stylePropShorthands = {\n  m: ['margin'],\n  mt: ['marginTop'],\n  mr: ['marginRight'],\n  mb: ['marginBottom'],\n  ml: ['marginLeft'],\n  mx: ['marginLeft', 'marginRight'],\n  my: ['marginTop', 'marginBottom'],\n\n  p: ['padding'],\n  pt: ['paddingTop'],\n  pr: ['paddingRight'],\n  pb: ['paddingBottom'],\n  pl: ['paddingLeft'],\n  px: ['paddingLeft', 'paddingRight'],\n  py: ['paddingTop', 'paddingBottom'],\n}\n","import { styleProps, stylePropShorthands } from './styleProps'\n\nfunction prepValue(value) {\n  if (Array.isArray(value)) {\n    return new Map(value.map((v) => [v, v]))\n  } else if (typeof value === 'object' && value !== null) {\n    return new Map(Object.entries(value))\n  } else if (['string', 'number'].includes(typeof value)) {\n    return new Map([value, value])\n  }\n\n  throw new Error('Invalid entry in styleProps')\n}\n\nconst stylePropsMap = new Map(\n  Object.entries(styleProps).map(([propName, value]) => {\n    return [propName, prepValue(value)]\n  })\n)\n\nconst stylePropShorthandsMap = new Map(\n  Object.entries(stylePropShorthands).map(([shorthand, targetProps]) => {\n    return [shorthand, new Set(targetProps)]\n  })\n)\n\nexport function stylePropsToCss(props: Record<any, any>) {\n  const unmatchedProps = Object.assign({}, props)\n  const cssFromProps = {}\n\n  // Convert shorthand styleProps to full versions\n  Object.entries(unmatchedProps).forEach(([propName, propValue]) => {\n    const matchedShorthand = stylePropShorthandsMap.get(propName)\n    if (matchedShorthand != null) {\n      matchedShorthand.forEach((propName) => {\n        unmatchedProps[propName] = propValue\n      })\n\n      delete unmatchedProps[propName]\n    }\n  })\n\n  // Convert styleProps to style object\n  Object.entries(unmatchedProps).forEach(([propName, propValue]) => {\n    const styleProp = stylePropsMap.get(propName)\n    if (styleProp != null) {\n      if (typeof propValue === 'string' && propValue.indexOf(' ') > -1) {\n        // Split space-separated values out and process them individually\n        const splitPropValues = propValue.split(' ')\n\n        cssFromProps[propName] = splitPropValues\n          .map((v) => styleProp.get(v.toString()) ?? v)\n          .join(' ')\n\n        delete unmatchedProps[propName]\n      } else if (styleProp.has(propValue.toString())) {\n        cssFromProps[propName] = styleProp.get(propValue.toString())\n        delete unmatchedProps[propName]\n      }\n    }\n  })\n\n  return { cssFromProps, unmatchedProps }\n}\n","const base = {\n  color: 'neutral.foreground',\n  fontFamily: 'default',\n  margin: 0,\n}\n\nexport const Display1 = {\n  ...base,\n  fontSize: '5xl',\n  fontWeight: 'bold',\n  lineHeight: '4xl',\n}\n\nexport const Display2 = {\n  ...base,\n  fontSize: '4xl',\n  fontWeight: 'bold',\n  lineHeight: '3xl',\n}\n\nexport const H1 = {\n  ...base,\n  fontSize: '3xl',\n  fontWeight: 'bold',\n  lineHeight: '2xl',\n}\n\nexport const H2 = {\n  ...base,\n  fontSize: '2xl',\n  fontWeight: 'bold',\n  lineHeight: 'xl',\n}\n\nexport const H3 = {\n  ...base,\n  fontSize: 'xl',\n  fontWeight: 'bold',\n  lineHeight: 'lg',\n}\n\nexport const H4 = {\n  ...base,\n  fontSize: 'lg',\n  fontWeight: 'bold',\n  lineHeight: 'md',\n}\n\nexport const Body1 = {\n  ...base,\n  fontSize: 'md',\n  fontWeight: 'regular',\n  lineHeight: 'md',\n}\n\nexport const Body2 = {\n  ...base,\n  fontSize: 'sm',\n  fontWeight: 'regular',\n  lineHeight: 'md',\n}\n\nexport const Caption = {\n  ...base,\n  fontSize: 'xs',\n  fontWeight: 'regular',\n  lineHeight: 'sm',\n}\n","import { Box, BoxProps } from '../Box'\n\nimport * as styles from './Text.styles'\n\ntype TextVariant =\n  | 'Display1'\n  | 'Display2'\n  | 'H1'\n  | 'H2'\n  | 'H3'\n  | 'H4'\n  | 'Body1'\n  | 'Body2'\n  | 'Caption'\n\nexport interface TextProps extends BoxProps {\n  variant?: TextVariant\n}\n\nfunction BaseText({ as = 'span', children, variant = 'Body1', ...props }: TextProps) {\n  return (\n    <Box as={as} {...styles[variant]} {...props}>\n      {children}\n    </Box>\n  )\n}\n\nconst textVariantNames: TextVariant[] = [\n  'Display1',\n  'Display2',\n  'H1',\n  'H2',\n  'H3',\n  'H4',\n  'Body1',\n  'Body2',\n  'Caption',\n]\n\nconst textVariantComponents = Object.fromEntries(\n  textVariantNames.map((variant) => {\n    const asProp = ['H1', 'H2', 'H3', 'H4'].includes(variant)\n      ? (variant.toLowerCase() as 'h1' | 'h2' | 'h3' | 'h4')\n      : undefined\n    const component = (props: TextProps) => (\n      <BaseText as={asProp} {...props} variant={variant}>\n        {props.children}\n      </BaseText>\n    )\n\n    component.displayName = `Text.${variant}`\n\n    return [variant, component]\n  })\n)\n\nexport const Text = Object.assign(BaseText, textVariantComponents)\n","export const base = ({ radii, space }) => ({\n  borderWidth: 0,\n  borderRadius: radii.md,\n  padding: `${space[2]} ${space[4]}`,\n})\n\nexport const Primary = ({ colors }) => [\n  base,\n  {\n    backgroundColor: colors.primary.surface,\n    color: colors.primary.foreground,\n\n    '&:hover': {\n      backgroundColor: colors.primary.hover.surface,\n    },\n  },\n]\n\nexport const Secondary = ({ colors }) => [\n  base,\n  {\n    backgroundColor: colors.secondary.surface,\n    color: colors.secondary.foreground,\n\n    '&:hover': {\n      backgroundColor: colors.secondary.hover.surface,\n    },\n  },\n]\n\nexport const Link = ({ colors }) => [\n  base,\n  {\n    backgroundColor: colors.transparent,\n    color: colors.primary.surface,\n\n    '&:hover': {\n      color: colors.primary.hover.surface,\n    },\n  },\n]\n\nexport const Plain = ({ colors }) => [\n  base,\n  {\n    backgroundColor: colors.transparent,\n    color: colors.neutral.foreground,\n  },\n]\n","import { Interpolation } from '@emotion/react'\nimport { Box, BoxProps } from '../Box'\nimport { Text } from '../Text'\n\nimport * as styles from './Button.styles'\n\n// TODO: Generate this type from buttonVariantNames\ntype ButtonVariant = 'Primary' | 'Secondary' | 'Link' | 'Plain'\n\nexport interface ButtonProps extends BoxProps {\n  title?: string\n  variant?: ButtonVariant\n}\n\nfunction BaseButton({ as, children, title, variant = 'Primary', ...props }: ButtonProps) {\n  return (\n    <Box as={as ?? 'button'} css={styles[variant] as Interpolation<any>} {...props}>\n      {children}\n      {title && (\n        <Text.Body2 fontWeight=\"demibold\" color=\"inherit\">\n          {title}\n        </Text.Body2>\n      )}\n    </Box>\n  )\n}\n\nconst buttonVariantNames: ButtonVariant[] = ['Primary', 'Secondary', 'Link', 'Plain']\n\nconst buttonVariantComponents = Object.fromEntries(\n  buttonVariantNames.map((variant) => {\n    const variantPart = variant.toLocaleLowerCase()\n\n    const component = ({ part, ...props }: ButtonProps) => (\n      <BaseButton part={[`button-${variantPart}`, part]} {...props} variant={variant}>\n        {props.children}\n      </BaseButton>\n    )\n\n    component.displayName = `Text.${variant}`\n\n    return [variant, component]\n  })\n)\n\nexport const Button = Object.assign(BaseButton, buttonVariantComponents)\n","import * as React from 'react'\nimport { Box, BoxProps } from '../Box'\n\nconst Row = React.forwardRef(({ children, css, ...props }: BoxProps, ref) => {\n  return (\n    <Box css={[{ display: 'flex', flexDirection: 'row' }, css]} {...props} ref={ref}>\n      {children}\n    </Box>\n  )\n})\n\nconst Column = React.forwardRef(({ children, css, ...props }: BoxProps, ref) => {\n  return (\n    <Box css={[{ display: 'flex', flexDirection: 'column' }, css]} {...props} ref={ref}>\n      {children}\n    </Box>\n  )\n})\n\nexport const Flex = {\n  Column,\n  Row,\n}\n","import { createContext } from 'react'\nimport { Global, ThemeProvider } from '@emotion/react'\n\nimport { createThemeVariables, theme as themeTokens, themeVariables } from '../../shared/theme'\n\nexport const FrigadeContext = createContext<{ apiKey: string; config: ProviderConfig }>({\n  apiKey: '',\n  config: {},\n})\n\n// TODO: type theme something like Partial<typeof themeContract>, but allow any value for those keys\nexport interface ProviderProps {\n  apiKey: string\n  children?: React.ReactNode\n  config?: ProviderConfig\n  theme?: Record<any, any>\n}\n\ninterface ProviderConfig {\n  apiUrl?: string\n  userId?: string\n}\n\nexport function Provider({ apiKey, children, config = {}, theme }: ProviderProps) {\n  const themeOverrides = theme ? createThemeVariables(theme) : {}\n\n  return (\n    <FrigadeContext.Provider value={{ apiKey, config }}>\n      <Global styles={{ ':root': { ...themeVariables, ...themeOverrides } }} />\n      <ThemeProvider theme={themeTokens}>{children}</ThemeProvider>\n    </FrigadeContext.Provider>\n  )\n}\n","import React, { useEffect, useRef, useState } from 'react'\nimport { Interpolation } from '@emotion/react'\n\nimport { XMarkIcon } from '@heroicons/react/24/solid'\nimport * as Popover from '@radix-ui/react-popover'\n\nimport { useBoundingClientRect } from '../../hooks/useBoundingClientRect'\nimport { Box } from '../Box'\nimport { Button, ButtonProps } from '../Button'\nimport { Dot } from './Dot'\nimport { Flex } from '../Flex/Flex'\nimport { Media, MediaProps } from '../Media'\nimport { Text, TextProps } from '../Text'\nimport { getDotPosition } from './getDotPosition'\nimport { mapTooltipPropsToRadixProps } from './mapTooltipPropsToPopoverProps'\n\ninterface MergedRadixPopoverProps\n  extends Pick<Popover.PopoverProps, 'defaultOpen' | 'modal' | 'onOpenChange' | 'open'>,\n    Omit<Popover.PopoverContentProps, 'align' | 'asChild'> {}\nexport interface TooltipProps extends MergedRadixPopoverProps {\n  align?: Popover.PopoverContentProps['align'] | 'before' | 'after'\n  anchor?: string\n  css?: Interpolation<any>\n  spotlight?: boolean\n  style?: React.CSSProperties\n}\n\nexport function Tooltip({\n  anchor,\n  children,\n  className,\n  spotlight = false,\n  style,\n  ...props\n}: TooltipProps) {\n  const { node: contentNode, rect: contentRect, ref: contentRef } = useBoundingClientRect()\n  const { contentProps, rootProps } = mapTooltipPropsToRadixProps(props, contentRect)\n\n  const [alignAttr, setAlignAttr] = useState(contentProps.align)\n  const [sideAttr, setSideAttr] = useState(contentProps.side)\n\n  // Radix will update data attrs to let us know if Popover.Content has collided\n  if (contentNode !== null) {\n    const currentAlignAttr = contentNode.getAttribute('data-align')\n    const currentSideAttr = contentNode.getAttribute('data-side')\n\n    if (alignAttr !== currentAlignAttr) {\n      setAlignAttr(currentAlignAttr)\n    }\n\n    if (sideAttr !== currentSideAttr) {\n      setSideAttr(currentSideAttr)\n    }\n  }\n\n  const anchorRef = useRef(null)\n  const [anchorElementRef, setAnchorElementRef] = useState(null)\n\n  useEffect(() => {\n    const anchorQuery = document.querySelector(anchor)\n\n    if (anchorQuery != null) {\n      anchorRef.current = anchorQuery\n      setAnchorElementRef(anchorRef)\n    }\n  }, [anchor])\n\n  if (anchorElementRef == null) return null\n\n  const anchorRect = anchorElementRef.current.getBoundingClientRect()\n\n  let anchorRadius = '0'\n  if (typeof window !== 'undefined') {\n    anchorRadius = window.getComputedStyle(anchorElementRef.current).borderRadius\n  }\n\n  const dotPosition = getDotPosition({ props, alignAttr, sideAttr })\n\n  return (\n    <Popover.Root defaultOpen={true} {...rootProps}>\n      <Popover.Anchor virtualRef={anchorElementRef} />\n      <Popover.Portal>\n        <div className={className} css={{ position: 'absolute', zIndex: 9999 }}>\n          {spotlight && (\n            <Box\n              borderRadius={anchorRadius}\n              part=\"tooltip-spotlight\"\n              position=\"absolute\"\n              css={{\n                boxShadow: '0 0 0 2000px rgb(0 0 0 / 0.5)',\n                height: anchorRect.height,\n                left: anchorRect.left,\n                top: anchorRect.top,\n                width: anchorRect.width,\n              }}\n            />\n          )}\n          <Popover.Content asChild {...contentProps} ref={contentRef}>\n            <Flex.Column\n              backgroundColor=\"neutral.background\"\n              borderRadius=\"md\"\n              p={5}\n              part=\"tooltip-content\"\n              position=\"relative\"\n              css={{\n                boxShadow: '0px 4px 20px rgba(0, 0, 0, 0.1)',\n                maxWidth: '360px',\n                ...style,\n              }}\n            >\n              <Dot style={dotPosition} />\n\n              {children}\n            </Flex.Column>\n          </Popover.Content>\n        </div>\n      </Popover.Portal>\n    </Popover.Root>\n  )\n}\n\nTooltip.Close = (props: ButtonProps) => {\n  return (\n    <Popover.Close aria-label=\"Close\" asChild>\n      <Button.Plain\n        css={{\n          top: '12px',\n          right: '4px',\n        }}\n        part=\"tooltip-close\"\n        position=\"absolute\"\n        {...props}\n      >\n        <XMarkIcon height=\"24\" fill=\"currentColor\" />\n      </Button.Plain>\n    </Popover.Close>\n  )\n}\n\nTooltip.Media = ({ src, ...props }: MediaProps) => {\n  if (src == null) return null\n\n  return (\n    <Media\n      borderRadius=\"md md 0 0\"\n      borderWidth=\"0\"\n      css={{\n        aspectRatio: '2',\n      }}\n      margin=\"-5 -5 5\"\n      src={src}\n      {...props}\n    />\n  )\n}\n\nTooltip.Primary = ({ onClick, title, ...props }: ButtonProps) => {\n  if (title == null) return null\n\n  return <Button.Primary title={title} onClick={onClick} {...props} />\n}\n\nTooltip.Progress = ({ children, ...props }: TextProps) => {\n  if (children == null) return null\n\n  return (\n    <Text.Body2 fontWeight=\"demibold\" part=\"progress\" {...props}>\n      {children}\n    </Text.Body2>\n  )\n}\n\nTooltip.Secondary = ({ onClick, title, ...props }: ButtonProps) => {\n  if (title == null) return null\n\n  return <Button.Secondary title={title} onClick={onClick} {...props} />\n}\n\nTooltip.Subtitle = ({ children, ...props }: TextProps) => {\n  if (children == null) return null\n\n  return (\n    <Text.Body2 part=\"subtitle\" {...props}>\n      {children}\n    </Text.Body2>\n  )\n}\n\nTooltip.Title = ({ children, ...props }: TextProps) => {\n  if (children == null) return null\n\n  return (\n    <Text.Body1 fontWeight=\"bold\" mb={1} part=\"title\" {...props}>\n      {children}\n    </Text.Body1>\n  )\n}\n","import { useCallback, useLayoutEffect, useState } from 'react'\n\nexport function useBoundingClientRect() {\n  const initialRect =\n    'DOMRect' in globalThis\n      ? new DOMRect()\n      : {\n          height: 0,\n          width: 0,\n          x: 0,\n          y: 0,\n          bottom: 0,\n          top: 0,\n          right: 0,\n          left: 0,\n          toJSON: () => {},\n        }\n  const [rect, setRect] = useState(initialRect)\n  const [node, setNode] = useState(null)\n\n  const ref = useCallback((node: HTMLElement) => {\n    setNode(node)\n  }, [])\n\n  useLayoutEffect(() => {\n    if (!node) return\n\n    setRect(node.getBoundingClientRect())\n  }, [node])\n\n  return {\n    node,\n    rect,\n    ref,\n  }\n}\n","import { keyframes } from '@emotion/react'\nimport { Box, BoxProps } from '../Box'\n\nconst pulse = keyframes({\n  '0%': {\n    opacity: 0.5,\n    transform: 'scale(0.5)',\n  },\n  '50%': {\n    opacity: 0,\n    transform: 'scale(1)',\n  },\n  '100%': {\n    opacity: 0,\n    transform: 'scale(1)',\n  },\n})\n\nexport interface DotProps extends BoxProps {}\n\nexport function Dot({ style = {}, part = '', ...props }: DotProps) {\n  return (\n    <Box\n      part={`dot-wrapper ${part}`}\n      style={{\n        height: '48px',\n        position: 'absolute',\n        width: '48px',\n        ...style,\n      }}\n      {...props}\n    >\n      <Box\n        backgroundColor=\"primary.surface\"\n        part=\"dot-pulse\"\n        css={{\n          animation: `2s ease-out infinite ${pulse}`,\n          borderRadius: '24px',\n          height: '48px',\n          left: 0,\n          position: 'absolute',\n          top: 0,\n          transformOrigin: 'center center',\n          width: '48px',\n        }}\n      />\n      <Box\n        backgroundColor=\"primary.surface\"\n        part=\"dot\"\n        style={{\n          borderRadius: '12px',\n          height: '24px',\n          left: '12px',\n          position: 'absolute',\n          top: '12px',\n          width: '24px',\n        }}\n      />\n    </Box>\n  )\n}\n","import { Box, BoxProps } from '../Box'\n\nexport interface ImageProps extends BoxProps {\n  src: string\n}\n\nexport function Image({ part, src, ...props }: ImageProps) {\n  return <Box as=\"img\" part={['image', part]} src={src} {...props} />\n}\n","import { Box, BoxProps } from '../Box'\n\nfunction getVideoEmbedSrc(videoUri: string) {\n  if (videoUri.includes('youtube')) {\n    const videoId = videoUri.split('v=')[1]?.split('&')[0]\n\n    return `https://www.youtube.com/embed/${videoId}`\n  } else if (videoUri.includes('vimeo')) {\n    const videoId = videoUri.split('vimeo.com/')[1]?.split('&')[0]\n\n    return `https://player.vimeo.com/video/${videoId}`\n  } else if (videoUri.includes('wistia')) {\n    const videoId = videoUri.split('wistia.com/medias/')[1]?.split('&')[0]\n\n    return `https://fast.wistia.net/embed/iframe/${videoId}`\n  }\n\n  throw new Error('Could not map videoUri to a known provider (Youtube, Vimeo, Wistia).')\n}\n\nexport interface VideoProps extends BoxProps {\n  src: string\n}\n\nexport function Video({ part, src, ...props }: VideoProps) {\n  const videoEmbedSrc = getVideoEmbedSrc(src)\n\n  // TODO: Add play button overtop?\n  return (\n    <Box\n      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n      allowFullScreen\n      as=\"iframe\"\n      backgroundColor=\"gray100\"\n      borderWidth={0}\n      part={['video', part]}\n      src={videoEmbedSrc}\n      {...props}\n    ></Box>\n  )\n}\n","import { Image } from './Image'\nimport { Video } from './Video'\nimport { BoxProps } from '../Box'\n\nexport interface MediaProps extends BoxProps {\n  src: string\n  type: 'image' | 'video'\n}\n\nexport function Media({ src, type, ...props }: MediaProps) {\n  const Component = type === 'video' ? Video : Image\n\n  return <Component src={src} {...props} />\n}\n","export function getDotPosition({ props, alignAttr, sideAttr }) {\n  const currentSide = sideAttr ?? 'bottom'\n  const dotProps = {}\n\n  // Radix's collision system isn't aware of our custom before|after align\n  const getCurrentAlign = () => {\n    if (['after', 'before'].includes(props.align)) {\n      if (alignAttr == 'start') {\n        return 'before'\n      } else if (alignAttr == 'end') {\n        return 'after'\n      }\n    }\n\n    return props.align ?? 'after'\n  }\n\n  const dotOffset = '-24px'\n\n  const oppositeSides = {\n    top: 'bottom',\n    right: 'left',\n    bottom: 'top',\n    left: 'right',\n  }\n\n  /* \n    Rules:\n      - Dot is opposite to side prop (e.g. side=left -> dot=right)\n      - align=before|end -> Dot goes to highest extent (right/bottom) of align-axis\n      - align=after|start -> Dot goes to lowest extent (left/top) of align-axis\n      - align=center -> Dot goes to the center\n  */\n\n  dotProps[oppositeSides[currentSide]] = dotOffset\n\n  const currentAlign = getCurrentAlign()\n\n  if (['before', 'end'].includes(currentAlign)) {\n    if (['top', 'bottom'].includes(currentSide)) {\n      dotProps['right'] = dotOffset\n    } else {\n      dotProps['bottom'] = dotOffset\n    }\n  } else if (['after', 'start'].includes(currentAlign)) {\n    if (['top', 'bottom'].includes(currentSide)) {\n      dotProps['left'] = dotOffset\n    } else {\n      dotProps['top'] = dotOffset\n    }\n  } else {\n    // The only option left is align=center\n    if (['top', 'bottom'].includes(currentSide)) {\n      dotProps['left'] = `calc(50% + ${dotOffset})`\n    } else {\n      dotProps['top'] = `calc(50% + ${dotOffset})`\n    }\n  }\n\n  return dotProps\n}\n","import { TooltipProps } from '.'\n\nconst RADIX_PROPS = {\n  content: [\n    'align',\n    'alignOffset',\n    'arrowPadding',\n    'avoidCollisions',\n    'collisionBoundary',\n    'collisionPadding',\n    'forceMount',\n    'hideWhenDetached',\n    'onCloseAutoFocus',\n    'onEscapeKeyDown',\n    'onFocusOutside',\n    'onInteractOutside',\n    'onOpenAutoFocus',\n    'onPointerDownOutside',\n    'side',\n    'sideOffset',\n    'sticky',\n  ],\n  root: ['defaultOpen', 'modal', 'onOpenChange', 'open'],\n}\n\nexport function mapTooltipPropsToRadixProps(props: TooltipProps, contentRect: DOMRect) {\n  const contentProps = Object.fromEntries(\n    RADIX_PROPS.content\n      .map((propName) => [propName, props[propName]])\n      .filter((propEntry) => propEntry[1] !== undefined)\n  )\n  const rootProps = Object.fromEntries(\n    RADIX_PROPS.root\n      .map((propName) => [propName, props[propName]])\n      .filter((propEntry) => propEntry[1] !== undefined)\n  )\n\n  // Default to align=after, side=bottom\n  contentProps.align = contentProps.align ?? 'after'\n  contentProps.side = contentProps.side ?? 'bottom'\n\n  /*\n    Here we're extending Popover.Content's align prop to accept 'before' and\n    'after' in addition to its existing values.\n\n    TL;DR:\n      1. Use existing alignOffset prop to push Content to be before/after the\n         corresponding edge of the element it's attached to.\n      2. Add a CSS margin to patch alignOffset back onto Content, as Popover\n         has a bug that prevents alignOffset from extending past the edge of\n         its Trigger/Anchor.\n\n         SEE: https://github.com/radix-ui/primitives/issues/2457\n  */\n  if (['before', 'after'].includes(contentProps.align)) {\n    const mapToOriginalAlignValues = {\n      after: 'end',\n      before: 'start',\n    }\n\n    const mapAlignOffsetToMargin = (align, side) => {\n      /*\n        Translate alignOffset to CSS margin based on align and side props:\n          bottom || top\n            after: marginLeft\n            before: marginRight\n          left || right\n            after: marginTop\n            before: marginBottom\n      */\n      if (['top', 'bottom'].includes(side)) {\n        if (align == 'after') {\n          return 'marginLeft'\n        } else {\n          return 'marginRight'\n        }\n      } else {\n        if (align == 'after') {\n          return 'marginTop'\n        } else {\n          return 'marginBottom'\n        }\n      }\n    }\n\n    const originalOffset = contentProps.alignOffset ?? 0\n    const originalStyleProp = contentProps.style ?? {}\n    const currentSide = contentProps.side ?? 'bottom'\n    const currentAlign = contentProps.align\n\n    // Copy alignOffset value to CSS margin\n    contentProps['style'] = {\n      ...originalStyleProp,\n      [mapAlignOffsetToMargin(currentAlign, currentSide)]: originalOffset,\n    }\n\n    const lengthOfCurrentSide = ['top', 'bottom'].includes(currentSide)\n      ? contentRect.width\n      : contentRect.height\n\n    // Change alignOffset to be at the end of the positioned side\n    contentProps['alignOffset'] = (lengthOfCurrentSide + originalOffset) * -1\n\n    // Flip align prop back to valid Radix option, or default to 'after'\n    contentProps['align'] = mapToOriginalAlignValues[currentAlign]\n  }\n\n  return {\n    contentProps,\n    rootProps,\n  }\n}\n","import { Flow, Frigade } from '@frigade/js'\nimport { useContext, useEffect, useState } from 'react'\n\nimport { FrigadeContext } from '../components/Provider'\n\nexport function useFlow(flowId: string) {\n  const [flow, setFlow] = useState<Flow>()\n  const [_, setNonce] = useState(Math.random())\n  const { apiKey, config } = useContext(FrigadeContext)\n  const filteredConfig = Object.fromEntries(\n    Object.entries(config).filter(([k, v]) => ['apiUrl', 'userId'].includes(k) && v != null)\n  )\n  const frigade = new Frigade(apiKey, filteredConfig)\n\n  useEffect(() => {\n    const handler = (updatedFlow: Flow) => {\n      if (updatedFlow.id !== flowId) {\n        return\n      }\n\n      setFlow(updatedFlow)\n      setNonce(Math.random())\n    }\n\n    fetchFlow()\n    frigade.onFlowStateChange(handler)\n    return () => {\n      frigade.removeOnFlowStateChangeHandler(handler)\n    }\n  }, [])\n\n  async function fetchFlow() {\n    const flowResponse: Flow = await frigade.getFlow(flowId)\n    setFlow(flowResponse)\n  }\n\n  return { flow, fetchFlow }\n}\n","import { useFlow } from '../../hooks/useFlow'\n\nimport { Flex } from '../Flex/Flex'\nimport { Tooltip, TooltipProps } from '../Tooltip'\n\nexport interface TourProps extends TooltipProps {\n  flowId: string\n}\n\nexport function Tour({ flowId, ...props }: TourProps) {\n  const { flow } = useFlow(flowId)\n\n  if (flow == null || flow.isVisible === false) {\n    return null\n  }\n\n  flow.start()\n\n  const step = flow.getCurrentStep()\n  step?.start()\n\n  async function handleDismiss() {\n    await flow.skip()\n  }\n\n  async function handlePrimary() {\n    await step.complete()\n  }\n\n  const handleSecondary = handlePrimary\n\n  return (\n    <Tooltip\n      anchor={step.selector as string}\n      onOpenAutoFocus={(e) => e.preventDefault()}\n      onPointerDownOutside={(e) => e.preventDefault()}\n      {...props}\n    >\n      <Tooltip.Close onClick={handleDismiss} />\n\n      <Tooltip.Media\n        src={step.videoUri ?? step.imageUri}\n        type={step.videoUri ? 'video' : 'image'}\n      />\n\n      <Tooltip.Title>{step.title}</Tooltip.Title>\n      <Tooltip.Subtitle>{step.subtitle}</Tooltip.Subtitle>\n\n      <Flex.Row pt={4} alignItems=\"center\" justifyContent=\"space-between\">\n        <Tooltip.Progress>{`${step?.order + 1}/${flow.steps.size}`}</Tooltip.Progress>\n\n        <Flex.Row gap={3}>\n          <Tooltip.Secondary title={step.secondaryButtonTitle} onClick={handleSecondary} />\n          <Tooltip.Primary title={step.primaryButtonTitle} onClick={handlePrimary} />\n        </Flex.Row>\n      </Flex.Row>\n    </Tooltip>\n  )\n}\n"]}
+{"version":3,"sources":["../src/components/Box/index.tsx","../src/shared/tokens/scalarTokens.ts","../src/shared/tokens/semanticColors.ts","../src/shared/tokens/index.ts","../src/shared/flattenObject.ts","../src/shared/theme/index.ts","../src/components/Box/styleProps.ts","../src/components/Box/stylePropsToCss.ts","../src/components/Text/Text.styles.ts","../src/components/Text/index.tsx","../src/components/Button/Button.styles.ts","../src/components/Button/index.tsx","../src/components/Flex/Flex.tsx","../src/components/Provider/index.tsx","../src/components/Tooltip/index.tsx","../src/hooks/useBoundingClientRect.ts","../src/components/Tooltip/Dot.tsx","../src/components/Media/Image.tsx","../src/components/Media/Video.tsx","../src/components/Media/Media.tsx","../src/components/Tooltip/getDotPosition.ts","../src/components/Tooltip/mapTooltipPropsToPopoverProps.ts","../src/hooks/useFlow.ts","../src/hooks/useModal.ts","../src/components/Tour/TourStep.tsx","../src/components/Tour/index.tsx"],"names":["React","clsx","SPACE_UNIT","spaceValue","key","spaceKeys","spaceScale","palette","scalarTokens","__spreadValues","colorVar","colorName","semanticColors","tokens","__spreadProps","flattenObject","obj","path","separator","acc","k","currentPath","currentValue","createThemeVariables","mapTokensToThemeVariables","newObj","themeVariables","theme","colorTokens","styleProps","stylePropShorthands","prepValue","value","v","stylePropsMap","propName","stylePropShorthandsMap","shorthand","targetProps","stylePropsToCss","props","unmatchedProps","cssFromProps","propValue","matchedShorthand","styleProp","splitPropValues","_a","jsx","prefixPart","part","processPart","p","BoxWithRef","ref","_b","as","children","className","__objRest","Component","processedPart","classNameWithPart","Box","Text_styles_exports","__export","Body1","Body2","Caption","Display1","Display2","H1","H2","H3","H4","base","BaseText","variant","textVariantNames","textVariantComponents","asProp","component","Text","Button_styles_exports","Link","Plain","Primary","Secondary","radii","space","colors","jsxs","BaseButton","title","buttonVariantNames","buttonVariantComponents","variantPart","Button","Row","css","Column","Flex","createContext","useState","Global","ThemeProvider","FrigadeContext","Provider","apiKey","config","themeOverrides","modals","setModals","useEffect","useRef","XMarkIcon","Popover","useCallback","useLayoutEffect","useBoundingClientRect","initialRect","rect","setRect","node","setNode","keyframes","pulse","Dot","style","Image","src","getVideoEmbedSrc","videoUri","_c","Video","videoEmbedSrc","Media","type","getDotPosition","alignAttr","sideAttr","currentSide","dotProps","getCurrentAlign","dotOffset","oppositeSides","currentAlign","RADIX_PROPS","mapTooltipPropsToPopoverProps","contentRect","_d","_e","contentProps","propEntry","rootProps","mapToOriginalAlignValues","mapAlignOffsetToMargin","align","side","originalOffset","originalStyleProp","lengthOfCurrentSide","Tooltip","anchor","spotlight","contentNode","contentRef","setAlignAttr","setSideAttr","currentAlignAttr","currentSideAttr","anchorRef","anchorElementRef","setAnchorElementRef","anchorQuery","anchorRect","anchorRadius","dotPosition","onClick","Frigade","useContext","useFlow","flowId","flow","setFlow","filteredConfig","frigade","handler","updatedFlow","clonedFlow","__async","flowResponse","useModal","isCurrentModal","setIsCurrentModal","newIsCurrentModal","TourStep","step","handleDismiss","handlePrimary","handleSecondary","e","Tour"],"mappings":"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A,EAAM,MACpB,WAAYA,EAAM,MAElB,QAASA,EAAM,MACf,WAAYA,EAAM,MAClB,aAAcA,EAAM,MACpB,cAAeA,EAAM,MACrB,YAAaA,EAAM,MAEnB,aAAc,CACZ,SACA,QACA,MACA,aACA,WACA,SACA,WACA,iBACA,gBACA,gBACA,eACA,eACA,UACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,WAAY,CACV,SACA,UACA,SACA,QACA,MACA,aACA,WACA,aACA,WACA,WACA,iBACA,gBACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,UAAW,CACT,OACA,SACA,SACA,QACA,MACA,aACA,WACA,aACA,WACA,WACA,iBACA,gBACA,UACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,cAAe,CACb,MACA,cACA,SACA,iBACA,UACA,UACA,SACA,eACA,OACF,EAEA,SAAU,CACR,SACA,OACA,eACA,UACA,UACA,SACA,eACA,OACF,EAEA,eAAgB,CACd,SACA,QACA,MACA,aACA,WACA,OACA,QACA,SACA,gBACA,eACA,eACA,UACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,aAAc,CACZ,SACA,UACA,SACA,QACA,MACA,aACA,WACA,aACA,WACA,OACA,QACA,WACA,iBACA,gBACA,cACA,gBACA,eACA,cACA,gBACA,UACA,UACA,SACA,eACA,OACF,EAEA,UAAW,CAAC,aAAc,cAAe,UAAW,UAAW,SAAU,eAAgB,OAAO,EAEhG,SAAU,CACR,SACA,WACA,WACA,QACA,SACA,UACA,UACA,SACA,eACA,OACF,EAEA,QAAS,CACP,QACA,aACA,aACA,kBACA,aACA,WACA,OACA,YACA,OACA,UACA,UACA,SACA,cACA,cACA,mBACA,cACA,eACA,cACA,cACA,YACA,OACA,SACA,eACA,QACA,kBACA,qBACA,qBACA,YACA,aACA,qBACA,eACA,gBACA,OACF,CACF,EAEaG,GAAsB,CACjC,EAAG,CAAC,QAAQ,EACZ,GAAI,CAAC,WAAW,EAChB,GAAI,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","sourcesContent":["import * as React from 'react'\nimport { clsx } from 'clsx'\n\nimport { stylePropsToCss } from './stylePropsToCss'\n\nfunction prefixPart(part: string | undefined) {\n  return part ? `fr-${part}` : part\n}\n\nfunction processPart(part: string | string[] | undefined) {\n  if (!part) return part\n\n  return Array.isArray(part) ? part.map((p) => prefixPart(p)).join(' ') : prefixPart(part)\n}\n\nexport type BoxProps<T extends React.ElementType = React.ElementType> = {\n  as?: T\n  part?: string | string[]\n} & React.ComponentPropsWithRef<T>\n\nfunction BoxWithRef<T extends React.ElementType = React.ElementType>(\n  { as, children, className, part, ...props }: BoxProps<T>,\n  ref: React.ForwardedRef<T>\n) {\n  const Component = as ?? 'div'\n\n  const { cssFromProps, unmatchedProps } = stylePropsToCss(props)\n\n  const processedPart = processPart(part)\n  const classNameWithPart = className || processedPart ? clsx(className, processedPart) : undefined\n\n  const cssProp = [{ boxSizing: 'border-box' }, cssFromProps]\n\n  return (\n    // @ts-ignore: TODO: ref types are yet again complaining\n    <Component className={classNameWithPart} css={cssProp} {...unmatchedProps} ref={ref}>\n      {children}\n    </Component>\n  )\n}\n\nexport const Box = React.forwardRef(BoxWithRef)\n","const SPACE_VALUE = 4\nconst SPACE_UNIT = 'px'\n\nconst spaceValue = (key: SpaceKeys[any]) =>\n  typeof key === 'number' ? `${SPACE_VALUE * key}${SPACE_UNIT}` : key\n\nconst spaceKeys = [\n  -20,\n  -19,\n  -18,\n  -17,\n  -16,\n  -15,\n  -14,\n  -13,\n  -12,\n  -11,\n  -10,\n  -9,\n  -8,\n  -7,\n  -6,\n  -5,\n  -4,\n  -3,\n  -2,\n  -1,\n  -0.5,\n  0,\n  0.5,\n  1,\n  2,\n  3,\n  4,\n  5,\n  6,\n  7,\n  8,\n  9,\n  10,\n  11,\n  12,\n  13,\n  14,\n  15,\n  16,\n  17,\n  18,\n  19,\n  20,\n  'auto',\n] as const\n\ntype SpaceKeys = typeof spaceKeys\n\ntype SpaceScale = {\n  [K in SpaceKeys[any]]: string\n}\nconst spaceScale = Object.fromEntries(spaceKeys.map((key) => [key, spaceValue(key)])) as SpaceScale\n\nexport const palette = {\n  black: '#000000',\n  gray100: '#14161A',\n  gray200: '#181B20',\n  gray300: '#1F2329',\n  gray400: '#2E343D',\n  gray500: '#4C5766',\n  gray600: '#5A6472',\n  gray700: '#C5CBD3',\n  gray800: '#E2E5E9',\n  gray900: '#F1F2F4',\n  white: '#ffffff',\n  blue400: '#015AC6',\n  blue500: '#0171F8',\n  blue800: '#DBECFF',\n  blue900: '#F5F9FF',\n  green400: '#009E37',\n  green500: '#00D149',\n  green800: '#DBFFE8',\n  transparent: '#FFFFFF00',\n  inherit: 'inherit',\n\n  // This color isn't in the Design System yet, but it's used in old components\n  red500: '#c00000',\n}\n\n// Scalar = Tokens with literal values\nexport const scalarTokens = {\n  borders: {\n    md: '1px solid',\n  },\n  borderWidths: {\n    0: '0',\n    md: '1px',\n  },\n\n  colors: {\n    ...palette,\n  },\n  fontFamilies: {\n    default: 'TT Interphases Pro, sans-serif',\n  },\n  fontSizes: {\n    xs: '12px',\n    sm: '14px',\n    md: '16px',\n    lg: '18px',\n    xl: '20px',\n    '2xl': '24px',\n    '3xl': '30px',\n    '4xl': '36px',\n    '5xl': '48px',\n  },\n  fontWeights: {\n    thin: '100',\n    extralight: '200',\n    light: '300',\n    regular: '400',\n    medium: '500',\n    demibold: '600',\n    bold: '700',\n    extrabold: '800',\n    black: '900',\n  },\n  letterSpacings: {\n    md: '0.02em',\n  },\n  lineHeights: {\n    xs: '18px',\n    sm: '22px',\n    md: '24px',\n    lg: '26px',\n    xl: '30px',\n    '2xl': '38px',\n    '3xl': '46px',\n    '4xl': '60px',\n  },\n  radii: {\n    md: '10px',\n    lg: '20px',\n    round: '50%',\n  },\n  shadows: {\n    md: '0px 4px 20px rgba(0, 0, 0, 0.1)',\n  },\n  space: spaceScale,\n}\n","const colorVar = (colorName) => `var(--fr-colors-${colorName})`\n\n// Semantic = Tokens that reference Scalars & contextualize them according to how they're used\nexport const semanticColors = {\n  neutral: {\n    background: colorVar('white'),\n    border: colorVar('gray500'),\n    foreground: colorVar('black'),\n    surface: colorVar('gray700'),\n\n    active: {\n      background: colorVar('white'),\n      border: colorVar('gray900'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray700'),\n    },\n    focus: {\n      background: colorVar('white'),\n      border: colorVar('gray900'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray700'),\n    },\n    hover: {\n      background: colorVar('white'),\n      border: colorVar('gray900'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray700'),\n    },\n  },\n\n  primary: {\n    background: colorVar('blue500'),\n    border: colorVar('blue500'),\n    foreground: colorVar('white'),\n    surface: colorVar('blue500'),\n\n    active: {\n      background: colorVar('blue400'),\n      border: colorVar('blue400'),\n      foreground: colorVar('white'),\n      surface: colorVar('blue400'),\n    },\n    focus: {\n      background: colorVar('blue500'),\n      border: colorVar('blue500'),\n      foreground: colorVar('white'),\n      surface: colorVar('blue500'),\n    },\n    hover: {\n      background: colorVar('blue400'),\n      border: colorVar('blue400'),\n      foreground: colorVar('white'),\n      surface: colorVar('blue400'),\n    },\n  },\n\n  secondary: {\n    background: colorVar('gray900'),\n    border: colorVar('gray900'),\n    foreground: colorVar('black'),\n    surface: colorVar('gray900'),\n\n    active: {\n      background: colorVar('gray800'),\n      border: colorVar('gray800'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray800'),\n    },\n    focus: {\n      background: colorVar('gray900'),\n      border: colorVar('gray900'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray900'),\n    },\n    hover: {\n      background: colorVar('gray800'),\n      border: colorVar('gray800'),\n      foreground: colorVar('black'),\n      surface: colorVar('gray800'),\n    },\n  },\n}\n","import { scalarTokens } from './scalarTokens'\nimport { semanticColors } from './semanticColors'\n\nexport { scalarTokens, semanticColors }\n\n// Package up everything everywhere all at once for convenience\nexport const tokens = {\n  ...scalarTokens,\n  colors: {\n    ...scalarTokens.colors,\n    ...semanticColors,\n  },\n}\n","export function flattenObject(obj: Record<any, any>, path = '', separator = '.') {\n  return Object.keys(obj).reduce((acc, k) => {\n    const prefix = path.length ? `${path}${separator}` : ''\n    const currentPath = `${prefix}${k}`\n    const currentValue = obj[k]\n\n    if (typeof currentValue === 'object' && currentValue !== null && !Array.isArray(currentValue)) {\n      Object.assign(acc, flattenObject(currentValue, currentPath, separator))\n    } else {\n      acc[currentPath] = currentValue\n    }\n\n    return acc\n  }, {})\n}\n","import { tokens } from '../tokens'\nimport { flattenObject } from '../flattenObject'\n\n// Transform tokens to a flat list of CSS variables and values to inject into the page\n// IN: { colors: { black: '#000' } }, OUT: { '--fr-colors-black': '#000' }\nexport function createThemeVariables(tokens) {\n  return flattenObject(tokens, '--fr', '-')\n}\n\n// Swap token values out and replace them with the CSS variables we defined\n// IN: { colors: { black: '#000' } }, OUT: { colors: { black: 'var(--fr-colors-black)' } }\nfunction mapTokensToThemeVariables(obj, path = '--fr') {\n  const newObj: Record<string, any> = {}\n\n  Object.keys(obj).forEach((key) => {\n    const currentValue = obj[key]\n\n    if (typeof currentValue === 'object' && currentValue !== null && !Array.isArray(currentValue)) {\n      newObj[key] = mapTokensToThemeVariables(currentValue, `${path}-${key}`)\n    } else {\n      newObj[key] = `var(${path}-${key})`\n    }\n  })\n\n  return newObj\n}\n\nexport const themeVariables = createThemeVariables(tokens)\n\nexport const theme = mapTokensToThemeVariables(tokens)\n","import { theme } from '../../shared/theme'\nimport { flattenObject } from '../../shared/flattenObject'\n\nconst colorTokens: Record<string, unknown> = flattenObject(theme.colors)\n\n/*\n  TODO:\n  - top / right / bottom / left\n*/\n\nexport const styleProps = {\n  color: colorTokens,\n  backgroundColor: colorTokens,\n  borderColor: colorTokens,\n  border: theme.borders,\n  borderRadius: theme.radii,\n  borderWidth: theme.borderWidths,\n\n  fontFamily: theme.fontFamilies,\n  fontSize: theme.fontSizes,\n  fontWeight: theme.fontWeights,\n\n  gap: theme.space,\n\n  lineHeight: theme.lineHeights,\n\n  margin: theme.space,\n  marginTop: theme.space,\n  marginRight: theme.space,\n  marginBottom: theme.space,\n  marginLeft: theme.space,\n\n  padding: theme.space,\n  paddingTop: theme.space,\n  paddingRight: theme.space,\n  paddingBottom: theme.space,\n  paddingLeft: theme.space,\n\n  alignContent: [\n    'center',\n    'start',\n    'end',\n    'flex-start',\n    'flex-end',\n    'normal',\n    'baseline',\n    'first baseline',\n    'last baseline',\n    'space-between',\n    'space-around',\n    'space-evenly',\n    'stretch',\n    'safe center',\n    'unsafe center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  alignItems: [\n    'normal',\n    'stretch',\n    'center',\n    'start',\n    'end',\n    'flex-start',\n    'flex-end',\n    'self-start',\n    'self-end',\n    'baseline',\n    'first baseline',\n    'last baseline',\n    'safe center',\n    'unsafe center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  alignSelf: [\n    'auto',\n    'normal',\n    'center',\n    'start',\n    'end',\n    'self-start',\n    'self-end',\n    'flex-start',\n    'flex-end',\n    'baseline',\n    'first baseline',\n    'last baseline',\n    'stretch',\n    'safe center',\n    'unsafe center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  flexDirection: [\n    'row',\n    'row-reverse',\n    'column',\n    'column-reverse',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  flexWrap: [\n    'nowrap',\n    'wrap',\n    'wrap-reverse',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  justifyContent: [\n    'center',\n    'start',\n    'end',\n    'flex-start',\n    'flex-end',\n    'left',\n    'right',\n    'normal',\n    'space-between',\n    'space-around',\n    'space-evenly',\n    'stretch',\n    'safe center',\n    'unsafe center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  justifyItems: [\n    'normal',\n    'stretch',\n    'center',\n    'start',\n    'end',\n    'flex-start',\n    'flex-end',\n    'self-start',\n    'self-end',\n    'left',\n    'right',\n    'baseline',\n    'first baseline',\n    'last baseline',\n    'safe center',\n    'unsafe center',\n    'legacy right',\n    'legacy left',\n    'legacy center',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  boxSizing: ['border-box', 'content-box', 'inherit', 'initial', 'revert', 'revert-layer', 'unset'],\n\n  position: [\n    'static',\n    'relative',\n    'absolute',\n    'fixed',\n    'sticky',\n    'inherit',\n    'initial',\n    'revert',\n    'revert-layer',\n    'unset',\n  ],\n\n  display: [\n    'block',\n    'block flex',\n    'block flow',\n    'block flow-root',\n    'block grid',\n    'contents',\n    'flex',\n    'flow-root',\n    'grid',\n    'inherit',\n    'initial',\n    'inline',\n    'inline flex',\n    'inline flow',\n    'inline flow-root',\n    'inline grid',\n    'inline-block',\n    'inline-flex',\n    'inline-grid',\n    'list-item',\n    'none',\n    'revert',\n    'revert-layer',\n    'table',\n    'table-row-group',\n    'table-header-group',\n    'table-footer-group',\n    'table-row',\n    'table-cell',\n    'table-column-group',\n    'table-column',\n    'table-caption',\n    'unset',\n  ],\n}\n\nexport const stylePropShorthands = {\n  m: ['margin'],\n  mt: ['marginTop'],\n  mr: ['marginRight'],\n  mb: ['marginBottom'],\n  ml: ['marginLeft'],\n  mx: ['marginLeft', 'marginRight'],\n  my: ['marginTop', 'marginBottom'],\n\n  p: ['padding'],\n  pt: ['paddingTop'],\n  pr: ['paddingRight'],\n  pb: ['paddingBottom'],\n  pl: ['paddingLeft'],\n  px: ['paddingLeft', 'paddingRight'],\n  py: ['paddingTop', 'paddingBottom'],\n}\n","import { styleProps, stylePropShorthands } from './styleProps'\n\nfunction prepValue(value) {\n  if (Array.isArray(value)) {\n    return new Map(value.map((v) => [v, v]))\n  } else if (typeof value === 'object' && value !== null) {\n    return new Map(Object.entries(value))\n  } else if (['string', 'number'].includes(typeof value)) {\n    return new Map([value, value])\n  }\n\n  throw new Error('Invalid entry in styleProps')\n}\n\nconst stylePropsMap = new Map(\n  Object.entries(styleProps).map(([propName, value]) => {\n    return [propName, prepValue(value)]\n  })\n)\n\nconst stylePropShorthandsMap = new Map(\n  Object.entries(stylePropShorthands).map(([shorthand, targetProps]) => {\n    return [shorthand, new Set(targetProps)]\n  })\n)\n\nexport function stylePropsToCss(props: Record<any, any>) {\n  const unmatchedProps = Object.assign({}, props)\n  const cssFromProps = {}\n\n  // Convert shorthand styleProps to full versions\n  Object.entries(unmatchedProps).forEach(([propName, propValue]) => {\n    const matchedShorthand = stylePropShorthandsMap.get(propName)\n    if (matchedShorthand != null) {\n      matchedShorthand.forEach((propName) => {\n        unmatchedProps[propName] = propValue\n      })\n\n      delete unmatchedProps[propName]\n    }\n  })\n\n  // Convert styleProps to style object\n  Object.entries(unmatchedProps).forEach(([propName, propValue]) => {\n    const styleProp = stylePropsMap.get(propName)\n    if (styleProp != null) {\n      if (typeof propValue === 'string' && propValue.indexOf(' ') > -1) {\n        // Split space-separated values out and process them individually\n        const splitPropValues = propValue.split(' ')\n\n        cssFromProps[propName] = splitPropValues\n          .map((v) => styleProp.get(v.toString()) ?? v)\n          .join(' ')\n\n        delete unmatchedProps[propName]\n      } else if (styleProp.has(propValue.toString())) {\n        cssFromProps[propName] = styleProp.get(propValue.toString())\n        delete unmatchedProps[propName]\n      }\n    }\n  })\n\n  return { cssFromProps, unmatchedProps }\n}\n","const base = {\n  color: 'neutral.foreground',\n  fontFamily: 'default',\n  margin: 0,\n}\n\nexport const Display1 = {\n  ...base,\n  fontSize: '5xl',\n  fontWeight: 'bold',\n  lineHeight: '4xl',\n}\n\nexport const Display2 = {\n  ...base,\n  fontSize: '4xl',\n  fontWeight: 'bold',\n  lineHeight: '3xl',\n}\n\nexport const H1 = {\n  ...base,\n  fontSize: '3xl',\n  fontWeight: 'bold',\n  lineHeight: '2xl',\n}\n\nexport const H2 = {\n  ...base,\n  fontSize: '2xl',\n  fontWeight: 'bold',\n  lineHeight: 'xl',\n}\n\nexport const H3 = {\n  ...base,\n  fontSize: 'xl',\n  fontWeight: 'bold',\n  lineHeight: 'lg',\n}\n\nexport const H4 = {\n  ...base,\n  fontSize: 'lg',\n  fontWeight: 'bold',\n  lineHeight: 'md',\n}\n\nexport const Body1 = {\n  ...base,\n  fontSize: 'md',\n  fontWeight: 'regular',\n  lineHeight: 'md',\n}\n\nexport const Body2 = {\n  ...base,\n  fontSize: 'sm',\n  fontWeight: 'regular',\n  lineHeight: 'md',\n}\n\nexport const Caption = {\n  ...base,\n  fontSize: 'xs',\n  fontWeight: 'regular',\n  lineHeight: 'sm',\n}\n","import { Box, BoxProps } from '../Box'\n\nimport * as styles from './Text.styles'\n\ntype TextVariant =\n  | 'Display1'\n  | 'Display2'\n  | 'H1'\n  | 'H2'\n  | 'H3'\n  | 'H4'\n  | 'Body1'\n  | 'Body2'\n  | 'Caption'\n\nexport interface TextProps extends BoxProps {\n  variant?: TextVariant\n}\n\nfunction BaseText({ as = 'span', children, variant = 'Body1', ...props }: TextProps) {\n  return (\n    <Box as={as} {...styles[variant]} {...props}>\n      {children}\n    </Box>\n  )\n}\n\nconst textVariantNames: TextVariant[] = [\n  'Display1',\n  'Display2',\n  'H1',\n  'H2',\n  'H3',\n  'H4',\n  'Body1',\n  'Body2',\n  'Caption',\n]\n\nconst textVariantComponents = Object.fromEntries(\n  textVariantNames.map((variant) => {\n    const asProp = ['H1', 'H2', 'H3', 'H4'].includes(variant)\n      ? (variant.toLowerCase() as 'h1' | 'h2' | 'h3' | 'h4')\n      : undefined\n    const component = (props: TextProps) => (\n      <BaseText as={asProp} {...props} variant={variant}>\n        {props.children}\n      </BaseText>\n    )\n\n    component.displayName = `Text.${variant}`\n\n    return [variant, component]\n  })\n)\n\nexport const Text = Object.assign(BaseText, textVariantComponents)\n","export const base = ({ radii, space }) => ({\n  borderWidth: 0,\n  borderRadius: radii.md,\n  padding: `${space[2]} ${space[4]}`,\n})\n\nexport const Primary = ({ colors }) => [\n  base,\n  {\n    backgroundColor: colors.primary.surface,\n    color: colors.primary.foreground,\n\n    '&:hover': {\n      backgroundColor: colors.primary.hover.surface,\n    },\n  },\n]\n\nexport const Secondary = ({ colors }) => [\n  base,\n  {\n    backgroundColor: colors.secondary.surface,\n    color: colors.secondary.foreground,\n\n    '&:hover': {\n      backgroundColor: colors.secondary.hover.surface,\n    },\n  },\n]\n\nexport const Link = ({ colors }) => [\n  base,\n  {\n    backgroundColor: colors.transparent,\n    color: colors.primary.surface,\n\n    '&:hover': {\n      color: colors.primary.hover.surface,\n    },\n  },\n]\n\nexport const Plain = ({ colors }) => [\n  base,\n  {\n    backgroundColor: colors.transparent,\n    color: colors.neutral.foreground,\n  },\n]\n","import { Interpolation } from '@emotion/react'\nimport { Box, BoxProps } from '../Box'\nimport { Text } from '../Text'\n\nimport * as styles from './Button.styles'\n\n// TODO: Generate this type from buttonVariantNames\ntype ButtonVariant = 'Primary' | 'Secondary' | 'Link' | 'Plain'\n\nexport interface ButtonProps extends BoxProps {\n  title?: string\n  variant?: ButtonVariant\n}\n\nfunction BaseButton({ as, children, title, variant = 'Primary', ...props }: ButtonProps) {\n  return (\n    <Box as={as ?? 'button'} css={styles[variant] as Interpolation<any>} {...props}>\n      {children}\n      {title && (\n        <Text.Body2 fontWeight=\"demibold\" color=\"inherit\">\n          {title}\n        </Text.Body2>\n      )}\n    </Box>\n  )\n}\n\nconst buttonVariantNames: ButtonVariant[] = ['Primary', 'Secondary', 'Link', 'Plain']\n\nconst buttonVariantComponents = Object.fromEntries(\n  buttonVariantNames.map((variant) => {\n    const variantPart = variant.toLocaleLowerCase()\n\n    const component = ({ part, ...props }: ButtonProps) => (\n      <BaseButton part={[`button-${variantPart}`, part]} {...props} variant={variant}>\n        {props.children}\n      </BaseButton>\n    )\n\n    component.displayName = `Text.${variant}`\n\n    return [variant, component]\n  })\n)\n\nexport const Button = Object.assign(BaseButton, buttonVariantComponents)\n","import * as React from 'react'\nimport { Box, BoxProps } from '../Box'\n\nconst Row = React.forwardRef(({ children, css, ...props }: BoxProps, ref) => {\n  return (\n    <Box css={[{ display: 'flex', flexDirection: 'row' }, css]} {...props} ref={ref}>\n      {children}\n    </Box>\n  )\n})\n\nconst Column = React.forwardRef(({ children, css, ...props }: BoxProps, ref) => {\n  return (\n    <Box css={[{ display: 'flex', flexDirection: 'column' }, css]} {...props} ref={ref}>\n      {children}\n    </Box>\n  )\n})\n\nexport const Flex = {\n  Column,\n  Row,\n}\n","import { createContext, Dispatch, SetStateAction, useState } from 'react'\nimport { Global, ThemeProvider } from '@emotion/react'\n\nimport { createThemeVariables, theme as themeTokens, themeVariables } from '../../shared/theme'\n\n// TODO: type theme something like Partial<typeof themeTokens>, but allow any value for those keys\nexport interface ProviderProps {\n  apiKey: string\n  children?: React.ReactNode\n  config?: ProviderConfig\n  theme?: Record<any, any>\n}\n\ninterface ProviderConfig {\n  apiUrl?: string\n  userId?: string\n}\n\ninterface ProviderContext {\n  apiKey: string\n  config: ProviderConfig\n  modals: string[]\n  setModals: Dispatch<SetStateAction<string[]>>\n}\n\nexport const FrigadeContext = createContext<ProviderContext>({\n  apiKey: '',\n  config: {},\n  modals: [],\n  setModals: () => {},\n})\n\nexport function Provider({ apiKey, children, config = {}, theme }: ProviderProps) {\n  const themeOverrides = theme ? createThemeVariables(theme) : {}\n  const [modals, setModals] = useState([])\n\n  return (\n    <FrigadeContext.Provider value={{ apiKey, config, modals, setModals }}>\n      <Global styles={{ ':root': { ...themeVariables, ...themeOverrides } }} />\n      <ThemeProvider theme={themeTokens}>{children}</ThemeProvider>\n    </FrigadeContext.Provider>\n  )\n}\n","import React, { useEffect, useRef, useState } from 'react'\nimport { Interpolation } from '@emotion/react'\n\nimport { XMarkIcon } from '@heroicons/react/24/solid'\nimport * as Popover from '@radix-ui/react-popover'\n\nimport { useBoundingClientRect } from '../../hooks/useBoundingClientRect'\nimport { Box } from '../Box'\nimport { Button, ButtonProps } from '../Button'\nimport { Dot } from './Dot'\nimport { Flex } from '../Flex/Flex'\nimport { Media, MediaProps } from '../Media'\nimport { Text, TextProps } from '../Text'\nimport { getDotPosition } from './getDotPosition'\nimport { mapTooltipPropsToPopoverProps } from './mapTooltipPropsToPopoverProps'\n\ninterface MergedRadixPopoverProps\n  extends Pick<Popover.PopoverProps, 'defaultOpen' | 'modal' | 'onOpenChange' | 'open'>,\n    Omit<Popover.PopoverContentProps, 'align' | 'asChild'> {}\nexport interface TooltipProps extends MergedRadixPopoverProps {\n  align?: Popover.PopoverContentProps['align'] | 'before' | 'after'\n  anchor?: string\n  css?: Interpolation<Record<any, any>>\n  spotlight?: boolean\n  style?: React.CSSProperties\n}\n\nexport function Tooltip({\n  anchor,\n  children,\n  className,\n  spotlight = false,\n  style,\n  ...props\n}: TooltipProps) {\n  const { node: contentNode, rect: contentRect, ref: contentRef } = useBoundingClientRect()\n  const { contentProps, rootProps } = mapTooltipPropsToPopoverProps(props, contentRect)\n\n  const [alignAttr, setAlignAttr] = useState(contentProps.align)\n  const [sideAttr, setSideAttr] = useState(contentProps.side)\n\n  // Radix will update data attrs to let us know if Popover.Content has collided\n  if (contentNode !== null) {\n    const currentAlignAttr = contentNode.getAttribute('data-align')\n    const currentSideAttr = contentNode.getAttribute('data-side')\n\n    if (alignAttr !== currentAlignAttr) {\n      setAlignAttr(currentAlignAttr)\n    }\n\n    if (sideAttr !== currentSideAttr) {\n      setSideAttr(currentSideAttr)\n    }\n  }\n\n  const anchorRef = useRef(null)\n  const [anchorElementRef, setAnchorElementRef] = useState(null)\n\n  useEffect(() => {\n    const anchorQuery = document.querySelector(anchor)\n\n    if (anchorQuery != null) {\n      anchorRef.current = anchorQuery\n      setAnchorElementRef(anchorRef)\n    }\n  }, [anchor])\n\n  if (anchorElementRef == null) return null\n\n  const anchorRect = anchorElementRef.current.getBoundingClientRect()\n\n  let anchorRadius = '0'\n  if (typeof window !== 'undefined') {\n    anchorRadius = window.getComputedStyle(anchorElementRef.current).borderRadius\n  }\n\n  const dotPosition = getDotPosition({ props, alignAttr, sideAttr })\n\n  return (\n    <Popover.Root defaultOpen={true} {...rootProps}>\n      <Popover.Anchor virtualRef={anchorElementRef} />\n      <Popover.Portal>\n        <div className={className} css={{ position: 'absolute', zIndex: 9999 }}>\n          {spotlight && (\n            <Box\n              borderRadius={anchorRadius}\n              part=\"tooltip-spotlight\"\n              position=\"absolute\"\n              css={{\n                boxShadow: '0 0 0 2000px rgb(0 0 0 / 0.5)',\n                height: anchorRect.height,\n                left: anchorRect.left,\n                top: anchorRect.top,\n                width: anchorRect.width,\n              }}\n            />\n          )}\n          <Popover.Content asChild {...contentProps} ref={contentRef}>\n            <Flex.Column\n              backgroundColor=\"neutral.background\"\n              borderRadius=\"md\"\n              p={5}\n              part=\"tooltip-content\"\n              position=\"relative\"\n              css={{\n                boxShadow: '0px 4px 20px rgba(0, 0, 0, 0.1)',\n                maxWidth: '360px',\n                ...style,\n              }}\n            >\n              <Dot style={dotPosition} />\n\n              {children}\n            </Flex.Column>\n          </Popover.Content>\n        </div>\n      </Popover.Portal>\n    </Popover.Root>\n  )\n}\n\nTooltip.Close = (props: ButtonProps) => {\n  return (\n    <Popover.Close aria-label=\"Close\" asChild>\n      <Button.Plain\n        css={{\n          top: '12px',\n          right: '4px',\n        }}\n        part=\"tooltip-close\"\n        position=\"absolute\"\n        {...props}\n      >\n        <XMarkIcon height=\"24\" fill=\"currentColor\" />\n      </Button.Plain>\n    </Popover.Close>\n  )\n}\n\nTooltip.Media = ({ src, ...props }: MediaProps) => {\n  if (src == null) return null\n\n  return (\n    <Media\n      borderRadius=\"md md 0 0\"\n      borderWidth=\"0\"\n      css={{\n        aspectRatio: '2',\n      }}\n      margin=\"-5 -5 5\"\n      src={src}\n      {...props}\n    />\n  )\n}\n\nTooltip.Primary = ({ onClick, title, ...props }: ButtonProps) => {\n  if (title == null) return null\n\n  return <Button.Primary title={title} onClick={onClick} {...props} />\n}\n\nTooltip.Progress = ({ children, ...props }: TextProps) => {\n  if (children == null) return null\n\n  return (\n    <Text.Body2 fontWeight=\"demibold\" part=\"progress\" {...props}>\n      {children}\n    </Text.Body2>\n  )\n}\n\nTooltip.Secondary = ({ onClick, title, ...props }: ButtonProps) => {\n  if (title == null) return null\n\n  return <Button.Secondary title={title} onClick={onClick} {...props} />\n}\n\nTooltip.Subtitle = ({ children, ...props }: TextProps) => {\n  if (children == null) return null\n\n  return (\n    <Text.Body2 part=\"subtitle\" {...props}>\n      {children}\n    </Text.Body2>\n  )\n}\n\nTooltip.Title = ({ children, ...props }: TextProps) => {\n  if (children == null) return null\n\n  return (\n    <Text.Body1 fontWeight=\"bold\" mb={1} part=\"title\" {...props}>\n      {children}\n    </Text.Body1>\n  )\n}\n","import { useCallback, useLayoutEffect, useState } from 'react'\n\nexport function useBoundingClientRect() {\n  const initialRect =\n    'DOMRect' in globalThis\n      ? new DOMRect()\n      : {\n          height: 0,\n          width: 0,\n          x: 0,\n          y: 0,\n          bottom: 0,\n          top: 0,\n          right: 0,\n          left: 0,\n          toJSON: () => {},\n        }\n  const [rect, setRect] = useState(initialRect)\n  const [node, setNode] = useState(null)\n\n  const ref = useCallback((node: HTMLElement) => {\n    setNode(node)\n  }, [])\n\n  useLayoutEffect(() => {\n    if (!node) return\n\n    setRect(node.getBoundingClientRect())\n  }, [node])\n\n  return {\n    node,\n    rect,\n    ref,\n  }\n}\n","import { keyframes } from '@emotion/react'\nimport { Box, BoxProps } from '../Box'\n\nconst pulse = keyframes({\n  '0%': {\n    opacity: 0.5,\n    transform: 'scale(0.5)',\n  },\n  '50%': {\n    opacity: 0,\n    transform: 'scale(1)',\n  },\n  '100%': {\n    opacity: 0,\n    transform: 'scale(1)',\n  },\n})\n\nexport interface DotProps extends BoxProps {}\n\nexport function Dot({ style = {}, part = '', ...props }: DotProps) {\n  return (\n    <Box\n      part={`dot-wrapper ${part}`}\n      style={{\n        height: '48px',\n        position: 'absolute',\n        width: '48px',\n        ...style,\n      }}\n      {...props}\n    >\n      <Box\n        backgroundColor=\"primary.surface\"\n        part=\"dot-pulse\"\n        css={{\n          animation: `2s ease-out infinite ${pulse}`,\n          borderRadius: '24px',\n          height: '48px',\n          left: 0,\n          position: 'absolute',\n          top: 0,\n          transformOrigin: 'center center',\n          width: '48px',\n        }}\n      />\n      <Box\n        backgroundColor=\"primary.surface\"\n        part=\"dot\"\n        style={{\n          borderRadius: '12px',\n          height: '24px',\n          left: '12px',\n          position: 'absolute',\n          top: '12px',\n          width: '24px',\n        }}\n      />\n    </Box>\n  )\n}\n","import { Box, BoxProps } from '../Box'\n\nexport interface ImageProps extends BoxProps {\n  src: string\n}\n\nexport function Image({ part, src, ...props }: ImageProps) {\n  return <Box as=\"img\" part={['image', part]} src={src} {...props} />\n}\n","import { Box, BoxProps } from '../Box'\n\nfunction getVideoEmbedSrc(videoUri: string) {\n  if (videoUri.includes('youtube')) {\n    const videoId = videoUri.split('v=')[1]?.split('&')[0]\n\n    return `https://www.youtube.com/embed/${videoId}`\n  } else if (videoUri.includes('vimeo')) {\n    const videoId = videoUri.split('vimeo.com/')[1]?.split('&')[0]\n\n    return `https://player.vimeo.com/video/${videoId}`\n  } else if (videoUri.includes('wistia')) {\n    const videoId = videoUri.split('wistia.com/medias/')[1]?.split('&')[0]\n\n    return `https://fast.wistia.net/embed/iframe/${videoId}`\n  }\n\n  throw new Error('Could not map videoUri to a known provider (Youtube, Vimeo, Wistia).')\n}\n\nexport interface VideoProps extends BoxProps {\n  src: string\n}\n\nexport function Video({ part, src, ...props }: VideoProps) {\n  const videoEmbedSrc = getVideoEmbedSrc(src)\n\n  // TODO: Add play button overtop?\n  return (\n    <Box\n      allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n      allowFullScreen\n      as=\"iframe\"\n      backgroundColor=\"gray100\"\n      borderWidth={0}\n      part={['video', part]}\n      src={videoEmbedSrc}\n      {...props}\n    ></Box>\n  )\n}\n","import { Image } from './Image'\nimport { Video } from './Video'\nimport { BoxProps } from '../Box'\n\nexport interface MediaProps extends BoxProps {\n  src: string\n  type: 'image' | 'video'\n}\n\nexport function Media({ src, type, ...props }: MediaProps) {\n  const Component = type === 'video' ? Video : Image\n\n  return <Component src={src} {...props} />\n}\n","export function getDotPosition({ props, alignAttr, sideAttr }) {\n  const currentSide = sideAttr ?? 'bottom'\n  const dotProps = {}\n\n  // Radix's collision system isn't aware of our custom before|after align\n  const getCurrentAlign = () => {\n    if (['after', 'before'].includes(props.align)) {\n      if (alignAttr == 'start') {\n        return 'before'\n      } else if (alignAttr == 'end') {\n        return 'after'\n      }\n    }\n\n    return props.align ?? 'after'\n  }\n\n  const dotOffset = '-24px'\n\n  const oppositeSides = {\n    top: 'bottom',\n    right: 'left',\n    bottom: 'top',\n    left: 'right',\n  }\n\n  /* \n    Rules:\n      - Dot is opposite to side prop (e.g. side=left -> dot=right)\n      - align=before|end -> Dot goes to highest extent (right/bottom) of align-axis\n      - align=after|start -> Dot goes to lowest extent (left/top) of align-axis\n      - align=center -> Dot goes to the center\n  */\n\n  dotProps[oppositeSides[currentSide]] = dotOffset\n\n  const currentAlign = getCurrentAlign()\n\n  if (['before', 'end'].includes(currentAlign)) {\n    if (['top', 'bottom'].includes(currentSide)) {\n      dotProps['right'] = dotOffset\n    } else {\n      dotProps['bottom'] = dotOffset\n    }\n  } else if (['after', 'start'].includes(currentAlign)) {\n    if (['top', 'bottom'].includes(currentSide)) {\n      dotProps['left'] = dotOffset\n    } else {\n      dotProps['top'] = dotOffset\n    }\n  } else {\n    // The only option left is align=center\n    if (['top', 'bottom'].includes(currentSide)) {\n      dotProps['left'] = `calc(50% + ${dotOffset})`\n    } else {\n      dotProps['top'] = `calc(50% + ${dotOffset})`\n    }\n  }\n\n  return dotProps\n}\n","import { TooltipProps } from '.'\n\nconst RADIX_PROPS = {\n  content: [\n    'align',\n    'alignOffset',\n    'arrowPadding',\n    'avoidCollisions',\n    'collisionBoundary',\n    'collisionPadding',\n    'forceMount',\n    'hideWhenDetached',\n    'onCloseAutoFocus',\n    'onEscapeKeyDown',\n    'onFocusOutside',\n    'onInteractOutside',\n    'onOpenAutoFocus',\n    'onPointerDownOutside',\n    'side',\n    'sideOffset',\n    'sticky',\n  ],\n  root: ['defaultOpen', 'modal', 'onOpenChange', 'open'],\n}\n\nexport function mapTooltipPropsToPopoverProps(props: TooltipProps, contentRect: DOMRect) {\n  const contentProps = Object.fromEntries(\n    RADIX_PROPS.content\n      .map((propName) => [propName, props[propName]])\n      .filter((propEntry) => propEntry[1] !== undefined)\n  )\n  const rootProps = Object.fromEntries(\n    RADIX_PROPS.root\n      .map((propName) => [propName, props[propName]])\n      .filter((propEntry) => propEntry[1] !== undefined)\n  )\n\n  // Default to align=after, side=bottom\n  contentProps.align = contentProps.align ?? 'after'\n  contentProps.side = contentProps.side ?? 'bottom'\n\n  /*\n    Here we're extending Popover.Content's align prop to accept 'before' and\n    'after' in addition to its existing values.\n\n    TL;DR:\n      1. Use existing alignOffset prop to push Content to be before/after the\n         corresponding edge of the element it's attached to.\n      2. Add a CSS margin to patch alignOffset back onto Content, as Popover\n         has a bug that prevents alignOffset from extending past the edge of\n         its Trigger/Anchor.\n\n         SEE: https://github.com/radix-ui/primitives/issues/2457\n  */\n  if (['before', 'after'].includes(contentProps.align)) {\n    const mapToOriginalAlignValues = {\n      after: 'end',\n      before: 'start',\n    }\n\n    const mapAlignOffsetToMargin = (align, side) => {\n      /*\n        Translate alignOffset to CSS margin based on align and side props:\n          bottom || top\n            after: marginLeft\n            before: marginRight\n          left || right\n            after: marginTop\n            before: marginBottom\n      */\n      if (['top', 'bottom'].includes(side)) {\n        if (align == 'after') {\n          return 'marginLeft'\n        } else {\n          return 'marginRight'\n        }\n      } else {\n        if (align == 'after') {\n          return 'marginTop'\n        } else {\n          return 'marginBottom'\n        }\n      }\n    }\n\n    const originalOffset = contentProps.alignOffset ?? 0\n    const originalStyleProp = contentProps.style ?? {}\n    const currentSide = contentProps.side ?? 'bottom'\n    const currentAlign = contentProps.align\n\n    // Copy alignOffset value to CSS margin\n    contentProps['style'] = {\n      ...originalStyleProp,\n      [mapAlignOffsetToMargin(currentAlign, currentSide)]: originalOffset,\n    }\n\n    const lengthOfCurrentSide = ['top', 'bottom'].includes(currentSide)\n      ? contentRect.width\n      : contentRect.height\n\n    // Change alignOffset to be at the end of the positioned side\n    contentProps.alignOffset = (lengthOfCurrentSide + originalOffset) * -1\n\n    // Flip align prop back to valid Radix option, or default to 'after'\n    contentProps['align'] = mapToOriginalAlignValues[currentAlign]\n  }\n\n  return {\n    contentProps,\n    rootProps,\n  }\n}\n","import { Flow, Frigade } from '@frigade/js'\nimport { useContext, useEffect, useRef, useState } from 'react'\n\nimport { FrigadeContext } from '../components/Provider'\n\nexport function useFlow(flowId: string) {\n  const [flow, setFlow] = useState<Flow>()\n  const { apiKey, config } = useContext(FrigadeContext)\n  const filteredConfig = Object.fromEntries(\n    Object.entries(config).filter(([k, v]) => ['apiUrl', 'userId'].includes(k) && v != null)\n  )\n\n  const frigadeRef = useRef(new Frigade(apiKey, filteredConfig))\n  const frigade = frigadeRef.current\n\n  const handler = (updatedFlow: Flow) => {\n    if (updatedFlow.id !== flowId) {\n      return\n    }\n\n    const clonedFlow = Object.assign(Object.create(Object.getPrototypeOf(updatedFlow)), updatedFlow)\n\n    setFlow(clonedFlow)\n  }\n\n  useEffect(() => {\n    ;(async () => {\n      const flowResponse: Flow = await frigade.getFlow(flowId)\n\n      setFlow(flowResponse)\n    })()\n\n    frigade.onFlowStateChange(handler)\n\n    return () => {\n      frigade.removeOnFlowStateChangeHandler(handler)\n    }\n  }, [])\n\n  return { flow }\n}\n","import { useContext, useEffect, useState } from 'react'\n\nimport { FrigadeContext } from '../components/Provider'\n\nexport function useModal(flowId: string) {\n  const { modals, setModals } = useContext(FrigadeContext)\n  const [isCurrentModal, setIsCurrentModal] = useState(false)\n\n  useEffect(() => {\n    setModals([...modals, flowId])\n\n    return () => setModals(modals.filter((v) => v !== flowId))\n  }, [])\n\n  useEffect(() => {\n    const newIsCurrentModal = modals[0] === flowId\n\n    if (newIsCurrentModal !== isCurrentModal) {\n      setIsCurrentModal(newIsCurrentModal)\n    }\n  }, [modals])\n\n  return {\n    isCurrentModal,\n  }\n}\n","import { Flow, FlowStep } from '@frigade/js'\n\nimport { TourProps } from '.'\nimport { useModal } from '../../hooks/useModal'\n\nimport { Flex } from '../Flex/Flex'\nimport { Tooltip } from '../Tooltip'\n\nexport interface TourStepProps extends Omit<TourProps, 'flowId'> {\n  step: FlowStep\n  flow: Flow\n}\n\nexport function TourStep({ step, flow, ...props }: TourStepProps) {\n  const { isCurrentModal } = useModal(`${flow.id}-${step.id}`)\n\n  if (!isCurrentModal) return null\n\n  async function handleDismiss() {\n    await flow.skip()\n  }\n\n  async function handlePrimary() {\n    await step.complete()\n  }\n\n  const handleSecondary = handlePrimary\n\n  return (\n    <Tooltip\n      key={step.id}\n      anchor={step.selector as string}\n      onOpenAutoFocus={(e) => e.preventDefault()}\n      onPointerDownOutside={(e) => e.preventDefault()}\n      {...props}\n    >\n      <Tooltip.Close onClick={handleDismiss} />\n\n      <Tooltip.Media\n        src={step.videoUri ?? step.imageUri}\n        type={step.videoUri ? 'video' : 'image'}\n      />\n\n      <Tooltip.Title>{step.title}</Tooltip.Title>\n      <Tooltip.Subtitle>{step.subtitle}</Tooltip.Subtitle>\n\n      <Flex.Row alignItems=\"center\" gap={3} justifyContent=\"flex-end\" part=\"tooltip-footer\" pt={4}>\n        <Tooltip.Progress>{`${step?.order + 1}/${flow.steps.size}`}</Tooltip.Progress>\n\n        <Tooltip.Secondary\n          marginLeft=\"auto\"\n          title={step.secondaryButtonTitle}\n          onClick={handleSecondary}\n        />\n        <Tooltip.Primary title={step.primaryButtonTitle} onClick={handlePrimary} />\n      </Flex.Row>\n    </Tooltip>\n  )\n}\n","import { Flow } from '@frigade/js'\n\nimport { useFlow } from '../../hooks/useFlow'\nimport { TooltipProps } from '../Tooltip'\nimport { TourStep } from './TourStep'\n\nexport interface TourProps extends TooltipProps {\n  flowId: string\n}\n\nexport function Tour({ flowId, ...props }: TourProps) {\n  const { flow } = useFlow(flowId)\n\n  if (flow == null || flow.isVisible === false) {\n    return null\n  }\n\n  flow.start()\n\n  const step = flow.getCurrentStep()\n  step?.start()\n\n  return <TourStep step={step} flow={flow} {...props} />\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frigade/react",
-  "version": "2.0.0-alpha.5",
+  "version": "2.0.0-alpha.6",
   "description": "Build better product onboarding, faster.",
   "type": "module",
   "main": "./dist/index.js",