@frigade/react 1.32.49 → 1.32.51

package/lib/index.mjs

@@ -1,5 +1,5 @@
 "use client";
-import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import{ThemeProvider as Da}from"styled-components";import gt,{useContext as Na,useEffect as wo,useState as Xo}from"react";import{useCallback as dt,useContext as il,useEffect as nl}from"react";import Lo,{useMemo as qs}from"react";var mr="1.32.49 ";var Fe="https://api.frigade.com/v1/public/",Ae="NOT_STARTED_STEP",Y="COMPLETED_FLOW",no="ABORTED_FLOW",pt="STARTED_FLOW",Le="NOT_STARTED_FLOW",Oe="COMPLETED_STEP",so="STARTED_STEP";function $e(){let{publicApiKey:e,userId:t}=Lo.useContext(G);return{config:qs(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":mr,"X-Frigade-SDK-Platform":"React"}}),[e,t])}}var Ks="frigade-last-call-at-",Ys="frigade-last-call-data-";function Tt(){let{shouldGracefullyDegrade:e}=Lo.useContext(G);return async(t,o)=>{if(e)return console.log(`Skipping ${t} call to Frigade due to error`),zt();let i=Ks+t,n=Ys+t;if(window&&window.localStorage&&o&&o.body&&o.method==="POST"){let s=window.localStorage.getItem(i),p=window.localStorage.getItem(n);if(s&&p&&p==o.body){let d=new Date(s);if(new Date().getTime()-d.getTime()<1e3)return zt()}window.localStorage.setItem(i,new Date().toISOString()),window.localStorage.setItem(n,o.body)}let r;try{r=await fetch(t,o)}catch(s){return zt(s)}return r?r.ok?r:zt(r.statusText):zt()}}function zt(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Ft(){let{publicApiKey:e,shouldGracefullyDegrade:t}=Lo.useContext(G);function o(){if(t){console.error("Frigade hooks cannot be used when Frigade SDK has failed to initialize");return}e||console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider")}return{verifySDKInitiated:o}}import{useContext as tl,useState as ur}from"react";import{useContext as Js,useEffect as Qs,useState as Zs}from"react";import Rs from"swr";import{useContext as Xs}from"react";function ve(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:i,completedFlowsToKeepOpenDuringSession:n}=Xs(G);function r(c,u=!1){return e[c]??u}function s(c,u){t(w=>({...w,[c]:u}))}function p(c){t(u=>{let{[c]:w,...T}=u;return{...T}})}function d(c){n.includes(c)||i(u=>[...u,c])}function a(c){return n.includes(c)}function f(){return Object.values(e).some(c=>c)||o}return{getOpenFlowState:r,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:f,setKeepCompletedFlowOpenDuringSession:d,shouldKeepCompletedFlowOpenDuringSession:a}}var el="unknown";function Ie(){let{config:e}=$e(),{publicApiKey:t,userId:o,flows:i,setShouldGracefullyDegrade:n}=Js(G),{resetOpenFlowState:r}=ve(),[s,p]=Zs(!1),d={data:i.map(y=>({flowId:y.id,flowState:Y,lastStepId:null,userId:o,foreignUserId:o,stepStates:{},shouldTrigger:!1}))},a=y=>fetch(y,e).then(C=>{if(C.ok)return C.json();throw new Error("Failed to fetch user flow states")}).catch(C=>(console.log(`Error fetching ${y}: ${C}. Will gracefully degrade and hide Frigade`),n(!0),d)),{data:f,isLoading:c,mutate:u,error:w}=Rs(t&&i&&o?`${Fe}userFlowStates?foreignUserId=${encodeURIComponent(o)}`:null,a,{revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>d,onLoadingSlow:()=>d}),T=f==null?void 0:f.data;Qs(()=>{!s&&!c&&T&&p(!0)},[T,s,c]);async function S(y){if(T){let C=T.find(m=>m.flowId===y);C&&C.flowState!==Y&&(C.flowState=Y),await u(Promise.resolve({...f,data:T}),{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1})}}async function x(y,C,m){if(T){let h=T.find(F=>F.flowId===y);h&&(h.stepStates[C]=m,h.flowState=pt),await u(Promise.resolve({...f,data:T}),{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1})}}async function E(y,C,m){if(T){let h=T.find(F=>F.flowId===y);h&&(h.lastStepId=C,h.stepStates[C]=m,h.flowState=pt),await u({...f,data:T},{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1})}}async function P(y){if(T){let C=T.find(m=>m.flowId===y);C&&C.flowState!==Le&&(C.flowState=Le,C.lastStepId=el,Object.keys(C.stepStates).forEach(m=>{C.stepStates[m].actionType=Ae,C.stepStates[m].createdAt=new Date().toISOString()}),await u({...f,data:T},{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1}),r(y))}}async function B(y,C){if(T){let m=T.find(h=>h.flowId===y);m&&m.stepStates[C]!==Ae&&(m.stepStates[C]=Ae),await u({...f,data:T},{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1})}}return{userFlowStatesData:T,isLoadingUserFlowStateData:!s,mutateUserFlowState:u,optimisticallyMarkFlowCompleted:S,optimisticallyMarkFlowNotStarted:P,optimisticallyMarkStepCompleted:x,optimisticallyMarkStepNotStarted:B,optimisticallyMarkStepStarted:E,error:w}}function Wt(){let{config:e}=$e(),{userFlowStatesData:t,mutateUserFlowState:o}=Ie(),{failedFlowResponses:i,setFailedFlowResponses:n,flowResponses:r,setFlowResponses:s}=tl(G),[p,d]=ur(new Set),[a,f]=ur(new Set),c=Tt();function u(S){let x=JSON.stringify(S);if(p.has(x))return null;p.add(x),d(p),a.add(S),f(a);let E=r==null?void 0:r.find(P=>P.flowSlug===S.flowSlug&&P.stepId===S.stepId&&P.actionType===S.actionType&&P.createdAt===S.createdAt);return c(`${Fe}flowResponses`,{...e,method:"POST",body:x}).then(P=>{P.status!==200&&P.status!==201?(console.log("Failed to send flow response for step "+S.stepId+". Will retry again later."),n([...i,S])):E||s(B=>[...B??[],S])})}async function w(S){S.foreignUserId&&(S.actionType===pt||S.actionType===Le?await u(S):S.actionType===Y?await u(S):S.actionType===so?await u(S):S.actionType===Oe?await u(S):S.actionType===no?await u(S):S.actionType===Ae&&await u(S))}function T(){let S=[];return t==null||t.forEach(x=>{if(x&&x.stepStates&&Object.keys(x.stepStates).length!==0)for(let E in x.stepStates){let P=x.stepStates[E];S.push({foreignUserId:x.foreignUserId,flowSlug:x.flowId,stepId:P.stepId,actionType:P.actionType,data:{},createdAt:new Date(P.createdAt),blocked:P.blocked,hidden:P.hidden})}}),[...S,...r]}return{addResponse:w,setFlowResponses:s,getFlowResponses:T}}import sl from"swr";var ol=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,fr=e=>{let t=ol.exec(e);if(t===null)return null;let o=null;return t.forEach((i,n)=>{let r=rl(i,"'","");r.startsWith("flow_")&&(o=r)}),o},rl=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function X(){let{config:e}=$e(),{flows:t,setFlows:o,userId:i,publicApiKey:n,customVariables:r,setCustomVariables:s,hasActiveFullPageFlow:p,setHasActiveFullPageFlow:d,setFlowResponses:a,setShouldGracefullyDegrade:f}=il(G),c={data:[]},{verifySDKInitiated:u}=Ft(),{addResponse:w,getFlowResponses:T}=Wt(),S=g=>fetch(g,e).then(b=>b.ok?b.json():(console.log(`Error fetching ${g} (${b.status}): ${b.statusText}. .Will gracefully degrade and hide Frigade`),f(!0),c)).catch(b=>(console.log(`Error fetching ${g}: ${b}. Will gracefully degrade and hide Frigade`),f(!0),c)),{userFlowStatesData:x,isLoadingUserFlowStateData:E,optimisticallyMarkFlowCompleted:P,optimisticallyMarkFlowNotStarted:B,optimisticallyMarkStepCompleted:y,optimisticallyMarkStepNotStarted:C,optimisticallyMarkStepStarted:m}=Ie(),{data:h,error:F,isLoading:L}=sl(n?`${Fe}flows`:null,S,{keepPreviousData:!0});nl(()=>{if(F){console.error(F);return}h&&h.data&&(h.data=o(h.data))},[h,F]);function U(g){if(L)return null;let b=t.find(v=>v.slug===g);return!b&&t.length>0&&!E&&!L?(console.log(`Flow with slug ${g} not found`),null):(b==null?void 0:b.active)===!1?null:b}function $(g){var H;if(!U(g))return[];let b=U(g).data;return b?(b=A(b),(((H=JSON.parse(b))==null?void 0:H.data)??[]).map(ce=>{let W=oe(ce);return{handleSecondaryButtonClick:()=>{ce.skippable===!0&&z(g,ce.id,{skipped:!0})},...ce,complete:I(g,ce.id)===Oe||W>=1,blocked:te(g,ce.id),hidden:xe(g,ce.id),handlePrimaryButtonClick:()=>{(!ce.completionCriteria&&(ce.autoMarkCompleted||ce.autoMarkCompleted===void 0)||ce.completionCriteria&&ce.autoMarkCompleted===!0)&&z(g,ce.id)},progress:W}}).filter(ce=>ce.hidden!==!0)):[]}function A(g){return g.replace(/\${(.*?)}/g,(b,v)=>r[v]!==void 0?String(r[v]):"")}function _(g){if(!U(g))return[];let b=U(g).data;return b?(b=A(b),JSON.parse(b)??{}):[]}function N(g,b){s(v=>({...v,[g]:b}))}function M(g){!E&&!L&&g&&JSON.stringify(r)!=JSON.stringify({...r,...g})&&Object.keys(g).forEach(b=>{N(b,g[b])})}let Z=dt(async(g,b,v)=>{u();let H={foreignUserId:i,flowSlug:g,stepId:b,actionType:so,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};ne(H)&&(await m(g,b,H),w(H))},[i,x]),R=dt(async(g,b,v)=>{u();let H={foreignUserId:i,flowSlug:g,stepId:b,actionType:Ae,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};ne(H)&&(await C(g,b),w(H))},[i,x]),z=dt(async(g,b,v)=>{u();let H={foreignUserId:i,flowSlug:g,stepId:b,actionType:Oe,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};ne(H)&&(await y(g,b,H),w(H))},[i,x]),Pe=dt(async(g,b)=>{if(u(),q(g)===Le)return;let v={foreignUserId:i,flowSlug:g,stepId:"unknown",actionType:Le,data:b??{},createdAt:new Date,blocked:!1,hidden:!1};await B(g),ne(v)&&w(v)},[i,x]),ge=dt(async(g,b)=>{u();let v={foreignUserId:i,flowSlug:g,stepId:"unknown",actionType:pt,data:b??{},createdAt:new Date,blocked:!1,hidden:!1};ne(v)&&w(v)},[i,x]),V=dt(async(g,b)=>{u();let v={foreignUserId:i,flowSlug:g,stepId:"unknown",actionType:Y,data:b??{},createdAt:new Date,blocked:!1,hidden:!1};ne(v)&&(await P(g),w(v))},[i,x]),re=dt(async(g,b)=>{u();let v={foreignUserId:i,flowSlug:g,stepId:"unknown",actionType:no,data:b??{},createdAt:new Date,blocked:!1,hidden:!1};ne(v)&&(await P(g),w(v))},[i,x]);function ne(g){var b;if(!x&&g.actionType===Ae)return!1;if(x){let v=x.find(H=>H.flowId===g.flowSlug);if(g.actionType===Ae&&(!(v!=null&&v.stepStates[g.stepId])||v.stepStates[g.stepId].actionType===Ae)||v&&((b=v.stepStates[g.stepId])==null?void 0:b.actionType)===g.actionType||v&&v.flowState===Y&&g.actionType===Y)return!1}return!0}function I(g,b){let v=Ce(g,b);return E?null:v?v.actionType:Ae}function te(g,b){let v=Ce(g,b);return v?v.blocked:!1}function xe(g,b){let v=Ce(g,b);return v?v.hidden:!1}function Ce(g,b){if(E)return null;let v=x==null?void 0:x.find(H=>H.flowId===g);return!v||!v.stepStates[b]?null:v.stepStates[b]??null}function j(g){var v;if(E||!x)return null;if(q(g)===Le)return $(g)[0]??null;let b=(v=x.find(H=>H.flowId===g))==null?void 0:v.lastStepId;return b?$(g).find(H=>H.id===b):null}function de(g){let b=j(g);if(!b)return 0;let v=$(g).findIndex(H=>H.id===b.id)??0;return I(g,b.id)===Oe&&v<$(g).length-1?v+1:v}function oe(g){if(!g.completionCriteria)return;let b=fr(g.completionCriteria);if(b===null)return;let v=je(b),H=Ge(b);return H===0?void 0:v/H}function q(g){let b=x==null?void 0:x.find(v=>v.flowId===g);return b?b.flowState:null}function je(g){let b=$(g);return b.length===0?0:b.filter(H=>I(g,H.id)===Oe).length}function Ge(g){return $(g).length}function K(g){return JSON.parse(t.find(b=>b.slug===g).data)}function Se(g){if(E)return!0;if(g!=null&&g.targetingLogic&&x){let b=x.find(v=>v.flowId===g.slug);if(b)return b.shouldTrigger===!1}return!!(g!=null&&g.targetingLogic&&i&&i.startsWith("guest_"))}function lt(g){return!Se(U(g))}return{getFlow:U,getFlowData:K,isLoading:E||L,getStepStatus:I,getFlowSteps:$,getCurrentStepIndex:de,markStepStarted:Z,markStepCompleted:z,markFlowNotStarted:Pe,markFlowStarted:ge,markFlowCompleted:V,markFlowAborted:re,markStepNotStarted:R,getFlowStatus:q,getNumberOfStepsCompleted:je,getNumberOfSteps:Ge,targetingLogicShouldHideFlow:Se,setCustomVariable:N,updateCustomVariables:M,customVariables:r,getStepOptionalProgress:oe,getFlowMetadata:_,isStepBlocked:te,isStepHidden:xe,hasActiveFullPageFlow:p,setHasActiveFullPageFlow:d,isFlowAvailableToUser:lt}}import{useCallback as gr,useContext as ll,useEffect as al}from"react";var kt="guest_";function Ht(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:i,shouldGracefullyDegrade:n}=ll(G),{config:r}=$e(),{mutateUserFlowState:s}=Ie(),p=Tt(),{verifySDKInitiated:d}=Ft();al(()=>{if(e&&!t){if(e.startsWith(kt))return;let c=`frigade-user-registered-${e}`;localStorage.getItem(c)||(p(`${Fe}users`,{...r,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(c,"true"))}},[e,n,t]);let a=gr(async c=>{d();let u={foreignId:e,properties:c};await p(`${Fe}users`,{...r,method:"POST",body:JSON.stringify(u)}),i(w=>({...w,...c})),s()},[e,r,n,s]),f=gr(async(c,u)=>{d();let T={foreignId:e,events:[{event:c,properties:u}]};await p(`${Fe}users`,{...r,method:"POST",body:JSON.stringify(T)}),s()},[e,r,s]);return{userId:e,setUserId:o,addPropertiesToUser:a,trackEventForUser:f}}import{v4 as La}from"uuid";import _e,{useEffect as Ea,useState as Ba}from"react";import De,{useEffect as gl}from"react";import ao from"styled-components";import pl from"react";import dl from"styled-components";var hr="fr-",Vt="cfr-";function l(e,t){let o=`${hr}${e}`;if(!t)return o;if(t.styleOverrides&&t.styleOverrides[e]){if(typeof t.styleOverrides[e]=="string")return o+" "+t.styleOverrides[e];if(typeof t.styleOverrides[e]=="object")return o+" "+Vt+e}return o}function k(e){if(!e.className||e.className.indexOf(Vt)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(hr)?"":`:not(${o.map(i=>`.${i}`).join(", ")})`}function Oo(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function ct(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Oo(t)}: ${e.styleOverrides[t]};`).join(" "):""}function ye(...e){return e.filter(Boolean).join(" ")}function xr(e){return e.charAt(0).toUpperCase()+e.slice(1)}var cl=dl.div`
+import gt,{createContext as Da,useEffect as Ro,useState as Ne}from"react";import{ThemeProvider as $a}from"styled-components";import ft,{useContext as La,useEffect as Fo,useState as Zo}from"react";import{useCallback as pt,useContext as nl,useEffect as sl}from"react";import Do,{useMemo as Ks}from"react";var gr="1.32.51 ";var Te="https://api.frigade.com/v1/public/",Ae="NOT_STARTED_STEP",Y="COMPLETED_FLOW",no="ABORTED_FLOW",at="STARTED_FLOW",Le="NOT_STARTED_FLOW",Oe="COMPLETED_STEP",so="STARTED_STEP";function Me(){let{publicApiKey:e,userId:t}=Do.useContext(q);return{config:Ks(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":gr,"X-Frigade-SDK-Platform":"React"}}),[e,t])}}var Ys="frigade-last-call-at-",Xs="frigade-last-call-data-";function Tt(){let{shouldGracefullyDegrade:e}=Do.useContext(q);return async(t,o)=>{if(e)return console.log(`Skipping ${t} call to Frigade due to error`),zt();let i=Ys+t,n=Xs+t;if(window&&window.localStorage&&o&&o.body&&o.method==="POST"){let s=window.localStorage.getItem(i),p=window.localStorage.getItem(n);if(s&&p&&p==o.body){let d=new Date(s);if(new Date().getTime()-d.getTime()<1e3)return zt()}window.localStorage.setItem(i,new Date().toISOString()),window.localStorage.setItem(n,o.body)}let r;try{r=await fetch(t,o)}catch(s){return zt(s)}return r?r.ok?r:zt(r.statusText):zt()}}function zt(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Ft(){let{publicApiKey:e,shouldGracefullyDegrade:t}=Do.useContext(q);function o(){if(t){console.error("Frigade hooks cannot be used when Frigade SDK has failed to initialize");return}e||console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider")}return{verifySDKInitiated:o}}import{useContext as ol,useState as hr}from"react";import{useContext as Qs,useEffect as Zs,useState as Rs}from"react";import el from"swr";import{useContext as Js}from"react";function Pe(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:i,completedFlowsToKeepOpenDuringSession:n}=Js(q);function r(c,u=!1){return e[c]??u}function s(c,u){t(w=>({...w,[c]:u}))}function p(c){t(u=>{let{[c]:w,...T}=u;return{...T}})}function d(c){n.includes(c)||i(u=>[...u,c])}function a(c){return n.includes(c)}function f(){return Object.values(e).some(c=>c)||o}return{getOpenFlowState:r,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:f,setKeepCompletedFlowOpenDuringSession:d,shouldKeepCompletedFlowOpenDuringSession:a}}var tl="unknown";function Ie(){let{config:e}=Me(),{publicApiKey:t,userId:o,flows:i,setShouldGracefullyDegrade:n}=Qs(q),{resetOpenFlowState:r}=Pe(),[s,p]=Rs(!1),d={data:i.map(y=>({flowId:y.id,flowState:Y,lastStepId:null,userId:o,foreignUserId:o,stepStates:{},shouldTrigger:!1}))},a=y=>fetch(y,e).then(h=>{if(h.ok)return h.json();throw new Error("Failed to fetch user flow states")}).catch(h=>(console.log(`Error fetching ${y}: ${h}. Will gracefully degrade and hide Frigade`),n(!0),d)),{data:f,isLoading:c,mutate:u,error:w}=el(t&&i&&o?`${Te}userFlowStates?foreignUserId=${encodeURIComponent(o)}`:null,a,{revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>d,onLoadingSlow:()=>d}),T=f==null?void 0:f.data;Zs(()=>{!s&&!c&&T&&p(!0)},[T,s,c]);async function S(y){if(T){let h=T.find(m=>m.flowId===y);h&&h.flowState!==Y&&(h.flowState=Y),await u(Promise.resolve({...f,data:T}),{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1})}}async function C(y,h,m){if(T){let x=T.find(F=>F.flowId===y);x&&(x.stepStates[h]=m,x.flowState=at),await u(Promise.resolve({...f,data:T}),{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1})}}async function P(y,h,m){if(T){let x=T.find(F=>F.flowId===y);x&&(x.lastStepId=h,x.stepStates[h]=m,x.flowState=at),await u({...f,data:T},{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1})}}async function v(y){if(T){let h=T.find(m=>m.flowId===y);h&&h.flowState!==Le&&(h.flowState=Le,h.lastStepId=tl,Object.keys(h.stepStates).forEach(m=>{h.stepStates[m].actionType=Ae,h.stepStates[m].createdAt=new Date().toISOString()}),await u({...f,data:T},{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1}),r(y))}}async function B(y,h){if(T){let m=T.find(x=>x.flowId===y);m&&m.stepStates[h]!==Ae&&(m.stepStates[h]=Ae),await u({...f,data:T},{optimisticData:{...f,data:T},revalidate:!1,rollbackOnError:!1})}}return{userFlowStatesData:T,isLoadingUserFlowStateData:!s,mutateUserFlowState:u,optimisticallyMarkFlowCompleted:S,optimisticallyMarkFlowNotStarted:v,optimisticallyMarkStepCompleted:C,optimisticallyMarkStepNotStarted:B,optimisticallyMarkStepStarted:P,error:w}}function Wt(){let{config:e}=Me(),{userFlowStatesData:t,mutateUserFlowState:o}=Ie(),{failedFlowResponses:i,setFailedFlowResponses:n,flowResponses:r,setFlowResponses:s}=ol(q),[p,d]=hr(new Set),[a,f]=hr(new Set),c=Tt();function u(S){let C=JSON.stringify(S);if(p.has(C))return null;p.add(C),d(p),a.add(S),f(a);let P=r==null?void 0:r.find(v=>v.flowSlug===S.flowSlug&&v.stepId===S.stepId&&v.actionType===S.actionType&&v.createdAt===S.createdAt);return c(`${Te}flowResponses`,{...e,method:"POST",body:C}).then(v=>{v.status!==200&&v.status!==201?(console.log("Failed to send flow response for step "+S.stepId+". Will retry again later."),n([...i,S])):P||s(B=>[...B??[],S])})}async function w(S){S.foreignUserId&&(S.actionType===at||S.actionType===Le?await u(S):S.actionType===Y?await u(S):S.actionType===so?await u(S):S.actionType===Oe?await u(S):S.actionType===no?await u(S):S.actionType===Ae&&await u(S))}function T(){let S=[];return t==null||t.forEach(C=>{if(C&&C.stepStates&&Object.keys(C.stepStates).length!==0)for(let P in C.stepStates){let v=C.stepStates[P];S.push({foreignUserId:C.foreignUserId,flowSlug:C.flowId,stepId:v.stepId,actionType:v.actionType,data:{},createdAt:new Date(v.createdAt),blocked:v.blocked,hidden:v.hidden})}}),[...S,...r]}return{addResponse:w,setFlowResponses:s,getFlowResponses:T}}import ll from"swr";var rl=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,xr=e=>{let t=rl.exec(e);if(t===null)return null;let o=null;return t.forEach((i,n)=>{let r=il(i,"'","");r.startsWith("flow_")&&(o=r)}),o},il=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function X(){let{config:e}=Me(),{flows:t,setFlows:o,userId:i,publicApiKey:n,customVariables:r,setCustomVariables:s,hasActiveFullPageFlow:p,setHasActiveFullPageFlow:d,setFlowResponses:a,setShouldGracefullyDegrade:f}=nl(q),c={data:[]},{verifySDKInitiated:u}=Ft(),{addResponse:w,getFlowResponses:T}=Wt(),S=g=>fetch(g,e).then(b=>b.ok?b.json():(console.log(`Error fetching ${g} (${b.status}): ${b.statusText}. .Will gracefully degrade and hide Frigade`),f(!0),c)).catch(b=>(console.log(`Error fetching ${g}: ${b}. Will gracefully degrade and hide Frigade`),f(!0),c)),{userFlowStatesData:C,isLoadingUserFlowStateData:P,optimisticallyMarkFlowCompleted:v,optimisticallyMarkFlowNotStarted:B,optimisticallyMarkStepCompleted:y,optimisticallyMarkStepNotStarted:h,optimisticallyMarkStepStarted:m}=Ie(),{data:x,error:F,isLoading:D}=ll(n?`${Te}flows`:null,S,{keepPreviousData:!0});sl(()=>{if(F){console.error(F);return}x&&x.data&&(x.data=o(x.data))},[x,F]);function _(g){if(D)return null;let b=t.find(E=>E.slug===g);return!b&&t.length>0&&!P&&!D?(console.log(`Flow with slug ${g} not found`),null):(b==null?void 0:b.active)===!1?null:b}function z(g){var V;if(!_(g))return[];let b=_(g).data;return b?(b=A(b),(((V=JSON.parse(b))==null?void 0:V.data)??[]).map(de=>{let W=R(de);return{handleSecondaryButtonClick:()=>{de.skippable===!0&&O(g,de.id,{skipped:!0})},...de,complete:I(g,de.id)===Oe||W>=1,blocked:ne(g,de.id),hidden:fe(g,de.id),handlePrimaryButtonClick:()=>{(!de.completionCriteria&&(de.autoMarkCompleted||de.autoMarkCompleted===void 0)||de.completionCriteria&&de.autoMarkCompleted===!0)&&O(g,de.id)},progress:W}}).filter(de=>de.hidden!==!0)):[]}function A(g){return g.replace(/\${(.*?)}/g,(b,E)=>r[E]!==void 0?String(r[E]):"")}function U(g){if(!_(g))return[];let b=_(g).data;return b?(b=A(b),JSON.parse(b)??{}):[]}function $(g,b){s(E=>({...E,[g]:b}))}function L(g){!P&&!D&&g&&JSON.stringify(r)!=JSON.stringify({...r,...g})&&Object.keys(g).forEach(b=>{$(b,g[b])})}let ie=pt(async(g,b,E)=>{u();let V={foreignUserId:i,flowSlug:g,stepId:b,actionType:so,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};oe(V)&&(await m(g,b,V),w(V))},[i,C]),pe=pt(async(g,b,E)=>{u();let V={foreignUserId:i,flowSlug:g,stepId:b,actionType:Ae,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};oe(V)&&(await h(g,b),w(V))},[i,C]),O=pt(async(g,b,E)=>{u();let V={foreignUserId:i,flowSlug:g,stepId:b,actionType:Oe,data:E??{},createdAt:new Date,blocked:!1,hidden:!1};oe(V)&&(await y(g,b,V),w(V))},[i,C]),we=pt(async(g,b)=>{if(u(),K(g)===Le)return;let E={foreignUserId:i,flowSlug:g,stepId:"unknown",actionType:Le,data:b??{},createdAt:new Date,blocked:!1,hidden:!1};await B(g),oe(E)&&w(E)},[i,C]),xe=pt(async(g,b)=>{u();let E={foreignUserId:i,flowSlug:g,stepId:"unknown",actionType:at,data:b??{},createdAt:new Date,blocked:!1,hidden:!1};oe(E)&&w(E)},[i,C]),ee=pt(async(g,b)=>{u();let E={foreignUserId:i,flowSlug:g,stepId:"unknown",actionType:Y,data:b??{},createdAt:new Date,blocked:!1,hidden:!1};oe(E)&&(await v(g),w(E))},[i,C]),j=pt(async(g,b)=>{u();let E={foreignUserId:i,flowSlug:g,stepId:"unknown",actionType:no,data:b??{},createdAt:new Date,blocked:!1,hidden:!1};oe(E)&&(await v(g),w(E))},[i,C]);function oe(g){var b;if(!C&&g.actionType===Ae)return!1;if(C){let E=C.find(V=>V.flowId===g.flowSlug);if(g.actionType===Ae&&(!(E!=null&&E.stepStates[g.stepId])||E.stepStates[g.stepId].actionType===Ae)||E&&((b=E.stepStates[g.stepId])==null?void 0:b.actionType)===g.actionType||E&&E.flowState===Y&&g.actionType===Y)return!1}return!0}function I(g,b){let E=ke(g,b);return P?null:E?E.actionType:Ae}function ne(g,b){let E=ke(g,b);return E?E.blocked:!1}function fe(g,b){let E=ke(g,b);return E?E.hidden:!1}function ke(g,b){if(P)return null;let E=C==null?void 0:C.find(V=>V.flowId===g);return!E||!E.stepStates[b]?null:E.stepStates[b]??null}function G(g){var E;if(P||!C)return null;if(K(g)===Le)return z(g)[0]??null;let b=(E=C.find(V=>V.flowId===g))==null?void 0:E.lastStepId;return b?z(g).find(V=>V.id===b):null}function ge(g){let b=G(g);if(!b)return 0;let E=z(g).findIndex(V=>V.id===b.id)??0;return I(g,b.id)===Oe&&E<z(g).length-1?E+1:E}function R(g){if(!g.completionCriteria)return;let b=xr(g.completionCriteria);if(b===null)return;let E=je(b),V=Ge(b);return V===0?void 0:E/V}function K(g){let b=C==null?void 0:C.find(E=>E.flowId===g);return b?b.flowState:null}function je(g){let b=z(g);return b.length===0?0:b.filter(V=>I(g,V.id)===Oe).length}function Ge(g){return z(g).length}function wt(g){return JSON.parse(t.find(b=>b.slug===g).data)}function H(g){if(P)return!0;if(g!=null&&g.targetingLogic&&C){let b=C.find(E=>E.flowId===g.slug);if(b)return b.shouldTrigger===!1}return!!(g!=null&&g.targetingLogic&&i&&i.startsWith("guest_"))}function Be(g){return!H(_(g))}return{getFlow:_,getFlowData:wt,isLoading:P||D,getStepStatus:I,getFlowSteps:z,getCurrentStepIndex:ge,markStepStarted:ie,markStepCompleted:O,markFlowNotStarted:we,markFlowStarted:xe,markFlowCompleted:ee,markFlowAborted:j,markStepNotStarted:pe,getFlowStatus:K,getNumberOfStepsCompleted:je,getNumberOfSteps:Ge,targetingLogicShouldHideFlow:H,setCustomVariable:$,updateCustomVariables:L,customVariables:r,getStepOptionalProgress:R,getFlowMetadata:U,isStepBlocked:ne,isStepHidden:fe,hasActiveFullPageFlow:p,setHasActiveFullPageFlow:d,isFlowAvailableToUser:Be}}import{useCallback as Cr,useContext as al,useEffect as pl}from"react";var kt="guest_";function Ht(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:i,shouldGracefullyDegrade:n}=al(q),{config:r}=Me(),{mutateUserFlowState:s}=Ie(),p=Tt(),{verifySDKInitiated:d}=Ft();pl(()=>{if(e&&!t){if(e.startsWith(kt))return;let c=`frigade-user-registered-${e}`;localStorage.getItem(c)||(p(`${Te}users`,{...r,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(c,"true"))}},[e,n,t]);let a=Cr(async c=>{d();let u={foreignId:e,properties:c};await p(`${Te}users`,{...r,method:"POST",body:JSON.stringify(u)}),i(w=>({...w,...c})),s()},[e,r,n,s]),f=Cr(async(c,u)=>{d();let T={foreignId:e,events:[{event:c,properties:u}]};await p(`${Te}users`,{...r,method:"POST",body:JSON.stringify(T)}),s()},[e,r,s]);return{userId:e,setUserId:o,addPropertiesToUser:a,trackEventForUser:f}}import{v4 as Oa}from"uuid";import _e,{useEffect as Ba,useState as Aa}from"react";import De,{useEffect as hl}from"react";import co from"styled-components";import dl from"react";import cl from"styled-components";var Sr="fr-",Vt="cfr-";function l(e,t){let o=`${Sr}${e}`;if(!t)return o;if(t.styleOverrides&&t.styleOverrides[e]){if(typeof t.styleOverrides[e]=="string")return o+" "+t.styleOverrides[e];if(typeof t.styleOverrides[e]=="object")return o+" "+Vt+e}return o}function k(e){if(!e.className||e.className.indexOf(Vt)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(Sr)?"":`:not(${o.map(i=>`.${i}`).join(", ")})`}function $o(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function dt(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${$o(t)}: ${e.styleOverrides[t]};`).join(" "):""}function Ce(...e){return e.filter(Boolean).join(" ")}function yr(e){return e.charAt(0).toUpperCase()+e.slice(1)}var ml=cl.div`
   display: flex;
   justify-content: center;
   position: fixed;
@@ -23,11 +23,77 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
       opacity: 1;
     }
   }
-`,Cr=({onClose:e,appearance:t})=>pl.createElement(cl,{className:l("modalBackground",t),onClick:()=>e()});import lo from"react";import ml from"styled-components";var ul=ml.div`
+`,br=({onClose:e,appearance:t})=>dl.createElement(ml,{className:l("modalBackground",t),onClick:()=>e()});import lo from"react";import ul from"styled-components";var fl=ul.div`
   :hover {
     opacity: 0.8;
   }
-`,Ee=()=>lo.createElement(ul,null,lo.createElement("svg",{width:"12",height:"12",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},lo.createElement("rect",{y:"1.39844",width:"1.97669",height:"17.8213",rx:"0.988346",transform:"rotate(-45 0 1.39844)",fill:"currentColor"}),lo.createElement("rect",{x:"12.6023",width:"1.97669",height:"17.8213",rx:"0.988346",transform:"rotate(45 12.6023 0)",fill:"currentColor"})));import{Portal as hl}from"react-portal";import Tr from"react";import Do from"react";function fl({style:e,className:t}){return Do.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"54",height:"14",fill:"none",viewBox:"0 0 54 14",style:e,className:t},Do.createElement("path",{fill:"currentColor",d:"M16.293 3.476v1.036h1.593v1.256h-1.593v5.098h-1.41V5.768H14V4.512h.883V3.244c0-.67.294-1.744 1.777-1.744.515 0 .969.049 1.361.146l-.233 1.232a5.939 5.939 0 00-.833-.073c-.442 0-.662.22-.662.67zm6.534.975V5.83c-.846 0-1.63.159-2.342.476v4.56h-1.41V4.513h1.263l.086.61c.846-.451 1.655-.67 2.403-.67zm2.505-.951c-.331.33-.944.33-1.287 0a.93.93 0 01-.246-.659c0-.268.086-.487.246-.646.343-.33.956-.33 1.287 0 .343.33.343.964 0 1.305zm.061 7.366h-1.41V4.512h1.41v6.354zm6.928-5.756c.246.146.368.402.368.756v4.976c0 1.804-.858 2.658-2.672 2.658-.92 0-1.753-.146-2.514-.439l.417-1.073c.674.22 1.336.33 1.974.33.98 0 1.385-.379 1.385-1.403v-.171c-.588.134-1.09.207-1.52.207-.907 0-1.655-.305-2.231-.902-.576-.598-.87-1.39-.87-2.354 0-.963.294-1.756.87-2.354.576-.61 1.324-.914 2.231-.914 1.005 0 1.864.232 2.562.683zm-2.488 4.634a5.15 5.15 0 001.446-.22V5.951a3.695 3.695 0 00-1.446-.292c-1.08 0-1.778.841-1.778 2.048 0 1.22.699 2.037 1.778 2.037zm7.34-5.317c1.52 0 2.28.878 2.28 2.634v3.805h-1.275l-.073-.524c-.601.414-1.288.621-2.084.621-1.263 0-2.06-.658-2.06-1.731 0-1.269 1.25-2.025 3.408-2.025.135 0 .503.013.662.013v-.171c0-1.012-.343-1.451-1.115-1.451-.675 0-1.435.158-2.256.475l-.466-1.012c1.017-.427 2.01-.634 2.979-.634zm-1.839 4.756c0 .427.343.695 1.017.695.528 0 1.251-.22 1.68-.512V8.22h-.441c-1.508 0-2.256.317-2.256.963zm9.953-4.549v-2.83h1.41v7.72c0 .354-.123.598-.368.757-.71.45-1.57.67-2.562.67-.907 0-1.655-.305-2.231-.902-.577-.61-.87-1.39-.87-2.354 0-.963.293-1.756.87-2.354.576-.61 1.324-.914 2.23-.914.43 0 .933.073 1.521.207zM43.84 9.72c.503 0 .981-.098 1.447-.293V5.854a5.15 5.15 0 00-1.447-.22c-1.078 0-1.777.817-1.777 2.037s.699 2.049 1.777 2.049zM54 7.866v.439h-4.573c.184.963.858 1.512 1.827 1.512.613 0 1.275-.146 1.986-.451l.466 1.024c-.87.378-1.729.573-2.575.573-.931 0-1.692-.304-2.268-.902-.576-.61-.87-1.402-.87-2.366 0-.975.294-1.768.87-2.366.576-.597 1.324-.902 2.244-.902.968 0 1.691.33 2.17.975.478.647.723 1.464.723 2.464zm-4.61-.586h3.298c-.086-1.073-.613-1.731-1.581-1.731-.969 0-1.582.695-1.717 1.731z"}),Do.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M1.196 1.229A4.009 4.009 0 014.08 0l4.092.027C9.183.027 10 .867 10 1.904c0 .6-.273 1.133-.7 1.478-.31.25-.7.399-1.126.4h-.001l-4.09-.027h-.002a4.804 4.804 0 00-2.614.77A4.986 4.986 0 000 5.974v-1.78C0 3.036.456 1.988 1.196 1.23zm4.525 4.65a4.282 4.282 0 00-1.184 2.513l3.637.023c.131 0 .259-.015.382-.042h.002c.81-.178 1.42-.908 1.44-1.788v-.046a1.9 1.9 0 00-.533-1.328 1.813 1.813 0 00-.908-.508h-.002l-.002-.001a1.68 1.68 0 00-.366-.042A4.084 4.084 0 005.72 5.88zm-4.525-.016A4.235 4.235 0 000 8.829C0 10.997 1.601 12.78 3.654 13V9.265h-.005l.005-.439v-.437h.023a5.175 5.175 0 011.439-3.13 5.05 5.05 0 01.72-.614l-1.754-.011H4.08c-.787 0-1.521.229-2.144.625a4.11 4.11 0 00-.74.603z",clipRule:"evenodd"}))}var Sr=fl;import yr from"styled-components";var br=yr.div`
+`,ve=()=>lo.createElement(fl,null,lo.createElement("svg",{width:"12",height:"12",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},lo.createElement("rect",{y:"1.39844",width:"1.97669",height:"17.8213",rx:"0.988346",transform:"rotate(-45 0 1.39844)",fill:"currentColor"}),lo.createElement("rect",{x:"12.6023",width:"1.97669",height:"17.8213",rx:"0.988346",transform:"rotate(45 12.6023 0)",fill:"currentColor"})));import{Portal as xl}from"react-portal";import Lr from"react";import Mo from"react";function gl({style:e,className:t}){return Mo.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"54",height:"14",fill:"none",viewBox:"0 0 54 14",style:e,className:t},Mo.createElement("path",{fill:"currentColor",d:"M16.293 3.476v1.036h1.593v1.256h-1.593v5.098h-1.41V5.768H14V4.512h.883V3.244c0-.67.294-1.744 1.777-1.744.515 0 .969.049 1.361.146l-.233 1.232a5.939 5.939 0 00-.833-.073c-.442 0-.662.22-.662.67zm6.534.975V5.83c-.846 0-1.63.159-2.342.476v4.56h-1.41V4.513h1.263l.086.61c.846-.451 1.655-.67 2.403-.67zm2.505-.951c-.331.33-.944.33-1.287 0a.93.93 0 01-.246-.659c0-.268.086-.487.246-.646.343-.33.956-.33 1.287 0 .343.33.343.964 0 1.305zm.061 7.366h-1.41V4.512h1.41v6.354zm6.928-5.756c.246.146.368.402.368.756v4.976c0 1.804-.858 2.658-2.672 2.658-.92 0-1.753-.146-2.514-.439l.417-1.073c.674.22 1.336.33 1.974.33.98 0 1.385-.379 1.385-1.403v-.171c-.588.134-1.09.207-1.52.207-.907 0-1.655-.305-2.231-.902-.576-.598-.87-1.39-.87-2.354 0-.963.294-1.756.87-2.354.576-.61 1.324-.914 2.231-.914 1.005 0 1.864.232 2.562.683zm-2.488 4.634a5.15 5.15 0 001.446-.22V5.951a3.695 3.695 0 00-1.446-.292c-1.08 0-1.778.841-1.778 2.048 0 1.22.699 2.037 1.778 2.037zm7.34-5.317c1.52 0 2.28.878 2.28 2.634v3.805h-1.275l-.073-.524c-.601.414-1.288.621-2.084.621-1.263 0-2.06-.658-2.06-1.731 0-1.269 1.25-2.025 3.408-2.025.135 0 .503.013.662.013v-.171c0-1.012-.343-1.451-1.115-1.451-.675 0-1.435.158-2.256.475l-.466-1.012c1.017-.427 2.01-.634 2.979-.634zm-1.839 4.756c0 .427.343.695 1.017.695.528 0 1.251-.22 1.68-.512V8.22h-.441c-1.508 0-2.256.317-2.256.963zm9.953-4.549v-2.83h1.41v7.72c0 .354-.123.598-.368.757-.71.45-1.57.67-2.562.67-.907 0-1.655-.305-2.231-.902-.577-.61-.87-1.39-.87-2.354 0-.963.293-1.756.87-2.354.576-.61 1.324-.914 2.23-.914.43 0 .933.073 1.521.207zM43.84 9.72c.503 0 .981-.098 1.447-.293V5.854a5.15 5.15 0 00-1.447-.22c-1.078 0-1.777.817-1.777 2.037s.699 2.049 1.777 2.049zM54 7.866v.439h-4.573c.184.963.858 1.512 1.827 1.512.613 0 1.275-.146 1.986-.451l.466 1.024c-.87.378-1.729.573-2.575.573-.931 0-1.692-.304-2.268-.902-.576-.61-.87-1.402-.87-2.366 0-.975.294-1.768.87-2.366.576-.597 1.324-.902 2.244-.902.968 0 1.691.33 2.17.975.478.647.723 1.464.723 2.464zm-4.61-.586h3.298c-.086-1.073-.613-1.731-1.581-1.731-.969 0-1.582.695-1.717 1.731z"}),Mo.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M1.196 1.229A4.009 4.009 0 014.08 0l4.092.027C9.183.027 10 .867 10 1.904c0 .6-.273 1.133-.7 1.478-.31.25-.7.399-1.126.4h-.001l-4.09-.027h-.002a4.804 4.804 0 00-2.614.77A4.986 4.986 0 000 5.974v-1.78C0 3.036.456 1.988 1.196 1.23zm4.525 4.65a4.282 4.282 0 00-1.184 2.513l3.637.023c.131 0 .259-.015.382-.042h.002c.81-.178 1.42-.908 1.44-1.788v-.046a1.9 1.9 0 00-.533-1.328 1.813 1.813 0 00-.908-.508h-.002l-.002-.001a1.68 1.68 0 00-.366-.042A4.084 4.084 0 005.72 5.88zm-4.525-.016A4.235 4.235 0 000 8.829C0 10.997 1.601 12.78 3.654 13V9.265h-.005l.005-.439v-.437h.023a5.175 5.175 0 011.439-3.13 5.05 5.05 0 01.72-.614l-1.754-.011H4.08c-.787 0-1.521.229-2.144.625a4.11 4.11 0 00-.74.603z",clipRule:"evenodd"}))}var wr=gl;import Uo from"styled-components";import Re from"styled-components";var ao=Re.div`
+  ${e=>k(e)} {
+    background: ${e=>e.appearance.theme.colorBackground};
+  }
+
+  box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
+  border-radius: ${e=>e.appearance.theme.borderRadius}px;
+  max-width: ${e=>e.maxWidth}px;
+  min-width: 300px;
+  padding: 22px 22px 12px;
+  z-index: ${e=>e.zIndex};
+`,Tr=Re.div`
+  display: block;
+  cursor: pointer;
+  position: absolute;
+  top: 25px;
+  right: 22px;
+`,Fr=Re.img`
+  ${e=>k(e)} {
+    display: block;
+    width: 100%;
+    height: auto;
+    min-height: 200px;
+    margin-top: ${e=>e.dismissible?"24px":"0px"};
+    margin-bottom: 16px;
+  }
+`,kr=Re.div`
+  ${e=>k(e)} {
+    display: block;
+    width: 100%;
+    height: auto;
+    min-height: 200px;
+    margin-top: ${e=>e.dismissible?"24px":"0px"};
+    margin-bottom: 16px;
+  }
+`,Pr=Re.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-content: center;
+`,vr=Re.div`
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  justify-content: center;
+`,Er=Re.div`
+  display: flex;
+  flex: 2;
+  flex-shrink: 1;
+  gap: 8px;
+  height: 64px;
+  ${e=>k(e)} {
+    flex-direction: row;
+    justify-content: ${e=>e.showStepCount?"flex-end":"flex-start"};
+    align-content: center;
+    align-items: center;
+  }
+`,Br=Re.p`
+  ${e=>k(e)} {
+    font-style: normal;
+    font-weight: 600;
+    font-size: 15px;
+    line-height: 22px;
+    color: #808080;
+  }
+  margin: 0;
+`;var Ar=Uo.div`
   background-color: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.colorBackground}};
   position: absolute;
   bottom: -47px;
@@ -38,7 +104,20 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
   align-items: center;
   justify-content: center;
   border-radius: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.borderRadius}}px;
-`,wr=yr.div`
+`,Ir=Uo(ao)`
+  background-color: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.colorBackground}};
+  position: absolute;
+  bottom: -60px;
+  left: 0;
+  width: 100%;
+  height: 40px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.borderRadius}}px;
+  padding: 0;
+  z-index: ${e=>e.zIndex};
+`,Nr=Uo.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -47,7 +126,7 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
   font-size: 12px;
   line-height: 18px;
   color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
-`;function Fr({appearance:e}){return Tr.createElement(wr,{className:l("poweredByFrigadeContainer",e),appearance:e},"Powered by \xA0",Tr.createElement(Sr,null))}var xl=ao.div`
+`;function po({appearance:e}){return Lr.createElement(Nr,{className:l("poweredByFrigadeContainer",e),appearance:e},"Powered by \xA0",Lr.createElement(wr,null))}var Cl=co.div`
   ${e=>k(e)} {
     // Anything inside this block will be ignored if the user provides a custom class
     background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
@@ -62,7 +141,7 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
     width: ${e=>e.width??"1000px"};
     z-index: 1500;
     border-radius: ${e=>{var t,o;return((o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.borderRadius)??8}}px;
-    ${e=>ct(e)}
+    ${e=>dt(e)}
   }
 
   padding: 32px;
@@ -89,10 +168,10 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
       opacity: 1;
     }
   }
-`,Cl=ao.div`
+`,Sl=co.div`
   position: relative;
   flex: 0 1 auto;
-`,Sl=ao.div`
+`,yl=co.div`
   position: absolute;
   top: 24px;
   right: 24px;
@@ -102,14 +181,14 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
     // Anything inside this block will be ignored if the user provides a custom class
     color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
   }
-`,yl=ao.div`
+`,bl=co.div`
   overflow: scroll;
   flex: 1 1;
   display: flex;
   ::-webkit-scrollbar {
     display: none;
   }
-`,Re=({onClose:e,visible:t,headerContent:o=null,style:i=null,children:n,appearance:r,dismissible:s=!0,showFrigadeBranding:p=!1})=>(gl(()=>{let d=a=>{a.key==="Escape"&&e()};return document.addEventListener("keydown",d),t?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset",document.removeEventListener("keydown",d)}},[e,t]),t?De.createElement(hl,null,De.createElement(Cr,{appearance:r,onClose:()=>{s&&e()}}),De.createElement(xl,{appearance:r,className:l("modalContainer",r),styleOverrides:i},s&&De.createElement(Sl,{className:l("modalClose",r),onClick:()=>e(),appearance:r},De.createElement(Ee,null)),o&&De.createElement(Cl,null,o),De.createElement(yl,null,n),p&&De.createElement(br,{appearance:r,className:l("poweredByFrigadeRibbon",r)},De.createElement(Fr,{appearance:r})))):De.createElement(De.Fragment,null));import et,{useEffect as bl}from"react";import po from"styled-components";import{Portal as wl}from"react-portal";var Tl=po.div`
+`,et=({onClose:e,visible:t,headerContent:o=null,style:i=null,children:n,appearance:r,dismissible:s=!0,showFrigadeBranding:p=!1})=>(hl(()=>{let d=a=>{a.key==="Escape"&&e()};return document.addEventListener("keydown",d),t?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset",document.removeEventListener("keydown",d)}},[e,t]),t?De.createElement(xl,null,De.createElement(br,{appearance:r,onClose:()=>{s&&e()}}),De.createElement(Cl,{appearance:r,className:l("modalContainer",r),styleOverrides:i},s&&De.createElement(yl,{className:l("modalClose",r),onClick:()=>e(),appearance:r},De.createElement(ve,null)),o&&De.createElement(Sl,null,o),De.createElement(bl,null,n),p&&De.createElement(Ar,{appearance:r,className:l("poweredByFrigadeRibbon",r)},De.createElement(po,{appearance:r})))):De.createElement(De.Fragment,null));import tt,{useEffect as wl}from"react";import mo from"styled-components";import{Portal as Tl}from"react-portal";var Fl=mo.div`
   ${e=>k(e)} {
     // Anything inside this block will be ignored if the user provides a custom class
     background: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
@@ -127,10 +206,10 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
   bottom: 0;
   margin-right: 28px;
   margin-bottom: 28px;
-`,Fl=po.div`
+`,kl=mo.div`
   position: relative;
   flex: 1;
-`,kl=po.div`
+`,Pl=mo.div`
   position: absolute;
   top: 24px;
   right: 24px;
@@ -140,13 +219,13 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
     // Anything inside this block will be ignored if the user provides a custom class
     color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
   }
-`,Pl=po.div`
+`,vl=mo.div`
   overflow: scroll;
   flex: 5;
   ::-webkit-scrollbar {
     display: none;
   }
-`,kr=({onClose:e,visible:t,headerContent:o=null,children:i,appearance:n})=>(bl(()=>{let r=s=>{s.key==="Escape"&&e()};return document.addEventListener("keydown",r),t?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset",document.removeEventListener("keydown",r)}},[e,t]),t?et.createElement(wl,null,et.createElement(Tl,{appearance:n,className:l("cornerModalContainer",n)},et.createElement(kl,{className:l("cornerModalClose",n),onClick:()=>e()},et.createElement(Ee,null)),o&&et.createElement(Fl,null,o),et.createElement(Pl,null,i))):et.createElement(et.Fragment,null));import{useContext as vl}from"react";function J(){let{defaultAppearance:e}=vl(G);function t(o){let i=JSON.parse(JSON.stringify(e));return o?{styleOverrides:Object.assign(i.styleOverrides??{},o.styleOverrides??{}),theme:Object.assign(i.theme,o.theme??{})}:i}return{mergeAppearanceWithDefault:t}}import jt,{useEffect as Ul,useState as Wo}from"react";import Ho from"styled-components";import uo,{useEffect as El,useState as Ir}from"react";import Uo from"styled-components";import co from"styled-components";var Pr=co.label`
+`,Or=({onClose:e,visible:t,headerContent:o=null,children:i,appearance:n})=>(wl(()=>{let r=s=>{s.key==="Escape"&&e()};return document.addEventListener("keydown",r),t?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset",document.removeEventListener("keydown",r)}},[e,t]),t?tt.createElement(Tl,null,tt.createElement(Fl,{appearance:n,className:l("cornerModalContainer",n)},tt.createElement(Pl,{className:l("cornerModalClose",n),onClick:()=>e()},tt.createElement(ve,null)),o&&tt.createElement(kl,null,o),tt.createElement(vl,null,i))):tt.createElement(tt.Fragment,null));import{useContext as El}from"react";function J(){let{defaultAppearance:e}=El(q);function t(o){let i=JSON.parse(JSON.stringify(e));return o?{styleOverrides:Object.assign(i.styleOverrides??{},o.styleOverrides??{}),theme:Object.assign(i.theme,o.theme??{})}:i}return{mergeAppearanceWithDefault:t}}import jt,{useEffect as _l,useState as jo}from"react";import Go from"styled-components";import go,{useEffect as Bl,useState as zr}from"react";import Wo from"styled-components";import uo from"styled-components";var Dr=uo.label`
   ${e=>k(e)} {
     font-size: 14px;
     line-height: 20px;
@@ -154,14 +233,14 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
     margin-top: 10px;
   }
   display: flex;
-`,vr=co.label`
+`,$r=uo.label`
   ${e=>k(e)} {
     font-size: 12px;
     line-height: 20px;
     margin-bottom: 5px;
   }
   display: flex;
-`,Er=co.span`
+`,Mr=uo.span`
   font-weight: 400;
   font-size: 14px;
   line-height: 22px;
@@ -169,16 +248,16 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
   display: flex;
   margin-right: 5px;
   margin-top: 10px;
-`,mo=co.div`
+`,fo=uo.div`
   display: flex;
   align-items: flex-start;
   justify-content: left;
   margin-bottom: 10px;
-`;import Mo from"react";var qe={theme:{colorPrimary:"#000000",colorText:"#000000",colorBackground:"#ffffff",colorBackgroundSecondary:"#d2d2d2",colorTextOnPrimaryBackground:"#ffffff",colorTextSecondary:"#505050",colorTextDisabled:"#999999",colorBorder:"#E5E5E5",colorTextError:"#c00000",borderRadius:20}};function tt({title:e,required:t,appearance:o=qe}){return Mo.createElement(mo,null,t?Mo.createElement(Er,{className:l("formLabelRequired",o),appearance:o},"*"):null,Mo.createElement(Pr,{className:l("formLabel",o)},e))}import Br from"react";function Pt({title:e,appearance:t}){return e?Br.createElement(mo,null,Br.createElement(vr,{className:l("formSubLabel",t)},e)):null}import{z as $o}from"zod";function Ar(e,t){try{if(t){if(t.type=="number"){let o=$o.number();if(t.props)for(let i of t.props)i.requirement=="min"?o=o.min(Number(i.value),i.message??"Value is too small"):i.requirement=="max"?o=o.max(Number(i.value),i.message??"Value is too large"):i.requirement=="positive"?o=o.positive(i.message??"Value must be positive"):i.requirement=="negative"&&(o=o.nonpositive(i.message??"Value must be negative"));o.parse(Number(e))}if(t.type=="string"){let o=$o.string();if(t.props)for(let i of t.props)i.requirement=="min"?o=o.min(Number(i.value),i.message??"Value is too short"):i.requirement=="max"?o=o.max(Number(i.value),i.message??"Value is too long"):i.requirement=="regex"&&(o=o.regex(new RegExp(String(i.value)),i.message??"Value does not match requirements"));o.parse(e)}return}}catch(o){if(o instanceof $o.ZodError)return o.issues&&o.issues.length>0?o.issues[0].message:null;console.error("Frigade Form validation failed for rule ",t,o)}return null}var Bl=Uo.div`
+`;import _o from"react";var qe={theme:{colorPrimary:"#000000",colorText:"#000000",colorBackground:"#ffffff",colorBackgroundSecondary:"#d2d2d2",colorTextOnPrimaryBackground:"#ffffff",colorTextSecondary:"#505050",colorTextDisabled:"#999999",colorBorder:"#E5E5E5",colorTextError:"#c00000",borderRadius:20}};function ot({title:e,required:t,appearance:o=qe}){return _o.createElement(fo,null,t?_o.createElement(Mr,{className:l("formLabelRequired",o),appearance:o},"*"):null,_o.createElement(Dr,{className:l("formLabel",o)},e))}import Ur from"react";function Pt({title:e,appearance:t}){return e?Ur.createElement(fo,null,Ur.createElement($r,{className:l("formSubLabel",t)},e)):null}import{z as zo}from"zod";function _r(e,t){try{if(t){if(t.type=="number"){let o=zo.number();if(t.props)for(let i of t.props)i.requirement=="min"?o=o.min(Number(i.value),i.message??"Value is too small"):i.requirement=="max"?o=o.max(Number(i.value),i.message??"Value is too large"):i.requirement=="positive"?o=o.positive(i.message??"Value must be positive"):i.requirement=="negative"&&(o=o.nonpositive(i.message??"Value must be negative"));o.parse(Number(e))}if(t.type=="string"){let o=zo.string();if(t.props)for(let i of t.props)i.requirement=="min"?o=o.min(Number(i.value),i.message??"Value is too short"):i.requirement=="max"?o=o.max(Number(i.value),i.message??"Value is too long"):i.requirement=="regex"&&(o=o.regex(new RegExp(String(i.value)),i.message??"Value does not match requirements"));o.parse(e)}return}}catch(o){if(o instanceof zo.ZodError)return o.issues&&o.issues.length>0?o.issues[0].message:null;console.error("Frigade Form validation failed for rule ",t,o)}return null}var Al=Wo.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`,_o=Uo.input`
+`,Ho=Wo.input`
   ${e=>k(e)} {
     // Anything inside this block will be ignored if the user provides a custom class
     border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
@@ -194,7 +273,7 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
   box-sizing: border-box;
   padding: 0 10px;
   margin-bottom: 10px;
-`,Al=Uo.textarea`
+`,Il=Wo.textarea`
   ${e=>k(e)} {
     // Anything inside this block will be ignored if the user provides a custom class
     border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
@@ -210,13 +289,13 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
   min-height: 70px;
   box-sizing: border-box;
   margin-bottom: 10px;
-`;function zo({formInput:e,customFormTypeProps:t,onSaveInputData:o,setFormValidationErrors:i,inputData:n}){let r=e,[s,p]=Ir((n==null?void 0:n.text)||""),[d,a]=Ir(!1),f=_o;El(()=>{s===""&&!d&&(a(!0),c(""))},[]);function c(w){if(p(w),o({text:w}),r.required===!0&&w.trim()===""){i([{id:r.id,message:`${r.title} is required`}]);return}let T=Ar(w,r.validation);if(T){i([{id:r.id,message:T}]);return}i([])}r.multiline&&(f=Al);function u(){var w;switch((w=r==null?void 0:r.validation)==null?void 0:w.type){case"email":return"email";case"number":return"number";case"password":return"password"}return null}return uo.createElement(Bl,null,uo.createElement(tt,{title:r.title,required:r.required,appearance:t.appearance}),uo.createElement(f,{className:l("inputComponent",t.appearance),value:s,onChange:w=>{c(w.target.value)},appearance:t.appearance,placeholder:r.placeholder,type:u()}),uo.createElement(Pt,{title:r.subtitle,appearance:t.appearance}))}import Ue,{useEffect as Nr,useState as Lr}from"react";import Or from"styled-components";var Il=Or.div`
+`;function Vo({formInput:e,customFormTypeProps:t,onSaveInputData:o,setFormValidationErrors:i,inputData:n}){let r=e,[s,p]=zr((n==null?void 0:n.text)||""),[d,a]=zr(!1),f=Ho;Bl(()=>{s===""&&!d&&(a(!0),c(""))},[]);function c(w){if(p(w),o({text:w}),r.required===!0&&w.trim()===""){i([{id:r.id,message:`${r.title} is required`}]);return}let T=_r(w,r.validation);if(T){i([{id:r.id,message:T}]);return}i([])}r.multiline&&(f=Il);function u(){var w;switch((w=r==null?void 0:r.validation)==null?void 0:w.type){case"email":return"email";case"number":return"number";case"password":return"password"}return null}return go.createElement(Al,null,go.createElement(ot,{title:r.title,required:r.required,appearance:t.appearance}),go.createElement(f,{className:l("inputComponent",t.appearance),value:s,onChange:w=>{c(w.target.value)},appearance:t.appearance,placeholder:r.placeholder,type:u()}),go.createElement(Pt,{title:r.subtitle,appearance:t.appearance}))}import Ue,{useEffect as Wr,useState as Hr}from"react";import Vr from"styled-components";var Nl=Vr.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   -webkit-appearance: none;
   appearance: none;
-`,Nl=Or.select`
+`,Ll=Vr.select`
   ${e=>k(e)} {
     // Anything inside this block will be ignored if the user provides a custom class
     border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
@@ -240,13 +319,13 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
   background-repeat: no-repeat;
   background-size: 1.5em 1.5em;
   -webkit-print-color-adjust: exact;
-`,fo="null";function Dr({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i,setFormValidationErrors:n}){var f,c,u,w,T,S;let r=e,[s,p]=Lr(((f=i==null?void 0:i.choice)==null?void 0:f[0])||""),[d,a]=Lr(!1);return Nr(()=>{var x,E,P,B;if(s===""&&!d){if(a(!0),r.requireSelection){p(fo);return}if(r.defaultValue&&((x=r.props.options)!=null&&x.find(y=>y.id===r.defaultValue))){let y=(E=r.props.options)==null?void 0:E.find(C=>C.id===r.defaultValue);p(y.id),o({choice:[y.id]})}else p(((P=r.props.options)==null?void 0:P[0].id)||""),o({choice:[((B=r.props.options)==null?void 0:B[0].id)||""]})}},[]),Nr(()=>{r.requireSelection&&s===fo?n([{message:"Please select an option",id:r.id}]):n([])},[s]),Ue.createElement(Il,null,Ue.createElement(tt,{title:r.title,required:!1,appearance:t.appearance}),Ue.createElement(Nl,{value:s,onChange:x=>{p(x.target.value),o({choice:[x.target.value]})},placeholder:r.placeholder,appearance:t.appearance,className:l("multipleChoiceSelect",t.appearance)},r.requireSelection&&Ue.createElement("option",{key:fo,value:fo},"Select an option"),(c=r.props.options)==null?void 0:c.map(x=>Ue.createElement("option",{key:x.id,value:x.id},x.title))),((w=(u=r.props.options)==null?void 0:u.find(x=>x.id===s))==null?void 0:w.isOpenEnded)&&Ue.createElement(Ue.Fragment,null,Ue.createElement(tt,{title:((S=(T=r.props.options)==null?void 0:T.find(x=>x.id===s))==null?void 0:S.openEndedLabel)??"Please specify",required:!1,appearance:t.appearance}),Ue.createElement(_o,{type:"text",placeholder:"Enter your answer here",onChange:x=>{o({choice:[x.target.value]})},appearance:t.appearance})),Ue.createElement(Pt,{title:r.subtitle,appearance:t.appearance}))}import go,{useEffect as Mr,useState as $r}from"react";import Ur from"styled-components";var Ll=Ur.div`
+`,ho="null";function jr({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i,setFormValidationErrors:n}){var f,c,u,w,T,S;let r=e,[s,p]=Hr(((f=i==null?void 0:i.choice)==null?void 0:f[0])||""),[d,a]=Hr(!1);return Wr(()=>{var C,P,v,B;if(s===""&&!d){if(a(!0),r.requireSelection){p(ho);return}if(r.defaultValue&&((C=r.props.options)!=null&&C.find(y=>y.id===r.defaultValue))){let y=(P=r.props.options)==null?void 0:P.find(h=>h.id===r.defaultValue);p(y.id),o({choice:[y.id]})}else p(((v=r.props.options)==null?void 0:v[0].id)||""),o({choice:[((B=r.props.options)==null?void 0:B[0].id)||""]})}},[]),Wr(()=>{r.requireSelection&&s===ho?n([{message:"Please select an option",id:r.id}]):n([])},[s]),Ue.createElement(Nl,null,Ue.createElement(ot,{title:r.title,required:!1,appearance:t.appearance}),Ue.createElement(Ll,{value:s,onChange:C=>{p(C.target.value),o({choice:[C.target.value]})},placeholder:r.placeholder,appearance:t.appearance,className:l("multipleChoiceSelect",t.appearance)},r.requireSelection&&Ue.createElement("option",{key:ho,value:ho},"Select an option"),(c=r.props.options)==null?void 0:c.map(C=>Ue.createElement("option",{key:C.id,value:C.id},C.title))),((w=(u=r.props.options)==null?void 0:u.find(C=>C.id===s))==null?void 0:w.isOpenEnded)&&Ue.createElement(Ue.Fragment,null,Ue.createElement(ot,{title:((S=(T=r.props.options)==null?void 0:T.find(C=>C.id===s))==null?void 0:S.openEndedLabel)??"Please specify",required:!1,appearance:t.appearance}),Ue.createElement(Ho,{type:"text",placeholder:"Enter your answer here",onChange:C=>{o({choice:[C.target.value]})},appearance:t.appearance})),Ue.createElement(Pt,{title:r.subtitle,appearance:t.appearance}))}import xo,{useEffect as Gr,useState as qr}from"react";import Kr from"styled-components";var Ol=Kr.div`
   display: flex;
   flex-direction: column;
   width: 100%;
   -webkit-appearance: none;
   appearance: none;
-`,Ol=Ur.button`
+`,Dl=Kr.button`
   ${e=>k(e)} {
     // Anything inside this block will be ignored if the user provides a custom class
     border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
@@ -268,7 +347,7 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
   height: 60px;
   padding: 0 18px;
   margin-bottom: 10px;
-`;function _r({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i}){var a;let n=e,[r,s]=$r((i==null?void 0:i.choice)||[]),[p,d]=$r(!1);return Mr(()=>{r.length==0&&!p&&(d(!0),o({choice:[]}))},[]),Mr(()=>{o({choice:r})},[r]),go.createElement(Ll,null,go.createElement(tt,{title:n.title,required:n.required,appearance:t.appearance}),(a=n.props.options)==null?void 0:a.map(f=>go.createElement(Ol,{appearance:t.appearance,className:l("multipleChoiceListItem",t.appearance),key:f.id,value:f.id,"data-selected":r.includes(f.id),onClick:()=>{if(r.includes(f.id)){s(r.filter(c=>c!==f.id));return}r.length<n.props.maxChoices?s([...r,f.id]):r.length==1&&n.props.maxChoices==1&&s([f.id])}},f.title)),go.createElement(Pt,{title:n.subtitle,appearance:t.appearance}))}import ho from"react";import zr from"styled-components";import Dl from"dompurify";function me(e){return{__html:Dl.sanitize(e,{ALLOWED_TAGS:["b","i","a","span","div","p","pre","u","br","img"],ALLOWED_ATTR:["style","class","target","id","href","alt","src"]})}}var Ml=zr.h1`
+`;function Yr({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:i}){var a;let n=e,[r,s]=qr((i==null?void 0:i.choice)||[]),[p,d]=qr(!1);return Gr(()=>{r.length==0&&!p&&(d(!0),o({choice:[]}))},[]),Gr(()=>{o({choice:r})},[r]),xo.createElement(Ol,null,xo.createElement(ot,{title:n.title,required:n.required,appearance:t.appearance}),(a=n.props.options)==null?void 0:a.map(f=>xo.createElement(Dl,{appearance:t.appearance,className:l("multipleChoiceListItem",t.appearance),key:f.id,value:f.id,"data-selected":r.includes(f.id),onClick:()=>{if(r.includes(f.id)){s(r.filter(c=>c!==f.id));return}r.length<n.props.maxChoices?s([...r,f.id]):r.length==1&&n.props.maxChoices==1&&s([f.id])}},f.title)),xo.createElement(Pt,{title:n.subtitle,appearance:t.appearance}))}import Co from"react";import Xr from"styled-components";import $l from"dompurify";function ce(e){return{__html:$l.sanitize(e,{ALLOWED_TAGS:["b","i","a","span","div","p","pre","u","br","img"],ALLOWED_ATTR:["style","class","target","id","href","alt","src"]})}}var Ml=Xr.h1`
   ${e=>k(e)} {
     font-style: normal;
     font-weight: 600;
@@ -279,7 +358,7 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
     margin-bottom: 4px;
     color: ${e=>e.appearance.theme.colorText};
   }
-`,$l=zr.h2`
+`,Ul=Xr.h2`
   ${e=>k(e)} {
     font-style: normal;
     font-weight: 400;
@@ -287,35 +366,35 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
     line-height: 20px;
     color: ${e=>e.appearance.theme.colorTextSecondary};
   }
-`;function be({appearance:e,title:t,subtitle:o,size:i="medium"}){return ho.createElement(ho.Fragment,null,ho.createElement(Ml,{appearance:e,className:l(`${i}Title`,e),dangerouslySetInnerHTML:me(t),size:i}),o&&ho.createElement($l,{appearance:e,className:l(`${i}Subtitle`,e),dangerouslySetInnerHTML:me(o),size:i}))}var _l=Ho.div`
+`;function Se({appearance:e,title:t,subtitle:o,size:i="medium"}){return Co.createElement(Co.Fragment,null,Co.createElement(Ml,{appearance:e,className:l(`${i}Title`,e),dangerouslySetInnerHTML:ce(t),size:i}),o&&Co.createElement(Ul,{appearance:e,className:l(`${i}Subtitle`,e),dangerouslySetInnerHTML:ce(o),size:i}))}var zl=Go.div`
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   padding-bottom: 14px;
   overflow: visible;
-`,zl=Ho.div`
+`,Wl=Go.div`
   color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextError}};
   font-size: 12px;
   margin-bottom: 12px;
-`,Wl=Ho.div`
+`,Hl=Go.div`
   padding-left: 1px;
   padding-right: 1px;
-`,Hl={text:zo,multipleChoice:Dr,multipleChoiceList:_r};function Wr({flowId:e,stepData:t,canContinue:o,setCanContinue:i,onSaveData:n,appearance:r,customFormElements:s}){var B;let p=t.props,[d,a]=Wo([]),[f,c]=Wo([]),{userId:u}=Ht(),[w,T]=Wo(E()||{}),S={...Hl,...s};Ul(()=>{i(d.length===0)},[d,i]);function x(y,C){let m={...w,[y.id]:C};T(m),n(m),window&&window.localStorage&&window.localStorage.setItem(P(),JSON.stringify(m))}function E(){if(window&&window.localStorage){let y=window.localStorage.getItem(P());if(y)return JSON.parse(y)}return{}}function P(){return`frigade-multiInputStepTypeData-${e}-${t.id}-${u}`}return jt.createElement(Wl,{className:l("multiInput",r)},jt.createElement(be,{appearance:r,title:t.title,subtitle:t.subtitle}),jt.createElement(_l,{className:l("multiInputContainer",r)},(B=p.data)==null?void 0:B.map(y=>{var m;let C=(m=d.reverse().find(h=>h.id===y.id))==null?void 0:m.message;return S[y.type]?jt.createElement("span",{key:y.id},S[y.type]({formInput:y,customFormTypeProps:{flowId:e,stepData:t,canContinue:o,setCanContinue:i,onSaveData:n,appearance:r},onSaveInputData:h=>{!f.includes(y.id)&&h&&(h==null?void 0:h.text)!==""&&c(F=>[...F,y.id]),x(y,h)},inputData:w[y.id],setFormValidationErrors:h=>{a(F=>h.length===0?F.filter(L=>L.id!==y.id):[...F,...h])}}),C&&f.includes(y.id)&&jt.createElement(zl,{appearance:r,className:l("multiInputValidationError",r)},C)):null})))}import mt from"styled-components";var Hr=mt.div`
+`,Vl={text:Vo,multipleChoice:jr,multipleChoiceList:Yr};function Jr({flowId:e,stepData:t,canContinue:o,setCanContinue:i,onSaveData:n,appearance:r,customFormElements:s}){var B;let p=t.props,[d,a]=jo([]),[f,c]=jo([]),{userId:u}=Ht(),[w,T]=jo(P()||{}),S={...Vl,...s};_l(()=>{i(d.length===0)},[d,i]);function C(y,h){let m={...w,[y.id]:h};T(m),n(m),window&&window.localStorage&&window.localStorage.setItem(v(),JSON.stringify(m))}function P(){if(window&&window.localStorage){let y=window.localStorage.getItem(v());if(y)return JSON.parse(y)}return{}}function v(){return`frigade-multiInputStepTypeData-${e}-${t.id}-${u}`}return jt.createElement(Hl,{className:l("multiInput",r)},jt.createElement(Se,{appearance:r,title:t.title,subtitle:t.subtitle}),jt.createElement(zl,{className:l("multiInputContainer",r)},(B=p.data)==null?void 0:B.map(y=>{var m;let h=(m=d.reverse().find(x=>x.id===y.id))==null?void 0:m.message;return S[y.type]?jt.createElement("span",{key:y.id},S[y.type]({formInput:y,customFormTypeProps:{flowId:e,stepData:t,canContinue:o,setCanContinue:i,onSaveData:n,appearance:r},onSaveInputData:x=>{!f.includes(y.id)&&x&&(x==null?void 0:x.text)!==""&&c(F=>[...F,y.id]),C(y,x)},inputData:w[y.id],setFormValidationErrors:x=>{a(F=>x.length===0?F.filter(D=>D.id!==y.id):[...F,...x])}}),h&&f.includes(y.id)&&jt.createElement(Wl,{appearance:r,className:l("multiInputValidationError",r)},h)):null})))}import ct from"styled-components";var Qr=ct.div`
   align-items: center;
   display: flex;
   justify-content: ${e=>e.showBackButton?"space-between":"flex-end"};
   padding-top: 14px;
-`,Vr=mt.div`
+`,Zr=ct.div`
   color: ${e=>e.appearance.theme.colorTextError};
   font-size: 12px;
-`,jr=mt.div`
+`,Rr=ct.div`
   display: flex;
   gap: 12px;
-`,Gr=mt.div`
+`,ei=ct.div`
   display: flex;
   flex-direction: row;
   flex: 1 1;
-`,qr=mt.div`
+`,ti=ct.div`
   display: flex;
   // If type is set to large-modal, use padding 60px horizontal, 80px vertical
   // Otherwise, use 4px padding
@@ -323,11 +402,11 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
   flex-grow: 1;
   flex-basis: 0;
   position: relative;
-`,Kr=mt.div`
+`,oi=ct.div`
   padding: ${e=>e.type==="large-modal"?"50px":"0px"};
   position: relative;
   overflow-y: auto;
-`,Yr=mt.div`
+`,ri=ct.div`
   display: flex;
   align-self: stretch;
   flex-grow: 1;
@@ -339,7 +418,7 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
   background-position: center;
   border-top-right-radius: ${e=>e.appearance.theme.borderRadius}px;
   border-bottom-right-radius: ${e=>e.appearance.theme.borderRadius}px;
-`;import ot from"react";import Vl from"react";import Xr from"styled-components";var jl=Xr.button`
+`;import rt from"react";import jl from"react";import ii from"styled-components";var Gl=ii.button`
   justify-content: center;
   align-content: center;
   ${e=>k(e)} {
@@ -369,7 +448,7 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
     opacity: 0.3;
     cursor: not-allowed;
   }
-`,xo=Xr.div`
+`,So=ii.div`
   ${e=>k(e)} {
     display: flex;
     flex-direction: row;
@@ -379,14 +458,14 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
       margin-right: 8px;
     }
   }
-`,ee=({onClick:e,title:t,style:o,disabled:i,type:n="inline",size:r="medium",secondary:s=!1,appearance:p,withMargin:d=!0,classPrefix:a=""})=>{function f(){let c=s?"buttonSecondary":"button";return a===""?c:`${a}${xr(c)}`}return Vl.createElement(jl,{secondary:s,appearance:p,disabled:i,onClick:e,style:o,type:n,withMargin:d,size:r,className:l(f(),p)},t)};var Jr=({step:e,canContinue:t,appearance:o,onPrimaryClick:i,onSecondaryClick:n,formType:r,selectedStep:s,steps:p,onBack:d,allowBackNavigation:a,errorMessage:f})=>{let c=r==="inline"?"inline":"full-width",u=p.length>1&&s!=0&&a;return ot.createElement(ot.Fragment,null,f&&ot.createElement(Vr,{appearance:o,className:l("formCTAError",o)},f),ot.createElement(Hr,{showBackButton:u,className:l("formCTAContainer",o)},u&&ot.createElement(ee,{title:"\u2190",onClick:d,secondary:!0,withMargin:!1,type:c,appearance:o}),ot.createElement(jr,{className:l("ctaWrapper",o)},e.secondaryButtonTitle?ot.createElement(ee,{title:e.secondaryButtonTitle,onClick:n,secondary:!0,withMargin:!1,type:c,appearance:o}):null," ",e.primaryButtonTitle?ot.createElement(ee,{disabled:!t,withMargin:!1,title:e.primaryButtonTitle,onClick:i,type:c,appearance:o}):null)))};import Vo from"react";import Gl from"styled-components";var ql=Gl.div`
+`,Z=({onClick:e,title:t,style:o,disabled:i,type:n="inline",size:r="medium",secondary:s=!1,appearance:p,withMargin:d=!0,classPrefix:a=""})=>{function f(){let c=s?"buttonSecondary":"button";return a===""?c:`${a}${yr(c)}`}return jl.createElement(Gl,{secondary:s,appearance:p,disabled:i,onClick:e,style:o,type:n,withMargin:d,size:r,className:l(f(),p)},t)};var ni=({step:e,canContinue:t,appearance:o,onPrimaryClick:i,onSecondaryClick:n,formType:r,selectedStep:s,steps:p,onBack:d,allowBackNavigation:a,errorMessage:f})=>{let c=r==="inline"?"inline":"full-width",u=p.length>1&&s!=0&&a;return rt.createElement(rt.Fragment,null,f&&rt.createElement(Zr,{appearance:o,className:l("formCTAError",o)},f),rt.createElement(Qr,{showBackButton:u,className:l("formCTAContainer",o)},u&&rt.createElement(Z,{title:"\u2190",onClick:d,secondary:!0,withMargin:!1,type:c,appearance:o}),rt.createElement(Rr,{className:l("ctaWrapper",o)},e.secondaryButtonTitle?rt.createElement(Z,{title:e.secondaryButtonTitle,onClick:n,secondary:!0,withMargin:!1,type:c,appearance:o}):null," ",e.primaryButtonTitle?rt.createElement(Z,{disabled:!t,withMargin:!1,title:e.primaryButtonTitle,onClick:i,type:c,appearance:o}):null)))};import qo from"react";import ql from"styled-components";var Kl=ql.div`
   text-align: center;
-`,Qr=({stepCount:e=0,currentStep:t=0,className:o,appearance:i})=>{let{theme:n}=J().mergeAppearanceWithDefault(i);return Vo.createElement(ql,{className:o},Vo.createElement("svg",{width:16*e-8,height:8,viewBox:`0 0 ${16*e-8} 8`,fill:"none"},Array(e).fill(null).map((r,s)=>Vo.createElement("rect",{key:s,x:16*s,y:0,width:8,height:8,rx:4,fill:t===s?n.colorPrimary:"#E6E6E6"}))))};import ut from"react";import vt from"styled-components";import{useContext as Kl}from"react";function se(){let e=Kl(G);function t(n){i(n.primaryButtonUri,n.primaryButtonUriTarget)}function o(n){i(n.secondaryButtonUri,n.secondaryButtonUriTarget)}function i(n,r){if(!n)return;let s=n.startsWith("http")?"_blank":"_self";r&&r!=="_blank"&&(s="_self"),e.navigate(n,s)}return{primaryCTAClickSideEffects:t,secondaryCTAClickSideEffects:o,handleUrl:i}}var Yl=vt.div`
+`,si=({stepCount:e=0,currentStep:t=0,className:o,appearance:i})=>{let{theme:n}=J().mergeAppearanceWithDefault(i);return qo.createElement(Kl,{className:o},qo.createElement("svg",{width:16*e-8,height:8,viewBox:`0 0 ${16*e-8} 8`,fill:"none"},Array(e).fill(null).map((r,s)=>qo.createElement("rect",{key:s,x:16*s,y:0,width:8,height:8,rx:4,fill:t===s?n.colorPrimary:"#E6E6E6"}))))};import mt from"react";import vt from"styled-components";import{useContext as Yl}from"react";function re(){let e=Yl(q);function t(n){i(n.primaryButtonUri,n.primaryButtonUriTarget)}function o(n){i(n.secondaryButtonUri,n.secondaryButtonUriTarget)}function i(n,r){if(!n)return;let s=n.startsWith("http")?"_blank":"_self";r&&r!=="_blank"&&(s="_self"),e.navigate(n,s)}return{primaryCTAClickSideEffects:t,secondaryCTAClickSideEffects:o,handleUrl:i}}var Xl=vt.div`
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   justify-content: center;
-`,Xl=vt.div`
+`,Jl=vt.div`
   align-content: center;
   align-items: center;
   display: flex;
@@ -400,10 +479,10 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
   flex-basis: 255px;
   flex-grow: 0;
   flex-shrink: 0;
-`,Jl=vt.img`
+`,Ql=vt.img`
   width: 78px;
   height: auto;
-`,Ql=vt.button`
+`,Zl=vt.button`
   font-style: normal;
   font-weight: 600;
   font-size: 13px;
@@ -416,11 +495,11 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
   border-radius: 100px;
   padding: 8px 12px;
   margin-top: 16px;
-`,Zl=vt.h1`
+`,Rl=vt.h1`
   font-weight: 700;
   font-size: 28px;
   line-height: 34px;
-`,Rl=vt.h2`
+`,ea=vt.h2`
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
@@ -429,7 +508,7 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
   margin-top: 12px;
   margin-bottom: 16px;
   max-width: 70%;
-`;function Zr({stepData:e,appearance:t}){var i,n;let{handleUrl:o}=se();return ut.createElement("div",null,ut.createElement(Zl,null,e.title),ut.createElement(Rl,null,e.subtitle),ut.createElement(Yl,null,(n=(i=e.props)==null?void 0:i.links)==null?void 0:n.map(r=>ut.createElement(Xl,{key:r.title},ut.createElement(Jl,{src:r.imageUri}),ut.createElement(Ql,{style:{borderColor:t.theme.colorPrimary,color:t.theme.colorPrimary},onClick:()=>{r.uri&&o(r.uri,r.uriTarget??"_blank")}},r.title)))))}import Bt,{useEffect as sa}from"react";import yo from"styled-components";import jo from"react";var Co=({style:e,className:t})=>jo.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:t,style:e},jo.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}),jo.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.91 11.672a.375.375 0 010 .656l-5.603 3.113a.375.375 0 01-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112z"}));import Gt,{useRef as ea,useState as ta}from"react";import So from"styled-components";var oa=So.div`
+`;function li({stepData:e,appearance:t}){var i,n;let{handleUrl:o}=re();return mt.createElement("div",null,mt.createElement(Rl,null,e.title),mt.createElement(ea,null,e.subtitle),mt.createElement(Xl,null,(n=(i=e.props)==null?void 0:i.links)==null?void 0:n.map(r=>mt.createElement(Jl,{key:r.title},mt.createElement(Ql,{src:r.imageUri}),mt.createElement(Zl,{style:{borderColor:t.theme.colorPrimary,color:t.theme.colorPrimary},onClick:()=>{r.uri&&o(r.uri,r.uriTarget??"_blank")}},r.title)))))}import Bt,{useEffect as la}from"react";import wo from"styled-components";import Ko from"react";var yo=({style:e,className:t})=>Ko.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:t,style:e},Ko.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}),Ko.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.91 11.672a.375.375 0 010 .656l-5.603 3.113a.375.375 0 01-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112z"}));import Gt,{useRef as ta,useState as oa}from"react";import bo from"styled-components";var ra=bo.div`
   display: flex;
   align-items: center;
   justify-content: flex-start;
@@ -437,7 +516,7 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
   width: 100%;
   height: 100%;
   position: relative;
-`,ra=So.div`
+`,ia=bo.div`
   position: absolute;
   display: flex;
   align-items: center;
@@ -456,59 +535,59 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
     box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
     border-radius: 50%;
   }
-`,ia=So.video`
+`,na=bo.video`
   width: 100%;
   height: 100%;
   min-height: 200px;
   border-radius: ${e=>e.appearance.theme.borderRadius}px;
-`,na=So.iframe`
+`,sa=bo.iframe`
   width: 100%;
   height: 100%;
   min-height: 200px;
   border-radius: ${e=>e.appearance.theme.borderRadius}px;
-`;function Et({appearance:e,videoUri:t}){let o=ea(),[i,n]=ta(!1);if(t.includes("youtube")){let r=t.split("v=")[1],s=r.indexOf("&");return s!==-1&&(r=r.substring(0,s)),Gt.createElement(na,{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${r}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,appearance:e})}return Gt.createElement(oa,{appearance:e},!i&&Gt.createElement(ra,{onClick:()=>{n(!0),o.current.play()},appearance:e},Gt.createElement(Co,null)),Gt.createElement(ia,{appearance:e,controls:i,ref:o,play:i,src:t}))}var la=yo.div`
+`;function Et({appearance:e,videoUri:t}){let o=ta(),[i,n]=oa(!1);if(t.includes("youtube")){let r=t.split("v=")[1],s=r.indexOf("&");return s!==-1&&(r=r.substring(0,s)),Gt.createElement(sa,{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${r}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,appearance:e})}return Gt.createElement(ra,{appearance:e},!i&&Gt.createElement(ia,{onClick:()=>{n(!0),o.current.play()},appearance:e},Gt.createElement(yo,null)),Gt.createElement(na,{appearance:e,controls:i,ref:o,play:i,src:t}))}var aa=wo.div`
   ${e=>k(e)} {
     display: flex;
     flex-direction: column;
     justify-content: center;
   }
-`,aa=yo.img`
+`,pa=wo.img`
   ${e=>k(e)} {
     width: 100%;
     height: auto;
     max-height: 250px;
     margin-bottom: 24px;
   }
-`,pa=yo.div`
+`,da=wo.div`
   ${e=>k(e)} {
     margin-bottom: 24px;
   }
-`,da=yo.div`
+`,ca=wo.div`
   ${e=>k(e)} {
     width: 100%;
     height: auto;
     max-height: 250px;
     margin-bottom: 24px;
   }
-`;function Rr({stepData:e,appearance:t,setCanContinue:o}){return sa(()=>{o(!0)},[]),Bt.createElement(la,{className:l("callToActionContainer",t)},Bt.createElement(pa,{className:l("callToActionTextContainer",t)},Bt.createElement(be,{appearance:t,title:e.title,subtitle:e.subtitle})),e.imageUri&&Bt.createElement(aa,{className:l("callToActionImage",t),src:e.imageUri}),!e.imageUri&&e.videoUri&&Bt.createElement(da,{appearance:t,className:l("callToActionVideo",t)},Bt.createElement(Et,{appearance:t,videoUri:e.videoUri})))}import Ke,{useEffect as Go,useState as qo}from"react";import Kt from"react";import qt from"react";import{motion as ca}from"framer-motion";var ei=({color:e,percentage:t,size:o})=>{let i=o*.5-2,n=2*Math.PI*i,r=(1-t)*n,s={duration:.3,delay:0,ease:"easeIn"},p={hidden:{strokeDashoffset:n,transition:s},show:{strokeDashoffset:r,transition:s}};return qt.createElement(ca.circle,{r:i,cx:o*.5,cy:o*.5,fill:"transparent",stroke:r!==n?e:"",strokeWidth:"3px",strokeDasharray:n,strokeDashoffset:t?r:0,variants:p,transition:s,initial:"hidden",animate:"show"})},ma=({fillColor:e,size:t,percentage:o,children:i,bgColor:n="#D9D9D9",className:r,style:s})=>qt.createElement("svg",{style:s,className:r,width:t,height:t,overflow:"visible"},qt.createElement("g",{transform:`rotate(-90 ${`${t*.5} ${t*.5}`})`},qt.createElement(ei,{color:n,size:t}),qt.createElement(ei,{color:e,percentage:o,size:t})),i),At=ma;import ua from"styled-components";var fa=({color:e="#FFFFFF"})=>Kt.createElement("svg",{width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Kt.createElement("path",{d:"M1 4.34815L3.4618 7L3.4459 6.98287L9 1",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),ga={width:"22px",height:"22px",borderRadius:"8px",display:"flex",justifyContent:"center",alignItems:"center"},ha={width:"22px",height:"22px",borderRadius:"40px",display:"flex",justifyContent:"center",alignItems:"center"},xa={border:"1px solid #000000",color:"#FFFFFF"},Ca={border:"1px solid #E6E6E6"},Sa={color:"#FFFFFF"},ya={border:"3px solid #D9D9D9"},ba=e=>e==="square"?ga:ha,wa=(e,t)=>e==="square"?t?xa:Ca:t?Sa:ya,Ta=ua.div`
-  ${e=>ct(e)}
-`,ft=({value:e,type:t="square",primaryColor:o="#000000",progress:i,appearance:n=qe,style:r,className:s})=>{let p=ba(t),d=wa(t,e);return e===!0?p={...p,...d,backgroundColor:o,borderColor:t==="square"?o:"none"}:p={...p,...d},e!==!0&&t==="round"&&i!==void 0&&i!==1?Kt.createElement(At,{fillColor:o,percentage:i,size:22}):Kt.createElement(Ta,{styleOverrides:p,style:r,role:"checkbox",className:ye(l("checkIconContainer",n),l(e?"checkIconContainerChecked":"checkIconContainerUnchecked",n),e?"checkIconContainerChecked":"checkIconContainerUnchecked",s)},e&&Kt.createElement(fa,{color:"#FFFFFF"}))};import rt from"styled-components";var ti=rt.div`
+`;function ai({stepData:e,appearance:t,setCanContinue:o}){return la(()=>{o(!0)},[]),Bt.createElement(aa,{className:l("callToActionContainer",t)},Bt.createElement(da,{className:l("callToActionTextContainer",t)},Bt.createElement(Se,{appearance:t,title:e.title,subtitle:e.subtitle})),e.imageUri&&Bt.createElement(pa,{className:l("callToActionImage",t),src:e.imageUri}),!e.imageUri&&e.videoUri&&Bt.createElement(ca,{appearance:t,className:l("callToActionVideo",t)},Bt.createElement(Et,{appearance:t,videoUri:e.videoUri})))}import Ke,{useEffect as Yo,useState as Xo}from"react";import Kt from"react";import qt from"react";import{motion as ma}from"framer-motion";var pi=({color:e,percentage:t,size:o})=>{let i=o*.5-2,n=2*Math.PI*i,r=(1-t)*n,s={duration:.3,delay:0,ease:"easeIn"},p={hidden:{strokeDashoffset:n,transition:s},show:{strokeDashoffset:r,transition:s}};return qt.createElement(ma.circle,{r:i,cx:o*.5,cy:o*.5,fill:"transparent",stroke:r!==n?e:"",strokeWidth:"3px",strokeDasharray:n,strokeDashoffset:t?r:0,variants:p,transition:s,initial:"hidden",animate:"show"})},ua=({fillColor:e,size:t,percentage:o,children:i,bgColor:n="#D9D9D9",className:r,style:s})=>qt.createElement("svg",{style:s,className:r,width:t,height:t,overflow:"visible"},qt.createElement("g",{transform:`rotate(-90 ${`${t*.5} ${t*.5}`})`},qt.createElement(pi,{color:n,size:t}),qt.createElement(pi,{color:e,percentage:o,size:t})),i),At=ua;import fa from"styled-components";var ga=({color:e="#FFFFFF"})=>Kt.createElement("svg",{width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Kt.createElement("path",{d:"M1 4.34815L3.4618 7L3.4459 6.98287L9 1",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),ha={width:"22px",height:"22px",borderRadius:"8px",display:"flex",justifyContent:"center",alignItems:"center"},xa={width:"22px",height:"22px",borderRadius:"40px",display:"flex",justifyContent:"center",alignItems:"center"},Ca={border:"1px solid #000000",color:"#FFFFFF"},Sa={border:"1px solid #E6E6E6"},ya={color:"#FFFFFF"},ba={border:"3px solid #D9D9D9"},wa=e=>e==="square"?ha:xa,Ta=(e,t)=>e==="square"?t?Ca:Sa:t?ya:ba,Fa=fa.div`
+  ${e=>dt(e)}
+`,ut=({value:e,type:t="square",primaryColor:o="#000000",progress:i,appearance:n=qe,style:r,className:s})=>{let p=wa(t),d=Ta(t,e);return e===!0?p={...p,...d,backgroundColor:o,borderColor:t==="square"?o:"none"}:p={...p,...d},e!==!0&&t==="round"&&i!==void 0&&i!==1?Kt.createElement(At,{fillColor:o,percentage:i,size:22}):Kt.createElement(Fa,{styleOverrides:p,style:r,role:"checkbox",className:Ce(l("checkIconContainer",n),l(e?"checkIconContainerChecked":"checkIconContainerUnchecked",n),e?"checkIconContainerChecked":"checkIconContainerUnchecked",s)},e&&Kt.createElement(ga,{color:"#FFFFFF"}))};import it from"styled-components";var di=it.div`
   width: auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 4px;
-`,oi=rt.div`
+`,ci=it.div`
   width: 100%;
   text-align: left;
-`,ri=rt.h1`
+`,mi=it.h1`
   font-style: normal;
   font-weight: 700;
   font-size: 32px;
   line-height: 38px;
   color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
-`,ii=rt.h1`
+`,ui=it.h1`
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
@@ -516,7 +595,7 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
   margin-top: 16px;
   margin-bottom: 16px;
   color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
-`,ni=rt.div`
+`,fi=it.div`
   padding-top: 12px;
   padding-bottom: 12px;
   flex-direction: row;
@@ -527,17 +606,17 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
   cursor: pointer;
   border-bottom: ${e=>e.hideBottomBorder?"none":"1px solid #D8D8D8"};
   width: 100%;
-`,si=rt.div`
+`,gi=it.div`
   padding-top: 10px;
   padding-bottom: 10px;
   flex-direction: row;
   display: flex;
   justify-content: flex-start;
-`,li=rt.img`
+`,hi=it.img`
   width: 42px;
   height: 42px;
   margin-right: 12px;
-`,ai=rt.p`
+`,xi=it.p`
   font-style: normal;
   font-weight: 500;
   font-size: 17px;
@@ -545,8 +624,8 @@ import ht,{createContext as Oa,useEffect as Jo,useState as Ne}from"react";import
   color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
   display: flex;
   align-self: center;
-`;var pi=({stepData:e,setCanContinue:t,onSaveData:o,appearance:i})=>{let n=e.props,[r,s]=qo([]),[p,d]=qo(!1),[a,f]=qo(e.id);return Go(()=>{r.length==0&&!p&&(d(!0),o({choice:[]}))},[p]),Go(()=>{a!==e.id&&(f(e.id),s([]))},[e]),Go(()=>{o({choice:r}),r.length>=n.minChoices?t(!0):t(!1)},[r]),Ke.createElement(ti,{className:l("selectListContainer",i)},Ke.createElement(oi,null,Ke.createElement(ri,{className:l("selectListTitle",i)},e.title),Ke.createElement(ii,{appearance:i,className:l("selectListSubtitle",i)},e.subtitle)),n.options.map((c,u)=>{let w=r.includes(c.id);return Ke.createElement(ni,{key:`select-item-${u}`,onClick:()=>{if(r.includes(c.id)){s(r.filter(T=>T!==c.id));return}r.length<n.maxChoices?s([...r,c.id]):r.length==1&&n.maxChoices==1&&s([c.id])},hideBottomBorder:u===n.options.length-1,className:l("selectListSelectItem",i)},Ke.createElement(si,{className:l("selectListItemImage",i)},c.imageUri&&Ke.createElement(li,{src:c.imageUri,alt:`select-icon-${u}`}),Ke.createElement(ai,{appearance:i,className:l("selectListSelectItemText",i)},c.title)),Ke.createElement(ft,{appearance:i,value:w,primaryColor:i.theme.colorPrimary}))}))};import we,{useEffect as Ko,useState as Yt}from"react";import{AnimatePresence as Fa,motion as ka}from"framer-motion";var Pa=({children:e,id:t,shouldWrap:o=!1})=>we.createElement(we.Fragment,null,o?we.createElement(Fa,{initial:!1},we.createElement(ka.div,{key:t,initial:{opacity:1,y:"100%"},animate:{opacity:1,y:0},exit:{opacity:0,y:"-100%"},transition:{duration:.5,ease:"easeInOut"},style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:1,overflowY:"auto"}},e)):e),bo=({appearance:e,steps:t,selectedStep:o,customStepTypes:i,customVariables:n,onButtonClick:r,onStepCompletion:s,flowId:p,type:d,hideOnFlowCompletion:a,onComplete:f,setVisible:c,setShowModal:u,onDismiss:w,showPagination:T=!1,customFormElements:S,allowBackNavigation:x,validationHandler:E})=>{var Ce;let B={...{linkCollection:Zr,multiInput:Wr,callToAction:Rr,selectList:pi},...i},{primaryCTAClickSideEffects:y,secondaryCTAClickSideEffects:C}=se(),[m,h]=Yt(!1),[F,L]=Yt({}),[U,$]=Yt(!1),[A,_]=Yt(!1),[N,M]=Yt(null),Z=t[o]??null,{markStepCompleted:R,markStepStarted:z,isLoading:Pe,updateCustomVariables:ge,markFlowCompleted:V}=X();Ko(()=>{ge(n)},[n,Pe]),Ko(()=>{window&&x&&!A&&(window.location.hash=t[o].id,_(!0))},[x,A,_]),Ko(()=>{var j;if(window&&((j=window==null?void 0:window.location)!=null&&j.hash)&&window.location.hash.replace("#","")!==t[o].id){let de=window.location.hash.replace("#",""),oe=t.findIndex(q=>q.id===de);oe!==-1&&z(p,t[oe].id)}},[(Ce=window==null?void 0:window.location)==null?void 0:Ce.hash,z,o,t]);function re(){return{data:F[t[o].id]??{},stepId:t[o].id,customVariables:n}}function ne(j,de,oe){let q=o+1<t.length?t[o+1]:null;r&&r(j,o,de,q),s&&s(j,oe,q,F,re())}function I(j,de){L(oe=>{let q={};return q[j.id]=de,{...oe,...q}})}function te(j){return j.selectedStep.imageUri?we.createElement(Yr,{image:j.selectedStep.imageUri,appearance:e,className:l("formContainerSidebarImage",e)}):null}let xe=we.createElement(Jr,{step:t[o],canContinue:m&&!U,formType:d,selectedStep:o,appearance:e,onPrimaryClick:async()=>{if($(!0),E){let de=await E(t[o],o,t[o+1],F,re());if(de){M(de),$(!1);return}else M(null)}let j={...re()};await R(p,t[o].id,j),o+1<t.length&&await z(p,t[o+1].id),ne(t[o],"primary",o),o+1>=t.length&&(f&&f(),w&&w(),a&&(c&&c(!1),u(!1)),await V(p)),y(t[o]),$(!1),window&&x&&o+1<t.length&&(window.location.hash=t[o+1].id)},onSecondaryClick:()=>{ne(t[o],"secondary",o),C(t[o])},onBack:async()=>{o-1>=0&&($(!0),await z(p,t[o-1].id),$(!1))},steps:t,allowBackNavigation:x,errorMessage:N});return we.createElement(we.Fragment,null,we.createElement(Gr,{className:l("formContainer",e)},we.createElement(qr,null,we.createElement(Pa,{id:o,shouldWrap:d==="large-modal"},we.createElement(Kr,{key:Z.id,type:d,className:l("formContent",e)},t.map(j=>{let de=B[j.type];return Z.id!==j.id?null:we.createElement(de,{key:j.id,stepData:j,canContinue:m,setCanContinue:h,onSaveData:oe=>{I(j,oe)},appearance:e,customFormElements:S,flowId:p})}),T&&we.createElement(Qr,{className:l("formPagination",e),appearance:e,stepCount:t.length,currentStep:o}),xe))),d=="large-modal"&&we.createElement(te,{selectedStep:t[o]})))};import Xt from"react";import{createGlobalStyle as va}from"styled-components";function ie({appearance:e}){if(!e||!e.styleOverrides)return Xt.createElement(Xt.Fragment,null);let t=Object.entries(e.styleOverrides).filter(([i,n])=>typeof n=="object");if(t.length===0)return Xt.createElement(Xt.Fragment,null);let o=va`
-${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map(([s,p])=>`${Oo(s)}: ${p};`).join(" ")} }`).join(" ")}`;return Xt.createElement(o,{inlineStyles:t})}var di=({flowId:e,customStepTypes:t={},type:o="inline",visible:i,setVisible:n,customVariables:r,customFormElements:s,onComplete:p,appearance:d,hideOnFlowCompletion:a=!0,onStepCompletion:f,onButtonClick:c,dismissible:u=!0,endFlowOnDismiss:w=!1,modalPosition:T="center",repeatable:S=!1,onDismiss:x,showPagination:E=!1,allowBackNavigation:P=!1,validationHandler:B,showFrigadeBranding:y=!1})=>{let{getFlow:C,getFlowSteps:m,isLoading:h,targetingLogicShouldHideFlow:F,getFlowStatus:L,getCurrentStepIndex:U,markFlowCompleted:$,markFlowNotStarted:A}=X(),_=U(e),{mergeAppearanceWithDefault:N}=J(),[M,Z]=Ba(!1),{setOpenFlowState:R,getOpenFlowState:z}=ve();d=N(d);let[Pe,ge]=i!==void 0&&n!==void 0?[i,n]:[z(e,!0),I=>R(e,I)];if(Ea(()=>{!M&&!h&&(Z(!0),L(e)===Y&&S&&A(e),Z(!0))},[M,Z,h]),h)return null;let V=C(e);if(!V||F(V))return null;let re=m(e);if(!re||i!==void 0&&i===!1||L(e)===Y&&a)return null;let ne=()=>{ge(!1),x&&x(),w===!0&&$(e)};if(T=="center"&&o==="modal"||o==="large-modal"){let I={padding:"24px"};return o==="large-modal"?(I.width="85%",I.height="90%",I.maxHeight="800px",I.minHeight="500px",I.padding="0"):I.width="400px",_e.createElement(Re,{appearance:d,onClose:ne,visible:Pe,style:I,dismissible:u,showFrigadeBranding:y},_e.createElement(ie,{appearance:d}),_e.createElement(bo,{appearance:d,steps:re,selectedStep:_,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:f,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:n,setShowModal:ge,onDismiss:x,showPagination:E,customFormElements:s,allowBackNavigation:P,validationHandler:B}))}return o==="modal"&&T!=="center"?_e.createElement(kr,{appearance:d,onClose:ne,visible:Pe},_e.createElement(ie,{appearance:d}),_e.createElement(bo,{appearance:d,steps:re,selectedStep:_,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:f,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:n,setShowModal:ge,onDismiss:x,showPagination:E,customFormElements:s,allowBackNavigation:P,validationHandler:B})):_e.createElement(_e.Fragment,null,_e.createElement(ie,{appearance:d}),_e.createElement(bo,{appearance:d,steps:re,selectedStep:_,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:f,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:n,setShowModal:ge,onDismiss:x,showPagination:E,customFormElements:s,allowBackNavigation:P,validationHandler:B}))},ci=di;import{useCallback as mi,useContext as Aa,useEffect as Ia}from"react";function Yo(){let{organizationId:e,userId:t,setOrganizationId:o}=Aa(G),{mutateUserFlowState:i}=Ie(),{config:n}=$e(),r=Tt(),{verifySDKInitiated:s}=Ft();Ia(()=>{if(t&&e){if(t.startsWith(kt))return;let a=`frigade-user-group-registered-${t}-${e}`;localStorage.getItem(a)||(r(`${Fe}userGroups`,{...n,method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})}),localStorage.setItem(a,"true"))}},[t,e]);let p=mi(async a=>{if(s(),!e||!t){console.error("Cannot add properties to organization: Organization ID and User ID must both be set.",{organizationId:e,userId:t});return}let f={foreignUserId:t,foreignUserGroupId:e,properties:a};await r(`${Fe}userGroups`,{...n,method:"POST",body:JSON.stringify(f)}),i()},[e,t,n,i]),d=mi(async(a,f)=>{if(s(),!e||!t){console.error("Cannot track event for organization: Organization ID and User ID must both be set.",{organizationId:e,userId:t});return}let u={foreignUserId:t,foreignUserGroupId:e,events:[{event:a,properties:f}]};await r(`${Fe}userGroups`,{...n,method:"POST",body:JSON.stringify(u)}),i()},[e,t,n,i]);return{organizationId:e,setOrganizationId:o,addPropertiesToOrganization:p,trackEventForOrganization:d}}var ui="xFrigade_guestUserId",fi="xFrigade_userId",gi=({})=>{let{setFlowResponses:e}=Wt(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:i}=Ie(),{userId:n,setUserId:r}=Ht(),[s,p]=Xo(null),{getFlowStatus:d}=X(),{flows:a,userProperties:f,setIsNewGuestUser:c,flowResponses:u}=Na(G),[w,T]=Xo([]),[S,x]=Xo([]),{organizationId:E}=Yo();wo(()=>{if(!o&&t)for(let C=0;C<t.length;C++){let m=t[C],h=a.find(F=>F.slug===(m==null?void 0:m.flowId));if(h&&m&&m.shouldTrigger===!0&&h.type=="FORM"&&h.triggerType==="AUTOMATIC"&&!S.includes(h.slug)){setTimeout(()=>{P(m.flowId)},500);break}}},[o,t]),wo(()=>{u.length>0&&i()},[u]);function P(C){let m=a.find(h=>h.slug===C);m&&m.triggerType==="AUTOMATIC"&&!S.includes(m.slug)&&(x([...S,m.slug]),T([m]))}function B(){if(!n){let C=localStorage.getItem(fi);if(C){r(C);return}let m=localStorage.getItem(ui);if(m){r(m);return}c(!0);let h=kt+La();try{localStorage.setItem(ui,h)}catch(F){console.log("Failed to save guest user id locally: Local storage unavailable",F)}r(F=>F||h)}}wo(()=>{try{if(a){let C=[];a.forEach(m=>{if(m.data){let h=m.data.match(/"imageUri":"(.*?)"/g);h&&h.forEach(F=>{let L=F.replace('"imageUri":"',"").replace('"',"");if(C.includes(L))return;let U=new Image;U.src=L,C.push(L)})}})}}catch{}},[a]),wo(()=>{if(n!==s&&e([]),p(n),n&&!n.startsWith(kt))try{localStorage.setItem(fi,n)}catch(C){console.log("Failed to save user id locally: Local storage available",C)}n===null&&setTimeout(()=>{n===null&&B()},50)},[n,a,f]);function y(){return gt.createElement(gt.Fragment,null,w.map(C=>d(C.slug)!==Le?null:gt.createElement("span",{key:C.slug},gt.createElement(ci,{flowId:C.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return gt.createElement(gt.Fragment,null,gt.createElement(y,null))};import{ErrorBoundary as Ma}from"react-error-boundary";var G=Oa({publicApiKey:"",setUserId:()=>{},flows:[],setFlows:()=>{},failedFlowResponses:[],setFailedFlowResponses:()=>{},flowResponses:[],setFlowResponses:()=>{},userProperties:{},setUserProperties:()=>{},openFlowStates:{},setOpenFlowStates:()=>{},completedFlowsToKeepOpenDuringSession:[],setCompletedFlowsToKeepOpenDuringSession:()=>{},customVariables:{},setCustomVariables:()=>{},isNewGuestUser:!1,setIsNewGuestUser:()=>{},hasActiveFullPageFlow:!1,setHasActiveFullPageFlow:()=>{},organizationId:"",setOrganizationId:()=>{},navigate:()=>{},defaultAppearance:qe,shouldGracefullyDegrade:!1,setShouldGracefullyDegrade:()=>{}}),$a=({publicApiKey:e,userId:t,organizationId:o,config:i,children:n})=>{var Z,R;let[r,s]=Ne(t||null),[p,d]=Ne(o||null),[a,f]=Ne([]),[c,u]=Ne([]),[w,T]=Ne([]),[S,x]=Ne({}),[E,P]=Ne({}),[B,y]=Ne([]),[C,m]=Ne({}),[h,F]=Ne(!1),[L,U]=Ne(!1),[$,A]=Ne(!M(e)),_=(z,Pe)=>{if(Pe==="_blank"){window.open(z,"_blank");return}setTimeout(()=>{window.location.href=z},50)},N={theme:{...qe.theme,...((Z=i==null?void 0:i.defaultAppearance)==null?void 0:Z.theme)??{}},styleOverrides:{...qe.styleOverrides,...((R=i==null?void 0:i.defaultAppearance)==null?void 0:R.styleOverrides)??{}}};function M(z){return!!(z&&z.length>10&&z.substring(0,10)==="api_public")}return Jo(()=>{t&&s(t)},[t]),Jo(()=>{o&&d(o)},[o]),Jo(()=>{if(M(e))A(!1);else{console.error("Frigade SDK failed to initialize. API key provided is either missing or valid."),A(!0);return}},[e,A]),$?ht.createElement(G.Provider,{value:{publicApiKey:e,userId:r,setUserId:s,setFlows:f,flows:a,failedFlowResponses:c,setFailedFlowResponses:u,flowResponses:w,setFlowResponses:T,userProperties:S,setUserProperties:x,openFlowStates:E,setOpenFlowStates:P,completedFlowsToKeepOpenDuringSession:B,setCompletedFlowsToKeepOpenDuringSession:y,customVariables:C,setCustomVariables:m,isNewGuestUser:h,setIsNewGuestUser:F,hasActiveFullPageFlow:L,setHasActiveFullPageFlow:U,organizationId:p,setOrganizationId:d,navigate:i&&i.navigate?i.navigate:_,defaultAppearance:N,shouldGracefullyDegrade:$,setShouldGracefullyDegrade:A}},n):ht.createElement(Ma,{fallback:ht.createElement(ht.Fragment,null,n)},ht.createElement(G.Provider,{value:{publicApiKey:e,userId:r,setUserId:s,setFlows:f,flows:a,failedFlowResponses:c,setFailedFlowResponses:u,flowResponses:w,setFlowResponses:T,userProperties:S,setUserProperties:x,openFlowStates:E,setOpenFlowStates:P,completedFlowsToKeepOpenDuringSession:B,setCompletedFlowsToKeepOpenDuringSession:y,customVariables:C,setCustomVariables:m,isNewGuestUser:h,setIsNewGuestUser:F,hasActiveFullPageFlow:L,setHasActiveFullPageFlow:U,organizationId:p,setOrganizationId:d,navigate:i&&i.navigate?i.navigate:_,defaultAppearance:N,shouldGracefullyDegrade:$,setShouldGracefullyDegrade:A}},ht.createElement(Da,{theme:N.theme},n,ht.createElement(gi,null))))};import Op from"react";import pe,{useEffect as qn,useState as Kn}from"react";import Me,{useState as np}from"react";import St from"styled-components";import ko from"react";import xt from"react";import xi from"styled-components";var hi=xi.span`
+`;var Ci=({stepData:e,setCanContinue:t,onSaveData:o,appearance:i})=>{let n=e.props,[r,s]=Xo([]),[p,d]=Xo(!1),[a,f]=Xo(e.id);return Yo(()=>{r.length==0&&!p&&(d(!0),o({choice:[]}))},[p]),Yo(()=>{a!==e.id&&(f(e.id),s([]))},[e]),Yo(()=>{o({choice:r}),r.length>=n.minChoices?t(!0):t(!1)},[r]),Ke.createElement(di,{className:l("selectListContainer",i)},Ke.createElement(ci,null,Ke.createElement(mi,{className:l("selectListTitle",i)},e.title),Ke.createElement(ui,{appearance:i,className:l("selectListSubtitle",i)},e.subtitle)),n.options.map((c,u)=>{let w=r.includes(c.id);return Ke.createElement(fi,{key:`select-item-${u}`,onClick:()=>{if(r.includes(c.id)){s(r.filter(T=>T!==c.id));return}r.length<n.maxChoices?s([...r,c.id]):r.length==1&&n.maxChoices==1&&s([c.id])},hideBottomBorder:u===n.options.length-1,className:l("selectListSelectItem",i)},Ke.createElement(gi,{className:l("selectListItemImage",i)},c.imageUri&&Ke.createElement(hi,{src:c.imageUri,alt:`select-icon-${u}`}),Ke.createElement(xi,{appearance:i,className:l("selectListSelectItemText",i)},c.title)),Ke.createElement(ut,{appearance:i,value:w,primaryColor:i.theme.colorPrimary}))}))};import ye,{useEffect as Jo,useState as Yt}from"react";import{AnimatePresence as ka,motion as Pa}from"framer-motion";var va=({children:e,id:t,shouldWrap:o=!1})=>ye.createElement(ye.Fragment,null,o?ye.createElement(ka,{initial:!1},ye.createElement(Pa.div,{key:t,initial:{opacity:1,y:"100%"},animate:{opacity:1,y:0},exit:{opacity:0,y:"-100%"},transition:{duration:.5,ease:"easeInOut"},style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:1,overflowY:"auto"}},e)):e),To=({appearance:e,steps:t,selectedStep:o,customStepTypes:i,customVariables:n,onButtonClick:r,onStepCompletion:s,flowId:p,type:d,hideOnFlowCompletion:a,onComplete:f,setVisible:c,setShowModal:u,onDismiss:w,showPagination:T=!1,customFormElements:S,allowBackNavigation:C,validationHandler:P})=>{var ke;let B={...{linkCollection:li,multiInput:Jr,callToAction:ai,selectList:Ci},...i},{primaryCTAClickSideEffects:y,secondaryCTAClickSideEffects:h}=re(),[m,x]=Yt(!1),[F,D]=Yt({}),[_,z]=Yt(!1),[A,U]=Yt(!1),[$,L]=Yt(null),ie=t[o]??null,{markStepCompleted:pe,markStepStarted:O,isLoading:we,updateCustomVariables:xe,markFlowCompleted:ee}=X();Jo(()=>{xe(n)},[n,we]),Jo(()=>{window&&C&&!A&&(window.location.hash=t[o].id,U(!0))},[C,A,U]),Jo(()=>{var G;if(window&&((G=window==null?void 0:window.location)!=null&&G.hash)&&window.location.hash.replace("#","")!==t[o].id){let ge=window.location.hash.replace("#",""),R=t.findIndex(K=>K.id===ge);R!==-1&&O(p,t[R].id)}},[(ke=window==null?void 0:window.location)==null?void 0:ke.hash,O,o,t]);function j(){return{data:F[t[o].id]??{},stepId:t[o].id,customVariables:n}}function oe(G,ge,R){let K=o+1<t.length?t[o+1]:null;r&&r(G,o,ge,K),s&&s(G,R,K,F,j())}function I(G,ge){D(R=>{let K={};return K[G.id]=ge,{...R,...K}})}function ne(G){return G.selectedStep.imageUri?ye.createElement(ri,{image:G.selectedStep.imageUri,appearance:e,className:l("formContainerSidebarImage",e)}):null}let fe=ye.createElement(ni,{step:t[o],canContinue:m&&!_,formType:d,selectedStep:o,appearance:e,onPrimaryClick:async()=>{if(z(!0),P){let ge=await P(t[o],o,t[o+1],F,j());if(ge){L(ge),z(!1);return}else L(null)}let G={...j()};await pe(p,t[o].id,G),o+1<t.length&&await O(p,t[o+1].id),oe(t[o],"primary",o),o+1>=t.length&&(f&&f(),w&&w(),a&&(c&&c(!1),u(!1)),await ee(p)),y(t[o]),z(!1),window&&C&&o+1<t.length&&(window.location.hash=t[o+1].id)},onSecondaryClick:()=>{oe(t[o],"secondary",o),h(t[o])},onBack:async()=>{o-1>=0&&(z(!0),await O(p,t[o-1].id),z(!1))},steps:t,allowBackNavigation:C,errorMessage:$});return ye.createElement(ye.Fragment,null,ye.createElement(ei,{className:l("formContainer",e)},ye.createElement(ti,null,ye.createElement(va,{id:o,shouldWrap:d==="large-modal"},ye.createElement(oi,{key:ie.id,type:d,className:l("formContent",e)},t.map(G=>{let ge=B[G.type];return ie.id!==G.id?null:ye.createElement(ge,{key:G.id,stepData:G,canContinue:m,setCanContinue:x,onSaveData:R=>{I(G,R)},appearance:e,customFormElements:S,flowId:p})}),T&&ye.createElement(si,{className:l("formPagination",e),appearance:e,stepCount:t.length,currentStep:o}),fe))),d=="large-modal"&&ye.createElement(ne,{selectedStep:t[o]})))};import Xt from"react";import{createGlobalStyle as Ea}from"styled-components";function te({appearance:e}){if(!e||!e.styleOverrides)return Xt.createElement(Xt.Fragment,null);let t=Object.entries(e.styleOverrides).filter(([i,n])=>typeof n=="object");if(t.length===0)return Xt.createElement(Xt.Fragment,null);let o=Ea`
+${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map(([s,p])=>`${$o(s)}: ${p};`).join(" ")} }`).join(" ")}`;return Xt.createElement(o,{inlineStyles:t})}var Si=({flowId:e,customStepTypes:t={},type:o="inline",visible:i,setVisible:n,customVariables:r,customFormElements:s,onComplete:p,appearance:d,hideOnFlowCompletion:a=!0,onStepCompletion:f,onButtonClick:c,dismissible:u=!0,endFlowOnDismiss:w=!1,modalPosition:T="center",repeatable:S=!1,onDismiss:C,showPagination:P=!1,allowBackNavigation:v=!1,validationHandler:B,showFrigadeBranding:y=!1})=>{let{getFlow:h,getFlowSteps:m,isLoading:x,targetingLogicShouldHideFlow:F,getFlowStatus:D,getCurrentStepIndex:_,markFlowCompleted:z,markFlowNotStarted:A}=X(),U=_(e),{mergeAppearanceWithDefault:$}=J(),[L,ie]=Aa(!1),{setOpenFlowState:pe,getOpenFlowState:O}=Pe();d=$(d);let[we,xe]=i!==void 0&&n!==void 0?[i,n]:[O(e,!0),I=>pe(e,I)];if(Ba(()=>{!L&&!x&&(ie(!0),D(e)===Y&&S&&A(e),ie(!0))},[L,ie,x]),x)return null;let ee=h(e);if(!ee||F(ee))return null;let j=m(e);if(!j||i!==void 0&&i===!1||D(e)===Y&&a)return null;let oe=()=>{xe(!1),C&&C(),w===!0&&z(e)};if(T=="center"&&o==="modal"||o==="large-modal"){let I={padding:"24px"};return o==="large-modal"?(I.width="85%",I.height="90%",I.maxHeight="800px",I.minHeight="500px",I.padding="0"):I.width="400px",_e.createElement(et,{appearance:d,onClose:oe,visible:we,style:I,dismissible:u,showFrigadeBranding:y},_e.createElement(te,{appearance:d}),_e.createElement(To,{appearance:d,steps:j,selectedStep:U,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:f,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:n,setShowModal:xe,onDismiss:C,showPagination:P,customFormElements:s,allowBackNavigation:v,validationHandler:B}))}return o==="modal"&&T!=="center"?_e.createElement(Or,{appearance:d,onClose:oe,visible:we},_e.createElement(te,{appearance:d}),_e.createElement(To,{appearance:d,steps:j,selectedStep:U,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:f,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:n,setShowModal:xe,onDismiss:C,showPagination:P,customFormElements:s,allowBackNavigation:v,validationHandler:B})):_e.createElement(_e.Fragment,null,_e.createElement(te,{appearance:d}),_e.createElement(To,{appearance:d,steps:j,selectedStep:U,customStepTypes:t,customVariables:r,onButtonClick:c,onStepCompletion:f,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:n,setShowModal:xe,onDismiss:C,showPagination:P,customFormElements:s,allowBackNavigation:v,validationHandler:B}))},yi=Si;import{useCallback as bi,useContext as Ia,useEffect as Na}from"react";function Qo(){let{organizationId:e,userId:t,setOrganizationId:o}=Ia(q),{mutateUserFlowState:i}=Ie(),{config:n}=Me(),r=Tt(),{verifySDKInitiated:s}=Ft();Na(()=>{if(t&&e){if(t.startsWith(kt))return;let a=`frigade-user-group-registered-${t}-${e}`;localStorage.getItem(a)||(r(`${Te}userGroups`,{...n,method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})}),localStorage.setItem(a,"true"))}},[t,e]);let p=bi(async a=>{if(s(),!e||!t){console.error("Cannot add properties to organization: Organization ID and User ID must both be set.",{organizationId:e,userId:t});return}let f={foreignUserId:t,foreignUserGroupId:e,properties:a};await r(`${Te}userGroups`,{...n,method:"POST",body:JSON.stringify(f)}),i()},[e,t,n,i]),d=bi(async(a,f)=>{if(s(),!e||!t){console.error("Cannot track event for organization: Organization ID and User ID must both be set.",{organizationId:e,userId:t});return}let u={foreignUserId:t,foreignUserGroupId:e,events:[{event:a,properties:f}]};await r(`${Te}userGroups`,{...n,method:"POST",body:JSON.stringify(u)}),i()},[e,t,n,i]);return{organizationId:e,setOrganizationId:o,addPropertiesToOrganization:p,trackEventForOrganization:d}}var wi="xFrigade_guestUserId",Ti="xFrigade_userId",Fi=({})=>{let{setFlowResponses:e}=Wt(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:i}=Ie(),{userId:n,setUserId:r}=Ht(),[s,p]=Zo(null),{getFlowStatus:d}=X(),{flows:a,userProperties:f,setIsNewGuestUser:c,flowResponses:u}=La(q),[w,T]=Zo([]),[S,C]=Zo([]),{organizationId:P}=Qo();Fo(()=>{if(!o&&t)for(let h=0;h<t.length;h++){let m=t[h],x=a.find(F=>F.slug===(m==null?void 0:m.flowId));if(x&&m&&m.shouldTrigger===!0&&x.type=="FORM"&&x.triggerType==="AUTOMATIC"&&!S.includes(x.slug)){setTimeout(()=>{v(m.flowId)},500);break}}},[o,t]),Fo(()=>{u.length>0&&i()},[u]);function v(h){let m=a.find(x=>x.slug===h);m&&m.triggerType==="AUTOMATIC"&&!S.includes(m.slug)&&(C([...S,m.slug]),T([m]))}function B(){if(!n){let h=localStorage.getItem(Ti);if(h){r(h);return}let m=localStorage.getItem(wi);if(m){r(m);return}c(!0);let x=kt+Oa();try{localStorage.setItem(wi,x)}catch(F){console.log("Failed to save guest user id locally: Local storage unavailable",F)}r(F=>F||x)}}Fo(()=>{try{if(a){let h=[];a.forEach(m=>{if(m.data){let x=m.data.match(/"imageUri":"(.*?)"/g);x&&x.forEach(F=>{let D=F.replace('"imageUri":"',"").replace('"',"");if(h.includes(D))return;let _=new Image;_.src=D,h.push(D)})}})}}catch{}},[a]),Fo(()=>{if(n!==s&&e([]),p(n),n&&!n.startsWith(kt))try{localStorage.setItem(Ti,n)}catch(h){console.log("Failed to save user id locally: Local storage available",h)}n===null&&setTimeout(()=>{n===null&&B()},50)},[n,a,f]);function y(){return ft.createElement(ft.Fragment,null,w.map(h=>d(h.slug)!==Le?null:ft.createElement("span",{key:h.slug},ft.createElement(yi,{flowId:h.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return ft.createElement(ft.Fragment,null,ft.createElement(y,null))};import{ErrorBoundary as Ma}from"react-error-boundary";var q=Da({publicApiKey:"",setUserId:()=>{},flows:[],setFlows:()=>{},failedFlowResponses:[],setFailedFlowResponses:()=>{},flowResponses:[],setFlowResponses:()=>{},userProperties:{},setUserProperties:()=>{},openFlowStates:{},setOpenFlowStates:()=>{},completedFlowsToKeepOpenDuringSession:[],setCompletedFlowsToKeepOpenDuringSession:()=>{},customVariables:{},setCustomVariables:()=>{},isNewGuestUser:!1,setIsNewGuestUser:()=>{},hasActiveFullPageFlow:!1,setHasActiveFullPageFlow:()=>{},organizationId:"",setOrganizationId:()=>{},navigate:()=>{},defaultAppearance:qe,shouldGracefullyDegrade:!1,setShouldGracefullyDegrade:()=>{}}),Ua=({publicApiKey:e,userId:t,organizationId:o,config:i,children:n})=>{var ie,pe;let[r,s]=Ne(t||null),[p,d]=Ne(o||null),[a,f]=Ne([]),[c,u]=Ne([]),[w,T]=Ne([]),[S,C]=Ne({}),[P,v]=Ne({}),[B,y]=Ne([]),[h,m]=Ne({}),[x,F]=Ne(!1),[D,_]=Ne(!1),[z,A]=Ne(!L(e)),U=(O,we)=>{if(we==="_blank"){window.open(O,"_blank");return}setTimeout(()=>{window.location.href=O},50)},$={theme:{...qe.theme,...((ie=i==null?void 0:i.defaultAppearance)==null?void 0:ie.theme)??{}},styleOverrides:{...qe.styleOverrides,...((pe=i==null?void 0:i.defaultAppearance)==null?void 0:pe.styleOverrides)??{}}};function L(O){return!!(O&&O.length>10&&O.substring(0,10)==="api_public")}return Ro(()=>{t&&s(t)},[t]),Ro(()=>{o&&d(o)},[o]),Ro(()=>{if(L(e))A(!1);else{console.error("Frigade SDK failed to initialize. API key provided is either missing or valid."),A(!0);return}},[e,A]),z?gt.createElement(q.Provider,{value:{publicApiKey:e,userId:r,setUserId:s,setFlows:f,flows:a,failedFlowResponses:c,setFailedFlowResponses:u,flowResponses:w,setFlowResponses:T,userProperties:S,setUserProperties:C,openFlowStates:P,setOpenFlowStates:v,completedFlowsToKeepOpenDuringSession:B,setCompletedFlowsToKeepOpenDuringSession:y,customVariables:h,setCustomVariables:m,isNewGuestUser:x,setIsNewGuestUser:F,hasActiveFullPageFlow:D,setHasActiveFullPageFlow:_,organizationId:p,setOrganizationId:d,navigate:i&&i.navigate?i.navigate:U,defaultAppearance:$,shouldGracefullyDegrade:z,setShouldGracefullyDegrade:A}},n):gt.createElement(Ma,{fallback:gt.createElement(gt.Fragment,null,n)},gt.createElement(q.Provider,{value:{publicApiKey:e,userId:r,setUserId:s,setFlows:f,flows:a,failedFlowResponses:c,setFailedFlowResponses:u,flowResponses:w,setFlowResponses:T,userProperties:S,setUserProperties:C,openFlowStates:P,setOpenFlowStates:v,completedFlowsToKeepOpenDuringSession:B,setCompletedFlowsToKeepOpenDuringSession:y,customVariables:h,setCustomVariables:m,isNewGuestUser:x,setIsNewGuestUser:F,hasActiveFullPageFlow:D,setHasActiveFullPageFlow:_,organizationId:p,setOrganizationId:d,navigate:i&&i.navigate?i.navigate:U,defaultAppearance:$,shouldGracefullyDegrade:z,setShouldGracefullyDegrade:A}},gt.createElement($a,{theme:$.theme},n,gt.createElement(Fi,null))))};import Dp from"react";import ae,{useEffect as ts,useState as os}from"react";import $e,{useState as sp}from"react";import Ct from"styled-components";import vo from"react";import ht from"react";import Pi from"styled-components";var ki=Pi.span`
   font-weight: 400;
   font-size: 15px;
   line-height: 20px;
@@ -555,7 +634,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   vertical-align: middle;
   margin-left: 12px;
   padding-right: 12px;
-`,Ua=xi.div`
+`,_a=Pi.div`
   flex-direction: row;
   justify-content: space-between;
   display: flex;
@@ -563,24 +642,24 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   padding-bottom: 20px;
   border-top: 1px solid ${e=>e.theme.colorBorder};
   width: 100%;
-`,To=({label:e,value:t,labelStyle:o={},labelPosition:i="right",style:n,primaryColor:r="#000000",checkBoxType:s="square",appearance:p})=>xt.createElement(xt.Fragment,null,xt.createElement(Ua,{className:l("checklistStepsContainer",p),appearance:p,style:{...n}},i==="left"&&e&&xt.createElement(hi,{className:l("checklistStepLabel",p),style:o},e),xt.createElement(ft,{appearance:p,value:t,type:s,primaryColor:r}),i==="right"&&e&&xt.createElement(hi,{className:l("checklistStepLabel",p),style:o},e)),xt.createElement(ie,{appearance:p}));import{motion as _a}from"framer-motion";import Jt from"styled-components";var Ci=Jt.div`
+`,ko=({label:e,value:t,labelStyle:o={},labelPosition:i="right",style:n,primaryColor:r="#000000",checkBoxType:s="square",appearance:p})=>ht.createElement(ht.Fragment,null,ht.createElement(_a,{className:l("checklistStepsContainer",p),appearance:p,style:{...n}},i==="left"&&e&&ht.createElement(ki,{className:l("checklistStepLabel",p),style:o},e),ht.createElement(ut,{appearance:p,value:t,type:s,primaryColor:r}),i==="right"&&e&&ht.createElement(ki,{className:l("checklistStepLabel",p),style:o},e)),ht.createElement(te,{appearance:p}));import{motion as za}from"framer-motion";import Jt from"styled-components";var vi=Jt.div`
   font-weight: 700;
   font-size: 18px;
   line-height: 22px;
-`,Si=Jt.p`
+`,Ei=Jt.p`
   font-weight: 700;
   font-size: 18px;
   line-height: 22px;
   margin: 20px 0px 0px 0px;
   color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
-`,yi=Jt.p`
+`,Bi=Jt.p`
   font-weight: 400;
   font-size: 15px;
   line-height: 28px;
   max-width: 540px;
   margin: 8px 0px 0px 0px;
   color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
-`,Fo=Jt.div`
+`,Po=Jt.div`
   width: 4px;
   position: absolute;
   left: 0;
@@ -588,35 +667,35 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   height: 80%;
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
-`,bi=Jt.div`
+`,Ai=Jt.div`
   flex-direction: row;
   justify-content: flex-start;
-`;var wi=({data:e,index:t,isSelected:o,primaryColor:i,style:n,onClick:r,appearance:s})=>{var p,d;return ko.createElement("div",{style:{position:"relative",paddingLeft:"20px"},onClick:()=>{r()}},o&&ko.createElement(Fo,{className:l("checklistStepItemSelectedIndicator",s),as:_a.div,layoutId:"checklis-step-selected",style:{backgroundColor:((p=s==null?void 0:s.theme)==null?void 0:p.colorPrimary)??i}}),ko.createElement(bi,{className:l("checklistStepItem",s),key:`hero-checklist-step-${t}`,role:"listitem"},ko.createElement(To,{value:e.complete,labelPosition:"left",label:e.stepName,style:n,primaryColor:((d=s==null?void 0:s.theme)==null?void 0:d.colorPrimary)??i,appearance:s})))};import Ct from"react";import{motion as za}from"framer-motion";import Qo from"styled-components";var Wa={backgroundColor:"#E6E6E6"},Ha=Qo.div`
+`;var Ii=({data:e,index:t,isSelected:o,primaryColor:i,style:n,onClick:r,appearance:s})=>{var p,d;return vo.createElement("div",{style:{position:"relative",paddingLeft:"20px"},onClick:()=>{r()}},o&&vo.createElement(Po,{className:l("checklistStepItemSelectedIndicator",s),as:za.div,layoutId:"checklis-step-selected",style:{backgroundColor:((p=s==null?void 0:s.theme)==null?void 0:p.colorPrimary)??i}}),vo.createElement(Ai,{className:l("checklistStepItem",s),key:`hero-checklist-step-${t}`,role:"listitem"},vo.createElement(ko,{value:e.complete,labelPosition:"left",label:e.stepName,style:n,primaryColor:((d=s==null?void 0:s.theme)==null?void 0:d.colorPrimary)??i,appearance:s})))};import xt from"react";import{motion as Wa}from"framer-motion";import er from"styled-components";var Ha={backgroundColor:"#E6E6E6"},Va=er.div`
   display: flex;
   flex-direction: ${e=>e.textLocation=="top"?"column":"row"};
   justify-content: flex-start;
   align-items: ${e=>e.textLocation=="top"?"flex-end":"center"};
 
-  ${e=>ct(e)}
-`,Va=Qo.div`
+  ${e=>dt(e)}
+`,ja=er.div`
   flex-grow: 1;
   position: relative;
   ${e=>e.textLocation=="top"?"width: 100%;":""}
-`,ja=Qo.span`
+`,Ga=er.span`
   font-weight: 500;
   font-size: 15px;
   line-height: 18px;
   padding-right: ${e=>e.padding};
   color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
   margin-bottom: ${e=>e.textLocation=="top"?"8px":"0px"};
-  ${e=>ct(e)}
-`,Ga={position:"relative",left:0,top:0,width:"100%",minWidth:"40px",height:"10px",borderRadius:"20px"},qa={position:"absolute",left:0,top:0,height:"10px",borderRadius:"20px"},ze=({count:e,total:t,fillColor:o,bgColor:i=Wa.backgroundColor,display:n="count",textLocation:r="left",style:s={},textStyle:p={},appearance:d})=>{var T,S;if(t===0)return Ct.createElement(Ct.Fragment,null);let a=e===0?"10px":`${e/t*100}%`,f=n==="compact"?"5px":"10px",c=Math.round(e/t*100),u=n==="compact"?"5px":"20px",w;return n==="count"?w=`${e} of ${t}`:n==="compact"?w=`${c}%`:n==="percent"&&(w=`${c}% complete`),r==="top"&&(u="0px"),Ct.createElement(Ha,{className:l("progressBarContainer",d),textLocation:r,styleOverrides:s},Ct.createElement(ja,{className:l("progressBarStepText",d),style:{...p,fontSize:n==="compact"?12:15,fontWeight:n==="compact"?400:500},appearance:d,padding:u,textLocation:r},w),Ct.createElement(Va,{textLocation:r,className:l("progressBar",d)},Ct.createElement(za.div,{style:{...qa,width:a,height:f,backgroundColor:((T=d==null?void 0:d.theme)==null?void 0:T.colorPrimary)??o,zIndex:n=="compact"?1:5},className:l("progressBarFill",d)}),Ct.createElement("div",{className:l("progressBarBackground",d),style:{...Ga,height:f,backgroundColor:((S=d==null?void 0:d.theme)==null?void 0:S.colorSecondary)??i}})))};import Zt from"react";import Ka from"styled-components";import vo from"react";import Po from"react";var It=({stepData:e,appearance:t})=>Po.createElement(Po.Fragment,null,Po.createElement(Si,{appearance:t,className:l("checklistStepTitle",t),dangerouslySetInnerHTML:me(e.title)}),Po.createElement(yi,{appearance:t,className:l("checklistStepSubtitle",t),dangerouslySetInnerHTML:me(e.subtitle)}));import Qt from"react";var Nt=({stepData:e,appearance:t})=>{let o=()=>{e.handlePrimaryButtonClick&&e.handlePrimaryButtonClick()},i=()=>{e.handleSecondaryButtonClick&&e.handleSecondaryButtonClick()};return Qt.createElement(Qt.Fragment,null,Qt.createElement(xo,null,e.secondaryButtonTitle&&Qt.createElement(ee,{appearance:t,secondary:!0,title:e.secondaryButtonTitle,onClick:i,style:{width:"auto",marginRight:"12px"}}),Qt.createElement(ee,{appearance:t,title:e.primaryButtonTitle,onClick:o})))};var Lt=({stepData:e,appearance:t})=>vo.createElement(vo.Fragment,null,vo.createElement(It,{stepData:e,appearance:t}),vo.createElement(Nt,{stepData:e,appearance:t}));import Ti from"react";function Fi(e){if(e.videoUri.includes("youtube")){let t=e.videoUri.split("v=")[1],o=t.indexOf("&");return o!==-1&&(t=t.substring(0,o)),Ti.createElement("iframe",{width:"480",height:"260",src:`https://www.youtube.com/embed/${t}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:l("checklistStepVideo",e.appearance)})}else return Ti.createElement("video",{width:"480",height:"260",controls:!0,src:e.videoUri})}var Zo="default",Ya=Ka.img`
+  ${e=>dt(e)}
+`,qa={position:"relative",left:0,top:0,width:"100%",minWidth:"40px",height:"10px",borderRadius:"20px"},Ka={position:"absolute",left:0,top:0,height:"10px",borderRadius:"20px"},ze=({count:e,total:t,fillColor:o,bgColor:i=Ha.backgroundColor,display:n="count",textLocation:r="left",style:s={},textStyle:p={},appearance:d})=>{var T,S;if(t===0)return xt.createElement(xt.Fragment,null);let a=e===0?"10px":`${e/t*100}%`,f=n==="compact"?"5px":"10px",c=Math.round(e/t*100),u=n==="compact"?"5px":"20px",w;return n==="count"?w=`${e} of ${t}`:n==="compact"?w=`${c}%`:n==="percent"&&(w=`${c}% complete`),r==="top"&&(u="0px"),xt.createElement(Va,{className:l("progressBarContainer",d),textLocation:r,styleOverrides:s},xt.createElement(Ga,{className:l("progressBarStepText",d),style:{...p,fontSize:n==="compact"?12:15,fontWeight:n==="compact"?400:500},appearance:d,padding:u,textLocation:r},w),xt.createElement(ja,{textLocation:r,className:l("progressBar",d)},xt.createElement(Wa.div,{style:{...Ka,width:a,height:f,backgroundColor:((T=d==null?void 0:d.theme)==null?void 0:T.colorPrimary)??o,zIndex:n=="compact"?1:5},className:l("progressBarFill",d)}),xt.createElement("div",{className:l("progressBarBackground",d),style:{...qa,height:f,backgroundColor:((S=d==null?void 0:d.theme)==null?void 0:S.colorSecondary)??i}})))};import Zt from"react";import Ya from"styled-components";import Bo from"react";import Eo from"react";var It=({stepData:e,appearance:t})=>Eo.createElement(Eo.Fragment,null,Eo.createElement(Ei,{appearance:t,className:l("checklistStepTitle",t),dangerouslySetInnerHTML:ce(e.title)}),Eo.createElement(Bi,{appearance:t,className:l("checklistStepSubtitle",t),dangerouslySetInnerHTML:ce(e.subtitle)}));import Qt from"react";var Nt=({stepData:e,appearance:t})=>{let o=()=>{e.handlePrimaryButtonClick&&e.handlePrimaryButtonClick()},i=()=>{e.handleSecondaryButtonClick&&e.handleSecondaryButtonClick()};return Qt.createElement(Qt.Fragment,null,Qt.createElement(So,null,e.secondaryButtonTitle&&Qt.createElement(Z,{appearance:t,secondary:!0,title:e.secondaryButtonTitle,onClick:i,style:{width:"auto",marginRight:"12px"}}),Qt.createElement(Z,{appearance:t,title:e.primaryButtonTitle,onClick:o})))};var Lt=({stepData:e,appearance:t})=>Bo.createElement(Bo.Fragment,null,Bo.createElement(It,{stepData:e,appearance:t}),Bo.createElement(Nt,{stepData:e,appearance:t}));import Ni from"react";function Li(e){if(e.videoUri.includes("youtube")){let t=e.videoUri.split("v=")[1],o=t.indexOf("&");return o!==-1&&(t=t.substring(0,o)),Ni.createElement("iframe",{width:"480",height:"260",src:`https://www.youtube.com/embed/${t}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,className:l("checklistStepVideo",e.appearance)})}else return Ni.createElement("video",{width:"480",height:"260",controls:!0,src:e.videoUri})}var tr="default",Xa=Ya.img`
   border-radius: 4px;
   max-height: 260px;
   min-height: 200px;
-`,ki=({stepData:e,appearance:t})=>{if(e!=null&&e.StepContent){let o=e.StepContent;return Zt.createElement("div",null,o)}return Zt.createElement(Ci,{className:l("checklistStepContent",t)},e.imageUri?Zt.createElement(Ya,{className:l("checklistStepImage",t),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?Zt.createElement(Fi,{videoUri:e.videoUri,appearance:t}):null,Zt.createElement(Lt,{stepData:e,appearance:t}))};import Be,{useRef as Xa,useState as Ja}from"react";import Ot from"styled-components";var Pi=Ot.div`
+`,Oi=({stepData:e,appearance:t})=>{if(e!=null&&e.StepContent){let o=e.StepContent;return Zt.createElement("div",null,o)}return Zt.createElement(vi,{className:l("checklistStepContent",t)},e.imageUri?Zt.createElement(Xa,{className:l("checklistStepImage",t),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?Zt.createElement(Li,{videoUri:e.videoUri,appearance:t}):null,Zt.createElement(Lt,{stepData:e,appearance:t}))};import Ee,{useRef as Ja,useState as Qa}from"react";import Ot from"styled-components";var Di=Ot.div`
   display: block;
-`,Qa=Ot.div`
+`,Za=Ot.div`
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
@@ -626,20 +705,20 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   align-content: center;
   margin-top: 24px;
   margin-bottom: 24px;
-`,Za=Ot.div`
+`,Ra=Ot.div`
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-direction: column;
   margin-right: 16px;
-`,Ra=Ot.video`
+`,ep=Ot.video`
   width: 200px;
   height: 120px;
-`,ep=Ot.div`
+`,tp=Ot.div`
   font-size: 14px;
   line-height: 20px;
   text-align: center;
-`,tp=Ot.div`
+`,op=Ot.div`
   position: absolute;
   width: 200px;
   height: 120px;
@@ -659,9 +738,9 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
     box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
     border-radius: 50%;
   }
-`,vi="videoCarousel",Ei=({stepData:e,appearance:t})=>{var n;if(!((n=e.props)!=null&&n.videos))return Be.createElement(Pi,null,Be.createElement(Lt,{stepData:e,appearance:t}));function o({video:r}){let s=Xa(),[p,d]=Ja(!1);return Be.createElement(Za,null,!p&&Be.createElement(tp,{onClick:()=>{d(!0),s.current.play()},appearance:t},Be.createElement(Co,null)),Be.createElement(Ra,{controls:p,ref:s,play:p,src:r.uri}),Be.createElement(ep,null,r.title))}let i=e.props;return i.videos?Be.createElement(Pi,null,Be.createElement(It,{stepData:e,appearance:t}),Be.createElement(Qa,null,i.videos.map((r,s)=>Be.createElement("span",{key:`${r.uri}-${s}`},Be.createElement(o,{video:r})))),Be.createElement(Nt,{stepData:e,appearance:t})):null};import Ye from"react";import Eo from"styled-components";var Bi=Eo.div`
+`,$i="videoCarousel",Mi=({stepData:e,appearance:t})=>{var n;if(!((n=e.props)!=null&&n.videos))return Ee.createElement(Di,null,Ee.createElement(Lt,{stepData:e,appearance:t}));function o({video:r}){let s=Ja(),[p,d]=Qa(!1);return Ee.createElement(Ra,null,!p&&Ee.createElement(op,{onClick:()=>{d(!0),s.current.play()},appearance:t},Ee.createElement(yo,null)),Ee.createElement(ep,{controls:p,ref:s,play:p,src:r.uri}),Ee.createElement(tp,null,r.title))}let i=e.props;return i.videos?Ee.createElement(Di,null,Ee.createElement(It,{stepData:e,appearance:t}),Ee.createElement(Za,null,i.videos.map((r,s)=>Ee.createElement("span",{key:`${r.uri}-${s}`},Ee.createElement(o,{video:r})))),Ee.createElement(Nt,{stepData:e,appearance:t})):null};import Ye from"react";import Ao from"styled-components";var Ui=Ao.div`
   display: block;
-`,op=Eo.pre`
+`,rp=Ao.pre`
   display: block;
   background-color: #2a2a2a;
   color: #f8f8f8;
@@ -677,68 +756,68 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   white-space: -o-pre-wrap; /* Opera 7 */
   word-wrap: break-word; /* Internet Explorer 5.5+ */
   margin-bottom: 24px;
-`,rp=Eo.div`
+`,ip=Ao.div`
   font-size: 15px;
   line-height: 20px;
   margin-bottom: 12px;
   margin-top: 12px;
-`,ip=Eo.div`
+`,np=Ao.div`
   margin-top: 24px;
-`,Ai="codeSnippet",Ii=({stepData:e,appearance:t})=>{var i;if(!((i=e.props)!=null&&i.codeSnippets))return Ye.createElement(Bi,null,Ye.createElement(Lt,{stepData:e,appearance:t}));let o=e.props;return o.codeSnippets?Ye.createElement(Bi,null,Ye.createElement(It,{stepData:e,appearance:t}),Ye.createElement(ip,null,o.codeSnippets.map((n,r)=>Ye.createElement("div",{key:r},n.title?Ye.createElement(rp,null,n.title):null,n.code?Ye.createElement(op,null,n.code):null))),Ye.createElement(Nt,{stepData:e,appearance:t})):null};var sp=St.div`
+`,_i="codeSnippet",zi=({stepData:e,appearance:t})=>{var i;if(!((i=e.props)!=null&&i.codeSnippets))return Ye.createElement(Ui,null,Ye.createElement(Lt,{stepData:e,appearance:t}));let o=e.props;return o.codeSnippets?Ye.createElement(Ui,null,Ye.createElement(It,{stepData:e,appearance:t}),Ye.createElement(np,null,o.codeSnippets.map((n,r)=>Ye.createElement("div",{key:r},n.title?Ye.createElement(ip,null,n.title):null,n.code?Ye.createElement(rp,null,n.code):null))),Ye.createElement(Nt,{stepData:e,appearance:t})):null};var lp=Ct.div`
   display: flex;
   flex-direction: row;
   min-width: ${e=>e.type!="modal"?"1000px":"100%"};
   background: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.colorBackground}};
   box-shadow: ${e=>e.type!="modal"?"0px 6px 25px rgba(0, 0, 0, 0.06)":"none"};
   border-radius: 8px;
-`,lp=St.h1`
+`,ap=Ct.h1`
   font-size: 24px;
   font-weight: 600;
   color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
-`,ap=St.h2`
+`,pp=Ct.h2`
   font-size: 15px;
   line-height: 20px;
   color: ${e=>{var t,o;return((o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary)??"#4d4d4d"}};
   margin: 10px 0px 0px 0px;
-`,Ni=St.div`
+`,Wi=Ct.div`
   padding-bottom: 16px;
-`,pp=St.div`
+`,dp=Ct.div`
   list-style: none;
   padding: 0;
   margin: 0;
   cursor: pointer;
   width: 300px;
-`,dp=St.div`
+`,cp=Ct.div`
   width: 1px;
   margin: 40px;
   background: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
-`,cp=St.div`
+`,mp=Ct.div`
   flex: 2;
   padding: 2rem;
-`,mp=({title:e,subtitle:t,steps:o=[],style:i={},selectedStep:n,setSelectedStep:r,className:s="",customStepTypes:p=new Map,appearance:d,type:a})=>{let{mergeAppearanceWithDefault:f}=J();d=f(d);let u={...{[Zo]:ki,[vi]:Ei,[Ai]:Ii},...p},[w,T]=np(0),S=n??w,x=r??T,E=o.filter(B=>B.complete===!0).length,P=()=>{var B;return!((B=o[S])!=null&&B.type)||!u[o[S].type]?u[Zo]({stepData:o[S],appearance:d}):u[o[S].type]({stepData:o[S],appearance:d})};return Me.createElement(sp,{type:a,style:i,className:s,appearance:d},Me.createElement(Ni,{style:{flex:1}},Me.createElement(Ni,{style:{padding:"30px 0px 30px 30px",borderBottom:"none"}},Me.createElement(lp,{className:l("checklistTitle",d),appearance:d},e),Me.createElement(ap,{className:l("checklistSubtitle",d),appearance:d},t),Me.createElement(ze,{total:o.length,count:E,fillColor:d.theme.colorPrimary,style:{marginTop:"24px"},appearance:d})),Me.createElement(pp,{className:l("checklistStepsContainer",d)},o.map((B,y)=>Me.createElement(wi,{data:B,index:y,key:y,listLength:o.length,isSelected:y===S,primaryColor:d.theme.colorPrimary,style:{justifyContent:"space-between"},onClick:()=>{x(y)}})))),Me.createElement(dp,{appearance:d,className:l("checklistDivider",d)}),Me.createElement(cp,null,Me.createElement(P,null)))},Ro=mp;import O,{useState as Cp}from"react";import Li from"react";import up from"styled-components";var fp=up.svg`
+`,up=({title:e,subtitle:t,steps:o=[],style:i={},selectedStep:n,setSelectedStep:r,className:s="",customStepTypes:p=new Map,appearance:d,type:a})=>{let{mergeAppearanceWithDefault:f}=J();d=f(d);let u={...{[tr]:Oi,[$i]:Mi,[_i]:zi},...p},[w,T]=sp(0),S=n??w,C=r??T,P=o.filter(B=>B.complete===!0).length,v=()=>{var B;return!((B=o[S])!=null&&B.type)||!u[o[S].type]?u[tr]({stepData:o[S],appearance:d}):u[o[S].type]({stepData:o[S],appearance:d})};return $e.createElement(lp,{type:a,style:i,className:s,appearance:d},$e.createElement(Wi,{style:{flex:1}},$e.createElement(Wi,{style:{padding:"30px 0px 30px 30px",borderBottom:"none"}},$e.createElement(ap,{className:l("checklistTitle",d),appearance:d},e),$e.createElement(pp,{className:l("checklistSubtitle",d),appearance:d},t),$e.createElement(ze,{total:o.length,count:P,fillColor:d.theme.colorPrimary,style:{marginTop:"24px"},appearance:d})),$e.createElement(dp,{className:l("checklistStepsContainer",d)},o.map((B,y)=>$e.createElement(Ii,{data:B,index:y,key:y,listLength:o.length,isSelected:y===S,primaryColor:d.theme.colorPrimary,style:{justifyContent:"space-between"},onClick:()=>{C(y)}})))),$e.createElement(cp,{appearance:d,className:l("checklistDivider",d)}),$e.createElement(mp,null,$e.createElement(v,null)))},or=up;import M,{useState as Sp}from"react";import Hi from"react";import fp from"styled-components";var gp=fp.svg`
   transition: 'transform 0.35s ease-in-out';
-`,Dt=({color:e="#323232",style:t,className:o})=>Li.createElement(fp,{width:"7",height:"10",viewBox:"0 0 9 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t,className:o},Li.createElement("path",{d:"M1 13L7.5 7L0.999999 1",stroke:e,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));import{motion as Sp}from"framer-motion";import ue from"styled-components";var er={boxShadow:"0px 6px 25px rgba(0, 0, 0, 0.06)",padding:"32px",maxHeight:"700px",msOverflowStyle:"none",scrollbarWidth:"none",paddingBottom:"12px",minHeight:"610px"},Oi=ue.div`
+`,Dt=({color:e="#323232",style:t,className:o})=>Hi.createElement(gp,{width:"7",height:"10",viewBox:"0 0 9 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t,className:o},Hi.createElement("path",{d:"M1 13L7.5 7L0.999999 1",stroke:e,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));import{motion as yp}from"framer-motion";import me from"styled-components";var rr={boxShadow:"0px 6px 25px rgba(0, 0, 0, 0.06)",padding:"32px",maxHeight:"700px",msOverflowStyle:"none",scrollbarWidth:"none",paddingBottom:"12px",minHeight:"610px"},Vi=me.div`
   max-height: 350px;
   padding-bottom: 40px;
-`,Di=ue.div`
+`,ji=me.div`
   display: flex;
   flex-direction: column;
   margin-top: 20px;
-`,Mi=ue.h1`
+`,Gi=me.h1`
   font-style: normal;
   font-weight: 600;
   font-size: 30px;
   line-height: 36px;
   margin-bottom: 16px;
   color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
-`,$i=ue.h2`
+`,qi=me.h2`
   font-weight: 400;
   font-size: 16px;
   line-height: 20px;
   margin-bottom: 16px;
   padding-left: 1px;
   color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
-`,Ui=ue.div`
+`,Ki=me.div`
   ${e=>k(e)} {
     border: 1px solid #fafafa;
   }
@@ -748,11 +827,11 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   flex-direction: column;
   min-height: 240px;
   overflow: hidden;
-`,_i=ue.div`
+`,Yi=me.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-`,zi=ue.p`
+`,Xi=me.p`
   ${e=>k(e)} {
     font-weight: 400;
     font-size: 10px;
@@ -761,12 +840,12 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
     color: #8c8c8c;
     margin: 20px;
   }
-`,Wi=ue.div`
+`,Ji=me.div`
   display: flex;
   flex-direction: row;
-`,Hi=ue.div`
+`,Qi=me.div`
   flex: 1;
-`,Vi=ue.div`
+`,Zi=me.div`
   ${e=>k(e)} {
     display: flex;
     justify-content: center;
@@ -776,7 +855,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
     padding-left: 8px;
     padding-right: 8px;
   }
-`,ji=ue.p`
+`,Ri=me.p`
   ${e=>k(e)} {
     font-style: normal;
     font-weight: 600;
@@ -788,7 +867,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
     margin-top: 20px;
     margin-bottom: 16px;
   }
-`,Gi=ue.p`
+`,en=me.p`
   ${e=>k(e)} {
     font-weight: 400;
     font-size: 14px;
@@ -797,14 +876,14 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
     color: ${e=>e.appearance.theme.colorTextSecondary};
     margin-bottom: 8px;
   }
-`,qi=ue.div`
+`,tn=me.div`
   ${e=>k(e)} {
     display: flex;
     flex-direction: row;
     justify-content: center;
     gap: 8px;
   }
-`,Ki=ue.div`
+`,on=me.div`
   ${e=>k(e)} {
     // Anything inside this block will be ignored if the user provides a custom class
     background-color: ${e=>e.selected?"#FAFAFA":"#FFFFFF"};
@@ -824,7 +903,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   justify-content: space-between;
   position: relative;
   cursor: pointer;
-`,Yi=ue.p`
+`,rn=me.p`
   ${e=>k(e)} {
     // Anything inside this block will be ignored if the user provides a custom class
     color: ${e=>e.selected?"#434343":"#BFBFBF"};
@@ -833,12 +912,12 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   font-size: 14px;
   line-height: 22px;
   margin: 0;
-`,Xi=ue.div`
+`,nn=me.div`
   display: flex;
   flex-direction: row;
   justify-content: flex-end;
   align-content: center;
-`,Ji=ue.div`
+`,sn=me.div`
   display: flex;
   flex: 1;
   flex-direction: row;
@@ -846,14 +925,14 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   align-content: center;
   align-items: center;
   margin-right: 20px;
-`,Qi=ue.div`
+`,ln=me.div`
   display: block;
   width: 100%;
-`;import gp from"styled-components";var Zi=gp.div`
+`;import hp from"styled-components";var an=hp.div`
   flex-direction: column;
   justify-content: center;
   display: flex;
-`;import Je from"react";import{motion as hp}from"framer-motion";import Xe from"styled-components";var Ri=Xe.div`
+`;import Je from"react";import{motion as xp}from"framer-motion";import Xe from"styled-components";var pn=Xe.div`
   border: 1px solid #fafafa;
   box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
   border-radius: 14px;
@@ -861,13 +940,13 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   display: flex;
   flex-direction: column;
   overflow: hidden;
-`,en=Xe.div`
+`,dn=Xe.div`
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   overflow: hidden;
   row-gap: 10px;
-`,tn=Xe.div`
+`,cn=Xe.div`
   ${e=>k(e)} {
     color: #595959;
   }
@@ -877,7 +956,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   line-height: 12px;
   letter-spacing: 0.09em;
   margin-bottom: 12px;
-`,on=Xe.div`
+`,mn=Xe.div`
   ${e=>k(e)} {
     // Anything inside this block will be ignored if the user provides a custom class
     background: #ffffff;
@@ -890,7 +969,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
 
   max-width: 150px;
   min-width: 200px;
-`,rn=Xe.div`
+`,un=Xe.div`
   ${e=>k(e)} {
     background: radial-gradient(50% 50% at 50% 50%, #ffffff 0%, #f7f7f7 100%);
   }
@@ -902,13 +981,13 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   justify-content: center;
   align-content: center;
   align-items: center;
-`,nn=Xe.div`
+`,fn=Xe.div`
   font-weight: 600;
   font-size: 20px;
   line-height: 24px;
   width: 20px;
   height: 20px;
-`,sn=Xe.div`
+`,gn=Xe.div`
   ${e=>k(e)} {
     color: #434343;
   }
@@ -917,20 +996,20 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   line-height: 17px;
   margin-top: 12px;
   margin-bottom: 8px;
-`,ln=Xe.div`
+`,hn=Xe.div`
   ${e=>k(e)} {
     color: #8c8c8c;
   }
   font-weight: 400;
   font-size: 12px;
   line-height: 14px;
-`,an=Xe.a`
+`,xn=Xe.a`
   color: ${e=>e.color};
   font-size: 12px;
   line-height: 14px;
   font-weight: 400;
   cursor: pointer;
-`;var xp=({steps:e,style:t,title:o,primaryColor:i,appearance:n,onButtonClick:r})=>{let{primaryCTAClickSideEffects:s}=se();return Je.createElement(Ri,{style:t,className:l("guideContainer",n)},Je.createElement(tn,{className:l("guideTitle",n)},o),Je.createElement(en,{className:l("guideItemContainer",n)},e.map((p,d)=>Je.createElement(on,{key:`guide-${p.id??d}`,as:hp.div,whileHover:{boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.05)",transition:{duration:.25}},className:l("guideItem",n)},p.icon&&Je.createElement(rn,{className:l("guideIcon",n)},Je.createElement(nn,null,p.icon)),Je.createElement(sn,{className:l("guideItemTitle",n),dangerouslySetInnerHTML:me(p.title)}),Je.createElement(ln,{className:l("guideItemSubtitle",n),dangerouslySetInnerHTML:me(p.subtitle)}),Je.createElement(an,{className:l("guideItemLink",n),color:i,onClick:()=>{p.primaryButtonUri&&s(p),r&&r(p)}},p.primaryButtonTitle)))))},Rt=xp;var yp=({steps:e,title:t,subtitle:o,stepsTitle:i,visible:n,onClose:r,selectedStep:s,setSelectedStep:p,customStepTypes:d,appearance:a,guideData:f,guideTitle:c,onGuideButtonClick:u})=>{let w=({stepData:m,handleSecondaryCTAClick:h,handleCTAClick:F})=>m?O.createElement(Vi,{className:l("checklistStepContainer",a),"data-testid":"checklistStepContainer"},O.createElement(ji,{appearance:a,className:l("checklistStepTitle",a),dangerouslySetInnerHTML:me(m.title)}),O.createElement(Gi,{appearance:a,className:l("checklistStepSubtitle",a),dangerouslySetInnerHTML:me(m.subtitle)}),O.createElement(qi,{className:l("checklistCTAContainer",a)},m.secondaryButtonTitle&&O.createElement(ee,{title:m.secondaryButtonTitle,onClick:h,appearance:a,secondary:!0}),O.createElement(ee,{title:m.primaryButtonTitle,onClick:F,appearance:a}))):O.createElement(O.Fragment,null),S={...{default:m=>{var U;if((U=e[P])!=null&&U.StepContent){let $=e[P].StepContent;return O.createElement("div",null,$)}let h=e[P];return O.createElement(w,{stepData:m,handleCTAClick:()=>{h.handlePrimaryButtonClick&&h.handlePrimaryButtonClick()},handleSecondaryCTAClick:()=>{h.handleSecondaryButtonClick&&h.handleSecondaryButtonClick()}})}},...d},[x,E]=Cp(0),P=s??x,B=p??E,y=()=>{var m;return e?!((m=e[P])!=null&&m.type)||!S[e[P].type]?S.default(e[P]):S[e[P].type]({stepData:e[P],primaryColor:a.theme.colorPrimary}):O.createElement(O.Fragment,null)},C=e.filter(m=>m.complete).length;return n?(a.theme.modalContainer||(a.theme.borderRadius&&(er.borderRadius=a.theme.borderRadius+"px"),a.theme.modalContainer=er),O.createElement(Re,{onClose:r,visible:n,appearance:a},O.createElement(Qi,null,O.createElement(Di,null,O.createElement(Mi,{appearance:a,className:l("checklistTitle",a)},t),O.createElement($i,{appearance:a,className:l("checklistSubtitle",a)},o)),O.createElement(Oi,null,e&&e.length>0&&O.createElement(Ui,{className:l("stepsContainer",a)},O.createElement(_i,null,O.createElement("div",{style:{flex:3}},O.createElement(zi,{className:l("stepsTitle",a)},i)),O.createElement(Ji,null,O.createElement(ze,{fillColor:a.theme.colorPrimary,style:{width:"100%"},count:C,total:e.length,appearance:a}))),O.createElement(Wi,null,O.createElement(Hi,{className:l("checklistStepListContainer",a),appearance:a},e.map((m,h)=>{let F=P===h;return O.createElement(Ki,{selected:F,className:l(`checklistStepListItem${F?"Selected":""}`,a),key:`checklist-guide-step-${m.id??h}`,disabled:m.blocked,onClick:()=>{m.blocked||B(h)},title:m.blocked?"Finish remaining steps to continue":void 0},F&&O.createElement(Fo,{className:l("checklistStepItemSelectedIndicator",a),as:Sp.div,layoutId:"checklist-step-selected",style:{backgroundColor:a.theme.colorPrimary,borderRadius:0,height:"100%",top:"0%",width:"2px"}}),O.createElement(Yi,{selected:F,className:l(`checklistStepListStepName${F?"Selected":""}`,a)},m.stepName),O.createElement(Xi,null,O.createElement(ft,{value:m.complete,type:"round",primaryColor:a.theme.colorPrimary,progress:m.progress,appearance:a}),O.createElement(Zi,null,O.createElement(Dt,{style:{marginLeft:"10px"},color:a.theme.colorBackgroundSecondary}))))})),O.createElement(y,null))),f&&f.length>0&&O.createElement(Rt,{steps:f,title:c,primaryColor:a.theme.colorPrimary,style:{border:"none",boxShadow:"none"},appearance:a,onButtonClick:m=>(u&&u(m),!0)}))))):O.createElement(O.Fragment,null)},tr=yp;import{useEffect as bp,useState as wp}from"react";var pn=()=>{let e={isSmall:"(max-width: 480px)",isMedium:"(min-width: 481px) AND (max-width: 1023px)",isLarge:"(min-width: 1025px)"},t=Object.fromEntries(Object.entries(e).map(([p])=>[p,!1])),[o,i]=wp(t),n=null,r=()=>{n!==null?clearTimeout(n):s(),n=setTimeout(()=>{s()},16)},s=()=>{let p=Object.fromEntries(Object.entries(e).map(([d,a])=>{if(!window)return[d,!1];let f=window.matchMedia(a);return f.addEventListener("change",r),[d,f.matches]}));i(p)};return bp(()=>{s()},[]),o};import ke,{useEffect as Fn,useState as kp}from"react";import fe from"react";import{AnimatePresence as Tp,motion as Fp}from"framer-motion";import Qe from"styled-components";var dn=Qe.div`
+`;var Cp=({steps:e,style:t,title:o,primaryColor:i,appearance:n,onButtonClick:r})=>{let{primaryCTAClickSideEffects:s}=re();return Je.createElement(pn,{style:t,className:l("guideContainer",n)},Je.createElement(cn,{className:l("guideTitle",n)},o),Je.createElement(dn,{className:l("guideItemContainer",n)},e.map((p,d)=>Je.createElement(mn,{key:`guide-${p.id??d}`,as:xp.div,whileHover:{boxShadow:"0px 2px 8px rgba(0, 0, 0, 0.05)",transition:{duration:.25}},className:l("guideItem",n)},p.icon&&Je.createElement(un,{className:l("guideIcon",n)},Je.createElement(fn,null,p.icon)),Je.createElement(gn,{className:l("guideItemTitle",n),dangerouslySetInnerHTML:ce(p.title)}),Je.createElement(hn,{className:l("guideItemSubtitle",n),dangerouslySetInnerHTML:ce(p.subtitle)}),Je.createElement(xn,{className:l("guideItemLink",n),color:i,onClick:()=>{p.primaryButtonUri&&s(p),r&&r(p)}},p.primaryButtonTitle)))))},Rt=Cp;var bp=({steps:e,title:t,subtitle:o,stepsTitle:i,visible:n,onClose:r,selectedStep:s,setSelectedStep:p,customStepTypes:d,appearance:a,guideData:f,guideTitle:c,onGuideButtonClick:u})=>{let w=({stepData:m,handleSecondaryCTAClick:x,handleCTAClick:F})=>m?M.createElement(Zi,{className:l("checklistStepContainer",a),"data-testid":"checklistStepContainer"},M.createElement(Ri,{appearance:a,className:l("checklistStepTitle",a),dangerouslySetInnerHTML:ce(m.title)}),M.createElement(en,{appearance:a,className:l("checklistStepSubtitle",a),dangerouslySetInnerHTML:ce(m.subtitle)}),M.createElement(tn,{className:l("checklistCTAContainer",a)},m.secondaryButtonTitle&&M.createElement(Z,{title:m.secondaryButtonTitle,onClick:x,appearance:a,secondary:!0}),M.createElement(Z,{title:m.primaryButtonTitle,onClick:F,appearance:a}))):M.createElement(M.Fragment,null),S={...{default:m=>{var _;if((_=e[v])!=null&&_.StepContent){let z=e[v].StepContent;return M.createElement("div",null,z)}let x=e[v];return M.createElement(w,{stepData:m,handleCTAClick:()=>{x.handlePrimaryButtonClick&&x.handlePrimaryButtonClick()},handleSecondaryCTAClick:()=>{x.handleSecondaryButtonClick&&x.handleSecondaryButtonClick()}})}},...d},[C,P]=Sp(0),v=s??C,B=p??P,y=()=>{var m;return e?!((m=e[v])!=null&&m.type)||!S[e[v].type]?S.default(e[v]):S[e[v].type]({stepData:e[v],primaryColor:a.theme.colorPrimary}):M.createElement(M.Fragment,null)},h=e.filter(m=>m.complete).length;return n?(a.theme.modalContainer||(a.theme.borderRadius&&(rr.borderRadius=a.theme.borderRadius+"px"),a.theme.modalContainer=rr),M.createElement(et,{onClose:r,visible:n,appearance:a},M.createElement(ln,null,M.createElement(ji,null,M.createElement(Gi,{appearance:a,className:l("checklistTitle",a)},t),M.createElement(qi,{appearance:a,className:l("checklistSubtitle",a)},o)),M.createElement(Vi,null,e&&e.length>0&&M.createElement(Ki,{className:l("stepsContainer",a)},M.createElement(Yi,null,M.createElement("div",{style:{flex:3}},M.createElement(Xi,{className:l("stepsTitle",a)},i)),M.createElement(sn,null,M.createElement(ze,{fillColor:a.theme.colorPrimary,style:{width:"100%"},count:h,total:e.length,appearance:a}))),M.createElement(Ji,null,M.createElement(Qi,{className:l("checklistStepListContainer",a),appearance:a},e.map((m,x)=>{let F=v===x;return M.createElement(on,{selected:F,className:l(`checklistStepListItem${F?"Selected":""}`,a),key:`checklist-guide-step-${m.id??x}`,disabled:m.blocked,onClick:()=>{m.blocked||B(x)},title:m.blocked?"Finish remaining steps to continue":void 0},F&&M.createElement(Po,{className:l("checklistStepItemSelectedIndicator",a),as:yp.div,layoutId:"checklist-step-selected",style:{backgroundColor:a.theme.colorPrimary,borderRadius:0,height:"100%",top:"0%",width:"2px"}}),M.createElement(rn,{selected:F,className:l(`checklistStepListStepName${F?"Selected":""}`,a)},m.stepName),M.createElement(nn,null,M.createElement(ut,{value:m.complete,type:"round",primaryColor:a.theme.colorPrimary,progress:m.progress,appearance:a}),M.createElement(an,null,M.createElement(Dt,{style:{marginLeft:"10px"},color:a.theme.colorBackgroundSecondary}))))})),M.createElement(y,null))),f&&f.length>0&&M.createElement(Rt,{steps:f,title:c,primaryColor:a.theme.colorPrimary,style:{border:"none",boxShadow:"none"},appearance:a,onButtonClick:m=>(u&&u(m),!0)}))))):M.createElement(M.Fragment,null)},ir=bp;import{useEffect as wp,useState as Tp}from"react";var Cn=()=>{let e={isSmall:"(max-width: 480px)",isMedium:"(min-width: 481px) AND (max-width: 1023px)",isLarge:"(min-width: 1025px)"},t=Object.fromEntries(Object.entries(e).map(([p])=>[p,!1])),[o,i]=Tp(t),n=null,r=()=>{n!==null?clearTimeout(n):s(),n=setTimeout(()=>{s()},16)},s=()=>{let p=Object.fromEntries(Object.entries(e).map(([d,a])=>{if(!window)return[d,!1];let f=window.matchMedia(a);return f.addEventListener("change",r),[d,f.matches]}));i(p)};return wp(()=>{s()},[]),o};import Fe,{useEffect as Ln,useState as Pp}from"react";import ue from"react";import{AnimatePresence as Fp,motion as kp}from"framer-motion";import Qe from"styled-components";var Sn=Qe.div`
   background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
   border: 1px solid;
   border-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
@@ -942,42 +1021,42 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   display: flex;
   flex-direction: column;
   transition: max-height 0.25s;
-`,cn=Qe.div`
+`,yn=Qe.div`
   display: flex;
   margin-bottom: 20px;
-`,mn=Qe.img`
+`,bn=Qe.img`
   border-radius: 4px;
   max-height: 260px;
   min-height: 200px;
-`,un=Qe.div`
+`,wn=Qe.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
-`,fn=Qe.p`
+`,Tn=Qe.p`
   color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
   font-style: normal;
   font-weight: 500;
   font-size: 16px;
   line-height: 18px;
   margin-left: 8px;
-`,gn=Qe.div`
+`,Fn=Qe.div`
   padding: 20px;
   cursor: pointer;
   :hover {
     opacity: 0.8;
   }
-`,lx=Qe.div``,hn=Qe.p`
+`,mx=Qe.div``,kn=Qe.p`
   color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
   font-weight: 400;
   font-size: 14px;
   line-height: 22px;
-`,xn=Qe.div`
+`,Pn=Qe.div`
   display: flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
-`;var Cn=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:i,onSecondaryButtonClick:n,appearance:r,customStepTypes:s})=>{var f,c;let p=t?{}:{transform:"rotate(90deg)"};function d(){return fe.createElement(fe.Fragment,null,e.imageUri||e.videoUri?fe.createElement(cn,{className:l("stepMediaContainer",r)},e.imageUri?fe.createElement(mn,{className:l("stepImage",r),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?fe.createElement(Et,{appearance:r,videoUri:e.videoUri}):null):null,fe.createElement(hn,{className:l("stepSubtitle",r),appearance:r,dangerouslySetInnerHTML:me(e.subtitle)}),fe.createElement(xo,{className:l("checklistCTAContainer",r)},e.secondaryButtonTitle?fe.createElement(ee,{secondary:!0,title:e.secondaryButtonTitle,onClick:()=>n(),appearance:r}):null,fe.createElement(ee,{title:e.primaryButtonTitle??"Continue",onClick:()=>i(),appearance:r})))}function a(){if(!s)return null;let u=s[e.type];return u?u(e,r):null}return fe.createElement(dn,{onClick:()=>t?o():null,"data-testid":`step-${e.id}`,className:l("checklistStepContainer",r),appearance:r},fe.createElement(un,{className:l("stepHeader",r)},fe.createElement(xn,null,fe.createElement(To,{value:e.complete,style:{width:"auto",borderTop:0},primaryColor:(f=r==null?void 0:r.theme)==null?void 0:f.colorPrimary,appearance:r}),fe.createElement(fn,{appearance:r,className:l("stepTitle",r),dangerouslySetInnerHTML:me(e.title)})),fe.createElement(gn,{className:l("stepChevronContainer",r),onClick:()=>o()},fe.createElement(Dt,{style:{...p,transition:"transform 0.1s ease-in-out"},color:(c=r==null?void 0:r.theme)==null?void 0:c.colorTextSecondary}))),fe.createElement(Tp,null,!t&&fe.createElement(Fp.div,{initial:{opacity:1,height:0},animate:{opacity:1,height:"auto"},exit:{opacity:1,height:0},key:e.id,style:{overflow:"hidden"}},a()??d())))};import Mt from"styled-components";var bx=Mt.div`
+`;var vn=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:i,onSecondaryButtonClick:n,appearance:r,customStepTypes:s})=>{var f,c;let p=t?{}:{transform:"rotate(90deg)"};function d(){return ue.createElement(ue.Fragment,null,e.imageUri||e.videoUri?ue.createElement(yn,{className:l("stepMediaContainer",r)},e.imageUri?ue.createElement(bn,{className:l("stepImage",r),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?ue.createElement(Et,{appearance:r,videoUri:e.videoUri}):null):null,ue.createElement(kn,{className:l("stepSubtitle",r),appearance:r,dangerouslySetInnerHTML:ce(e.subtitle)}),ue.createElement(So,{className:l("checklistCTAContainer",r)},e.secondaryButtonTitle?ue.createElement(Z,{secondary:!0,title:e.secondaryButtonTitle,onClick:()=>n(),appearance:r}):null,ue.createElement(Z,{title:e.primaryButtonTitle??"Continue",onClick:()=>i(),appearance:r})))}function a(){if(!s)return null;let u=s[e.type];return u?u(e,r):null}return ue.createElement(Sn,{onClick:()=>t?o():null,"data-testid":`step-${e.id}`,className:l("checklistStepContainer",r),appearance:r},ue.createElement(wn,{className:l("stepHeader",r)},ue.createElement(Pn,null,ue.createElement(ko,{value:e.complete,style:{width:"auto",borderTop:0},primaryColor:(f=r==null?void 0:r.theme)==null?void 0:f.colorPrimary,appearance:r}),ue.createElement(Tn,{appearance:r,className:l("stepTitle",r),dangerouslySetInnerHTML:ce(e.title)})),ue.createElement(Fn,{className:l("stepChevronContainer",r),onClick:()=>o()},ue.createElement(Dt,{style:{...p,transition:"transform 0.1s ease-in-out"},color:(c=r==null?void 0:r.theme)==null?void 0:c.colorTextSecondary}))),ue.createElement(Fp,null,!t&&ue.createElement(kp.div,{initial:{opacity:1,height:0},animate:{opacity:1,height:"auto"},exit:{opacity:1,height:0},key:e.id,style:{overflow:"hidden"}},a()??d())))};import $t from"styled-components";var Px=$t.div`
   background: #ffffff;
   box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
   border-radius: 6px;
@@ -991,49 +1070,49 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
 
   max-width: 800px;
   min-width: 350px;
-`,Sn=Mt.div`
+`,En=$t.div`
   display: flex;
   flex-direction: column;
-`,yn=Mt.h1`
+`,Bn=$t.h1`
   color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
   font-style: normal;
   font-weight: 700;
   font-size: 20px;
   line-height: 24px;
   margin-bottom: 8px;
-`,bn=Mt.h2`
+`,An=$t.h2`
   color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
   font-weight: 400;
   font-size: 14px;
   line-height: 23px;
   margin: 2px 0 0 0;
-`,wn=Mt.div`
+`,In=$t.div`
   display: block;
   width: 100%;
-`,Tn=Mt.div`
+`,Nn=$t.div`
   display: flex;
   width: 100%;
   flex-direction: column;
   justify-content: space-between;
   background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
   border-radius: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.borderRadius}}px;
-`;var Pp=({title:e,subtitle:t,steps:o,onClose:i,visible:n,onCompleteStep:r,autoExpandFirstIncompleteStep:s=!0,autoCollapse:p=!0,autoExpandNextStep:d=!0,primaryColor:a="#000000",selectedStep:f,setSelectedStep:c,appearance:u,type:w,className:T,customStepTypes:S})=>{let x=o.filter(m=>m.complete).length,[E,P]=kp(Array(o.length).fill(!0));Fn(()=>{let m=[...E];if(s){for(let h=0;h<o.length;h++)if(!o[h].complete){m[h]=!1;break}P(m)}},[]),Fn(()=>{B(f)},[f]);let B=m=>{let h=[...E];if(p)for(let F=0;F<E.length;++F)F!==m&&(h[F]=!0);h[m]=!h[m],P(h)};if(!n&&w=="modal")return ke.createElement(ke.Fragment,null);let y=ke.createElement(ke.Fragment,null,ke.createElement(Sn,null,ke.createElement(yn,{appearance:u,className:l("checklistTitle",u),dangerouslySetInnerHTML:me(e)}),ke.createElement(bn,{appearance:u,className:l("checklistSubtitle",u),dangerouslySetInnerHTML:me(t)})),ke.createElement(ze,{display:"percent",count:x,total:o.length,fillColor:a,style:{margin:"14px 0px 8px 0px"},appearance:u})),C=ke.createElement(wn,{className:ye(l("checklistContainer",u),T)},o.map((m,h)=>{let F=E[h];return ke.createElement(Cn,{appearance:u,stepData:m,collapsed:F,key:`modal-checklist-${m.id??h}`,onClick:()=>{if(f===h){B(h);return}c(h)},onPrimaryButtonClick:()=>{r&&r(h,m),m.handlePrimaryButtonClick&&m.handlePrimaryButtonClick(),d&&!m.completionCriteria&&h<E.length-1&&E[h+1]&&c(h+1)},onSecondaryButtonClick:()=>{m.handleSecondaryButtonClick&&m.handleSecondaryButtonClick()},customStepTypes:S})}));return w==="inline"?ke.createElement(Tn,{appearance:u,className:ye(l("checklistInlineContainer",u),T)},y,C):ke.createElement(ke.Fragment,null,ke.createElement(Re,{onClose:i,visible:n,appearance:u,style:{maxWidth:"600px"},headerContent:y},C))},or=Pp;import ae,{useEffect as rr,useRef as Np,useState as bt}from"react";import yt from"react";import le,{css as kn,keyframes as Pn}from"styled-components";var vn=kn`
+`;var vp=({title:e,subtitle:t,steps:o,onClose:i,visible:n,onCompleteStep:r,autoExpandFirstIncompleteStep:s=!0,autoCollapse:p=!0,autoExpandNextStep:d=!0,primaryColor:a="#000000",selectedStep:f,setSelectedStep:c,appearance:u,type:w,className:T,customStepTypes:S})=>{let C=o.filter(m=>m.complete).length,[P,v]=Pp(Array(o.length).fill(!0));Ln(()=>{let m=[...P];if(s){for(let x=0;x<o.length;x++)if(!o[x].complete){m[x]=!1;break}v(m)}},[]),Ln(()=>{B(f)},[f]);let B=m=>{let x=[...P];if(p)for(let F=0;F<P.length;++F)F!==m&&(x[F]=!0);x[m]=!x[m],v(x)};if(!n&&w=="modal")return Fe.createElement(Fe.Fragment,null);let y=Fe.createElement(Fe.Fragment,null,Fe.createElement(En,null,Fe.createElement(Bn,{appearance:u,className:l("checklistTitle",u),dangerouslySetInnerHTML:ce(e)}),Fe.createElement(An,{appearance:u,className:l("checklistSubtitle",u),dangerouslySetInnerHTML:ce(t)})),Fe.createElement(ze,{display:"percent",count:C,total:o.length,fillColor:a,style:{margin:"14px 0px 8px 0px"},appearance:u})),h=Fe.createElement(In,{className:Ce(l("checklistContainer",u),T)},o.map((m,x)=>{let F=P[x];return Fe.createElement(vn,{appearance:u,stepData:m,collapsed:F,key:`modal-checklist-${m.id??x}`,onClick:()=>{if(f===x){B(x);return}c(x)},onPrimaryButtonClick:()=>{r&&r(x,m),m.handlePrimaryButtonClick&&m.handlePrimaryButtonClick(),d&&!m.completionCriteria&&x<P.length-1&&P[x+1]&&c(x+1)},onSecondaryButtonClick:()=>{m.handleSecondaryButtonClick&&m.handleSecondaryButtonClick()},customStepTypes:S})}));return w==="inline"?Fe.createElement(Nn,{appearance:u,className:Ce(l("checklistInlineContainer",u),T)},y,h):Fe.createElement(Fe.Fragment,null,Fe.createElement(et,{onClose:i,visible:n,appearance:u,style:{maxWidth:"600px"},headerContent:y},h))},nr=vp;import le,{useEffect as sr,useRef as Lp,useState as yt}from"react";import St from"react";import se,{css as On,keyframes as Dn}from"styled-components";var $n=On`
   border: 1px solid ${({theme:e})=>e.colorBorder};
-`,vp=kn`
+`,Ep=On`
   box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06);
-`,Ep=Pn`
+`,Bp=Dn`
   from {
     opacity: 0;
   } to {
     opacity: 1;
   }
-`,Bp=Pn`
+`,Ap=Dn`
   from {
     opacity: 1;
   } to {
     opacity: 0;
   }
-`,En=le.div`
+`,Mn=se.div`
   margin: 0 -20px;
   overflow-x: auto;
   padding-left: 20px;
@@ -1050,14 +1129,14 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   ::-webkit-scrollbar {
     display: none;
   }
-`,Bn=le.div`
+`,Un=se.div`
   display: flex;
   flex-flow: row nowrap;
   gap: 0 16px;
   scroll-snap-align: center;
   scroll-snap-stop: always;
-`,An=le.div`
-  animation: ${e=>e.reversed?Bp:Ep} 0.25s ease-out;
+`,_n=se.div`
+  animation: ${e=>e.reversed?Ap:Bp} 0.25s ease-out;
   background: linear-gradient(
     to right,
     ${({theme:e})=>e.colorBackground}00,
@@ -1065,8 +1144,8 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   );
   position: absolute;
   width: 64px;
-`,In=le.button`
-  ${vn}
+`,zn=se.button`
+  ${$n}
   box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
   align-items: center;
   border-radius: 50%;
@@ -1077,11 +1156,11 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   justify-content: center;
   position: absolute;
   width: 48px;
-`,Nn=le.div`
+`,Wn=se.div`
   border-radius: ${({theme:e})=>e.borderRadius}px;
   padding: 20px;
-`,Ln=le(Nn)`
-  ${vn}
+`,Hn=se(Wn)`
+  ${$n}
   background: ${({theme:e})=>e.colorBackground};
 
   &:active {
@@ -1092,94 +1171,94 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
     ${e=>e.blocked?"":`border: 1px solid ${e.theme.colorPrimary};`}
     ${e=>e.blocked?"cursor: default":"cursor: pointer"}
   }
-`,On=le.img`
+`,Vn=se.img`
   border-radius: 50%;
   height: 40px;
   margin-bottom: 12px;
   width: 40px;
-`,Dn=le(Nn)`
+`,jn=se(Wn)`
   ${e=>k(e)} {
-    ${vp}
+    ${Ep}
 
     background: ${({theme:e})=>e.colorBackground};
   }
-`,Mn=le.div`
+`,Gn=se.div`
   color: ${({theme:e})=>e.colorPrimary};
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
   margin-left: 20px;
-`,$n=le.div`
+`,qn=se.div`
   white-space: nowrap;
-`,Un=le.div`
+`,Kn=se.div`
   background: #d8fed8;
   border-radius: 6px;
   margin-bottom: 12px;
   padding: 4px 10px;
-`,Ap=le.p`
+`,Ip=se.p`
   font-weight: bold;
   font-size: 18px;
   line-height: 22px;
   letter-spacing: calc(18px * -0.01);
   margin: 0;
-`,_n=le(Ap)`
+`,Yn=se(Ip)`
   margin-bottom: 4px;
-`,Ip=le.p`
+`,Np=se.p`
   font-weight: bold;
   font-size: 16px;
   line-height: 20px;
   letter-spacing: calc(16px * -0.01);
   margin: 0;
-`,zn=le(Ip)`
+`,Xn=se(Np)`
   margin-bottom: 4px;
   ${e=>e.blocked||e.complete?"opacity: 0.4;":`
   `}
-`,We=le.p`
+`,We=se.p`
   color: ${({theme:e})=>e.colorText};
   font-weight: normal;
   font-size: 14px;
   line-height: 22px;
   margin: 0;
-`,Wn=le.p`
+`,Jn=se.p`
   color: ${({theme:e})=>e.colorText};
   font-weight: 600;
   font-size: 12px;
   line-height: 16px;
   margin: 0;
-`;We.Loud=le(We)`
+`;We.Loud=se(We)`
   font-weight: 600;
-`;We.Quiet=le(We)`
+`;We.Quiet=se(We)`
   color: ${({theme:e})=>e.colorTextSecondary};
   ${e=>e.blocked||e.complete?"opacity: 0.4;":`
   `}
-`;var Hn=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:i}=J(),{primaryCTAClickSideEffects:n}=se(),{theme:r,styleOverrides:s}=i(o),{imageUri:p=null,subtitle:d=null,title:a=null,complete:f=!1,blocked:c=!1}=e,u=()=>{n(e)};return yt.createElement(Ln,{className:l("carouselCard",o),onClick:c?null:u,style:t,blocked:c,complete:f},yt.createElement("div",{style:{alignItems:"flex-start",display:"flex",justifyContent:"space-between"}},p&&yt.createElement(On,{className:l("carouselCardImage",o),src:p,alt:a,style:{opacity:f||c?.4:1}}),f&&yt.createElement(Un,{className:l("carouselCompletedPill",o)},yt.createElement(Wn,{style:{color:"#108E0B"}},"Complete"))),a&&yt.createElement(zn,{blocked:c,complete:f,className:l("carouselCardTitle",o)},a),d&&yt.createElement(We.Quiet,{blocked:c,complete:f,className:l("carouselCardSubtitle",o)},d))};import eo from"react";var Vn=({numberOfStepsCompleted:e,numberOfSteps:t,appearance:o})=>{let i=t>0?e/t:0,n=200,r=Math.min(n,Math.max(10,Math.round(n*i)));return eo.createElement(Mn,{className:l("carouselProgressBar",o)},eo.createElement($n,{as:We.Loud,style:{marginRight:8}},e," of ",t),eo.createElement("svg",{height:10,width:n},eo.createElement("rect",{x:0,y:0,rx:5,width:n,height:10,fill:"#E6E6E6"}),eo.createElement("rect",{x:0,y:0,rx:5,width:r,height:10,fill:"currentColor"})))};var Lp=()=>ae.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},ae.createElement("path",{d:"M14 6L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),ae.createElement("path",{d:"M14 18L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),ae.createElement("path",{d:"M4 12H20",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"})),jn=({side:e="left",show:t=!1,onClick:o=()=>{}})=>{let[i,n]=bt(!1),[r,s]=bt(!1);rr(()=>{t===!0&&i===!1?n(!0):t===!1&&i===!0&&s(!0)},[t]);let p=()=>{n(!1),s(!1)},d=e=="left"?{top:0,bottom:0,left:-20,transform:"rotate(180deg)"}:{top:0,bottom:0,right:-20};return i?ae.createElement(An,{style:d,reversed:r,onAnimationEnd:r?p:null},ae.createElement(In,{onClick:()=>o(),style:{right:16,top:"calc(50% - 24px)"}},ae.createElement(Lp,null))):null},Gn=({flowId:e,appearance:t,customVariables:o,className:i})=>{let n=Np(null),[r,s]=bt(!1),[p,d]=bt(!1),[a,f]=bt(null),[c,u]=bt([]),[w,T]=bt(0),{getFlowMetadata:S,getFlowSteps:x,getNumberOfStepsCompleted:E,updateCustomVariables:P,getFlowStatus:B,isLoading:y,targetingLogicShouldHideFlow:C,getFlow:m}=X();rr(()=>{P(o)},[o,y]),rr(()=>{if(y)return;let A=S(e),_=E(e),N=x(e);f(A),A.data!==null&&(u(N.sort((M,Z)=>Number(M.complete)-Number(Z.complete))),d(N.length>3),T(_))},[y]);let h=[];for(let A=0;A<c.length;A+=3)h.push(c.slice(A,A+3));let F=A=>{let _=A.target,N=_.scrollWidth-_.clientWidth,M=Math.ceil(_.scrollLeft);M>0&&r===!1&&s(!0),M===0&&r===!0&&s(!1),M<N&&p===!1&&d(!0),M===N&&p===!0&&d(!1)},L=(A=!0)=>{let _=A?1:-1;n.current!==null&&n.current.scrollBy({left:n.current.clientWidth*_,behavior:"smooth"})},U=null,$=A=>{U!==null?clearTimeout(U):F(A),U=setTimeout(()=>{F(A)},16)};return y?null:ae.createElement(Dn,{className:ye(l("carouselContainer",t),i)},ae.createElement("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:20}},ae.createElement("div",null,ae.createElement(_n,{className:l("carouselTitle",t)},a==null?void 0:a.title),ae.createElement(We.Quiet,{className:l("carouselSubtitle",t)},a==null?void 0:a.subtitle)),ae.createElement(Vn,{numberOfStepsCompleted:w,numberOfSteps:c.length})),ae.createElement("div",{style:{position:"relative"}},ae.createElement(jn,{show:r,onClick:()=>L(!1)}),ae.createElement(jn,{side:"right",show:p,onClick:L}),ae.createElement(En,{ref:n,onScroll:$},h.map((A,_)=>ae.createElement(Bn,{key:_,style:{flex:`0 0 calc(100% - ${c.length>3?36:0}px)`}},A.map((N,M)=>ae.createElement(Hn,{key:M,stepData:N,style:{flex:c.length>3?"0 1 calc(33% - 16px * 2 / 3)":1},appearance:t})))))))};var ir=({flowId:e,title:t,subtitle:o,style:i,initialSelectedStep:n,className:r,type:s="inline",onDismiss:p,visible:d,customVariables:a,onStepCompletion:f,onButtonClick:c,appearance:u,hideOnFlowCompletion:w,setVisible:T,customStepTypes:S,checklistStyle:x="default",autoExpandFirstIncompleteStep:E,autoExpandNextStep:P,...B})=>{let{getFlow:y,getFlowSteps:C,markStepCompleted:m,getStepStatus:h,getNumberOfStepsCompleted:F,isLoading:L,targetingLogicShouldHideFlow:U,updateCustomVariables:$,getFlowMetadata:A,isStepBlocked:_,getFlowStatus:N,hasActiveFullPageFlow:M,setHasActiveFullPageFlow:Z}=X(),{primaryCTAClickSideEffects:R,secondaryCTAClickSideEffects:z}=se(),{getOpenFlowState:Pe,setOpenFlowState:ge}=ve(),[V,re]=Kn(n||0),[ne,I]=Kn(!1),te=d===void 0?Pe(e):d,xe=s==="modal",{mergeAppearanceWithDefault:Ce}=J(),{isLarge:j}=pn();if(u=Ce(u),qn(()=>{$(a)},[a,L]),qn(()=>{d!==void 0&&(xe&&d===!0?Z(!0):xe&&d===!1&&Z(!1))},[d,T,M]),L)return null;let de=y(e);if(!de||U(de))return null;let oe=C(e);if(!oe||w===!0&&N(e)===Y)return null;let q=A(e);if(q!=null&&q.title&&(t=q.title),q!=null&&q.subtitle&&(o=q.subtitle),!ne&&n===void 0&&F(e)>0){let W=Math.min(F(e),oe.length-1);re(W),I(!0)}function je(){if(V+1>=oe.length){xe&&ge(e,!1);return}_(e,oe[V+1].id)||re(V+1)}function Ge(W,at,io){let cr=V+1<oe.length?oe[V+1]:null;c&&c(W,V,at,cr)===!0&&xe&&g(),f&&f(W,io,cr),!f&&!c&&(W.primaryButtonUri||W.secondaryButtonUri)&&xe&&g()}function K(){return oe.map((W,at)=>({...W,handleSecondaryButtonClick:()=>{je(),z(W),W.skippable===!0&&m(e,W.id,{skipped:!0}),Ge(W,"secondary",at)},handlePrimaryButtonClick:()=>{(!W.completionCriteria&&(W.autoMarkCompleted||W.autoMarkCompleted===void 0)||W.completionCriteria&&W.autoMarkCompleted===!0)&&(m(e,W.id),je()),Ge(W,"primary",at),R(W),h(e,W.id)===Oe&&je()}}))}function Se(){return pe.createElement(ie,{appearance:u})}let lt={steps:K(),title:t,subtitle:o,primaryColor:u.theme.colorPrimary,appearance:u,customStepTypes:S,type:s,className:r,autoExpandFirstIncompleteStep:E,autoExpandNextStep:P};function g(){ge(e,!1),p&&p(),T&&T(!1)}function b(){return pe.createElement(pe.Fragment,null,pe.createElement(Se,null),pe.createElement(Gn,{flowId:e,appearance:u,customVariables:a,className:r}))}function v(){return pe.createElement(pe.Fragment,null,pe.createElement(Se,null),pe.createElement(or,{visible:te,onClose:()=>{g()},selectedStep:V,setSelectedStep:re,autoExpandNextStep:!0,appearance:u,...lt}))}function H(){if(!j)return v();let W=B.guideFlowId,at;return W&&y(W)&&(at=C(W)),pe.createElement(pe.Fragment,null,pe.createElement(Se,null),pe.createElement(tr,{visible:te,stepsTitle:q.stepsTitle?q.stepsTitle:"Your quick start guide",onClose:()=>{g()},selectedStep:V,setSelectedStep:re,guideData:at,guideTitle:B.guideTitle??"Guide",appearance:u,title:t,subtitle:o,onGuideButtonClick:io=>{Ge(io,"link",0)},customStepTypes:S,...lt}))}function ce(){if(!j)return v();let W=pe.createElement(Ro,{flowId:e,style:i,selectedStep:V,setSelectedStep:re,appearance:u,type:s,...lt});return xe?pe.createElement(Re,{onClose:()=>{g()},visible:te,appearance:u,style:{paddingTop:"0px",padding:"12px",paddingLeft:0}},pe.createElement(Se,null),W):pe.createElement(pe.Fragment,null,pe.createElement(Se,null),W)}switch(x){case"condensed":return v();case"with-guide":return H();case"default":return ce();case"carousel":return b();default:return ce()}};var Dp=e=>Op.createElement(ir,{type:"inline",...e});import nt,{useEffect as $p}from"react";import He from"react";import Bo from"styled-components";var Yn=Bo.div`
+`;var Qn=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:i}=J(),{primaryCTAClickSideEffects:n}=re(),{theme:r,styleOverrides:s}=i(o),{imageUri:p=null,subtitle:d=null,title:a=null,complete:f=!1,blocked:c=!1}=e,u=()=>{n(e)};return St.createElement(Hn,{className:l("carouselCard",o),onClick:c?null:u,style:t,blocked:c,complete:f},St.createElement("div",{style:{alignItems:"flex-start",display:"flex",justifyContent:"space-between"}},p&&St.createElement(Vn,{className:l("carouselCardImage",o),src:p,alt:a,style:{opacity:f||c?.4:1}}),f&&St.createElement(Kn,{className:l("carouselCompletedPill",o)},St.createElement(Jn,{style:{color:"#108E0B"}},"Complete"))),a&&St.createElement(Xn,{blocked:c,complete:f,className:l("carouselCardTitle",o)},a),d&&St.createElement(We.Quiet,{blocked:c,complete:f,className:l("carouselCardSubtitle",o)},d))};import eo from"react";var Zn=({numberOfStepsCompleted:e,numberOfSteps:t,appearance:o})=>{let i=t>0?e/t:0,n=200,r=Math.min(n,Math.max(10,Math.round(n*i)));return eo.createElement(Gn,{className:l("carouselProgressBar",o)},eo.createElement(qn,{as:We.Loud,style:{marginRight:8}},e," of ",t),eo.createElement("svg",{height:10,width:n},eo.createElement("rect",{x:0,y:0,rx:5,width:n,height:10,fill:"#E6E6E6"}),eo.createElement("rect",{x:0,y:0,rx:5,width:r,height:10,fill:"currentColor"})))};var Op=()=>le.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},le.createElement("path",{d:"M14 6L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),le.createElement("path",{d:"M14 18L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),le.createElement("path",{d:"M4 12H20",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"})),Rn=({side:e="left",show:t=!1,onClick:o=()=>{}})=>{let[i,n]=yt(!1),[r,s]=yt(!1);sr(()=>{t===!0&&i===!1?n(!0):t===!1&&i===!0&&s(!0)},[t]);let p=()=>{n(!1),s(!1)},d=e=="left"?{top:0,bottom:0,left:-20,transform:"rotate(180deg)"}:{top:0,bottom:0,right:-20};return i?le.createElement(_n,{style:d,reversed:r,onAnimationEnd:r?p:null},le.createElement(zn,{onClick:()=>o(),style:{right:16,top:"calc(50% - 24px)"}},le.createElement(Op,null))):null},es=({flowId:e,appearance:t,customVariables:o,className:i})=>{let n=Lp(null),[r,s]=yt(!1),[p,d]=yt(!1),[a,f]=yt(null),[c,u]=yt([]),[w,T]=yt(0),{getFlowMetadata:S,getFlowSteps:C,getNumberOfStepsCompleted:P,updateCustomVariables:v,getFlowStatus:B,isLoading:y,targetingLogicShouldHideFlow:h,getFlow:m}=X();sr(()=>{v(o)},[o,y]),sr(()=>{if(y)return;let A=S(e),U=P(e),$=C(e);f(A),A.data!==null&&(u($.sort((L,ie)=>Number(L.complete)-Number(ie.complete))),d($.length>3),T(U))},[y]);let x=[];for(let A=0;A<c.length;A+=3)x.push(c.slice(A,A+3));let F=A=>{let U=A.target,$=U.scrollWidth-U.clientWidth,L=Math.ceil(U.scrollLeft);L>0&&r===!1&&s(!0),L===0&&r===!0&&s(!1),L<$&&p===!1&&d(!0),L===$&&p===!0&&d(!1)},D=(A=!0)=>{let U=A?1:-1;n.current!==null&&n.current.scrollBy({left:n.current.clientWidth*U,behavior:"smooth"})},_=null,z=A=>{_!==null?clearTimeout(_):F(A),_=setTimeout(()=>{F(A)},16)};return y?null:le.createElement(jn,{className:Ce(l("carouselContainer",t),i)},le.createElement("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:20}},le.createElement("div",null,le.createElement(Yn,{className:l("carouselTitle",t)},a==null?void 0:a.title),le.createElement(We.Quiet,{className:l("carouselSubtitle",t)},a==null?void 0:a.subtitle)),le.createElement(Zn,{numberOfStepsCompleted:w,numberOfSteps:c.length})),le.createElement("div",{style:{position:"relative"}},le.createElement(Rn,{show:r,onClick:()=>D(!1)}),le.createElement(Rn,{side:"right",show:p,onClick:D}),le.createElement(Mn,{ref:n,onScroll:z},x.map((A,U)=>le.createElement(Un,{key:U,style:{flex:`0 0 calc(100% - ${c.length>3?36:0}px)`}},A.map(($,L)=>le.createElement(Qn,{key:L,stepData:$,style:{flex:c.length>3?"0 1 calc(33% - 16px * 2 / 3)":1},appearance:t})))))))};var lr=({flowId:e,title:t,subtitle:o,style:i,initialSelectedStep:n,className:r,type:s="inline",onDismiss:p,visible:d,customVariables:a,onStepCompletion:f,onButtonClick:c,appearance:u,hideOnFlowCompletion:w,setVisible:T,customStepTypes:S,checklistStyle:C="default",autoExpandFirstIncompleteStep:P,autoExpandNextStep:v,...B})=>{let{getFlow:y,getFlowSteps:h,markStepCompleted:m,getStepStatus:x,getNumberOfStepsCompleted:F,isLoading:D,targetingLogicShouldHideFlow:_,updateCustomVariables:z,getFlowMetadata:A,isStepBlocked:U,getFlowStatus:$,hasActiveFullPageFlow:L,setHasActiveFullPageFlow:ie}=X(),{primaryCTAClickSideEffects:pe,secondaryCTAClickSideEffects:O}=re(),{getOpenFlowState:we,setOpenFlowState:xe}=Pe(),[ee,j]=os(n||0),[oe,I]=os(!1),ne=d===void 0?we(e):d,fe=s==="modal",{mergeAppearanceWithDefault:ke}=J(),{isLarge:G}=Cn();if(u=ke(u),ts(()=>{z(a)},[a,D]),ts(()=>{d!==void 0&&(fe&&d===!0?ie(!0):fe&&d===!1&&ie(!1))},[d,T,L]),D)return null;let ge=y(e);if(!ge||_(ge))return null;let R=h(e);if(!R||w===!0&&$(e)===Y)return null;let K=A(e);if(K!=null&&K.title&&(t=K.title),K!=null&&K.subtitle&&(o=K.subtitle),!oe&&n===void 0&&F(e)>0){let W=Math.min(F(e),R.length-1);j(W),I(!0)}function je(){if(ee+1>=R.length){fe&&xe(e,!1);return}U(e,R[ee+1].id)||j(ee+1)}function Ge(W,lt,io){let fr=ee+1<R.length?R[ee+1]:null;c&&c(W,ee,lt,fr)===!0&&fe&&g(),f&&f(W,io,fr),!f&&!c&&(W.primaryButtonUri||W.secondaryButtonUri)&&fe&&g()}function wt(){return R.map((W,lt)=>({...W,handleSecondaryButtonClick:()=>{je(),O(W),W.skippable===!0&&m(e,W.id,{skipped:!0}),Ge(W,"secondary",lt)},handlePrimaryButtonClick:()=>{(!W.completionCriteria&&(W.autoMarkCompleted||W.autoMarkCompleted===void 0)||W.completionCriteria&&W.autoMarkCompleted===!0)&&(m(e,W.id),je()),Ge(W,"primary",lt),pe(W),x(e,W.id)===Oe&&je()}}))}function H(){return ae.createElement(te,{appearance:u})}let Be={steps:wt(),title:t,subtitle:o,primaryColor:u.theme.colorPrimary,appearance:u,customStepTypes:S,type:s,className:r,autoExpandFirstIncompleteStep:P,autoExpandNextStep:v};function g(){xe(e,!1),p&&p(),T&&T(!1)}function b(){return ae.createElement(ae.Fragment,null,ae.createElement(H,null),ae.createElement(es,{flowId:e,appearance:u,customVariables:a,className:r}))}function E(){return ae.createElement(ae.Fragment,null,ae.createElement(H,null),ae.createElement(nr,{visible:ne,onClose:()=>{g()},selectedStep:ee,setSelectedStep:j,autoExpandNextStep:!0,appearance:u,...Be}))}function V(){if(!G)return E();let W=B.guideFlowId,lt;return W&&y(W)&&(lt=h(W)),ae.createElement(ae.Fragment,null,ae.createElement(H,null),ae.createElement(ir,{visible:ne,stepsTitle:K.stepsTitle?K.stepsTitle:"Your quick start guide",onClose:()=>{g()},selectedStep:ee,setSelectedStep:j,guideData:lt,guideTitle:B.guideTitle??"Guide",appearance:u,title:t,subtitle:o,onGuideButtonClick:io=>{Ge(io,"link",0)},customStepTypes:S,...Be}))}function de(){if(!G)return E();let W=ae.createElement(or,{flowId:e,style:i,selectedStep:ee,setSelectedStep:j,appearance:u,type:s,...Be});return fe?ae.createElement(et,{onClose:()=>{g()},visible:ne,appearance:u,style:{paddingTop:"0px",padding:"12px",paddingLeft:0}},ae.createElement(H,null),W):ae.createElement(ae.Fragment,null,ae.createElement(H,null),W)}switch(C){case"condensed":return E();case"with-guide":return V();case"default":return de();case"carousel":return b();default:return de()}};var $p=e=>Dp.createElement(lr,{type:"inline",...e});import st,{useEffect as Up}from"react";import He from"react";import Io from"styled-components";var rs=Io.div`
   border: 1px solid ${e=>e.appearance.theme.colorBorder};
   border-radius: 8px;
   padding: 6px 10px 6px 10px;
   min-width: 160px;
   cursor: pointer;
   background-color: ${e=>e.appearance.theme.colorBackground}};
-`,Xn=Bo.div`
+`,is=Io.div`
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 2px;
   flex-grow: 2;
-`,Jn=Bo.div`
+`,ns=Io.div`
   text-overflow: ellipsis;
   font-weight: 600;
   font-size: 12px;
   line-height: 15px;
   text-align: ${e=>e.type==="condensed"?"left":"right"};
   color: ${e=>e.appearance.theme.colorPrimary};
-`,Qn=Bo.div`
+`,ss=Io.div`
   width: 20px;
   margin-right: 8px;
   display: flex;
   height: 100%;
   align-items: center;
-`;import{motion as Mp}from"framer-motion";var Zn=({title:e,count:t,total:o,onClick:i,style:n={},className:r,appearance:s,type:p="default"})=>He.createElement(He.Fragment,null,He.createElement(ie,{appearance:s}),He.createElement(Yn,{as:Mp.div,whileHover:{opacity:.9},whileTap:{scale:.98},onClick:()=>i!==void 0&&i(),style:{...p=="condensed"?{display:"flex",justifyContent:"space-between"}:{},...n},className:ye(r??"",l("progressRingContainer",s)),appearance:s},p=="condensed"&&o&&o!==0&&He.createElement(Qn,{className:l("progressRingContainer",s)},He.createElement(At,{size:19,percentage:t/o,fillColor:s.theme.colorPrimary,bgColor:s.theme.colorBackgroundSecondary})),He.createElement(Xn,{type:p,className:l("badgeTitleContainer",s)},He.createElement(Jn,{type:p,appearance:s,className:l("badgeTitle",s)},e),i!==void 0&&He.createElement(Dt,{className:l("badgeChevron",s),color:s.theme.colorPrimary})),p=="default"&&o&&o!==0&&He.createElement(ze,{display:"compact",count:t,total:o,fillColor:s.theme.colorPrimary,bgColor:s.theme.colorBackgroundSecondary,style:{width:"100%"},appearance:s})));import it from"react";import to from"styled-components";var Rn=to.div`
+`;import{motion as Mp}from"framer-motion";var ls=({title:e,count:t,total:o,onClick:i,style:n={},className:r,appearance:s,type:p="default"})=>He.createElement(He.Fragment,null,He.createElement(te,{appearance:s}),He.createElement(rs,{as:Mp.div,whileHover:{opacity:.9},whileTap:{scale:.98},onClick:()=>i!==void 0&&i(),style:{...p=="condensed"?{display:"flex",justifyContent:"space-between"}:{},...n},className:Ce(r??"",l("progressRingContainer",s)),appearance:s},p=="condensed"&&o&&o!==0&&He.createElement(ss,{className:l("progressRingContainer",s)},He.createElement(At,{size:19,percentage:t/o,fillColor:s.theme.colorPrimary,bgColor:s.theme.colorBackgroundSecondary})),He.createElement(is,{type:p,className:l("badgeTitleContainer",s)},He.createElement(ns,{type:p,appearance:s,className:l("badgeTitle",s)},e),i!==void 0&&He.createElement(Dt,{className:l("badgeChevron",s),color:s.theme.colorPrimary})),p=="default"&&o&&o!==0&&He.createElement(ze,{display:"compact",count:t,total:o,fillColor:s.theme.colorPrimary,bgColor:s.theme.colorBackgroundSecondary,style:{width:"100%"},appearance:s})));import nt from"react";import to from"styled-components";var as=to.div`
   display: flex;
   flex-direction: row;
   width: 100%;
@@ -1190,25 +1269,25 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   border-width: 1px;
   border-color: ${e=>e.appearance.theme.colorPrimary};
   border-radius: 12px;
-`,es=to.div`
+`,ps=to.div`
   ${e=>k(e)} {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-right: 16px;
   }
-`,ts=to.div`
+`,ds=to.div`
   display: flex;
   flex-direction: column;
   flex: 1;
   margin-top: 0;
-`,os=to.div`
+`,cs=to.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin-left: 16px;
   min-width: 200px;
-`,$C=to.div`
+`,HC=to.div`
   display: flex;
   justify-content: center;
   align-items: flex-end;
@@ -1217,73 +1296,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   :hover {
     opacity: 0.8;
   }
-`;var rs=({title:e,subtitle:t,icon:o,appearance:i,count:n,total:r,className:s,style:p})=>it.createElement(it.Fragment,null,it.createElement(Rn,{appearance:i,className:ye(l("fullWidthProgressBadgeContainer",i),s??""),style:p},o&&it.createElement(es,{className:l("fullWidthProgressBadgeIcon",i)},o),it.createElement(ts,null,it.createElement(be,{size:"small",appearance:i,title:e,subtitle:t})),it.createElement(os,{className:l("fullWidthProgressBadgeProgressContainer",i)},it.createElement(ze,{count:n,total:r,display:"percent",textLocation:"top",fillColor:i.theme.colorPrimary}))));var Up=({flowId:e,title:t,subtitle:o,icon:i,style:n,onClick:r,className:s,customVariables:p,hideOnFlowCompletion:d,appearance:a,type:f="default"})=>{let{getFlow:c,getFlowSteps:u,getFlowStatus:w,getNumberOfStepsCompleted:T,isLoading:S,targetingLogicShouldHideFlow:x,updateCustomVariables:E}=X(),{mergeAppearanceWithDefault:P}=J();a=P(a);let{setOpenFlowState:B,getOpenFlowState:y}=ve();if($p(()=>{E(p)},[p,S]),S)return null;let C=c(e);if(!C||x(C)||d===!0&&w(e)===Y)return null;let m=u(e),h=T(e);return f==="full-width"?nt.createElement(nt.Fragment,null,nt.createElement(ie,{appearance:a}),nt.createElement(rs,{title:t,subtitle:o,count:h,total:m.length,style:n,className:s,appearance:a,icon:i,onClick:()=>{}})):nt.createElement(nt.Fragment,null,nt.createElement(ie,{appearance:a}),nt.createElement(Zn,{count:h,total:m.length,title:t,style:n,onClick:()=>{B(e,!0),r&&r()},type:f,className:s,appearance:a}))};import _p from"react";var zp=({flowId:e,style:t,appearance:o,...i})=>{let{getFlow:n,targetingLogicShouldHideFlow:r,getFlowSteps:s}=X(),{mergeAppearanceWithDefault:p}=J();o=p(o);let d=n(e);if(!d||r(d))return null;let a=s(e);return _p.createElement(Rt,{steps:a,style:t,appearance:o,...i})};import Ut,{useContext as Zp,useEffect as Rp}from"react";import D,{useEffect as Ao,useLayoutEffect as fs,useRef as Gp,useState as oo}from"react";import ro from"styled-components";import{useCallback as Wp,useEffect as Hp,useState as Vp}from"react";var nr=(e,t,o,i={x:20,y:20},n)=>{let r=n=="fixed"?0:window.scrollY,s=n=="fixed"?0:window.scrollX;return!e||!e.left||!e.top?{x:0,y:0}:t==="left"?{x:e.left-o+i.x+s,y:e.top-i.y+r}:t==="right"?{x:e.left+e.width+i.x+s,y:e.top-i.y+r}:{x:0,y:0}},is={bottom:0,height:0,left:0,right:0,top:0,width:0,x:0,y:0};function jp(e){let t=is;return e&&(t=e.getBoundingClientRect()),t}function ns(e,t){let[o,i]=Vp(is),n=Wp(()=>{e&&i(jp(e))},[e]);return Hp(()=>(n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)),[e,t]),o}import st from"styled-components";var ss=st.div`
-  ${e=>k(e)} {
-    background: ${e=>e.appearance.theme.colorBackground};
-  }
-
-  box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
-  border-radius: 20px;
-  max-width: ${e=>e.maxWidth}px;
-  min-width: 300px;
-  padding: 22px 22px 12px;
-  z-index: ${e=>e.zIndex};
-`,ls=st.div`
-  display: block;
-  cursor: pointer;
-  position: absolute;
-  top: 25px;
-  right: 22px;
-`,as=st.img`
-  ${e=>k(e)} {
-    display: block;
-    width: 100%;
-    height: auto;
-    min-height: 200px;
-    margin-top: ${e=>e.dismissible?"24px":"0px"};
-    margin-bottom: 16px;
-  }
-`,ps=st.div`
-  ${e=>k(e)} {
-    display: block;
-    width: 100%;
-    height: auto;
-    min-height: 200px;
-    margin-top: ${e=>e.dismissible?"24px":"0px"};
-    margin-bottom: 16px;
-  }
-`,ds=st.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-content: center;
-`,cs=st.div`
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  justify-content: center;
-`,ms=st.div`
-  display: flex;
-  flex: 2;
-  flex-shrink: 1;
-  gap: 8px;
-  height: 64px;
-  ${e=>k(e)} {
-    flex-direction: row;
-    justify-content: ${e=>e.showStepCount?"flex-end":"flex-start"};
-    align-content: center;
-    align-items: center;
-  }
-`,us=st.p`
-  ${e=>k(e)} {
-    font-style: normal;
-    font-weight: 600;
-    font-size: 15px;
-    line-height: 22px;
-    color: #808080;
-  }
-  margin: 0;
-`;var gs=300,hs=100,qp=500,$t=12,Kp=ro.div`
+`;var ms=({title:e,subtitle:t,icon:o,appearance:i,count:n,total:r,className:s,style:p})=>nt.createElement(nt.Fragment,null,nt.createElement(as,{appearance:i,className:Ce(l("fullWidthProgressBadgeContainer",i),s??""),style:p},o&&nt.createElement(ps,{className:l("fullWidthProgressBadgeIcon",i)},o),nt.createElement(ds,null,nt.createElement(Se,{size:"small",appearance:i,title:e,subtitle:t})),nt.createElement(cs,{className:l("fullWidthProgressBadgeProgressContainer",i)},nt.createElement(ze,{count:n,total:r,display:"percent",textLocation:"top",fillColor:i.theme.colorPrimary}))));var _p=({flowId:e,title:t,subtitle:o,icon:i,style:n,onClick:r,className:s,customVariables:p,hideOnFlowCompletion:d,appearance:a,type:f="default"})=>{let{getFlow:c,getFlowSteps:u,getFlowStatus:w,getNumberOfStepsCompleted:T,isLoading:S,targetingLogicShouldHideFlow:C,updateCustomVariables:P}=X(),{mergeAppearanceWithDefault:v}=J();a=v(a);let{setOpenFlowState:B,getOpenFlowState:y}=Pe();if(Up(()=>{P(p)},[p,S]),S)return null;let h=c(e);if(!h||C(h)||d===!0&&w(e)===Y)return null;let m=u(e),x=T(e);return f==="full-width"?st.createElement(st.Fragment,null,st.createElement(te,{appearance:a}),st.createElement(ms,{title:t,subtitle:o,count:x,total:m.length,style:n,className:s,appearance:a,icon:i,onClick:()=>{}})):st.createElement(st.Fragment,null,st.createElement(te,{appearance:a}),st.createElement(ls,{count:x,total:m.length,title:t,style:n,onClick:()=>{B(e,!0),r&&r()},type:f,className:s,appearance:a}))};import zp from"react";var Wp=({flowId:e,style:t,appearance:o,...i})=>{let{getFlow:n,targetingLogicShouldHideFlow:r,getFlowSteps:s}=X(),{mergeAppearanceWithDefault:p}=J();o=p(o);let d=n(e);if(!d||r(d))return null;let a=s(e);return zp.createElement(Rt,{steps:a,style:t,appearance:o,...i})};import Ut,{useContext as Rp,useEffect as ed}from"react";import N,{useEffect as No,useLayoutEffect as gs,useRef as qp,useState as oo}from"react";import ro from"styled-components";import{useCallback as Hp,useEffect as Vp,useState as jp}from"react";var ar=(e,t,o,i={x:20,y:20},n)=>{let r=n=="fixed"?0:window.scrollY,s=n=="fixed"?0:window.scrollX;return!e||!e.left||!e.top?{x:0,y:0}:t==="left"?{x:e.left-o+i.x+s,y:e.top-i.y+r}:t==="right"?{x:e.left+e.width+i.x+s,y:e.top-i.y+r}:{x:0,y:0}},us={bottom:0,height:0,left:0,right:0,top:0,width:0,x:0,y:0};function Gp(e){let t=us;return e&&(t=e.getBoundingClientRect()),t}function fs(e,t){let[o,i]=jp(us),n=Hp(()=>{e&&i(Gp(e))},[e]);return Vp(()=>(n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)),[e,t]),o}var hs=300,xs=100,Kp=500,Mt=12,Yp=ro.div`
   width: 100%;
   height: 100%;
   border-radius: 9999px;
@@ -1306,25 +1319,25 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
       opacity: 0;
     }
   }
-`,Yp=ro.div`
-  width: ${$t}px;
-  height: ${$t}px;
+`,Xp=ro.div`
+  width: ${Mt}px;
+  height: ${Mt}px;
   border-radius: 100px;
   background-color: ${e=>e.primaryColor};
   z-index: 20;
   opacity: 1;
-`,Xp=ro.div`
+`,Jp=ro.div`
   pointer-events: all;
-`,xs=ro.div`
+`,Cs=ro.div`
   display: flex;
   align-content: center;
   justify-content: center;
   align-items: center;
   z-index: ${e=>e.zIndex?e.zIndex:90};
-`,Jp=ro(xs)`
-  width: ${$t+12}px;
-  height: ${$t+12}px;
-`,Qp=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:i="auto",showHighlight:n=!0,primaryColor:r="#000000",offset:s={x:0,y:0},visible:p=!0,containerStyle:d={},selectedStep:a=0,customStepTypes:f,appearance:c,dismissible:u=!1,showHighlightOnly:w,showStepCount:T=!0,completedStepsCount:S=0})=>{var oe,q,je,Ge;let[x,E]=oo(),[P,B]=oo(new Date),y=Gp(null),[C,m]=oo(document.querySelector(e[a].selector)),h=ns(C,P),[F,L]=oo(),[U,$]=oo(!w),A=(q=(oe=e[a])==null?void 0:oe.props)!=null&&q.position?e[a].props.position:"absolute",_=((Ge=(je=e[a])==null?void 0:je.props)==null?void 0:Ge.zIndex)??90,N=(x==null?void 0:x.width)??gs,M=(x==null?void 0:x.height)??hs;fs(()=>{y.current&&E({width:y.current.clientWidth,height:y.current.clientHeight})},[a,P,A]),Ao(()=>{w||$(!0)},[a]);let Z=i==="auto"?"right":i,R=nr(h,Z,N,s,A),z=h.right+N>(window.innerWidth||document.documentElement.clientWidth),Pe=h.bottom+hs>(window.innerHeight||document.documentElement.clientHeight);z&&i==="auto"&&(R=nr(h,"left",N,s,A),Z="left");let ge=window.location.pathname.split("/").pop(),V=()=>{let K=document.querySelector(e[a].selector);F&&F===JSON.stringify(K==null?void 0:K.getBoundingClientRect())||(m(K),B(new Date),K&&L(JSON.stringify(K.getBoundingClientRect())))};if(Ao(()=>{let K=new MutationObserver(V);return K.observe(document.body,{subtree:!0,childList:!0}),()=>K.disconnect()},[V]),Ao(()=>{let K=new MutationObserver(V);return K.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["style","class"]}),()=>K.disconnect()},[V]),Ao(()=>{let K=setInterval(()=>{V()},10);return()=>clearInterval(K)},[V]),fs(()=>{setTimeout(()=>{V()},qp),V()},[a,ge]),C===null)return D.createElement(D.Fragment,null);if(R.x==0&&R.y==0)return D.createElement(D.Fragment,null);if(!p)return D.createElement(D.Fragment,null);let re=()=>{let K=()=>{if(e[a].handlePrimaryButtonClick&&(e[a].handlePrimaryButtonClick(),$(!1),setTimeout(()=>{V()},30)),S===e.length-1)return o()},Se=()=>{e[a].handleSecondaryButtonClick&&(e[a].handleSecondaryButtonClick(),w&&$(!1))};return D.createElement(D.Fragment,null,T&&D.createElement(cs,null,D.createElement(us,{className:l("tooltipStepCounter",c)},a+1," of ",e.length)),D.createElement(ms,{showStepCount:T,className:l("tooltipCTAContainer",c)},e[a].secondaryButtonTitle&&D.createElement(ee,{title:e[a].secondaryButtonTitle,appearance:c,onClick:Se,size:"small",withMargin:!1,secondary:!0}),e[a].primaryButtonTitle&&D.createElement(ee,{title:e[a].primaryButtonTitle,appearance:c,onClick:K,withMargin:!1,size:"small"})))},ne=()=>D.createElement(D.Fragment,null,u&&D.createElement(ls,{"data-testid":"tooltip-dismiss",onClick:()=>{t&&t()},className:l("tooltipClose",c)},D.createElement(Ee,null)),e[a].imageUri&&D.createElement(as,{dismissible:u,appearance:c,src:e[a].imageUri,className:l("tooltipImageContainer",c)}),e[a].videoUri&&!e[a].imageUri&&D.createElement(ps,{dismissible:u,appearance:c,className:l("tooltipVideoContainer",c)},D.createElement(Et,{appearance:c,videoUri:e[a].videoUri})),D.createElement(be,{appearance:c,title:e[a].title,subtitle:e[a].subtitle,size:"small"}),D.createElement(ds,{className:l("tooltipFooter",c)},D.createElement(re,null))),te={...{default:K=>{var Se;if((Se=e[a])!=null&&Se.StepContent){let lt=e[a].StepContent;return D.createElement("div",null,lt)}return D.createElement(ne,null)}},...f},xe=()=>{var K;return e?!((K=e[a])!=null&&K.type)||!te[e[a].type]?te.default(e[a]):te[e[a].type]({stepData:e[a],primaryColor:r}):D.createElement(D.Fragment,null)};if(w&&e[a].complete===!0)return null;let Ce={top:(R==null?void 0:R.y)-$t,left:(Z=="left"?h.x+s.x:(R==null?void 0:R.x)-$t)??0,cursor:w?"pointer":"default",position:A},j=()=>{let Se=Ce.left+(Z=="left"?-N:24);return Math.min(Math.max(Se,20),window.innerWidth-N-20)},de=()=>{w&&(B(new Date),$(!U))};return D.createElement(Xp,null,D.createElement(Jp,{style:Ce,zIndex:_,className:l("tourHighlightContainer",c)},n&&e[a].showHighlight!==!1&&D.createElement(D.Fragment,null,D.createElement(Yp,{style:{position:A},onClick:de,primaryColor:c.theme.colorPrimary}),D.createElement(Kp,{style:{position:"absolute"},onClick:de,primaryColor:c.theme.colorPrimary}))),D.createElement(xs,{style:{...Ce,left:j()},zIndex:_+1,className:l("tooltipContainerWrapper",c)},U&&D.createElement(ss,{ref:y,layoutId:"tooltip-container",style:{position:"relative",width:"max-content",right:0,top:12,...d},appearance:c,className:l("tooltipContainer",c),maxWidth:gs,zIndex:_+10},D.createElement(xe,null))))},Io=Qp;import{Portal as ed}from"react-portal";var td=({flowId:e,customVariables:t,appearance:o,onStepCompletion:i,onButtonClick:n,showTooltipsSimultaneously:r=!1,onDismiss:s,dismissible:p,tooltipPosition:d="auto",showHighlightOnly:a=!1,dismissBehavior:f="complete-flow",onComplete:c,...u})=>{let{getFlow:w,getFlowSteps:T,isLoading:S,targetingLogicShouldHideFlow:x,markStepCompleted:E,markStepStarted:P,markFlowCompleted:B,updateCustomVariables:y,getCurrentStepIndex:C,getStepStatus:m,isStepBlocked:h,getFlowStatus:F,getNumberOfStepsCompleted:L}=X(),{isLoadingUserFlowStateData:U}=Ie(),{primaryCTAClickSideEffects:$,secondaryCTAClickSideEffects:A}=se(),{hasOpenModals:_}=ve(),N=C(e),{openFlowStates:M}=Zp(G),{mergeAppearanceWithDefault:Z}=J();if(o=Z(o),Rp(()=>{y(t)},[t,S]),U)return null;let R=w(e);if(!R||x(R)||F(e)==Y||_())return null;let z=T(e);if(Object.keys(M).length>0){let I=Object.keys(M).find(te=>M[te]===!0);if(I!==void 0&&I!==e)return Ut.createElement(Ut.Fragment,null)}async function Pe(I){if(await E(e,I.id),z.map(te=>m(e,te.id)).every(te=>te===Oe)){await B(e);return}if(!a&&N+1<z.length){if(h(e,z[N+1].id))return;await P(e,z[N+1].id)}}function ge(I,te,xe){let Ce=N+1<z.length?z[N+1]:null;n&&n(I,N,te,Ce),i&&i(I,xe,Ce)}function V(){return z.map(I=>({...I,handleSecondaryButtonClick:async()=>{A(I),I.skippable===!0&&await E(e,I.id,{skipped:!0}),ge(I,"secondary",N)},handlePrimaryButtonClick:async()=>{(!I.completionCriteria&&(I.autoMarkCompleted||I.autoMarkCompleted===void 0)||I.completionCriteria&&I.autoMarkCompleted===!0)&&await Pe(I),ge(I,"primary",N),$(I)}}))}async function re(I){s&&s(),f==="complete-flow"?await B(e):await E(e,I.id)}function ne(){c&&c()}return Ut.createElement(ed,null,Ut.createElement(ie,{appearance:o}),r?z.map((I,te)=>Ut.createElement(Io,{key:I.id,appearance:o,steps:V(),selectedStep:te,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>re(I),tooltipPosition:d,showHighlightOnly:a,completedStepsCount:L(e),onComplete:ne,...u})):Ut.createElement(Io,{appearance:o,steps:V(),selectedStep:N,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>re(z[N]),tooltipPosition:d,completedStepsCount:L(e),showHighlightOnly:a,onComplete:ne,...u}))};import Te,{useEffect as od,useRef as rd,useState as id}from"react";import{Portal as nd}from"react-portal";import wt from"styled-components";var Cs=wt.button`
+`,Qp=ro(Cs)`
+  width: ${Mt+12}px;
+  height: ${Mt+12}px;
+`,Zp=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:i="auto",showHighlight:n=!0,primaryColor:r="#000000",offset:s={x:0,y:0},visible:p=!0,containerStyle:d={},selectedStep:a=0,customStepTypes:f,appearance:c,dismissible:u=!1,showHighlightOnly:w,showStepCount:T=!0,completedStepsCount:S=0,showFrigadeBranding:C=!1})=>{var K,je,Ge,wt;let[P,v]=oo(),[B,y]=oo(new Date),h=qp(null),[m,x]=oo(document.querySelector(e[a].selector)),F=fs(m,B),[D,_]=oo(),[z,A]=oo(!w),U=(je=(K=e[a])==null?void 0:K.props)!=null&&je.position?e[a].props.position:"absolute",$=((wt=(Ge=e[a])==null?void 0:Ge.props)==null?void 0:wt.zIndex)??90,L=(P==null?void 0:P.width)??hs,ie=(P==null?void 0:P.height)??xs;gs(()=>{h.current&&v({width:h.current.clientWidth,height:h.current.clientHeight})},[a,B,U]),No(()=>{w||A(!0)},[a]);let pe=i==="auto"?"right":i,O=ar(F,pe,L,s,U),we=F.right+L>(window.innerWidth||document.documentElement.clientWidth),xe=F.bottom+xs>(window.innerHeight||document.documentElement.clientHeight);we&&i==="auto"&&(O=ar(F,"left",L,s,U),pe="left");let ee=window.location.pathname.split("/").pop(),j=()=>{let H=document.querySelector(e[a].selector);D&&D===JSON.stringify(H==null?void 0:H.getBoundingClientRect())||(x(H),y(new Date),H&&_(JSON.stringify(H.getBoundingClientRect())))};if(No(()=>{let H=new MutationObserver(j);return H.observe(document.body,{subtree:!0,childList:!0}),()=>H.disconnect()},[j]),No(()=>{let H=new MutationObserver(j);return H.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["style","class"]}),()=>H.disconnect()},[j]),No(()=>{let H=setInterval(()=>{j()},10);return()=>clearInterval(H)},[j]),gs(()=>{setTimeout(()=>{j()},Kp),j()},[a,ee]),m===null)return N.createElement(N.Fragment,null);if(O.x==0&&O.y==0)return N.createElement(N.Fragment,null);if(!p)return N.createElement(N.Fragment,null);let oe=()=>{let H=()=>{if(e[a].handlePrimaryButtonClick&&(e[a].handlePrimaryButtonClick(),A(!1),setTimeout(()=>{j()},30)),S===e.length-1)return o()},Be=()=>{e[a].handleSecondaryButtonClick&&(e[a].handleSecondaryButtonClick(),w&&A(!1))};return N.createElement(N.Fragment,null,T&&N.createElement(vr,null,N.createElement(Br,{className:l("tooltipStepCounter",c)},a+1," of ",e.length)),N.createElement(Er,{showStepCount:T,className:l("tooltipCTAContainer",c)},e[a].secondaryButtonTitle&&N.createElement(Z,{title:e[a].secondaryButtonTitle,appearance:c,onClick:Be,size:"small",withMargin:!1,secondary:!0}),e[a].primaryButtonTitle&&N.createElement(Z,{title:e[a].primaryButtonTitle,appearance:c,onClick:H,withMargin:!1,size:"small"})))},I=()=>N.createElement(N.Fragment,null,u&&N.createElement(Tr,{"data-testid":"tooltip-dismiss",onClick:()=>{t&&t()},className:l("tooltipClose",c)},N.createElement(ve,null)),e[a].imageUri&&N.createElement(Fr,{dismissible:u,appearance:c,src:e[a].imageUri,className:l("tooltipImageContainer",c)}),e[a].videoUri&&!e[a].imageUri&&N.createElement(kr,{dismissible:u,appearance:c,className:l("tooltipVideoContainer",c)},N.createElement(Et,{appearance:c,videoUri:e[a].videoUri})),N.createElement(Se,{appearance:c,title:e[a].title,subtitle:e[a].subtitle,size:"small"}),N.createElement(Pr,{className:l("tooltipFooter",c)},N.createElement(oe,null))),fe={...{default:H=>{var Be;if((Be=e[a])!=null&&Be.StepContent){let g=e[a].StepContent;return N.createElement("div",null,g)}return N.createElement(I,null)}},...f},ke=()=>{var H;return e?!((H=e[a])!=null&&H.type)||!fe[e[a].type]?fe.default(e[a]):fe[e[a].type]({stepData:e[a],primaryColor:r}):N.createElement(N.Fragment,null)};if(w&&e[a].complete===!0)return null;let G={top:(O==null?void 0:O.y)-Mt,left:(pe=="left"?F.x+s.x:(O==null?void 0:O.x)-Mt)??0,cursor:w?"pointer":"default",position:U},ge=()=>{let Be=G.left+(pe=="left"?-L:24);return Math.min(Math.max(Be,20),window.innerWidth-L-20)},R=()=>{w&&(y(new Date),A(!z))};return N.createElement(Jp,null,N.createElement(Qp,{style:G,zIndex:$,className:l("tourHighlightContainer",c)},n&&e[a].showHighlight!==!1&&N.createElement(N.Fragment,null,N.createElement(Xp,{style:{position:U},onClick:R,primaryColor:c.theme.colorPrimary}),N.createElement(Yp,{style:{position:"absolute"},onClick:R,primaryColor:c.theme.colorPrimary}))),N.createElement(Cs,{style:{...G,left:ge()},zIndex:$+1,className:l("tooltipContainerWrapper",c)},z&&N.createElement(N.Fragment,null,N.createElement(ao,{ref:h,layoutId:"tooltip-container",style:{position:"relative",width:"max-content",right:0,top:12,...d},appearance:c,className:l("tooltipContainer",c),maxWidth:hs,zIndex:$+10},N.createElement(ke,null)),C&&N.createElement(Ir,{className:l("poweredByFrigadeTooltipRibbon",c),appearance:c,zIndex:$+10},N.createElement(po,{appearance:c})))))},Lo=Zp;import{Portal as td}from"react-portal";var od=({flowId:e,customVariables:t,appearance:o,onStepCompletion:i,onButtonClick:n,showTooltipsSimultaneously:r=!1,onDismiss:s,dismissible:p,tooltipPosition:d="auto",showHighlightOnly:a=!1,dismissBehavior:f="complete-flow",onComplete:c,...u})=>{let{getFlow:w,getFlowSteps:T,isLoading:S,targetingLogicShouldHideFlow:C,markStepCompleted:P,markStepStarted:v,markFlowCompleted:B,updateCustomVariables:y,getCurrentStepIndex:h,getStepStatus:m,isStepBlocked:x,getFlowStatus:F,getNumberOfStepsCompleted:D}=X(),{isLoadingUserFlowStateData:_}=Ie(),{primaryCTAClickSideEffects:z,secondaryCTAClickSideEffects:A}=re(),{hasOpenModals:U}=Pe(),$=h(e),{openFlowStates:L}=Rp(q),{mergeAppearanceWithDefault:ie}=J();if(o=ie(o),ed(()=>{y(t)},[t,S]),_)return null;let pe=w(e);if(!pe||C(pe)||F(e)==Y||U())return null;let O=T(e);if(Object.keys(L).length>0){let I=Object.keys(L).find(ne=>L[ne]===!0);if(I!==void 0&&I!==e)return Ut.createElement(Ut.Fragment,null)}async function we(I){if(await P(e,I.id),O.map(ne=>m(e,ne.id)).every(ne=>ne===Oe)){await B(e);return}if(!a&&$+1<O.length){if(x(e,O[$+1].id))return;await v(e,O[$+1].id)}}function xe(I,ne,fe){let ke=$+1<O.length?O[$+1]:null;n&&n(I,$,ne,ke),i&&i(I,fe,ke)}function ee(){return O.map(I=>({...I,handleSecondaryButtonClick:async()=>{A(I),I.skippable===!0&&await P(e,I.id,{skipped:!0}),xe(I,"secondary",$)},handlePrimaryButtonClick:async()=>{(!I.completionCriteria&&(I.autoMarkCompleted||I.autoMarkCompleted===void 0)||I.completionCriteria&&I.autoMarkCompleted===!0)&&await we(I),xe(I,"primary",$),z(I)}}))}async function j(I){s&&s(),f==="complete-flow"?await B(e):await P(e,I.id)}function oe(){c&&c()}return Ut.createElement(td,null,Ut.createElement(te,{appearance:o}),r?O.map((I,ne)=>Ut.createElement(Lo,{key:I.id,appearance:o,steps:ee(),selectedStep:ne,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>j(I),tooltipPosition:d,showHighlightOnly:a,completedStepsCount:D(e),onComplete:oe,...u})):Ut.createElement(Lo,{appearance:o,steps:ee(),selectedStep:$,showTooltipsSimultaneously:r,dismissible:p,onDismiss:()=>j(O[$]),tooltipPosition:d,completedStepsCount:D(e),showHighlightOnly:a,onComplete:oe,...u}))};import be,{useEffect as rd,useRef as id,useState as nd}from"react";import{Portal as sd}from"react-portal";import bt from"styled-components";var Ss=bt.button`
   ${e=>k(e)} {
     // Anything inside this block will be ignored if the user provides a custom class
 
@@ -1342,17 +1355,17 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
       opacity: 0.8;
     }
   }
-`,Ss=wt.span`
+`,ys=bt.span`
   ${e=>k(e)} {
     font-size: 12px;
     display: inline-block;
   }
-`,ys=wt.span`
+`,bs=bt.span`
   ${e=>k(e)} {
     font-size: 12px;
     display: inline-block;
   }
-`,bs=wt.div`
+`,ws=bt.div`
   position: fixed;
   right: 0;
   bottom: 0;
@@ -1362,7 +1375,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   flex-direction: column;
   align-items: flex-end;
   z-index: 50;
-`,ws=wt.button`
+`,Ts=bt.button`
   ${e=>k(e)} {
     // Anything inside this block will be ignored if the user provides a custom class
     background-color: #ffffff;
@@ -1378,7 +1391,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
     0px 3px 6px -4px rgba(0, 0, 0, 0.12);
   border-radius: 45px;
   cursor: pointer;
-`,Ts=wt.div`
+`,Fs=bt.div`
   ${e=>k(e)} {
     // Anything inside this block will be ignored if the user provides a custom class
     background: #ffffff;
@@ -1395,7 +1408,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   position: ${e=>e.type=="inline"?"absolute":"relative"};
   top: ${e=>e.type=="inline"?"68px":0};
   margin-left: ${e=>e.type=="inline"?"-127px":0};
-`,Fs=wt.button`
+`,ks=bt.button`
   ${e=>k(e)} {
     // Anything inside this block will be ignored if the user provides a custom class
     color: #434343;
@@ -1412,7 +1425,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   font-size: 14px;
 
   padding: 8px 12px;
-`;import{AnimatePresence as Bs,motion as As}from"framer-motion";import ks from"react";var Ps=({style:e,className:t})=>ks.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"none",viewBox:"0 0 18 18",style:e,className:t},ks.createElement("path",{fill:"currentColor",d:"M13.43 4.938a4.494 4.494 0 00-1.043-1.435A4.955 4.955 0 009 2.197c-1.276 0-2.48.464-3.387 1.305A4.502 4.502 0 004.57 4.938a4.242 4.242 0 00-.386 1.773v.475c0 .109.087.197.196.197h.95a.197.197 0 00.197-.197V6.71c0-1.749 1.557-3.17 3.473-3.17s3.473 1.421 3.473 3.17c0 .718-.254 1.393-.738 1.955a3.537 3.537 0 01-1.9 1.125 1.928 1.928 0 00-1.085.682c-.271.343-.42.768-.42 1.206v.552c0 .109.088.197.197.197h.95a.197.197 0 00.196-.197v-.552c0-.276.192-.519.457-.578a4.904 4.904 0 002.625-1.56c.335-.392.597-.828.778-1.3a4.256 4.256 0 00-.103-3.303zM9 13.834a.985.985 0 10.001 1.97.985.985 0 00-.001-1.97z"}));import vs from"react";var Es=({style:e,className:t})=>vs.createElement("svg",{style:e,className:t,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor"},vs.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"}));var sd=({flowId:e,style:t,onStepCompletion:o,visible:i=!0,type:n="inline",title:r="Help",appearance:s})=>{let{getFlow:p,getFlowSteps:d,markStepCompleted:a,getStepStatus:f,getNumberOfStepsCompleted:c,isLoading:u,targetingLogicShouldHideFlow:w}=X(),{primaryCTAClickSideEffects:T}=se(),S=rd(null),[x,E]=id(!1),{mergeAppearanceWithDefault:P}=J();s=P(s),od(()=>(document.addEventListener("click",B,!1),()=>{document.removeEventListener("click",B,!1)}),[]);let B=F=>{S.current&&!S.current.contains(F.target)&&E(!1)};if(u)return null;let y=p(e);if(!y||w(y))return null;let C=d(e);if(!C||!i)return null;function m(F,L){!F.completionCriteria&&(F.autoMarkCompleted||F.autoMarkCompleted===void 0)&&a(e,F.id),T(F),o&&o(F,L),E(!1)}function h(){return x&&Te.createElement(Ts,{className:l("floatingWidgetMenu",s),as:As.div,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.1},type:n},C.map((F,L)=>Te.createElement(Fs,{className:l("floatingWidgetMenuItem",s),key:L,onClick:()=>m(F,L)},F.title)))}return n=="inline"?Te.createElement("span",{ref:S},Te.createElement(Cs,{style:t,onClick:()=>{E(!x)},className:l("supportButton",s)},Te.createElement(ys,{className:l("supportIconContainer",s)},Te.createElement(Es,{className:l("supportIcon",s),style:{width:"18px",height:"18px"}})),Te.createElement(Ss,{className:l("supportButtonTitle",s)},r)),Te.createElement(Bs,null,Te.createElement(h,null))):Te.createElement(nd,null,Te.createElement(bs,{style:t,ref:S},Te.createElement(Bs,null,Te.createElement(h,null)),Te.createElement(ws,{onClick:()=>{E(!x)},as:As.button,whileHover:{scale:1.1},className:l("floatingWidgetButton",s)},Te.createElement(Ps,{className:l("floatingWidgetButtonIcon",s),style:{display:"flex",width:"20px",height:"20px"}}))))};import Ve,{useEffect as ld}from"react";import No from"styled-components";var Is=No.div`
+`;import{AnimatePresence as As,motion as Is}from"framer-motion";import Ps from"react";var vs=({style:e,className:t})=>Ps.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"none",viewBox:"0 0 18 18",style:e,className:t},Ps.createElement("path",{fill:"currentColor",d:"M13.43 4.938a4.494 4.494 0 00-1.043-1.435A4.955 4.955 0 009 2.197c-1.276 0-2.48.464-3.387 1.305A4.502 4.502 0 004.57 4.938a4.242 4.242 0 00-.386 1.773v.475c0 .109.087.197.196.197h.95a.197.197 0 00.197-.197V6.71c0-1.749 1.557-3.17 3.473-3.17s3.473 1.421 3.473 3.17c0 .718-.254 1.393-.738 1.955a3.537 3.537 0 01-1.9 1.125 1.928 1.928 0 00-1.085.682c-.271.343-.42.768-.42 1.206v.552c0 .109.088.197.197.197h.95a.197.197 0 00.196-.197v-.552c0-.276.192-.519.457-.578a4.904 4.904 0 002.625-1.56c.335-.392.597-.828.778-1.3a4.256 4.256 0 00-.103-3.303zM9 13.834a.985.985 0 10.001 1.97.985.985 0 00-.001-1.97z"}));import Es from"react";var Bs=({style:e,className:t})=>Es.createElement("svg",{style:e,className:t,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor"},Es.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z"}));var ld=({flowId:e,style:t,onStepCompletion:o,visible:i=!0,type:n="inline",title:r="Help",appearance:s})=>{let{getFlow:p,getFlowSteps:d,markStepCompleted:a,getStepStatus:f,getNumberOfStepsCompleted:c,isLoading:u,targetingLogicShouldHideFlow:w}=X(),{primaryCTAClickSideEffects:T}=re(),S=id(null),[C,P]=nd(!1),{mergeAppearanceWithDefault:v}=J();s=v(s),rd(()=>(document.addEventListener("click",B,!1),()=>{document.removeEventListener("click",B,!1)}),[]);let B=F=>{S.current&&!S.current.contains(F.target)&&P(!1)};if(u)return null;let y=p(e);if(!y||w(y))return null;let h=d(e);if(!h||!i)return null;function m(F,D){!F.completionCriteria&&(F.autoMarkCompleted||F.autoMarkCompleted===void 0)&&a(e,F.id),T(F),o&&o(F,D),P(!1)}function x(){return C&&be.createElement(Fs,{className:l("floatingWidgetMenu",s),as:Is.div,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.1},type:n},h.map((F,D)=>be.createElement(ks,{className:l("floatingWidgetMenuItem",s),key:D,onClick:()=>m(F,D)},F.title)))}return n=="inline"?be.createElement("span",{ref:S},be.createElement(Ss,{style:t,onClick:()=>{P(!C)},className:l("supportButton",s)},be.createElement(bs,{className:l("supportIconContainer",s)},be.createElement(Bs,{className:l("supportIcon",s),style:{width:"18px",height:"18px"}})),be.createElement(ys,{className:l("supportButtonTitle",s)},r)),be.createElement(As,null,be.createElement(x,null))):be.createElement(sd,null,be.createElement(ws,{style:t,ref:S},be.createElement(As,null,be.createElement(x,null)),be.createElement(Ts,{onClick:()=>{P(!C)},as:Is.button,whileHover:{scale:1.1},className:l("floatingWidgetButton",s)},be.createElement(vs,{className:l("floatingWidgetButtonIcon",s),style:{display:"flex",width:"20px",height:"20px"}}))))};import Ve,{useEffect as ad}from"react";import Oo from"styled-components";var Ns=Oo.div`
   ${e=>k(e)} {
     display: flex;
     flex-direction: column;
@@ -1427,17 +1440,17 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
     border-radius: 12px;
     position: relative;
   }
-`,Ns=No.div`
+`,Ls=Oo.div`
   display: flex;
   flex-direction: column;
   flex: 1;
-`,Ls=No.div`
+`,Os=Oo.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   margin-top: 16px;
-`,Os=No.div`
+`,Ds=Oo.div`
   ${e=>k(e)} {
     position: absolute;
     top: 16px;
@@ -1448,7 +1461,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
       opacity: 0.8;
     }
   }
-`;var ad=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:s,dismissible:p})=>{let{getFlow:d,markFlowCompleted:a,markStepCompleted:f,isLoading:c,targetingLogicShouldHideFlow:u,updateCustomVariables:w,getFlowSteps:T,getFlowStatus:S,getCurrentStepIndex:x}=X(),{primaryCTAClickSideEffects:E}=se(),{mergeAppearanceWithDefault:P}=J();if(n=P(n),ld(()=>{w(o)},[o,c]),c)return null;let B=d(e);if(!B||u(B)||S(e)===Y)return null;let C=T(e)[x(e)];return Ve.createElement(Ve.Fragment,null,Ve.createElement(ie,{appearance:n}),Ve.createElement(Is,{appearance:n,className:ye(l("embeddedTipContainer",n),r),style:s},(p===!0||C.dismissible)&&Ve.createElement(Os,{onClick:async()=>{await a(e),t&&t()},className:l("embeddedTipDismissButton",n)},Ve.createElement(Ee,null)),Ve.createElement(Ns,null,Ve.createElement(be,{size:"small",appearance:n,title:C.title,subtitle:C.subtitle})),C.primaryButtonTitle&&Ve.createElement(Ls,{className:l("embeddedTipCallToActionContainer",n)},Ve.createElement(ee,{classPrefix:"embeddedTip",title:C.primaryButtonTitle,appearance:n,withMargin:!1,size:"small",type:"inline",onClick:async()=>{C.handlePrimaryButtonClick(),E(C),!(i&&i(C,x(e),"primary")===!1)&&(await f(e,C.id),await a(e))}}))))};import he,{useEffect as pd}from"react";import _t from"styled-components";var Ds=_t.div`
+`;var pd=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:s,dismissible:p})=>{let{getFlow:d,markFlowCompleted:a,markStepCompleted:f,isLoading:c,targetingLogicShouldHideFlow:u,updateCustomVariables:w,getFlowSteps:T,getFlowStatus:S,getCurrentStepIndex:C}=X(),{primaryCTAClickSideEffects:P}=re(),{mergeAppearanceWithDefault:v}=J();if(n=v(n),ad(()=>{w(o)},[o,c]),c)return null;let B=d(e);if(!B||u(B)||S(e)===Y)return null;let h=T(e)[C(e)];return Ve.createElement(Ve.Fragment,null,Ve.createElement(te,{appearance:n}),Ve.createElement(Ns,{appearance:n,className:Ce(l("embeddedTipContainer",n),r),style:s},(p===!0||h.dismissible)&&Ve.createElement(Ds,{onClick:async()=>{await a(e),t&&t()},className:l("embeddedTipDismissButton",n)},Ve.createElement(ve,null)),Ve.createElement(Ls,null,Ve.createElement(Se,{size:"small",appearance:n,title:h.title,subtitle:h.subtitle})),h.primaryButtonTitle&&Ve.createElement(Os,{className:l("embeddedTipCallToActionContainer",n)},Ve.createElement(Z,{classPrefix:"embeddedTip",title:h.primaryButtonTitle,appearance:n,withMargin:!1,size:"small",type:"inline",onClick:async()=>{h.handlePrimaryButtonClick(),P(h),!(i&&i(h,C(e),"primary")===!1)&&(await f(e,h.id),await a(e))}}))))};import he,{useEffect as dd}from"react";import _t from"styled-components";var $s=_t.div`
   // use the :not annotation
   ${e=>k(e)} {
     display: flex;
@@ -1468,18 +1481,18 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
     width: 36px;
     height: 36px;
   }
-`,$s=_t.div`
+`,Us=_t.div`
   display: flex;
   flex-direction: column;
   flex: 1;
   margin-left: ${e=>e.type==="square"?"0px":"16px"};
   margin-top: ${e=>e.type==="square"?"12px":"0"};
-`,Us=_t.div`
+`,_s=_t.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin-left: ${e=>e.type==="square"?"0px":"16px"};
-`,sr=_t.div`
+`,pr=_t.div`
   display: flex;
   justify-content: ${e=>e.type==="square"?"flex-end":"center"};
   align-items: flex-end;
@@ -1488,12 +1501,12 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   :hover {
     opacity: 0.8;
   }
-`,lr=_t.div`
+`,dr=_t.div`
   display: flex;
   justify-content: ${e=>e.type==="square"?"flex-end":"center"};
   align-items: flex-end;
   margin-left: ${e=>e.type==="square"?"0px":"16px"};
-`;import _s from"react";var zs=({style:e,className:t})=>_s.createElement("svg",{style:e,className:t,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor"},_s.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"}));var dd=({flowId:e,title:t,subtitle:o,onDismiss:i,customVariables:n,onButtonClick:r,appearance:s,type:p="full-width",icon:d})=>{let{getFlow:a,markFlowCompleted:f,isLoading:c,targetingLogicShouldHideFlow:u,updateCustomVariables:w,getFlowMetadata:T,getFlowStatus:S,getFlowSteps:x,getCurrentStepIndex:E}=X(),{primaryCTAClickSideEffects:P}=se(),{mergeAppearanceWithDefault:B}=J();if(s=B(s),pd(()=>{w(n)},[n,c]),c)return null;let y=a(e);if(!y||u(y)||S(e)===Y)return null;let C=x(e),m=C.length>0?C[E(e)]:T(e);return m!=null&&m.title&&(t=m.title),m!=null&&m.subtitle&&(o=m.subtitle),he.createElement(he.Fragment,null,he.createElement(ie,{appearance:s}),he.createElement(Ds,{type:p,appearance:s,className:l("bannerContainer",s)},p!="square"&&he.createElement(Ms,{className:l("bannerIconContainer",s)},d||he.createElement(zs,null)),p==="square"&&m.dismissible&&he.createElement(lr,{type:p,className:l("bannerDismissButtonContainer",s)},he.createElement(sr,{type:p,onClick:async()=>{await f(e),i&&i()},className:l("bannerDismissButton",s)},he.createElement(Ee,null))),he.createElement($s,{type:p},he.createElement(be,{appearance:s,title:t,subtitle:o})),he.createElement(Us,{type:p,className:l("bannerCallToActionContainer",s)},he.createElement(ee,{title:(m==null?void 0:m.primaryButtonTitle)??"Get started",appearance:s,onClick:()=>{P(m),r&&r(m,0,"primary")}})),p!=="square"&&m.dismissible&&he.createElement(lr,{type:p,className:l("bannerDismissButtonContainer",s)},he.createElement(sr,{type:p,onClick:async()=>{await f(e),i&&i()},className:l("bannerDismissButton",s)},he.createElement(Ee,null)))))};import Q,{useEffect as cd}from"react";import{Portal as md}from"react-portal";import Ze from"styled-components";var Ws=Ze.div`
+`;import zs from"react";var Ws=({style:e,className:t})=>zs.createElement("svg",{style:e,className:t,xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor"},zs.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"}));var cd=({flowId:e,title:t,subtitle:o,onDismiss:i,customVariables:n,onButtonClick:r,appearance:s,type:p="full-width",icon:d})=>{let{getFlow:a,markFlowCompleted:f,isLoading:c,targetingLogicShouldHideFlow:u,updateCustomVariables:w,getFlowMetadata:T,getFlowStatus:S,getFlowSteps:C,getCurrentStepIndex:P}=X(),{primaryCTAClickSideEffects:v}=re(),{mergeAppearanceWithDefault:B}=J();if(s=B(s),dd(()=>{w(n)},[n,c]),c)return null;let y=a(e);if(!y||u(y)||S(e)===Y)return null;let h=C(e),m=h.length>0?h[P(e)]:T(e);return m!=null&&m.title&&(t=m.title),m!=null&&m.subtitle&&(o=m.subtitle),he.createElement(he.Fragment,null,he.createElement(te,{appearance:s}),he.createElement($s,{type:p,appearance:s,className:l("bannerContainer",s)},p!="square"&&he.createElement(Ms,{className:l("bannerIconContainer",s)},d||he.createElement(Ws,null)),p==="square"&&m.dismissible&&he.createElement(dr,{type:p,className:l("bannerDismissButtonContainer",s)},he.createElement(pr,{type:p,onClick:async()=>{await f(e),i&&i()},className:l("bannerDismissButton",s)},he.createElement(ve,null))),he.createElement(Us,{type:p},he.createElement(Se,{appearance:s,title:t,subtitle:o})),he.createElement(_s,{type:p,className:l("bannerCallToActionContainer",s)},he.createElement(Z,{title:(m==null?void 0:m.primaryButtonTitle)??"Get started",appearance:s,onClick:()=>{v(m),r&&r(m,0,"primary")}})),p!=="square"&&m.dismissible&&he.createElement(dr,{type:p,className:l("bannerDismissButtonContainer",s)},he.createElement(pr,{type:p,onClick:async()=>{await f(e),i&&i()},className:l("bannerDismissButton",s)},he.createElement(ve,null)))))};import Q,{useEffect as md}from"react";import{Portal as ud}from"react-portal";import Ze from"styled-components";var Hs=Ze.div`
   ${e=>k(e)} {
     display: flex;
     flex-direction: column;
@@ -1514,7 +1527,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
     box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
     min-width: 550px;
   }
-`,Hs=Ze.button`
+`,Vs=Ze.button`
   border: 1px solid ${e=>e.appearance.theme.colorBorder};
   border-radius: ${e=>e.appearance.theme.borderRadius}px;
   // If selected make border color primary and text color color priamry
@@ -1535,30 +1548,30 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
   display: flex;
   justify-content: center;
   align-items: center;
-`,ar=Ze.div`
+`,cr=Ze.div`
   display: flex;
   justify-content: flex-end;
   margin-top: 24px;
   gap: 8px;
-`,Vs=Ze.div`
+`,js=Ze.div`
   display: flex;
   justify-content: space-between;
   margin-top: 24px;
-`,pr=Ze.div`
+`,mr=Ze.div`
   font-size: 12px;
   line-height: 16px;
   color: ${e=>e.appearance.theme.colorTextDisabled};
-`,dr=Ze.div`
+`,ur=Ze.div`
   display: flex;
   flex-direction: column;
   flex: 1;
-`,XS=Ze.div`
+`,RS=Ze.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   margin-top: 16px;
-`,js=Ze.textarea`
+`,Gs=Ze.textarea`
   ${e=>k(e)} {
     margin-top: 16px;
     border: 1px solid ${e=>e.appearance.theme.colorBorder};
@@ -1569,7 +1582,7 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
     width: 100%;
     height: 100px;
   }
-`,Gs=Ze.div`
+`,qs=Ze.div`
   ${e=>k(e)} {
     position: absolute;
     top: 16px;
@@ -1580,5 +1593,5 @@ ${i=>i.inlineStyles.map(([n,r])=>`.${Vt}${n}.${Vt}${n} { ${Object.entries(r).map
       opacity: 0.8;
     }
   }
-`;var ud=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:s})=>{let{getFlow:p,markFlowCompleted:d,markStepCompleted:a,getNumberOfStepsCompleted:f,isLoading:c,targetingLogicShouldHideFlow:u,updateCustomVariables:w,getFlowSteps:T,getFlowStatus:S,getCurrentStepIndex:x}=X(),{primaryCTAClickSideEffects:E}=se(),{mergeAppearanceWithDefault:P}=J(),[B,y]=Q.useState(null),[C,m]=Q.useState(""),{hasOpenModals:h,setKeepCompletedFlowOpenDuringSession:F,shouldKeepCompletedFlowOpenDuringSession:L}=ve();if(n=P(n),cd(()=>{w(o)},[o,c]),c)return null;let U=p(e);if(!U||u(U)||S(e)===Y||f(e)===1&&!L(e)||h())return null;let A=T(e)[x(e)];function _(){return Q.createElement(Q.Fragment,null,Q.createElement(dr,null,Q.createElement(be,{size:"large",appearance:n,title:A.title,subtitle:A.subtitle})),Q.createElement(ar,{className:l("npsNumberButtonContainer",n),appearance:n},Array.from(Array(10).keys()).map(M=>Q.createElement(Hs,{className:l("npsNumberButton",n),selected:B===M+1,key:M,onClick:async()=>{F(e),y(M+1),await a(e,A.id,{score:M+1})},appearance:n},M+1))),Q.createElement(Vs,{appearance:n},Q.createElement(pr,{appearance:n},"Not likely at all"),Q.createElement(pr,{appearance:n},"Extremely likely")))}function N(){return Q.createElement(Q.Fragment,null,Q.createElement(dr,null,Q.createElement(be,{appearance:n,title:"Why did you choose this score?",size:"large"})),Q.createElement(js,{appearance:n,value:C,onChange:M=>{m(M.target.value)},placeHolder:"Add your optional fedback here..."}),Q.createElement(ar,{appearance:n,className:l("npsNumberButtonContainer",n)},Q.createElement(ee,{size:"large",withMargin:!1,onClick:async()=>{await d(e),i&&i(A,1,"primary")},appearance:n,title:A.secondaryButtonTitle||"Skip",secondary:!0}),Q.createElement(ee,{size:"large",withMargin:!1,onClick:async()=>{await a(e,A.id,{feedbackText:C}),await d(e),i&&i(A,1,"primary")},appearance:n,title:A.primaryButtonTitle||"Submit"})))}return Q.createElement(md,null,Q.createElement(ie,{appearance:n}),Q.createElement(Ws,{appearance:n,className:ye(l("npsSurveyContainer",n),r),style:s},Q.createElement(Gs,{onClick:async()=>{await d(e),t&&t()},className:l("npsSurveyDismissButton",n)},Q.createElement(Ee,null)),f(e)==0&&_(),f(e)==1&&N()))};export{ft as CheckBox,tt as FormLabel,zo as FormTextField,dd as FrigadeBanner,ir as FrigadeChecklist,qe as FrigadeDefaultAppearance,ad as FrigadeEmbeddedTip,di as FrigadeForm,zp as FrigadeGuide,Dp as FrigadeHeroChecklist,ud as FrigadeNPSSurvey,Up as FrigadeProgressBadge,$a as FrigadeProvider,sd as FrigadeSupportWidget,td as FrigadeTour,At as ProgressRing,ve as useFlowOpens,Wt as useFlowResponses,X as useFlows,Yo as useOrganization,Ht as useUser};
+`;var fd=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:n,className:r,style:s})=>{let{getFlow:p,markFlowCompleted:d,markStepCompleted:a,getNumberOfStepsCompleted:f,isLoading:c,targetingLogicShouldHideFlow:u,updateCustomVariables:w,getFlowSteps:T,getFlowStatus:S,getCurrentStepIndex:C}=X(),{primaryCTAClickSideEffects:P}=re(),{mergeAppearanceWithDefault:v}=J(),[B,y]=Q.useState(null),[h,m]=Q.useState(""),{hasOpenModals:x,setKeepCompletedFlowOpenDuringSession:F,shouldKeepCompletedFlowOpenDuringSession:D}=Pe();if(n=v(n),md(()=>{w(o)},[o,c]),c)return null;let _=p(e);if(!_||u(_)||S(e)===Y||f(e)===1&&!D(e)||x())return null;let A=T(e)[C(e)];function U(){return Q.createElement(Q.Fragment,null,Q.createElement(ur,null,Q.createElement(Se,{size:"large",appearance:n,title:A.title,subtitle:A.subtitle})),Q.createElement(cr,{className:l("npsNumberButtonContainer",n),appearance:n},Array.from(Array(10).keys()).map(L=>Q.createElement(Vs,{className:l("npsNumberButton",n),selected:B===L+1,key:L,onClick:async()=>{F(e),y(L+1),await a(e,A.id,{score:L+1})},appearance:n},L+1))),Q.createElement(js,{appearance:n},Q.createElement(mr,{appearance:n},"Not likely at all"),Q.createElement(mr,{appearance:n},"Extremely likely")))}function $(){return Q.createElement(Q.Fragment,null,Q.createElement(ur,null,Q.createElement(Se,{appearance:n,title:"Why did you choose this score?",size:"large"})),Q.createElement(Gs,{appearance:n,value:h,onChange:L=>{m(L.target.value)},placeHolder:"Add your optional fedback here..."}),Q.createElement(cr,{appearance:n,className:l("npsNumberButtonContainer",n)},Q.createElement(Z,{size:"large",withMargin:!1,onClick:async()=>{await d(e),i&&i(A,1,"primary")},appearance:n,title:A.secondaryButtonTitle||"Skip",secondary:!0}),Q.createElement(Z,{size:"large",withMargin:!1,onClick:async()=>{await a(e,A.id,{feedbackText:h}),await d(e),i&&i(A,1,"primary")},appearance:n,title:A.primaryButtonTitle||"Submit"})))}return Q.createElement(ud,null,Q.createElement(te,{appearance:n}),Q.createElement(Hs,{appearance:n,className:Ce(l("npsSurveyContainer",n),r),style:s},Q.createElement(qs,{onClick:async()=>{await d(e),t&&t()},className:l("npsSurveyDismissButton",n)},Q.createElement(ve,null)),f(e)==0&&U(),f(e)==1&&$()))};export{ut as CheckBox,ot as FormLabel,Vo as FormTextField,cd as FrigadeBanner,lr as FrigadeChecklist,qe as FrigadeDefaultAppearance,pd as FrigadeEmbeddedTip,Si as FrigadeForm,Wp as FrigadeGuide,$p as FrigadeHeroChecklist,fd as FrigadeNPSSurvey,_p as FrigadeProgressBadge,Ua as FrigadeProvider,ld as FrigadeSupportWidget,od as FrigadeTour,At as ProgressRing,Pe as useFlowOpens,Wt as useFlowResponses,X as useFlows,Qo as useOrganization,Ht as useUser};
 //# sourceMappingURL=index.mjs.map