@frigade/react 1.34.5 → 1.35.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.d.ts +1 -0
- package/lib/index.js +107 -96
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +217 -206
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import{ThemeProvider as Pp}from"styled-components";import St,{useContext as ep,useEffect as Ao,useState as dr}from"react";import{useCallback as gt,useContext as vl,useEffect as Bl}from"react";import jo,{useMemo as Ir}from"react";var Ar="1.34.5 ";var Ne="NOT_STARTED_STEP",Q="COMPLETED_FLOW",uo="ABORTED_FLOW",ft="STARTED_FLOW",$e="NOT_STARTED_FLOW",Me="COMPLETED_STEP",fo="STARTED_STEP";function _e(){let{publicApiKey:e,userId:t,apiUrl:o}=jo.useContext(K);return{config:Ir(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":Ar,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:Ir(()=>`${o}/v1/public/`,[o])}}var gl="frigade-last-call-at-",xl="frigade-last-call-data-";function vt(){let{shouldGracefullyDegrade:e,readonly:t}=jo.useContext(K);return async(o,r)=>{if(t&&(r.method==="POST"||r.method==="PUT"||r.method==="DELETE"))return Pt();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),Pt();let i=gl+o,n=xl+o;if(window&&window.localStorage&&r&&r.body&&r.method==="POST"){let p=window.localStorage.getItem(i),c=window.localStorage.getItem(n);if(p&&c&&c==r.body){let a=new Date(p);if(new Date().getTime()-a.getTime()<1e3)return Pt()}window.localStorage.setItem(i,new Date().toISOString()),window.localStorage.setItem(n,r.body)}let s;try{s=await fetch(o,r)}catch(p){return Pt(p)}return s?s.ok?s:Pt(s.statusText):Pt()}}function Pt(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Bt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=jo.useContext(K);function o(){return t?(console.error("Frigade hooks cannot be used when Frigade SDK has failed to initialize"),!1):e?!0:(console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider"),!1)}return{verifySDKInitiated:o}}import{useContext as Fl,useState as Nr}from"react";import{useContext as Cl,useEffect as Sl,useState as yl}from"react";import bl from"swr";import{useContext as hl}from"react";function Pe(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:r,completedFlowsToKeepOpenDuringSession:i}=hl(K);function n(d,x=!1){return e[d]??x}function s(d,x){t(y=>({...y,[d]:x}))}function p(d){t(x=>{let{[d]:y,...w}=x;return{...w}})}function c(d){i.includes(d)||r(x=>[...x,d])}function a(d){return i.includes(d)}function g(d){return Object.entries(e).some(([x,y])=>y&&x!=d)||o}return{getOpenFlowState:n,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:g,setKeepCompletedFlowOpenDuringSession:c,shouldKeepCompletedFlowOpenDuringSession:a}}import wl from"swr/immutable";var Tl="unknown";function ve(){let{config:e,apiUrl:t}=_e(),{publicApiKey:o,userId:r,organizationId:i,flows:n,setShouldGracefullyDegrade:s,readonly:p}=Cl(K),{resetOpenFlowState:c}=Pe(),[a,g]=yl(!1),d={data:n.map(F=>({flowId:F.id,flowState:Q,lastStepId:null,userId:r,foreignUserId:r,stepStates:{},shouldTrigger:!1}))},x=F=>fetch(F,e).then(T=>{if(T.ok)return T.json();throw new Error("Failed to fetch user flow states")}).catch(T=>(console.log(`Error fetching ${F}: ${T}. Will gracefully degrade and hide Frigade`),s(!0),d)),y=o&&n&&r?`${t}userFlowStates?foreignUserId=${encodeURIComponent(r)}${i?`&foreignUserGroupId=${encodeURIComponent(i)}`:""}`:null,{data:w,isLoading:P,mutate:f,error:E}=p?wl(y,x):bl(y,x,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>d,onLoadingSlow:()=>d}),b=w==null?void 0:w.data;Sl(()=>{!a&&!P&&b&&g(!0)},[b,a,P]);async function S(F){if(b&&!p){let T=b.find(O=>O.flowId===F);T&&T.flowState!==Q&&(T.flowState=Q),await f(Promise.resolve({...w,data:b}),{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1})}}async function A(F,T,O){if(b){let I=b.find(M=>M.flowId===F);I&&(I.stepStates[T]=O,I.flowState=ft),await f(Promise.resolve({...w,data:b}),{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1})}}async function C(F,T,O){if(b){let I=b.find(M=>M.flowId===F);I&&(I.lastStepId=T,I.stepStates[T]=O,I.flowState=ft),await f({...w,data:b},{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1})}}async function m(F){if(b){let T=b.find(O=>O.flowId===F);T&&T.flowState!==$e&&(T.flowState=$e,T.lastStepId=Tl,Object.keys(T.stepStates).forEach(O=>{T.stepStates[O].actionType=Ne,T.stepStates[O].createdAt=new Date().toISOString()}),await f({...w,data:b},{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1}),c(F))}}async function B(F,T){if(b){let O=b.find(I=>I.flowId===F);O&&O.stepStates[T]!==Ne&&(O.stepStates[T]=Ne),await f({...w,data:b},{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1})}}return{userFlowStatesData:b,isLoadingUserFlowStateData:!a,mutateUserFlowState:f,optimisticallyMarkFlowCompleted:S,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:A,optimisticallyMarkStepNotStarted:B,optimisticallyMarkStepStarted:C,error:E}}function Gt(){let{config:e,apiUrl:t}=_e(),{userFlowStatesData:o,mutateUserFlowState:r}=ve(),{failedFlowResponses:i,setFailedFlowResponses:n,flowResponses:s,setFlowResponses:p}=Fl(K),[c,a]=Nr(new Set),[g,d]=Nr(new Set),x=vt();function y(f){let E=JSON.stringify(f);if(c.has(E))return null;c.add(E),a(c),g.add(f),d(g);let b=s==null?void 0:s.find(S=>S.flowSlug===f.flowSlug&&S.stepId===f.stepId&&S.actionType===f.actionType&&S.createdAt===f.createdAt);return x(`${t}flowResponses`,{...e,method:"POST",body:E}).then(S=>{S.status!==200&&S.status!==201?(console.log("Failed to send flow response for step "+f.stepId+". Will retry again later."),n([...i,f])):b||p(A=>[...A??[],f])})}async function w(f){f.foreignUserId&&(f.actionType===ft||f.actionType===$e?await y(f):f.actionType===Q?await y(f):f.actionType===fo?await y(f):f.actionType===Me?await y(f):f.actionType===uo?await y(f):f.actionType===Ne&&await y(f))}function P(){let f=[];return o==null||o.forEach(E=>{if(E&&E.stepStates&&Object.keys(E.stepStates).length!==0)for(let b in E.stepStates){let S=E.stepStates[b];f.push({foreignUserId:E.foreignUserId,flowSlug:E.flowId,stepId:S.stepId,actionType:S.actionType,data:{},createdAt:new Date(S.createdAt),blocked:S.blocked,hidden:S.hidden})}}),[...f,...s]}return{addResponse:w,setFlowResponses:p,getFlowResponses:P}}import El from"swr";var kl=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,Or=e=>{let t=kl.exec(e);if(t===null)return null;let o=null;return t.forEach((r,i)=>{let n=Pl(r,"'","");n.startsWith("flow_")&&(o=n)}),o},Pl=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function Z(){let{config:e,apiUrl:t}=_e(),{flows:o,setFlows:r,userId:i,publicApiKey:n,customVariables:s,setCustomVariables:p,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:a,setFlowResponses:g,setShouldGracefullyDegrade:d,readonly:x}=vl(K),y={data:[]},{verifySDKInitiated:w}=Bt(),{addResponse:P,getFlowResponses:f}=Gt(),E=u=>fetch(u,e).then(h=>h.ok?h.json():(console.log(`Error fetching ${u} (${h.status}): ${h.statusText}. .Will gracefully degrade and hide Frigade`),d(!0),y)).catch(h=>(console.log(`Error fetching ${u}: ${h}. Will gracefully degrade and hide Frigade`),d(!0),y)),{mutateUserFlowState:b,userFlowStatesData:S,isLoadingUserFlowStateData:A,optimisticallyMarkFlowCompleted:C,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:B,optimisticallyMarkStepNotStarted:F,optimisticallyMarkStepStarted:T}=ve(),{data:O,error:I,isLoading:M}=El(n?`${t}flows${x?"?readonly=true":""}`:null,E,{keepPreviousData:!0});Bl(()=>{if(I){console.error(I);return}O&&O.data&&r(O.data)},[O,I]);function D(u){if(M)return null;let h=o.find(v=>v.slug===u);return!h&&o.length>0&&!A&&!M?(console.log(`Flow with slug ${u} not found`),null):(h==null?void 0:h.active)===!1?null:h}function L(u){var _;if(!D(u))return[];let h=D(u).data;return h?(h=ee(h),(((_=JSON.parse(h))==null?void 0:_.data)??[]).map(Ce=>{let Er=ne(Ce);return{handleSecondaryButtonClick:()=>{Ce.skippable===!0&&H(u,Ce.id,{skipped:!0})},...Ce,complete:ge(u,Ce.id)===Me||Er>=1,blocked:te(u,Ce.id),hidden:N(u,Ce.id),handlePrimaryButtonClick:()=>{(!Ce.completionCriteria&&(Ce.autoMarkCompleted||Ce.autoMarkCompleted===void 0)||Ce.completionCriteria&&Ce.autoMarkCompleted===!0)&&H(u,Ce.id)},progress:Er}}).filter(Ce=>Ce.hidden!==!0)):[]}function ee(u){return u.replaceAll(/\${(.*?)}/g,(h,v)=>s[v]===void 0?"":String(s[v]).replace(/[\u00A0-\u9999<>\&]/g,function(_){return"&#"+_.charCodeAt(0)+";"}).replaceAll(/[\\]/g,"\\\\").replaceAll(/[\"]/g,'\\"').replaceAll(/[\/]/g,"\\/").replaceAll(/[\b]/g,"\\b").replaceAll(/[\f]/g,"\\f").replaceAll(/[\n]/g,"\\n").replaceAll(/[\r]/g,"\\r").replaceAll(/[\t]/g,"\\t"))}function U(u){if(!D(u))return[];let h=D(u).data;return h?(h=ee(h),JSON.parse(h)??{}):[]}function J(u,h){p(v=>({...v,[u]:h}))}function fe(u){!A&&!M&&u&&JSON.stringify(s)!=JSON.stringify({...s,...u})&&Object.keys(u).forEach(h=>{J(h,u[h])})}let q=gt(async(u,h,v)=>{if(!w())return;let _={foreignUserId:i,flowSlug:u,stepId:h,actionType:fo,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};Y(_)&&(await T(u,h,_),P(_))},[i,S]),W=gt(async(u,h,v)=>{if(!w())return;let _={foreignUserId:i,flowSlug:u,stepId:h,actionType:Ne,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};Y(_)&&(await F(u,h),P(_))},[i,S]),H=gt(async(u,h,v)=>{if(!w())return;let _={foreignUserId:i,flowSlug:u,stepId:h,actionType:Me,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};Y(_)&&(await B(u,h,_),P(_))},[i,S]),he=gt(async(u,h)=>{if(!w()||le(u)===$e)return;let v={foreignUserId:i,flowSlug:u,stepId:"unknown",actionType:$e,data:h??{},createdAt:new Date,blocked:!1,hidden:!1};await m(u),Y(v)&&P(v)},[i,S]),Ie=gt(async(u,h)=>{if(!w())return;let v={foreignUserId:i,flowSlug:u,stepId:"unknown",actionType:ft,data:h??{},createdAt:new Date,blocked:!1,hidden:!1};Y(v)&&P(v)},[i,S]),ye=gt(async(u,h)=>{if(!w())return;let v={foreignUserId:i,flowSlug:u,stepId:"unknown",actionType:Q,data:h??{},createdAt:new Date,blocked:!1,hidden:!1};Y(v)&&(await C(u),P(v))},[i,S]),ce=gt(async(u,h)=>{if(!w())return;let v={foreignUserId:i,flowSlug:u,stepId:"unknown",actionType:uo,data:h??{},createdAt:new Date,blocked:!1,hidden:!1};Y(v)&&(await C(u),P(v))},[i,S]);function Y(u){var h;if(!S&&u.actionType===Ne)return!1;if(S){let v=S.find(_=>_.flowId===u.flowSlug);if(u.actionType===Ne&&(!(v!=null&&v.stepStates[u.stepId])||v.stepStates[u.stepId].actionType===Ne)||v&&((h=v.stepStates[u.stepId])==null?void 0:h.actionType)===u.actionType||v&&v.flowState===Q&&u.actionType===Q)return!1}return!0}function ge(u,h){let v=V(u,h);return A?null:v?v.actionType:Ne}function te(u,h){let v=V(u,h);return v?v.blocked:!1}function N(u,h){let v=V(u,h);return v?v.hidden:!1}function V(u,h){if(A)return null;let v=S==null?void 0:S.find(_=>_.flowId===u);return!v||!v.stepStates[h]?null:v.stepStates[h]??null}function j(u){var v;if(A||!S)return null;if(le(u)===$e)return L(u)[0]??null;let h=(v=S.find(_=>_.flowId===u))==null?void 0:v.lastStepId;return h?L(u).find(_=>_.id===h):null}function ie(u){let h=j(u);if(!h)return 0;let v=L(u).findIndex(_=>_.id===h.id)??0;return ge(u,h.id)===Me&&v<L(u).length-1?v+1:v}function ne(u){if(!u.completionCriteria)return;let h=Or(u.completionCriteria);if(h===null)return;let v=Ge(h),_=De(h);return _===0?void 0:v/_}function le(u){let h=S==null?void 0:S.find(v=>v.flowId===u);return h?h.flowState:null}function Ge(u){let h=L(u);return h.length===0?0:h.filter(_=>ge(u,_.id)===Me).length}function De(u){return L(u).length}function G(u){let h=o.find(v=>v.slug===u);return h?JSON.parse(h.data):null}function ke(u){if(x)return!1;if(A)return!0;if(u!=null&&u.targetingLogic&&S){let h=S.find(v=>v.flowId===u.slug);if(h)return h.shouldTrigger===!1}return!!(u!=null&&u.targetingLogic&&i&&i.startsWith("guest_"))}function jt(u){return!ke(D(u))}function mo(){i&&b()}return{getFlow:D,getFlowData:G,isLoading:A||M,getStepStatus:ge,getFlowSteps:L,getCurrentStepIndex:ie,markStepStarted:q,markStepCompleted:H,markFlowNotStarted:he,markFlowStarted:Ie,markFlowCompleted:ye,markFlowAborted:ce,markStepNotStarted:W,getFlowStatus:le,getNumberOfStepsCompleted:Ge,getNumberOfSteps:De,targetingLogicShouldHideFlow:ke,setCustomVariable:J,updateCustomVariables:fe,customVariables:s,getStepOptionalProgress:ne,getFlowMetadata:U,isStepBlocked:te,isStepHidden:N,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:a,isFlowAvailableToUser:jt,refresh:mo}}import{useCallback as Lr,useContext as Al,useEffect as Il}from"react";var Et="guest_";function Kt(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:r,shouldGracefullyDegrade:i}=Al(K),{config:n,apiUrl:s}=_e(),{mutateUserFlowState:p}=ve(),c=vt(),{verifySDKInitiated:a}=Bt();Il(()=>{if(e&&!t){if(e.startsWith(Et))return;let x=`frigade-user-registered-${e}`;localStorage.getItem(x)||(c(`${s}users`,{...n,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(x,"true"))}},[e,i,t]);let g=Lr(async x=>{if(!a())return;let y={foreignId:e,properties:x};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(y)}),r(w=>({...w,...x})),p()},[e,n,i,p]),d=Lr(async(x,y)=>{if(!a())return;let P={foreignId:e,events:[{event:x,properties:y}]};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(P)}),p()},[e,n,p]);return{userId:e,setUserId:o,addPropertiesToUser:g,trackEventForUser:d}}import{v4 as tp}from"uuid";import He,{useEffect as Ja,useState as Qa}from"react";import Ue,{useEffect as Ul}from"react";import ho from"styled-components";import Nl from"react";import Ol from"styled-components";var Dr="fr-",qt="cfr-";function l(e,t){let o=`${Dr}${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+" "+qt+e}return o}function k(e){if(!e.className||e.className.indexOf(qt)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(Dr)?"":`:not(${o.map(r=>`.${r}`).join(", ")})`}function Go(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function Ke(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Go(t)}: ${e.styleOverrides[t]};`).join(" "):""}function be(...e){return e.filter(Boolean).join(" ")}function Yt(e){return e.charAt(0).toUpperCase()+e.slice(1)}var Ll=Ol.div`
|
|
2
|
+
import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import{ThemeProvider as Pp}from"styled-components";import St,{useContext as ep,useEffect as Ao,useState as dr}from"react";import{useCallback as gt,useContext as vl,useEffect as Bl}from"react";import jo,{useMemo as Nr}from"react";var Ir="1.35.1 ";var Ne="NOT_STARTED_STEP",Q="COMPLETED_FLOW",uo="ABORTED_FLOW",ft="STARTED_FLOW",$e="NOT_STARTED_FLOW",Me="COMPLETED_STEP",fo="STARTED_STEP";function ze(){let{publicApiKey:e,userId:t,apiUrl:o}=jo.useContext(K);return{config:Nr(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":Ir,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:Nr(()=>`${o}/v1/public/`,[o])}}var gl="frigade-last-call-at-",xl="frigade-last-call-data-";function vt(){let{shouldGracefullyDegrade:e,readonly:t}=jo.useContext(K);return async(o,r)=>{if(t&&(r.method==="POST"||r.method==="PUT"||r.method==="DELETE"))return Pt();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),Pt();let i=gl+o,n=xl+o;if(window&&window.localStorage&&r&&r.body&&r.method==="POST"){let p=window.localStorage.getItem(i),c=window.localStorage.getItem(n);if(p&&c&&c==r.body){let a=new Date(p);if(new Date().getTime()-a.getTime()<1e3)return Pt()}window.localStorage.setItem(i,new Date().toISOString()),window.localStorage.setItem(n,r.body)}let s;try{s=await fetch(o,r)}catch(p){return Pt(p)}return s?s.ok?s:Pt(s.statusText):Pt()}}function Pt(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Bt(){let{publicApiKey:e,shouldGracefullyDegrade:t}=jo.useContext(K);function o(){return t?(console.error("Frigade hooks cannot be used when Frigade SDK has failed to initialize"),!1):e?!0:(console.error("Frigade hooks cannot be used outside the scope of FrigadeProvider"),!1)}return{verifySDKInitiated:o}}import{useContext as Fl,useState as Or}from"react";import{useContext as Cl,useEffect as Sl,useState as yl}from"react";import bl from"swr";import{useContext as hl}from"react";function Pe(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:r,completedFlowsToKeepOpenDuringSession:i}=hl(K);function n(d,x=!1){return e[d]??x}function s(d,x){t(y=>({...y,[d]:x}))}function p(d){t(x=>{let{[d]:y,...w}=x;return{...w}})}function c(d){i.includes(d)||r(x=>[...x,d])}function a(d){return i.includes(d)}function g(d){return Object.entries(e).some(([x,y])=>y&&x!=d)||o}return{getOpenFlowState:n,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:g,setKeepCompletedFlowOpenDuringSession:c,shouldKeepCompletedFlowOpenDuringSession:a}}import wl from"swr/immutable";var Tl="unknown";function ve(){let{config:e,apiUrl:t}=ze(),{publicApiKey:o,userId:r,organizationId:i,flows:n,setShouldGracefullyDegrade:s,readonly:p}=Cl(K),{resetOpenFlowState:c}=Pe(),[a,g]=yl(!1),d={data:n.map(F=>({flowId:F.id,flowState:Q,lastStepId:null,userId:r,foreignUserId:r,stepStates:{},shouldTrigger:!1}))},x=F=>fetch(F,e).then(T=>{if(T.ok)return T.json();throw new Error("Failed to fetch user flow states")}).catch(T=>(console.log(`Error fetching ${F}: ${T}. Will gracefully degrade and hide Frigade`),s(!0),d)),y=o&&n&&r?`${t}userFlowStates?foreignUserId=${encodeURIComponent(r)}${i?`&foreignUserGroupId=${encodeURIComponent(i)}`:""}`:null,{data:w,isLoading:P,mutate:f,error:E}=p?wl(y,x):bl(y,x,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>d,onLoadingSlow:()=>d}),b=w==null?void 0:w.data;Sl(()=>{!a&&!P&&b&&g(!0)},[b,a,P]);async function S(F){if(b&&!p){let T=b.find(O=>O.flowId===F);T&&T.flowState!==Q&&(T.flowState=Q),await f(Promise.resolve({...w,data:b}),{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1})}}async function A(F,T,O){if(b){let I=b.find(M=>M.flowId===F);I&&(I.stepStates[T]=O,I.flowState=ft),await f(Promise.resolve({...w,data:b}),{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1})}}async function C(F,T,O){if(b){let I=b.find(M=>M.flowId===F);I&&(I.lastStepId=T,I.stepStates[T]=O,I.flowState=ft),await f({...w,data:b},{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1})}}async function m(F){if(b){let T=b.find(O=>O.flowId===F);T&&T.flowState!==$e&&(T.flowState=$e,T.lastStepId=Tl,Object.keys(T.stepStates).forEach(O=>{T.stepStates[O].actionType=Ne,T.stepStates[O].createdAt=new Date().toISOString()}),await f({...w,data:b},{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1}),c(F))}}async function B(F,T){if(b){let O=b.find(I=>I.flowId===F);O&&O.stepStates[T]!==Ne&&(O.stepStates[T]=Ne),await f({...w,data:b},{optimisticData:{...w,data:b},revalidate:!1,rollbackOnError:!1})}}return{userFlowStatesData:b,isLoadingUserFlowStateData:!a,mutateUserFlowState:f,optimisticallyMarkFlowCompleted:S,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:A,optimisticallyMarkStepNotStarted:B,optimisticallyMarkStepStarted:C,error:E}}function Gt(){let{config:e,apiUrl:t}=ze(),{userFlowStatesData:o,mutateUserFlowState:r}=ve(),{failedFlowResponses:i,setFailedFlowResponses:n,flowResponses:s,setFlowResponses:p}=Fl(K),[c,a]=Or(new Set),[g,d]=Or(new Set),x=vt();function y(f){let E=JSON.stringify(f);if(c.has(E))return null;c.add(E),a(c),g.add(f),d(g);let b=s==null?void 0:s.find(S=>S.flowSlug===f.flowSlug&&S.stepId===f.stepId&&S.actionType===f.actionType&&S.createdAt===f.createdAt);return x(`${t}flowResponses`,{...e,method:"POST",body:E}).then(S=>{S.status!==200&&S.status!==201?(console.log("Failed to send flow response for step "+f.stepId+". Will retry again later."),n([...i,f])):b||p(A=>[...A??[],f])})}async function w(f){f.foreignUserId&&(f.actionType===ft||f.actionType===$e?await y(f):f.actionType===Q?await y(f):f.actionType===fo?await y(f):f.actionType===Me?await y(f):f.actionType===uo?await y(f):f.actionType===Ne&&await y(f))}function P(){let f=[];return o==null||o.forEach(E=>{if(E&&E.stepStates&&Object.keys(E.stepStates).length!==0)for(let b in E.stepStates){let S=E.stepStates[b];f.push({foreignUserId:E.foreignUserId,flowSlug:E.flowId,stepId:S.stepId,actionType:S.actionType,data:{},createdAt:new Date(S.createdAt),blocked:S.blocked,hidden:S.hidden})}}),[...f,...s]}return{addResponse:w,setFlowResponses:p,getFlowResponses:P}}import El from"swr";var kl=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,Lr=e=>{let t=kl.exec(e);if(t===null)return null;let o=null;return t.forEach((r,i)=>{let n=Pl(r,"'","");n.startsWith("flow_")&&(o=n)}),o},Pl=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function Z(){let{config:e,apiUrl:t}=ze(),{flows:o,setFlows:r,userId:i,publicApiKey:n,customVariables:s,setCustomVariables:p,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:a,setFlowResponses:g,setShouldGracefullyDegrade:d,readonly:x}=vl(K),y={data:[]},{verifySDKInitiated:w}=Bt(),{addResponse:P,getFlowResponses:f}=Gt(),E=u=>fetch(u,e).then(h=>h.ok?h.json():(console.log(`Error fetching ${u} (${h.status}): ${h.statusText}. .Will gracefully degrade and hide Frigade`),d(!0),y)).catch(h=>(console.log(`Error fetching ${u}: ${h}. Will gracefully degrade and hide Frigade`),d(!0),y)),{mutateUserFlowState:b,userFlowStatesData:S,isLoadingUserFlowStateData:A,optimisticallyMarkFlowCompleted:C,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:B,optimisticallyMarkStepNotStarted:F,optimisticallyMarkStepStarted:T}=ve(),{data:O,error:I,isLoading:M}=El(n?`${t}flows${x?"?readonly=true":""}`:null,E,{keepPreviousData:!0});Bl(()=>{if(I){console.error(I);return}O&&O.data&&r(O.data)},[O,I]);function D(u){if(M)return null;let h=o.find(v=>v.slug===u);return!h&&o.length>0&&!A&&!M?(console.log(`Flow with slug ${u} not found`),null):(h==null?void 0:h.active)===!1?null:h}function L(u){var z;if(!D(u))return[];let h=D(u).data;return h?(h=ee(h),(((z=JSON.parse(h))==null?void 0:z.data)??[]).map(Ce=>{let Ar=ne(Ce);return{handleSecondaryButtonClick:()=>{Ce.skippable===!0&&H(u,Ce.id,{skipped:!0})},...Ce,complete:ge(u,Ce.id)===Me||Ar>=1,blocked:te(u,Ce.id),hidden:N(u,Ce.id),handlePrimaryButtonClick:()=>{(!Ce.completionCriteria&&(Ce.autoMarkCompleted||Ce.autoMarkCompleted===void 0)||Ce.completionCriteria&&Ce.autoMarkCompleted===!0)&&H(u,Ce.id)},progress:Ar}}).filter(Ce=>Ce.hidden!==!0)):[]}function ee(u){return u.replaceAll(/\${(.*?)}/g,(h,v)=>s[v]===void 0?"":String(s[v]).replace(/[\u00A0-\u9999<>\&]/g,function(z){return"&#"+z.charCodeAt(0)+";"}).replaceAll(/[\\]/g,"\\\\").replaceAll(/[\"]/g,'\\"').replaceAll(/[\/]/g,"\\/").replaceAll(/[\b]/g,"\\b").replaceAll(/[\f]/g,"\\f").replaceAll(/[\n]/g,"\\n").replaceAll(/[\r]/g,"\\r").replaceAll(/[\t]/g,"\\t"))}function U(u){if(!D(u))return[];let h=D(u).data;return h?(h=ee(h),JSON.parse(h)??{}):[]}function J(u,h){p(v=>({...v,[u]:h}))}function fe(u){!A&&!M&&u&&JSON.stringify(s)!=JSON.stringify({...s,...u})&&Object.keys(u).forEach(h=>{J(h,u[h])})}let q=gt(async(u,h,v)=>{if(!w())return;let z={foreignUserId:i,flowSlug:u,stepId:h,actionType:fo,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};Y(z)&&(await T(u,h,z),P(z))},[i,S]),W=gt(async(u,h,v)=>{if(!w())return;let z={foreignUserId:i,flowSlug:u,stepId:h,actionType:Ne,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};Y(z)&&(await F(u,h),P(z))},[i,S]),H=gt(async(u,h,v)=>{if(!w())return;let z={foreignUserId:i,flowSlug:u,stepId:h,actionType:Me,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};Y(z)&&(await B(u,h,z),P(z))},[i,S]),he=gt(async(u,h)=>{if(!w()||le(u)===$e)return;let v={foreignUserId:i,flowSlug:u,stepId:"unknown",actionType:$e,data:h??{},createdAt:new Date,blocked:!1,hidden:!1};await m(u),Y(v)&&P(v)},[i,S]),Ie=gt(async(u,h)=>{if(!w())return;let v={foreignUserId:i,flowSlug:u,stepId:"unknown",actionType:ft,data:h??{},createdAt:new Date,blocked:!1,hidden:!1};Y(v)&&P(v)},[i,S]),ye=gt(async(u,h)=>{if(!w())return;let v={foreignUserId:i,flowSlug:u,stepId:"unknown",actionType:Q,data:h??{},createdAt:new Date,blocked:!1,hidden:!1};Y(v)&&(await C(u),P(v))},[i,S]),ce=gt(async(u,h)=>{if(!w())return;let v={foreignUserId:i,flowSlug:u,stepId:"unknown",actionType:uo,data:h??{},createdAt:new Date,blocked:!1,hidden:!1};Y(v)&&(await C(u),P(v))},[i,S]);function Y(u){var h;if(!S&&u.actionType===Ne)return!1;if(S){let v=S.find(z=>z.flowId===u.flowSlug);if(u.actionType===Ne&&(!(v!=null&&v.stepStates[u.stepId])||v.stepStates[u.stepId].actionType===Ne)||v&&((h=v.stepStates[u.stepId])==null?void 0:h.actionType)===u.actionType||v&&v.flowState===Q&&u.actionType===Q)return!1}return!0}function ge(u,h){let v=V(u,h);return A?null:v?v.actionType:Ne}function te(u,h){let v=V(u,h);return v?v.blocked:!1}function N(u,h){let v=V(u,h);return v?v.hidden:!1}function V(u,h){if(A)return null;let v=S==null?void 0:S.find(z=>z.flowId===u);return!v||!v.stepStates[h]?null:v.stepStates[h]??null}function j(u){var v;if(A||!S)return null;if(le(u)===$e)return L(u)[0]??null;let h=(v=S.find(z=>z.flowId===u))==null?void 0:v.lastStepId;return h?L(u).find(z=>z.id===h):null}function ie(u){let h=j(u);if(!h)return 0;let v=L(u).findIndex(z=>z.id===h.id)??0;return ge(u,h.id)===Me&&v<L(u).length-1?v+1:v}function ne(u){if(!u.completionCriteria)return;let h=Lr(u.completionCriteria);if(h===null)return;let v=Ge(h),z=De(h);return z===0?void 0:v/z}function le(u){let h=S==null?void 0:S.find(v=>v.flowId===u);return h?h.flowState:null}function Ge(u){let h=L(u);return h.length===0?0:h.filter(z=>ge(u,z.id)===Me).length}function De(u){return L(u).length}function G(u){let h=o.find(v=>v.slug===u);return h?JSON.parse(h.data):null}function ke(u){if(x)return!1;if(A)return!0;if(u!=null&&u.targetingLogic&&S){let h=S.find(v=>v.flowId===u.slug);if(h)return h.shouldTrigger===!1}return!!(u!=null&&u.targetingLogic&&i&&i.startsWith("guest_"))}function jt(u){return!ke(D(u))}function mo(){i&&b()}return{getFlow:D,getFlowData:G,isLoading:A||M,getStepStatus:ge,getFlowSteps:L,getCurrentStepIndex:ie,markStepStarted:q,markStepCompleted:H,markFlowNotStarted:he,markFlowStarted:Ie,markFlowCompleted:ye,markFlowAborted:ce,markStepNotStarted:W,getFlowStatus:le,getNumberOfStepsCompleted:Ge,getNumberOfSteps:De,targetingLogicShouldHideFlow:ke,setCustomVariable:J,updateCustomVariables:fe,customVariables:s,getStepOptionalProgress:ne,getFlowMetadata:U,isStepBlocked:te,isStepHidden:N,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:a,isFlowAvailableToUser:jt,refresh:mo}}import{useCallback as Dr,useContext as Al,useEffect as Il}from"react";var Et="guest_";function Kt(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:r,shouldGracefullyDegrade:i}=Al(K),{config:n,apiUrl:s}=ze(),{mutateUserFlowState:p}=ve(),c=vt(),{verifySDKInitiated:a}=Bt();Il(()=>{if(e&&!t){if(e.startsWith(Et))return;let x=`frigade-user-registered-${e}`;localStorage.getItem(x)||(c(`${s}users`,{...n,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(x,"true"))}},[e,i,t]);let g=Dr(async x=>{if(!a())return;let y={foreignId:e,properties:x};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(y)}),r(w=>({...w,...x})),p()},[e,n,i,p]),d=Dr(async(x,y)=>{if(!a())return;let P={foreignId:e,events:[{event:x,properties:y}]};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(P)}),p()},[e,n,p]);return{userId:e,setUserId:o,addPropertiesToUser:g,trackEventForUser:d}}import{v4 as tp}from"uuid";import He,{useEffect as Ja,useState as Qa}from"react";import Ue,{useEffect as Ul}from"react";import ho from"styled-components";import Nl from"react";import Ol from"styled-components";var $r="fr-",qt="cfr-";function l(e,t){let o=`${$r}${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+" "+qt+e}return o}function k(e){if(!e.className||e.className.indexOf(qt)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith($r)?"":`:not(${o.map(r=>`.${r}`).join(", ")})`}function Go(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function Ke(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Go(t)}: ${e.styleOverrides[t]};`).join(" "):""}function be(...e){return e.filter(Boolean).join(" ")}function Yt(e){return e.charAt(0).toUpperCase()+e.slice(1)}var Ll=Ol.div`
|
|
3
3
|
display: flex;
|
|
4
4
|
justify-content: center;
|
|
5
5
|
position: fixed;
|
|
@@ -23,11 +23,11 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
23
23
|
opacity: 1;
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
|
|
26
|
+
`,Mr=({onClose:e,appearance:t})=>Nl.createElement(Ll,{className:l("modalBackground",t),onClick:()=>e()});import Ko from"react";import Dl from"styled-components";var $l=Dl.div`
|
|
27
27
|
:hover {
|
|
28
28
|
opacity: 0.8;
|
|
29
29
|
}
|
|
30
|
-
`,Be=()=>Ko.createElement($l,null,Ko.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"none",viewBox:"0 0 20 20"},Ko.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M5 15L15 5M5 5l10 10"})));import{Portal as
|
|
30
|
+
`,Be=()=>Ko.createElement($l,null,Ko.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"none",viewBox:"0 0 20 20"},Ko.createElement("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M5 15L15 5M5 5l10 10"})));import{Portal as _l}from"react-portal";import Xr from"react";import qo from"react";function Ml({style:e,className:t}){return qo.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"54",height:"14",fill:"none",viewBox:"0 0 54 14",style:e,className:t},qo.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"}),qo.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 Ur=Ml;import Yo from"styled-components";import ot from"styled-components";var go=ot.div`
|
|
31
31
|
${e=>k(e)} {
|
|
32
32
|
background: ${e=>e.appearance.theme.colorBackground};
|
|
33
33
|
}
|
|
@@ -38,7 +38,7 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
38
38
|
min-width: 300px;
|
|
39
39
|
padding: 22px 22px 12px;
|
|
40
40
|
z-index: ${e=>e.zIndex};
|
|
41
|
-
`,
|
|
41
|
+
`,_r=ot.div`
|
|
42
42
|
display: block;
|
|
43
43
|
cursor: pointer;
|
|
44
44
|
position: absolute;
|
|
@@ -53,7 +53,7 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
53
53
|
margin-top: ${e=>e.dismissible?"24px":"0px"};
|
|
54
54
|
margin-bottom: 16px;
|
|
55
55
|
}
|
|
56
|
-
`,
|
|
56
|
+
`,Wr=ot.div`
|
|
57
57
|
${e=>k(e)} {
|
|
58
58
|
display: block;
|
|
59
59
|
width: 100%;
|
|
@@ -61,17 +61,17 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
61
61
|
margin-top: ${e=>e.dismissible?"24px":"0px"};
|
|
62
62
|
margin-bottom: 16px;
|
|
63
63
|
}
|
|
64
|
-
`,
|
|
64
|
+
`,Hr=ot.div`
|
|
65
65
|
display: flex;
|
|
66
66
|
flex-direction: row;
|
|
67
67
|
justify-content: space-between;
|
|
68
68
|
align-content: center;
|
|
69
|
-
`,
|
|
69
|
+
`,Vr=ot.div`
|
|
70
70
|
display: flex;
|
|
71
71
|
flex: 1;
|
|
72
72
|
flex-direction: column;
|
|
73
73
|
justify-content: center;
|
|
74
|
-
`,
|
|
74
|
+
`,jr=ot.div`
|
|
75
75
|
display: flex;
|
|
76
76
|
flex: 2;
|
|
77
77
|
flex-shrink: 1;
|
|
@@ -83,7 +83,7 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
83
83
|
align-content: center;
|
|
84
84
|
align-items: center;
|
|
85
85
|
}
|
|
86
|
-
`,
|
|
86
|
+
`,Gr=ot.p`
|
|
87
87
|
${e=>k(e)} {
|
|
88
88
|
font-style: normal;
|
|
89
89
|
font-weight: 600;
|
|
@@ -92,7 +92,7 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
92
92
|
color: #808080;
|
|
93
93
|
}
|
|
94
94
|
margin: 0;
|
|
95
|
-
`;var
|
|
95
|
+
`;var Kr=Yo.div`
|
|
96
96
|
background-color: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.colorBackground}};
|
|
97
97
|
position: absolute;
|
|
98
98
|
bottom: -47px;
|
|
@@ -103,7 +103,7 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
103
103
|
align-items: center;
|
|
104
104
|
justify-content: center;
|
|
105
105
|
border-radius: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.borderRadius}}px;
|
|
106
|
-
`,
|
|
106
|
+
`,qr=Yo(go)`
|
|
107
107
|
background-color: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.colorBackground}};
|
|
108
108
|
position: absolute;
|
|
109
109
|
bottom: -60px;
|
|
@@ -116,7 +116,7 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
116
116
|
border-radius: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.borderRadius}}px;
|
|
117
117
|
padding: 0;
|
|
118
118
|
z-index: ${e=>e.zIndex};
|
|
119
|
-
`,
|
|
119
|
+
`,Yr=Yo.div`
|
|
120
120
|
display: flex;
|
|
121
121
|
justify-content: center;
|
|
122
122
|
align-items: center;
|
|
@@ -125,7 +125,7 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
125
125
|
font-size: 12px;
|
|
126
126
|
line-height: 18px;
|
|
127
127
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
128
|
-
`;function xo({appearance:e}){return
|
|
128
|
+
`;function xo({appearance:e}){return Xr.createElement(Yr,{className:l("poweredByFrigadeContainer",e),appearance:e},"Powered by \xA0",Xr.createElement(Ur,null))}var zl=ho.div`
|
|
129
129
|
${e=>k(e)} {
|
|
130
130
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
131
131
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
@@ -187,7 +187,7 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
187
187
|
::-webkit-scrollbar {
|
|
188
188
|
display: none;
|
|
189
189
|
}
|
|
190
|
-
`,rt=({onClose:e,visible:t,headerContent:o=null,style:r=null,children:i,appearance:n,dismissible:s=!0,showFrigadeBranding:p=!1})=>(Ul(()=>{let c=a=>{a.key==="Escape"&&e()};return document.addEventListener("keydown",c),t?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset",document.removeEventListener("keydown",c)}},[e,t]),t?Ue.createElement(
|
|
190
|
+
`,rt=({onClose:e,visible:t,headerContent:o=null,style:r=null,children:i,appearance:n,dismissible:s=!0,showFrigadeBranding:p=!1})=>(Ul(()=>{let c=a=>{a.key==="Escape"&&e()};return document.addEventListener("keydown",c),t?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset",document.removeEventListener("keydown",c)}},[e,t]),t?Ue.createElement(_l,null,Ue.createElement(Mr,{appearance:n,onClose:()=>{s&&e()}}),Ue.createElement(zl,{appearance:n,className:l("modalContainer",n),styleOverrides:r},s&&Ue.createElement(Hl,{className:l("modalClose",n),onClick:()=>e(),appearance:n},Ue.createElement(Be,null)),o&&Ue.createElement(Wl,null,o),Ue.createElement(Vl,null,i),p&&Ue.createElement(Kr,{appearance:n,className:l("poweredByFrigadeRibbon",n)},Ue.createElement(xo,{appearance:n})))):Ue.createElement(Ue.Fragment,null));import it,{useEffect as jl}from"react";import Co from"styled-components";import{Portal as Gl}from"react-portal";var Kl=Co.div`
|
|
191
191
|
${e=>k(e)} {
|
|
192
192
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
193
193
|
background: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
@@ -224,22 +224,25 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
224
224
|
::-webkit-scrollbar {
|
|
225
225
|
display: none;
|
|
226
226
|
}
|
|
227
|
-
`,
|
|
227
|
+
`,Jr=({onClose:e,visible:t,headerContent:o=null,children:r,appearance:i})=>(jl(()=>{let n=s=>{s.key==="Escape"&&e()};return document.addEventListener("keydown",n),t?document.body.style.overflow="hidden":document.body.style.overflow="unset",()=>{document.body.style.overflow="unset",document.removeEventListener("keydown",n)}},[e,t]),t?it.createElement(Gl,null,it.createElement(Kl,{appearance:i,className:l("cornerModalContainer",i)},it.createElement(Yl,{className:l("cornerModalClose",i),onClick:()=>e()},it.createElement(Be,null)),o&&it.createElement(ql,null,o),it.createElement(Xl,null,r))):it.createElement(it.Fragment,null));import{useContext as Jl}from"react";function R(){let{defaultAppearance:e}=Jl(K);function t(o){let r=JSON.parse(JSON.stringify(e));return o?{styleOverrides:Object.assign(r.styleOverrides??{},o.styleOverrides??{}),theme:Object.assign(r.theme,o.theme??{})}:r}return{mergeAppearanceWithDefault:t}}import xt,{useContext as Sa,useEffect as ya,useState as rr}from"react";import To from"styled-components";import bo,{useEffect as Ql,useState as oi}from"react";import Qo from"styled-components";import So from"styled-components";var Qr=So.label`
|
|
228
228
|
${e=>k(e)} {
|
|
229
|
-
font-size:
|
|
230
|
-
line-height:
|
|
229
|
+
font-size: 12px;
|
|
230
|
+
line-height: 18px;
|
|
231
231
|
margin-bottom: 5px;
|
|
232
232
|
margin-top: 10px;
|
|
233
|
+
font-style: normal;
|
|
234
|
+
font-weight: 600;
|
|
235
|
+
letter-spacing: 0.24px;
|
|
233
236
|
}
|
|
234
237
|
display: flex;
|
|
235
|
-
`,
|
|
238
|
+
`,Zr=So.label`
|
|
236
239
|
${e=>k(e)} {
|
|
237
240
|
font-size: 12px;
|
|
238
241
|
line-height: 20px;
|
|
239
242
|
margin-bottom: 5px;
|
|
240
243
|
}
|
|
241
244
|
display: flex;
|
|
242
|
-
`,
|
|
245
|
+
`,Rr=So.span`
|
|
243
246
|
font-weight: 400;
|
|
244
247
|
font-size: 14px;
|
|
245
248
|
line-height: 22px;
|
|
@@ -252,7 +255,7 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
252
255
|
align-items: flex-start;
|
|
253
256
|
justify-content: left;
|
|
254
257
|
margin-bottom: 10px;
|
|
255
|
-
`;import Xo from"react";var qe={theme:{colorPrimary:"#0171F8",colorSecondary:"#EEEEEE",colorText:"#
|
|
258
|
+
`;import Xo from"react";var qe={theme:{colorPrimary:"#0171F8",colorSecondary:"#EEEEEE",colorText:"#0F1114",colorBackground:"#ffffff",colorBackgroundSecondary:"#d2d2d2",colorTextOnPrimaryBackground:"#ffffff",colorTextSecondary:"#2E343D",colorTextDisabled:"#5A6472",colorBorder:"#E5E5E5",colorTextError:"#c00000",colorTextSuccess:"#00D149",borderRadius:10}};function nt({title:e,required:t,appearance:o=qe}){return e?Xo.createElement(yo,null,t?Xo.createElement(Rr,{className:l("formLabelRequired",o),appearance:o},"*"):null,Xo.createElement(Qr,{className:l("formLabel",o)},e)):null}import ei from"react";function At({title:e,appearance:t}){return e?ei.createElement(yo,null,ei.createElement(Zr,{className:l("formSubLabel",t)},e)):null}import{z as Jo}from"zod";function ti(e,t){try{if(t){if(t.type=="number"){let o=Jo.number();if(t.props)for(let r of t.props)r.requirement=="min"?o=o.min(Number(r.value),r.message??"Value is too small"):r.requirement=="max"?o=o.max(Number(r.value),r.message??"Value is too large"):r.requirement=="positive"?o=o.positive(r.message??"Value must be positive"):r.requirement=="negative"&&(o=o.nonpositive(r.message??"Value must be negative"));o.parse(Number(e))}if(t.type=="string"){let o=Jo.string();if(t.props)for(let r of t.props)r.requirement=="min"?o=o.min(Number(r.value),r.message??"Value is too short"):r.requirement=="max"?o=o.max(Number(r.value),r.message??"Value is too long"):r.requirement=="regex"&&(o=o.regex(new RegExp(String(r.value)),r.message??"Value does not match requirements"));o.parse(e)}return}}catch(o){if(o instanceof Jo.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 Zl=Qo.div`
|
|
256
259
|
display: flex;
|
|
257
260
|
flex-direction: column;
|
|
258
261
|
width: 100%;
|
|
@@ -288,13 +291,13 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
288
291
|
min-height: 70px;
|
|
289
292
|
box-sizing: border-box;
|
|
290
293
|
margin-bottom: 10px;
|
|
291
|
-
`;function Ro({formInput:e,customFormTypeProps:t,onSaveInputData:o,setFormValidationErrors:r,inputData:i}){let n=e,[s,p]=
|
|
294
|
+
`;function Ro({formInput:e,customFormTypeProps:t,onSaveInputData:o,setFormValidationErrors:r,inputData:i}){let n=e,[s,p]=oi((i==null?void 0:i.text)||""),[c,a]=oi(!1),g=Zo;Ql(()=>{s===""&&!c&&(a(!0),d(""))},[]);function d(y){if(p(y),o({text:y}),n.required===!0&&y.trim()===""){r([{id:n.id,message:`${n.title??"Field"} is required`}]);return}let w=ti(y,n.validation);if(w){r([{id:n.id,message:w}]);return}r([])}n.multiline&&(g=Rl);function x(){var y;switch((y=n==null?void 0:n.validation)==null?void 0:y.type){case"email":return"email";case"number":return"number";case"password":return"password"}return null}return bo.createElement(Zl,null,bo.createElement(nt,{title:n.title,required:n.required,appearance:t.appearance}),bo.createElement(g,{className:l("inputComponent",t.appearance),value:s,onChange:y=>{d(y.target.value)},appearance:t.appearance,placeholder:n.placeholder,type:x()}),bo.createElement(At,{title:n.subtitle,appearance:t.appearance}))}import We,{useEffect as ri,useState as ii}from"react";import ni from"styled-components";var er="",ea=ni.div`
|
|
292
295
|
display: flex;
|
|
293
296
|
flex-direction: column;
|
|
294
297
|
width: 100%;
|
|
295
298
|
-webkit-appearance: none;
|
|
296
299
|
appearance: none;
|
|
297
|
-
`,ta=
|
|
300
|
+
`,ta=ni.select`
|
|
298
301
|
${e=>k(e)} {
|
|
299
302
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
300
303
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -315,15 +318,15 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
315
318
|
background-repeat: no-repeat;
|
|
316
319
|
background-size: 1.5em 1.5em;
|
|
317
320
|
-webkit-print-color-adjust: exact;
|
|
318
|
-
`;function
|
|
321
|
+
`;function si({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:r,setFormValidationErrors:i}){var g,d,x,y,w,P;let n=e,[s,p]=ii(((g=r==null?void 0:r.choice)==null?void 0:g[0])||""),[c,a]=ii(!1);return ri(()=>{var f,E,b,S;if(s===""&&!c){if(a(!0),n.requireSelection){p(er);return}if(n.defaultValue&&((f=n.props.options)!=null&&f.find(A=>A.id===n.defaultValue))){let A=(E=n.props.options)==null?void 0:E.find(C=>C.id===n.defaultValue);p(A.id),o({choice:[A.id]})}else p(((b=n.props.options)==null?void 0:b[0].id)||""),o({choice:[((S=n.props.options)==null?void 0:S[0].id)||""]})}},[]),ri(()=>{n.requireSelection&&s===er?i([{message:"Please select an option",id:n.id}]):i([])},[s]),We.createElement(ea,null,We.createElement(nt,{title:n.title,required:!1,appearance:t.appearance}),We.createElement(ta,{value:s,onChange:f=>{p(f.target.value),o({choice:[f.target.value]})},placeholder:n.placeholder,appearance:t.appearance,className:l("multipleChoiceSelect",t.appearance)},n.requireSelection&&We.createElement("option",{key:"null-value",value:er,disabled:!0},n.placeholder??"Select an option"),(d=n.props.options)==null?void 0:d.map(f=>We.createElement("option",{key:f.id,value:f.id},f.title))),((y=(x=n.props.options)==null?void 0:x.find(f=>f.id===s))==null?void 0:y.isOpenEnded)&&We.createElement(We.Fragment,null,We.createElement(nt,{title:((P=(w=n.props.options)==null?void 0:w.find(f=>f.id===s))==null?void 0:P.openEndedLabel)??"Please specify",required:!1,appearance:t.appearance}),We.createElement(Zo,{type:"text",placeholder:"Enter your answer here",onChange:f=>{o({choice:[f.target.value]})},appearance:t.appearance})),We.createElement(At,{title:n.subtitle,appearance:t.appearance}))}import Qt,{useEffect as tr,useState as ai}from"react";import pi from"styled-components";import Jt from"react";import Xt from"react";var li=({color:e,percentage:t,size:o})=>{let r=o*.5-2,i=2*Math.PI*r,n=(1-t)*i;return Xt.createElement("circle",{r,cx:o*.5,cy:o*.5,fill:"transparent",stroke:n!==i?e:"",strokeWidth:"3px",strokeDasharray:i,strokeDashoffset:t?n:0})},oa=({fillColor:e,size:t,percentage:o,children:r,bgColor:i="#D9D9D9",className:n,style:s})=>Xt.createElement("svg",{style:s,className:n,width:t,height:t,overflow:"visible"},Xt.createElement("g",{transform:`rotate(-90 ${`${t*.5} ${t*.5}`})`},Xt.createElement(li,{color:i,size:t}),Xt.createElement(li,{color:e,percentage:o,size:t})),r),It=oa;import ra from"styled-components";var ia=({color:e="#FFFFFF"})=>Jt.createElement("svg",{width:10,height:8,viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},Jt.createElement("path",{d:"M1 4.34815L3.4618 7L3.4459 6.98287L9 1",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})),na={width:"22px",height:"22px",borderRadius:"8px",display:"flex",justifyContent:"center",alignItems:"center"},sa={width:"22px",height:"22px",borderRadius:"40px",display:"flex",justifyContent:"center",alignItems:"center"},la={border:"1px solid #000000",color:"#FFFFFF"},aa={border:"1px solid #C5CBD3"},pa={color:"#FFFFFF"},da={border:"1px solid #C5CBD3"},ca=e=>e==="square"?na:sa,ma=(e,t)=>e==="square"?t?la:aa:t?pa:da,ua=ra.div`
|
|
319
322
|
${e=>Ke(e)}
|
|
320
|
-
`,Ye=({value:e,type:t="
|
|
323
|
+
`,Ye=({value:e,type:t="round",primaryColor:o="#000000",progress:r,appearance:i=qe,style:n,className:s})=>{let p=ca(t),c=ma(t,e);return e===!0?p={...p,...c,backgroundColor:i.theme.colorTextSuccess,borderColor:t==="square"?o:"none"}:p={...p,...c},e!==!0&&t==="round"&&r!==void 0&&r!==1?Jt.createElement(It,{fillColor:o,percentage:r,size:22}):Jt.createElement(ua,{styleOverrides:p,style:n,role:"checkbox",className:be(l("checkIconContainer",i),l(e?"checkIconContainerChecked":"checkIconContainerUnchecked",i),e?"checkIconContainerChecked":"checkIconContainerUnchecked",s)},e&&Jt.createElement(ia,{color:"#FFFFFF"}))};var fa=pi.div`
|
|
321
324
|
display: flex;
|
|
322
325
|
flex-direction: column;
|
|
323
326
|
width: 100%;
|
|
324
327
|
-webkit-appearance: none;
|
|
325
328
|
appearance: none;
|
|
326
|
-
`,ga=
|
|
329
|
+
`,ga=pi.button`
|
|
327
330
|
${e=>k(e)} {
|
|
328
331
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
329
332
|
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -338,36 +341,38 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
338
341
|
border: 1px solid ${e=>e.appearance.theme.colorPrimary};
|
|
339
342
|
}
|
|
340
343
|
text-align: left;
|
|
341
|
-
border-radius:
|
|
344
|
+
border-radius: 10px;
|
|
342
345
|
}
|
|
343
346
|
display: inline-flex;
|
|
344
347
|
justify-content: space-between;
|
|
345
348
|
align-items: center;
|
|
346
349
|
cursor: pointer;
|
|
347
350
|
width: 100%;
|
|
348
|
-
height:
|
|
351
|
+
height: 48px;
|
|
349
352
|
padding: 0 18px;
|
|
350
353
|
margin-bottom: 10px;
|
|
351
|
-
`;function
|
|
354
|
+
`;function di({formInput:e,customFormTypeProps:t,onSaveInputData:o,inputData:r,setFormValidationErrors:i}){var g;let n=e,[s,p]=ai((r==null?void 0:r.choice)||[]),[c,a]=ai(!1);return tr(()=>{s.length==0&&!c&&(a(!0),o({choice:[]}))},[]),tr(()=>{o({choice:s})},[s]),tr(()=>{n.required&&(s.length<n.props.minChoices||s.length>n.props.maxChoices)?i([{message:"",id:n.id}]):i([])},[s]),Qt.createElement(fa,null,Qt.createElement(nt,{title:n.title,required:n.required,appearance:t.appearance}),(g=n.props.options)==null?void 0:g.map(d=>Qt.createElement(ga,{appearance:t.appearance,className:l("multipleChoiceListItem",t.appearance),key:d.id,value:d.id,"data-selected":s.includes(d.id),onClick:()=>{if(s.includes(d.id)){p(s.filter(x=>x!==d.id));return}s.length<n.props.maxChoices?p([...s,d.id]):s.length==1&&n.props.maxChoices==1&&p([d.id])}},d.title,Qt.createElement(Ye,{type:"round",primaryColor:t.appearance.theme.colorPrimary,value:s.includes(d.id),appearance:t.appearance}))),Qt.createElement(At,{title:n.subtitle,appearance:t.appearance}))}import wo from"react";import ci from"styled-components";import xa from"dompurify";function me(e){return{__html:xa.sanitize(e,{ALLOWED_TAGS:["b","i","a","span","div","p","pre","u","br","img"],ALLOWED_ATTR:["style","class","target","id","href","alt","src"]})}}var ha=ci.h1`
|
|
352
355
|
${e=>k(e)} {
|
|
353
356
|
font-style: normal;
|
|
354
|
-
font-weight:
|
|
357
|
+
font-weight: 700;
|
|
355
358
|
font-size: ${e=>e.size=="small"?"15px":"18px"};
|
|
356
|
-
line-height: ${e=>e.size=="small"?"
|
|
359
|
+
line-height: ${e=>e.size=="small"?"22px":"24px"};
|
|
360
|
+
letter-spacing: 0.36px;
|
|
357
361
|
display: flex;
|
|
358
362
|
align-items: center;
|
|
359
363
|
margin-bottom: 4px;
|
|
360
364
|
color: ${e=>e.appearance.theme.colorText};
|
|
361
365
|
}
|
|
362
|
-
`,Ca=
|
|
366
|
+
`,Ca=ci.h2`
|
|
363
367
|
${e=>k(e)} {
|
|
364
368
|
font-style: normal;
|
|
365
369
|
font-weight: 400;
|
|
366
|
-
font-size:
|
|
367
|
-
line-height:
|
|
370
|
+
font-size: 14px;
|
|
371
|
+
line-height: 22px;
|
|
372
|
+
letter-spacing: 0.28px;
|
|
368
373
|
color: ${e=>e.appearance.theme.colorTextSecondary};
|
|
369
374
|
}
|
|
370
|
-
`;function we({appearance:e,title:t,subtitle:o,size:r="medium",classPrefix:i=""}){return wo.createElement(wo.Fragment,null,wo.createElement(ha,{appearance:e,className:l(`${i}${i?Yt(r):r}Title`,e),dangerouslySetInnerHTML:me(t),size:r}),o&&wo.createElement(Ca,{appearance:e,className:l(`${i}${i?Yt(r):r}Subtitle`,e),dangerouslySetInnerHTML:me(o),size:r}))}import*as or from"react";var
|
|
375
|
+
`;function we({appearance:e,title:t,subtitle:o,size:r="medium",classPrefix:i=""}){return wo.createElement(wo.Fragment,null,wo.createElement(ha,{appearance:e,className:l(`${i}${i?Yt(r):r}Title`,e),dangerouslySetInnerHTML:me(t),size:r}),o&&wo.createElement(Ca,{appearance:e,className:l(`${i}${i?Yt(r):r}Subtitle`,e),dangerouslySetInnerHTML:me(o),size:r}))}import*as or from"react";var mi=e=>or.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:12,height:12,"aria-hidden":"true",viewBox:"0 0 16 16",...e},or.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"m10.115 1.308 5.635 11.269A2.365 2.365 0 0 1 13.634 16H2.365A2.365 2.365 0 0 1 .25 12.577L5.884 1.308a2.365 2.365 0 0 1 4.231 0zM8 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM8 9c.552 0 1-.32 1-.714V4.714C9 4.32 8.552 4 8 4s-1 .32-1 .714v3.572C7 8.68 7.448 9 8 9z"}));var ba=To.div`
|
|
371
376
|
display: flex;
|
|
372
377
|
flex-direction: column;
|
|
373
378
|
justify-content: flex-end;
|
|
@@ -385,22 +390,22 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
385
390
|
`,Fa=To.div`
|
|
386
391
|
padding-left: 1px;
|
|
387
392
|
padding-right: 1px;
|
|
388
|
-
`,ka={text:Ro,multipleChoice:
|
|
393
|
+
`,ka={text:Ro,multipleChoice:si,multipleChoiceList:di},ir="frigade-multiInputStepTypeData";function ui({flowId:e,stepData:t,canContinue:o,setCanContinue:r,onSaveData:i,appearance:n,customFormElements:s,prefillData:p}){var C;let c=t.props,[a,g]=rr([]),[d,x]=rr([]),{userId:y}=Kt(),[w,P]=rr(S()||(p?p[t.id]:null)||{}),{readonly:f}=Sa(K),E={...ka,...s};ya(()=>{r(a.length===0)},[a,r]);function b(m,B){let F={...w,[m.id]:B};P(F),i(F),window&&window.localStorage&&!f&&window.localStorage.setItem(A(),JSON.stringify(F))}function S(){if(window&&window.localStorage){let m=window.localStorage.getItem(A());if(m)return JSON.parse(m)}return null}function A(){return`${ir}-${e}-${t.id}-${y}`}return xt.createElement(Fa,{className:l("multiInput",n)},xt.createElement(we,{appearance:n,title:t.title,subtitle:t.subtitle}),xt.createElement(ba,{className:l("multiInputContainer",n)},(C=c.data)==null?void 0:C.map(m=>{var F;let B=(F=a.reverse().find(T=>T.id===m.id))==null?void 0:F.message;return E[m.type]?xt.createElement("span",{key:m.id,"data-field-id":m.id,className:l("multiInputField",n)},E[m.type]({formInput:m,customFormTypeProps:{flowId:e,stepData:t,canContinue:o,setCanContinue:r,onSaveData:i,appearance:n},onSaveInputData:T=>{!d.includes(m.id)&&T&&(T==null?void 0:T.text)!==""&&x(O=>[...O,m.id]),b(m,T)},inputData:w[m.id],setFormValidationErrors:T=>{g(O=>T.length===0?O.filter(I=>I.id!==m.id):[...O,...T])}}),B&&d.includes(m.id)&&xt.createElement(wa,{initial:{opacity:0,height:0,marginBottom:0},animate:{opacity:1,height:"auto",marginBottom:12},exit:{opacity:0,height:0,marginBottom:0},key:m.id,style:{overflow:"hidden"},transition:{duration:.1,ease:"easeInOut",delay:.5},appearance:n,className:l("multiInputValidationError",n)},xt.createElement(Ta,{appearance:n,className:l("multiInputValidationErrorIcon",n)},xt.createElement(mi,null)),B)):null})))}import ht from"styled-components";var fi=ht.div`
|
|
389
394
|
align-items: center;
|
|
390
395
|
display: flex;
|
|
391
396
|
justify-content: ${e=>e.showBackButton?"space-between":"flex-end"};
|
|
392
397
|
padding-top: 14px;
|
|
393
|
-
`,
|
|
398
|
+
`,gi=ht.div`
|
|
394
399
|
color: ${e=>e.appearance.theme.colorTextError};
|
|
395
400
|
font-size: 12px;
|
|
396
|
-
`,
|
|
401
|
+
`,xi=ht.div`
|
|
397
402
|
display: flex;
|
|
398
403
|
gap: 12px;
|
|
399
|
-
`,
|
|
404
|
+
`,hi=ht.div`
|
|
400
405
|
display: flex;
|
|
401
406
|
flex-direction: row;
|
|
402
407
|
flex: 1 1;
|
|
403
|
-
`,
|
|
408
|
+
`,Ci=ht.div`
|
|
404
409
|
display: flex;
|
|
405
410
|
// If type is set to large-modal, use padding 60px horizontal, 80px vertical
|
|
406
411
|
// Otherwise, use 4px padding
|
|
@@ -408,11 +413,11 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
408
413
|
flex-grow: 1;
|
|
409
414
|
flex-basis: 0;
|
|
410
415
|
position: relative;
|
|
411
|
-
`,
|
|
416
|
+
`,Si=ht.div`
|
|
412
417
|
padding: ${e=>e.type==="large-modal"?"50px":"0px"};
|
|
413
418
|
position: relative;
|
|
414
419
|
overflow-y: auto;
|
|
415
|
-
`,
|
|
420
|
+
`,yi=ht.div`
|
|
416
421
|
display: flex;
|
|
417
422
|
align-self: stretch;
|
|
418
423
|
flex-grow: 1;
|
|
@@ -424,7 +429,7 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
424
429
|
background-position: center;
|
|
425
430
|
border-top-right-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
426
431
|
border-bottom-right-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
427
|
-
`;import st from"react";import Pa from"react";import
|
|
432
|
+
`;import st from"react";import Pa from"react";import bi from"styled-components";var va=bi.button`
|
|
428
433
|
justify-content: center;
|
|
429
434
|
align-content: center;
|
|
430
435
|
${e=>k(e)} {
|
|
@@ -434,8 +439,8 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
434
439
|
// Only add margin if prop withMargin is true
|
|
435
440
|
${e=>e.withMargin?"margin: 16px 0px 16px 0px;":""}
|
|
436
441
|
|
|
437
|
-
border: 1px solid ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorPrimary}};
|
|
438
|
-
color: ${e=>{var t,o,r,i;return e.secondary?(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.
|
|
442
|
+
border: 1px solid ${e=>{var t,o;return e.secondary?"#C5CBD3":(o=(t=e==null?void 0:e.appearance)==null?void 0:t.theme)==null?void 0:o.colorPrimary}};
|
|
443
|
+
color: ${e=>{var t,o,r,i;return e.secondary?(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText:(i=(r=e.appearance)==null?void 0:r.theme)==null?void 0:i.colorTextOnPrimaryBackground}};
|
|
439
444
|
background-color: ${e=>{var t,o,r,i;return e.secondary?(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground:(i=(r=e==null?void 0:e.appearance)==null?void 0:r.theme)==null?void 0:i.colorPrimary}};
|
|
440
445
|
border-radius: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.borderRadius}}px;
|
|
441
446
|
padding: ${e=>e.size=="small"?"6px 14px 6px 14px":"8px 20px 8px 20px"};
|
|
@@ -455,7 +460,7 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
455
460
|
opacity: 0.3;
|
|
456
461
|
cursor: not-allowed;
|
|
457
462
|
}
|
|
458
|
-
`,Fo=
|
|
463
|
+
`,Fo=bi.div`
|
|
459
464
|
${e=>k(e)} {
|
|
460
465
|
display: flex;
|
|
461
466
|
flex-direction: row;
|
|
@@ -466,9 +471,9 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
466
471
|
margin-right: 8px;
|
|
467
472
|
}
|
|
468
473
|
}
|
|
469
|
-
`,oe=({onClick:e,title:t,style:o,disabled:r,type:i="inline",size:n="medium",secondary:s=!1,appearance:p,withMargin:c=!0,classPrefix:a=""})=>{function g(){let d=s?"buttonSecondary":"button";return a===""?d:`${a}${Yt(d)}`}return Pa.createElement(va,{secondary:s,appearance:p,disabled:r,onClick:e,styleOverrides:o,type:i,withMargin:c,size:n,className:l(g(),p)},t??"Continue")};var
|
|
474
|
+
`,oe=({onClick:e,title:t,style:o,disabled:r,type:i="inline",size:n="medium",secondary:s=!1,appearance:p,withMargin:c=!0,classPrefix:a=""})=>{function g(){let d=s?"buttonSecondary":"button";return a===""?d:`${a}${Yt(d)}`}return Pa.createElement(va,{secondary:s,appearance:p,disabled:r,onClick:e,styleOverrides:o,type:i,withMargin:c,size:n,className:l(g(),p)},t??"Continue")};var wi=({step:e,canContinue:t,appearance:o,onPrimaryClick:r,onSecondaryClick:i,formType:n,selectedStep:s,steps:p,onBack:c,allowBackNavigation:a,errorMessage:g})=>{let d=n==="inline"?"inline":"full-width",x=p.length>1&&s!=0&&a;return st.createElement(st.Fragment,null,g!==null&&g!=null&&st.createElement(gi,{appearance:o,className:l("formCTAError",o)},g),st.createElement(fi,{showBackButton:x,className:l("formCTAContainer",o)},x&&st.createElement(oe,{title:e.backButtonTitle??"\u2190",onClick:c,secondary:!0,withMargin:!1,type:d,appearance:o,style:{width:"90px",maxWidth:"90px"},classPrefix:"back"}),st.createElement(xi,{className:l("ctaWrapper",o)},e.secondaryButtonTitle?st.createElement(oe,{title:e.secondaryButtonTitle,onClick:i,secondary:!0,withMargin:!1,type:d,appearance:o}):null," ",e.primaryButtonTitle?st.createElement(oe,{disabled:!t,withMargin:!1,title:e.primaryButtonTitle,onClick:r,type:d,appearance:o}):null)))};import nr from"react";import Ba from"styled-components";var Ea=Ba.div`
|
|
470
475
|
text-align: center;
|
|
471
|
-
`,
|
|
476
|
+
`,Ti=({stepCount:e=0,currentStep:t=0,className:o,appearance:r})=>{let{theme:i}=R().mergeAppearanceWithDefault(r);return nr.createElement(Ea,{className:o},nr.createElement("svg",{width:16*e-8,height:8,viewBox:`0 0 ${16*e-8} 8`,fill:"none"},Array(e).fill(null).map((n,s)=>nr.createElement("rect",{key:s,x:16*s,y:0,width:8,height:8,rx:4,fill:t===s?i.colorPrimary:"#E6E6E6"}))))};import Ct from"react";import Nt from"styled-components";import{useContext as Aa}from"react";function ae(){let e=Aa(K);function t(i){r(i.primaryButtonUri,i.primaryButtonUriTarget)}function o(i){r(i.secondaryButtonUri,i.secondaryButtonUriTarget)}function r(i,n){if(!i)return;let s=i.startsWith("http")?"_blank":"_self";n&&n!=="_blank"&&(s="_self"),e.navigate(i,s)}return{primaryCTAClickSideEffects:t,secondaryCTAClickSideEffects:o,handleUrl:r}}var Ia=Nt.div`
|
|
472
477
|
display: flex;
|
|
473
478
|
flex-wrap: wrap;
|
|
474
479
|
align-content: center;
|
|
@@ -516,7 +521,7 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
516
521
|
margin-top: 12px;
|
|
517
522
|
margin-bottom: 16px;
|
|
518
523
|
max-width: 70%;
|
|
519
|
-
`;function
|
|
524
|
+
`;function Fi({stepData:e,appearance:t}){var r,i;let{handleUrl:o}=ae();return Ct.createElement("div",null,Ct.createElement(Da,null,e.title),Ct.createElement($a,null,e.subtitle),Ct.createElement(Ia,null,(i=(r=e.props)==null?void 0:r.links)==null?void 0:i.map(n=>Ct.createElement(Na,{key:n.title},Ct.createElement(Oa,{src:n.imageUri}),Ct.createElement(La,{style:{borderColor:t.theme.colorPrimary,color:t.theme.colorPrimary},onClick:()=>{n.uri&&o(n.uri,n.uriTarget??"_blank")}},n.title)))))}import Ot,{useEffect as Va}from"react";import vo from"styled-components";import sr from"react";var ko=({style:e,className:t})=>sr.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},sr.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}),sr.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 Zt,{useRef as Ma,useState as Ua}from"react";import Po from"styled-components";var _a=Po.div`
|
|
520
525
|
display: flex;
|
|
521
526
|
align-items: center;
|
|
522
527
|
justify-content: flex-start;
|
|
@@ -524,7 +529,7 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
524
529
|
width: 100%;
|
|
525
530
|
height: 100%;
|
|
526
531
|
position: relative;
|
|
527
|
-
`,
|
|
532
|
+
`,za=Po.div`
|
|
528
533
|
position: absolute;
|
|
529
534
|
display: flex;
|
|
530
535
|
align-items: center;
|
|
@@ -552,7 +557,7 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
552
557
|
height: 100%;
|
|
553
558
|
min-height: 260px;
|
|
554
559
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
555
|
-
`;function lt({appearance:e,videoUri:t}){let o=Ma(),[r,i]=Ua(!1);if(t.includes("youtube")){let n=t.split("v=")[1],s=n.indexOf("&");return s!==-1&&(n=n.substring(0,s)),Zt.createElement(Ha,{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${n}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,appearance:e})}return Zt.createElement(
|
|
560
|
+
`;function lt({appearance:e,videoUri:t}){let o=Ma(),[r,i]=Ua(!1);if(t.includes("youtube")){let n=t.split("v=")[1],s=n.indexOf("&");return s!==-1&&(n=n.substring(0,s)),Zt.createElement(Ha,{width:"100%",height:"100%",src:`https://www.youtube.com/embed/${n}`,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0,appearance:e})}return Zt.createElement(_a,{className:l("videoPlayerWrapper",e),appearance:e},!r&&Zt.createElement(za,{onClick:()=>{i(!0),o.current.play()},appearance:e},Zt.createElement(ko,null)),Zt.createElement(Wa,{appearance:e,controls:r,ref:o,play:r,src:t}))}var ja=vo.div`
|
|
556
561
|
${e=>k(e)} {
|
|
557
562
|
display: flex;
|
|
558
563
|
flex-direction: column;
|
|
@@ -576,23 +581,23 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
576
581
|
max-height: 250px;
|
|
577
582
|
margin-bottom: 24px;
|
|
578
583
|
}
|
|
579
|
-
`;function
|
|
584
|
+
`;function ki({stepData:e,appearance:t,setCanContinue:o}){return Va(()=>{o(!0)},[]),Ot.createElement(ja,{className:l("callToActionContainer",t)},Ot.createElement(Ka,{className:l("callToActionTextContainer",t)},Ot.createElement(we,{appearance:t,title:e.title,subtitle:e.subtitle})),e.imageUri&&Ot.createElement(Ga,{className:l("callToActionImage",t),src:e.imageUri}),!e.imageUri&&e.videoUri&&Ot.createElement(qa,{appearance:t,className:l("callToActionVideo",t)},Ot.createElement(lt,{appearance:t,videoUri:e.videoUri})))}import Xe,{useEffect as lr,useState as ar}from"react";import at from"styled-components";var Pi=at.div`
|
|
580
585
|
width: auto;
|
|
581
586
|
display: flex;
|
|
582
587
|
flex-direction: column;
|
|
583
588
|
justify-content: center;
|
|
584
589
|
align-items: center;
|
|
585
590
|
padding: 4px;
|
|
586
|
-
`,
|
|
591
|
+
`,vi=at.div`
|
|
587
592
|
width: 100%;
|
|
588
593
|
text-align: left;
|
|
589
|
-
`,
|
|
594
|
+
`,Bi=at.h1`
|
|
590
595
|
font-style: normal;
|
|
591
596
|
font-weight: 700;
|
|
592
597
|
font-size: 32px;
|
|
593
598
|
line-height: 38px;
|
|
594
599
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
595
|
-
`,
|
|
600
|
+
`,Ei=at.h1`
|
|
596
601
|
font-style: normal;
|
|
597
602
|
font-weight: 400;
|
|
598
603
|
font-size: 16px;
|
|
@@ -600,7 +605,7 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
600
605
|
margin-top: 16px;
|
|
601
606
|
margin-bottom: 16px;
|
|
602
607
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
603
|
-
`,
|
|
608
|
+
`,Ai=at.div`
|
|
604
609
|
padding-top: 12px;
|
|
605
610
|
padding-bottom: 12px;
|
|
606
611
|
flex-direction: row;
|
|
@@ -611,17 +616,17 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
611
616
|
cursor: pointer;
|
|
612
617
|
border-bottom: ${e=>e.hideBottomBorder?"none":"1px solid #D8D8D8"};
|
|
613
618
|
width: 100%;
|
|
614
|
-
`,
|
|
619
|
+
`,Ii=at.div`
|
|
615
620
|
padding-top: 10px;
|
|
616
621
|
padding-bottom: 10px;
|
|
617
622
|
flex-direction: row;
|
|
618
623
|
display: flex;
|
|
619
624
|
justify-content: flex-start;
|
|
620
|
-
`,
|
|
625
|
+
`,Ni=at.img`
|
|
621
626
|
width: 42px;
|
|
622
627
|
height: 42px;
|
|
623
628
|
margin-right: 12px;
|
|
624
|
-
`,
|
|
629
|
+
`,Oi=at.p`
|
|
625
630
|
font-style: normal;
|
|
626
631
|
font-weight: 500;
|
|
627
632
|
font-size: 17px;
|
|
@@ -629,8 +634,8 @@ import yt,{createContext as kp,useEffect as No,useState as Oe}from"react";import
|
|
|
629
634
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
630
635
|
display: flex;
|
|
631
636
|
align-self: center;
|
|
632
|
-
`;var
|
|
633
|
-
${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map(([s,p])=>`${Go(s)}: ${p};`).join(" ")} }`).join(" ")}`;return eo.createElement(o,{inlineStyles:t})}var Li=({flowId:e,customStepTypes:t={},type:o="inline",visible:r,setVisible:i,customVariables:n,customFormElements:s,onComplete:p,appearance:c,hideOnFlowCompletion:a=!0,onStepCompletion:g,onButtonClick:d,dismissible:x=!0,endFlowOnDismiss:y=!1,modalPosition:w="center",repeatable:P=!1,onDismiss:f,showPagination:E=!1,allowBackNavigation:b=!1,validationHandler:S,showFrigadeBranding:A=!1,onFormDataChange:C,showFooter:m=!0,prefillData:B={}})=>{let{getFlow:F,getFlowSteps:T,isLoading:O,targetingLogicShouldHideFlow:I,getFlowStatus:M,getCurrentStepIndex:D,markFlowCompleted:L,markFlowNotStarted:ee}=Z(),U=D(e),{mergeAppearanceWithDefault:J}=R(),[fe,q]=Qa(!1),{setOpenFlowState:W,getOpenFlowState:H,hasOpenModals:he}=Pe();c=J(c);let[Ie,ye]=r!==void 0&&i!==void 0?[r,i]:[H(e,!0),te=>W(e,te)];if(Ja(()=>{!fe&&!O&&(q(!0),M(e)===Q&&P&&(ee(e),window&&window.localStorage&&Object.keys(window.localStorage).forEach(N=>{N.startsWith(ir)&&window.localStorage.removeItem(N)})),q(!0))},[fe,q,O]),O)return null;let ce=F(e);if(!ce||I(ce))return null;let Y=T(e);if(!Y||r!==void 0&&r===!1||M(e)===Q&&a||(o=="modal"||o=="corner-modal")&&he(e))return null;let ge=()=>{ye(!1),f&&f(),y===!0&&L(e)};if(w=="center"&&o==="modal"||o==="large-modal"){let te={padding:"24px"};return o==="large-modal"?(te.width="85%",te.height="90%",te.maxHeight="800px",te.minHeight="500px",te.padding="0"):te.width="400px",He.createElement(rt,{appearance:c,onClose:ge,visible:Ie,style:te,dismissible:x,showFrigadeBranding:A},He.createElement(re,{appearance:c}),He.createElement(Eo,{appearance:c,steps:Y,selectedStep:U,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:i,setShowModal:ye,onDismiss:f,showPagination:E,customFormElements:s,allowBackNavigation:b,validationHandler:S,onFormDataChange:C,showFooter:m,prefillData:B}))}return o==="modal"&&w!=="center"?He.createElement(Xr,{appearance:c,onClose:ge,visible:Ie},He.createElement(re,{appearance:c}),He.createElement(Eo,{appearance:c,steps:Y,selectedStep:U,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:i,setShowModal:ye,onDismiss:f,showPagination:E,customFormElements:s,allowBackNavigation:b,validationHandler:S,onFormDataChange:C,showFooter:m,prefillData:B})):He.createElement(He.Fragment,null,He.createElement(re,{appearance:c}),He.createElement(Eo,{appearance:c,steps:Y,selectedStep:U,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:i,setShowModal:ye,onDismiss:f,showPagination:E,customFormElements:s,allowBackNavigation:b,validationHandler:S,onFormDataChange:C,showFooter:m,prefillData:B}))},Di=Li;import{useCallback as $i,useContext as Za,useEffect as Ra}from"react";function pr(){let{organizationId:e,userId:t,setOrganizationId:o}=Za(K),{mutateUserFlowState:r}=ve(),{config:i,apiUrl:n}=_e(),s=vt(),{verifySDKInitiated:p}=Bt();Ra(()=>{if(t&&e){if(t.startsWith(Et))return;let g=`frigade-user-group-registered-${t}-${e}`;localStorage.getItem(g)||(s(`${n}userGroups`,{...i,method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})}),localStorage.setItem(g,"true"))}},[t,e]);let c=$i(async g=>{if(!p())return;if(!e||!t){console.error("Cannot add properties to organization: Organization ID and User ID must both be set.",{organizationId:e,userId:t});return}let d={foreignUserId:t,foreignUserGroupId:e,properties:g};await s(`${n}userGroups`,{...i,method:"POST",body:JSON.stringify(d)}),r()},[e,t,i,r]),a=$i(async(g,d)=>{if(!p())return;if(!e||!t){console.error("Cannot track event for organization: Organization ID and User ID must both be set.",{organizationId:e,userId:t});return}let y={foreignUserId:t,foreignUserGroupId:e,events:[{event:g,properties:d}]};await s(`${n}userGroups`,{...i,method:"POST",body:JSON.stringify(y)}),r()},[e,t,i,r]);return{organizationId:e,setOrganizationId:o,addPropertiesToOrganization:c,trackEventForOrganization:a}}var Mi="frigade-xFrigade_guestUserId",to="frigade-xFrigade_userId",Ui=({})=>{let{setFlowResponses:e}=Gt(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:r}=ve(),{userId:i,setUserId:n}=Kt(),[s,p]=dr(null),{getFlowStatus:c}=Z(),{flows:a,userProperties:g,setIsNewGuestUser:d,flowResponses:x}=ep(K),[y,w]=dr([]),[P,f]=dr([]),{organizationId:E}=pr();Ao(()=>{if(!o&&t)for(let C=0;C<t.length;C++){let m=t[C],B=a.find(F=>F.slug===(m==null?void 0:m.flowId));if(B&&m&&m.shouldTrigger===!0&&B.type=="FORM"&&B.triggerType==="AUTOMATIC"&&!P.includes(B.slug)){setTimeout(()=>{b(m.flowId)},500);break}}},[o,t]),Ao(()=>{x.length>0&&r()},[x]);function b(C){let m=a.find(B=>B.slug===C);m&&m.triggerType==="AUTOMATIC"&&!P.includes(m.slug)&&(f([...P,m.slug]),w([m]))}function S(){if(!i){let C=localStorage.getItem(to);if(C){n(C);return}let m=localStorage.getItem(Mi);if(m){n(m);return}d(!0);let B=Et+tp();try{localStorage.setItem(Mi,B)}catch(F){console.log("Failed to save guest user id locally: Local storage unavailable",F)}n(F=>F||B)}}Ao(()=>{try{if(a){let C=[];a.forEach(m=>{if(m.data){let B=m.data.match(/"imageUri":"(.*?)"/g);B&&B.forEach(F=>{let T=F.replace('"imageUri":"',"").replace('"',"");if(C.includes(T))return;let O=new Image;O.src=T,C.push(T)})}})}}catch{}},[a]),Ao(()=>{if(i!==s&&e([]),p(i),i&&!i.startsWith(Et))try{localStorage.setItem(to,i)}catch(C){console.log("Failed to save user id locally: Local storage available",C)}i===null&&setTimeout(()=>{i===null&&S()},50)},[i,a,g]);function A(){return St.createElement(St.Fragment,null,y.map(C=>c(C.slug)!==$e?null:St.createElement("span",{key:C.slug},St.createElement(Di,{flowId:C.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return St.createElement(St.Fragment,null,St.createElement(A,null))};import{ErrorBoundary as vp}from"react-error-boundary";import oo from"core-js-pure/actual/structured-clone";function cr(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function pt(...e){let t=e.shift(),o=e.length===1?e[0]:pt(...e);if(!cr(t)||!cr(o))throw new Error("deepmerge can only merge Objects");let r=oo(t);return Object.entries(o).forEach(([i,n])=>{cr(n)?r[i]!==void 0?Object.assign(r,{[i]:pt(r[i],oo(n))}):Object.assign(r,{[i]:oo(n)}):Array.isArray(n)?r[i]!==void 0?Object.assign(r,{[i]:[...r[i],...oo(n)]}):Object.assign(r,{[i]:oo(n)}):Object.assign(r,{[i]:n})}),r}var zi={colorPrimary:"colors.primary.background",colorText:"colors.neutral.foreground",colorBackground:"colors.neutral.background",colorBackgroundSecondary:"colors.secondary.background",colorTextOnPrimaryBackground:"colors.primary.foreground",colorTextSecondary:"colors.secondary.foreground",colorTextDisabled:"colors.gray700",colorBorder:"colors.gray800",colorTextError:"colors.negative.foreground",borderRadius:"radii.lg"};function op(e){if(!e)return;let t={};return Object.entries(e).forEach(([o,r])=>{if(zi[o]){let i=zi[o].split("."),n=t;i.forEach((s,p)=>{n[s]||(n[s]=p===i.length-1?r:{}),n=n[s]})}}),t}function rp(e){if(!e)return;let t=pt({},e),o={};return Object.keys(t).forEach(r=>{let i=`.fr-${r}`;o[i]=t[r]}),o}function _i(e){let{theme:t,styleOverrides:o}=e,r=op(t),i=rp(o);return{overrides:r,css:i}}import hp from"styled-components";import{compose as Cp,variant as Hi}from"styled-system";import Wi from"react";import ip,{ThemeProvider as np,useTheme as sp}from"styled-components";import{border as lp,color as ap,compose as pp,get as dp,shadow as cp,space as mp,system as up,typography as fp}from"styled-system";var gp={width:{property:"width",scale:"sizes",transform:(e,t)=>dp(t,e,!(typeof e=="number"&&!isNaN(e))||e>1?e:e*100+"%")},height:{property:"height",scale:"sizes"},minWidth:{property:"minWidth",scale:"sizes"},minHeight:{property:"minHeight",scale:"sizes"},maxWidth:{property:"maxWidth",scale:"sizes"},maxHeight:{property:"maxHeight",scale:"sizes"},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0},xp=ip("div")(({css:e})=>e,pp(lp,ap,cp,mp,fp,up(gp))),ro=({as:e,children:t,overrides:o,...r})=>{let i=sp(),n={border:"none",boxSizing:"border-box",m:0,p:0},s=()=>Wi.createElement(xp,{as:e,...n,...r},t);if(o!==void 0){let p=pt(i,o);return Wi.createElement(np,{theme:p},s())}return s()};var io={Primary:{backgroundColor:"primary.background",color:"primary.foreground","&:hover":{backgroundColor:"blue400"}},Secondary:{backgroundColor:"white",border:"1px solid",borderColor:"gray800",color:"neutral.foreground","&:hover":{backgroundColor:"blue900"}},Link:{backgroundColor:"transparent",color:"primary.inverted"},Plain:{backgroundColor:"transparent",color:"neutral.foreground"}},Sp={sm:{paddingX:4,paddingY:1},md:{paddingX:6,paddingY:2}},Vi=hp(ro)(()=>({whiteSpace:"nowrap"}),Cp(Hi({scale:"components.Button",variants:"components.Button"}),Hi({prop:"size",variants:Sp})));import yp from"styled-components";import{variant as bp,system as wp}from"styled-system";var Io={Display1:{fontSize:"5xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"4xl"},Display2:{fontSize:"4xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"3xl"},H1:{fontSize:"3xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"2xl"},H2:{fontSize:"2xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"xl"},H3:{fontSize:"xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"lg"},H4:{fontSize:"lg",fontWeight:"bold",letterSpacing:"md",lineHeight:"md"},Body1:{fontSize:"md",fontWeight:"regular",letterSpacing:"md",lineHeight:"md"},Body2:{fontSize:"sm",fontWeight:"regular",letterSpacing:"md",lineHeight:"md"},Caption:{fontSize:"xs",fontWeight:"regular",letterSpacing:"md",lineHeight:"sm"}};var ji=yp(ro)(bp({scale:"components.Text",variants:"components.Text"}),wp({fontWeight:{property:"fontWeight",scale:"fontWeights"}}));var Gi=4,Ki="px",Tp=20,Fp=Object.fromEntries(Array.from(Array(Tp+1),(e,t)=>t===0?[.5,`${.5*Gi}${Ki}`]:[t,`${t*Gi}${Ki}`])),Lt={black:"#000000",gray100:"#14161A",gray200:"#181B20",gray300:"#1F2329",gray400:"#2E343D",gray500:"#4C5766",gray600:"#5A6472",gray700:"#C5CBD3",gray800:"#E2E5E9",gray900:"#F1F2F4",white:"#ffffff",blue400:"#015AC6",blue500:"#0171F8",blue800:"#DBECFF",blue900:"#F5F9FF",green400:"#009E37",green500:"#00D149",green800:"#DBFFE8",transparent:"#FFFFFF00",red500:"#c00000"},mr={colors:{...Lt,neutral:{foreground:Lt.gray300},primary:{background:Lt.blue500,foreground:Lt.white,inverted:Lt.blue500},negative:{foreground:Lt.red500}},fonts:{default:"TT Interphases Pro, sans-serif"},fontSizes:{xs:"12px",sm:"14px",md:"16px",lg:"18px",xl:"20px","2xl":"24px","3xl":"30px","4xl":"36px","5xl":"48px"},fontWeights:{regular:400,semibold:500,bold:700},letterSpacings:{md:"0.02em"},lineHeights:{xs:"18px",sm:"22px",md:"24px",lg:"26px",xl:"30px","2xl":"38px","3xl":"46px","4xl":"60px"},radii:{md:"8px",lg:"20px",round:"50%"},shadows:{md:"0px 4px 20px rgba(0, 0, 0, 0.06)"},space:Fp,components:{Button:io,Text:Io}};var qi="https://api.frigade.com",K=kp({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:()=>{},apiUrl:qi,readonly:!1});function Bp(){Object.keys(localStorage).forEach(e=>{e.startsWith("frigade-")&&localStorage.removeItem(e)})}var Ep=({publicApiKey:e,userId:t,organizationId:o,config:r,children:i})=>{var fe,q;let[n,s]=Oe(t||null),[p,c]=Oe(o||null),[a,g]=Oe([]),[d,x]=Oe([]),[y,w]=Oe([]),[P,f]=Oe({}),[E,b]=Oe({}),[S,A]=Oe([]),[C,m]=Oe({}),[B,F]=Oe(!1),[T,O]=Oe(!1),[I,M]=Oe(!ee(e)),D=(W,H)=>{if(H==="_blank"){window.open(W,"_blank");return}setTimeout(()=>{window.location.href=W},50)},L={theme:{...qe.theme,...((fe=r==null?void 0:r.defaultAppearance)==null?void 0:fe.theme)??{}},styleOverrides:{...qe.styleOverrides,...((q=r==null?void 0:r.defaultAppearance)==null?void 0:q.styleOverrides)??{}}};function ee(W){return!!(W&&W.length>10&&W.substring(0,10)==="api_public")}No(()=>{t&&s(t)},[t]),No(()=>{n&&window&&window.localStorage&&window.localStorage.getItem(to)&&window.localStorage.getItem(to)!==n&&Bp()},[n]),No(()=>{o&&c(o)},[o]),No(()=>{if(ee(e))M(!1);else{console.error("Frigade SDK failed to initialize. API key provided is either missing or valid."),M(!0);return}},[e,M]);let U={publicApiKey:e,userId:n,setUserId:s,setFlows:g,flows:a,failedFlowResponses:d,setFailedFlowResponses:x,flowResponses:y,setFlowResponses:w,userProperties:P,setUserProperties:f,openFlowStates:E,setOpenFlowStates:b,completedFlowsToKeepOpenDuringSession:S,setCompletedFlowsToKeepOpenDuringSession:A,customVariables:C,setCustomVariables:m,isNewGuestUser:B,setIsNewGuestUser:F,hasActiveFullPageFlow:T,setHasActiveFullPageFlow:O,organizationId:p,setOrganizationId:c,navigate:r&&r.navigate?r.navigate:D,defaultAppearance:L,shouldGracefullyDegrade:I,setShouldGracefullyDegrade:M,apiUrl:r&&r.apiUrl?r.apiUrl:qi,readonly:r&&r.readonly?r.readonly:!1};if(I)return yt.createElement(K.Provider,{value:U},i);let{overrides:J}=_i(L);return yt.createElement(vp,{fallback:yt.createElement(yt.Fragment,null,i)},yt.createElement(K.Provider,{value:U},yt.createElement(Pp,{theme:pt(L.theme,mr,J??{},(r==null?void 0:r.theme)??{})},i,yt.createElement(Ui,null))))};import Cd from"react";import de,{useEffect as Ts,useState as Fs}from"react";import ze,{useState as qp}from"react";import Tt from"styled-components";import Do from"react";import bt from"react";import Xi from"styled-components";var Yi=Xi.span`
|
|
637
|
+
`;var Li=({stepData:e,setCanContinue:t,onSaveData:o,appearance:r})=>{let i=e.props,[n,s]=ar([]),[p,c]=ar(!1),[a,g]=ar(e.id);return lr(()=>{n.length==0&&!p&&(c(!0),o({choice:[]}))},[p]),lr(()=>{a!==e.id&&(g(e.id),s([]))},[e]),lr(()=>{o({choice:n}),n.length>=i.minChoices?t(!0):t(!1)},[n]),Xe.createElement(Pi,{className:l("selectListContainer",r)},Xe.createElement(vi,null,Xe.createElement(Bi,{className:l("selectListTitle",r)},e.title),Xe.createElement(Ei,{appearance:r,className:l("selectListSubtitle",r)},e.subtitle)),i.options.map((d,x)=>{let y=n.includes(d.id);return Xe.createElement(Ai,{key:`select-item-${x}`,onClick:()=>{if(n.includes(d.id)){s(n.filter(w=>w!==d.id));return}n.length<i.maxChoices?s([...n,d.id]):n.length==1&&i.maxChoices==1&&s([d.id])},hideBottomBorder:x===i.options.length-1,className:l("selectListSelectItem",r)},Xe.createElement(Ii,{className:l("selectListItemImage",r)},d.imageUri&&Xe.createElement(Ni,{src:d.imageUri,alt:`select-icon-${x}`}),Xe.createElement(Oi,{appearance:r,className:l("selectListSelectItemText",r)},d.title)),Xe.createElement(Ye,{appearance:r,value:y,primaryColor:r.theme.colorPrimary}))}))};import Te,{useEffect as Bo,useState as Rt}from"react";var Ya=({children:e,id:t,shouldWrap:o=!1})=>Te.createElement(Te.Fragment,null,o?Te.createElement("div",{key:t,style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:1,overflowY:"auto"}},e):e),Eo=({appearance:e,steps:t,selectedStep:o,customStepTypes:r,customVariables:i,onButtonClick:n,onStepCompletion:s,flowId:p,type:c,hideOnFlowCompletion:a,onComplete:g,setVisible:d,setShowModal:x,onDismiss:y,showPagination:w=!1,customFormElements:P,allowBackNavigation:f,validationHandler:E,onFormDataChange:b,showFooter:S,prefillData:A})=>{var V;let m={...{linkCollection:Fi,multiInput:ui,callToAction:ki,selectList:Li},...r},{primaryCTAClickSideEffects:B,secondaryCTAClickSideEffects:F}=ae(),[T,O]=Rt(!1),[I,M]=Rt({}),[D,L]=Rt(!1),[ee,U]=Rt(!1),[J,fe]=Rt(null),q=t[o]??null,{markStepCompleted:W,markStepStarted:H,isLoading:he,updateCustomVariables:Ie,markFlowCompleted:ye}=Z();Bo(()=>{Ie(i)},[i,he]),Bo(()=>{b&&b(I,ce(),t[o],o)},[I]),Bo(()=>{window&&f&&!ee&&(window.location.hash=t[o].id,U(!0))},[f,ee,U]),Bo(()=>{var j;if(window&&((j=window==null?void 0:window.location)!=null&&j.hash)&&window.location.hash.replace("#","")!==t[o].id){let ie=window.location.hash.replace("#",""),ne=t.findIndex(le=>le.id===ie);ne!==-1&&H(p,t[ne].id)}},[(V=window==null?void 0:window.location)==null?void 0:V.hash,H,o,t]);function ce(){return{data:I[t[o].id]??{},stepId:t[o].id,customVariables:i}}function Y(j,ie,ne){let le=o+1<t.length?t[o+1]:null;return s&&s(j,ne,le,I,ce()),n?n(j,o,ie,le):!0}function ge(j,ie){M(ne=>{let le={};return le[j.id]=ie,{...ne,...le}})}function te(j){return j.selectedStep.imageUri?Te.createElement(yi,{image:j.selectedStep.imageUri,appearance:e,className:l("formContainerSidebarImage",e)}):null}let N=S&&Te.createElement(wi,{step:t[o],canContinue:T&&!D,formType:c,selectedStep:o,appearance:e,onPrimaryClick:async()=>{if(L(!0),E){let ne=await E(t[o],o,t[o+1],I,ce());if(ne||ne===!1){fe(typeof ne=="string"?ne:null),L(!1);return}else fe(null)}let j={...ce()};await W(p,t[o].id,j),o+1<t.length&&await H(p,t[o+1].id);let ie=Y(t[o],"primary",o);o+1>=t.length&&(g&&g(),y&&y(),a&&ie&&(d&&d(!1),x(!1)),await ye(p)),B(t[o]),L(!1),window&&f&&o+1<t.length&&(window.location.hash=t[o+1].id)},onSecondaryClick:()=>{Y(t[o],"secondary",o),F(t[o])},onBack:async()=>{o-1>=0&&(L(!0),await H(p,t[o-1].id),L(!1))},steps:t,allowBackNavigation:f,errorMessage:J});return Te.createElement(Te.Fragment,null,Te.createElement(hi,{className:l("formContainer",e)},Te.createElement(Ci,null,Te.createElement(Ya,{id:o,shouldWrap:c==="large-modal"},Te.createElement(Si,{key:q.id,type:c,className:l("formContent",e)},t.map(j=>{let ie=m[j.type];return q.id!==j.id?null:Te.createElement(ie,{key:j.id,stepData:j,canContinue:T,setCanContinue:O,onSaveData:ne=>{ge(j,ne)},appearance:e,customFormElements:P,flowId:p,prefillData:A})}),w&&Te.createElement(Ti,{className:l("formPagination",e),appearance:e,stepCount:t.length,currentStep:o}),N))),c=="large-modal"&&Te.createElement(te,{selectedStep:t[o]})))};import eo from"react";import{createGlobalStyle as Xa}from"styled-components";function re({appearance:e}){if(!e||!e.styleOverrides)return eo.createElement(eo.Fragment,null);let t=Object.entries(e.styleOverrides).filter(([r,i])=>typeof i=="object");if(t.length===0)return eo.createElement(eo.Fragment,null);let o=Xa`
|
|
638
|
+
${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map(([s,p])=>`${Go(s)}: ${p};`).join(" ")} }`).join(" ")}`;return eo.createElement(o,{inlineStyles:t})}var Di=({flowId:e,customStepTypes:t={},type:o="inline",visible:r,setVisible:i,customVariables:n,customFormElements:s,onComplete:p,appearance:c,hideOnFlowCompletion:a=!0,onStepCompletion:g,onButtonClick:d,dismissible:x=!0,endFlowOnDismiss:y=!1,modalPosition:w="center",repeatable:P=!1,onDismiss:f,showPagination:E=!1,allowBackNavigation:b=!1,validationHandler:S,showFrigadeBranding:A=!1,onFormDataChange:C,showFooter:m=!0,prefillData:B={}})=>{let{getFlow:F,getFlowSteps:T,isLoading:O,targetingLogicShouldHideFlow:I,getFlowStatus:M,getCurrentStepIndex:D,markFlowCompleted:L,markFlowNotStarted:ee}=Z(),U=D(e),{mergeAppearanceWithDefault:J}=R(),[fe,q]=Qa(!1),{setOpenFlowState:W,getOpenFlowState:H,hasOpenModals:he}=Pe();c=J(c);let[Ie,ye]=r!==void 0&&i!==void 0?[r,i]:[H(e,!0),te=>W(e,te)];if(Ja(()=>{!fe&&!O&&(q(!0),M(e)===Q&&P&&(ee(e),window&&window.localStorage&&Object.keys(window.localStorage).forEach(N=>{N.startsWith(ir)&&window.localStorage.removeItem(N)})),q(!0))},[fe,q,O]),O)return null;let ce=F(e);if(!ce||I(ce))return null;let Y=T(e);if(!Y||r!==void 0&&r===!1||M(e)===Q&&a||(o=="modal"||o=="corner-modal")&&he(e))return null;let ge=()=>{ye(!1),f&&f(),y===!0&&L(e)};if(w=="center"&&o==="modal"||o==="large-modal"){let te={padding:"24px"};return o==="large-modal"?(te.width="85%",te.height="90%",te.maxHeight="800px",te.minHeight="500px",te.padding="0"):te.width="400px",He.createElement(rt,{appearance:c,onClose:ge,visible:Ie,style:te,dismissible:x,showFrigadeBranding:A},He.createElement(re,{appearance:c}),He.createElement(Eo,{appearance:c,steps:Y,selectedStep:U,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:i,setShowModal:ye,onDismiss:f,showPagination:E,customFormElements:s,allowBackNavigation:b,validationHandler:S,onFormDataChange:C,showFooter:m,prefillData:B}))}return o==="modal"&&w!=="center"?He.createElement(Jr,{appearance:c,onClose:ge,visible:Ie},He.createElement(re,{appearance:c}),He.createElement(Eo,{appearance:c,steps:Y,selectedStep:U,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:i,setShowModal:ye,onDismiss:f,showPagination:E,customFormElements:s,allowBackNavigation:b,validationHandler:S,onFormDataChange:C,showFooter:m,prefillData:B})):He.createElement(He.Fragment,null,He.createElement(re,{appearance:c}),He.createElement(Eo,{appearance:c,steps:Y,selectedStep:U,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:a,onComplete:p,setVisible:i,setShowModal:ye,onDismiss:f,showPagination:E,customFormElements:s,allowBackNavigation:b,validationHandler:S,onFormDataChange:C,showFooter:m,prefillData:B}))},$i=Di;import{useCallback as Mi,useContext as Za,useEffect as Ra}from"react";function pr(){let{organizationId:e,userId:t,setOrganizationId:o}=Za(K),{mutateUserFlowState:r}=ve(),{config:i,apiUrl:n}=ze(),s=vt(),{verifySDKInitiated:p}=Bt();Ra(()=>{if(t&&e){if(t.startsWith(Et))return;let g=`frigade-user-group-registered-${t}-${e}`;localStorage.getItem(g)||(s(`${n}userGroups`,{...i,method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})}),localStorage.setItem(g,"true"))}},[t,e]);let c=Mi(async g=>{if(!p())return;if(!e||!t){console.error("Cannot add properties to organization: Organization ID and User ID must both be set.",{organizationId:e,userId:t});return}let d={foreignUserId:t,foreignUserGroupId:e,properties:g};await s(`${n}userGroups`,{...i,method:"POST",body:JSON.stringify(d)}),r()},[e,t,i,r]),a=Mi(async(g,d)=>{if(!p())return;if(!e||!t){console.error("Cannot track event for organization: Organization ID and User ID must both be set.",{organizationId:e,userId:t});return}let y={foreignUserId:t,foreignUserGroupId:e,events:[{event:g,properties:d}]};await s(`${n}userGroups`,{...i,method:"POST",body:JSON.stringify(y)}),r()},[e,t,i,r]);return{organizationId:e,setOrganizationId:o,addPropertiesToOrganization:c,trackEventForOrganization:a}}var Ui="frigade-xFrigade_guestUserId",to="frigade-xFrigade_userId",_i=({})=>{let{setFlowResponses:e}=Gt(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:r}=ve(),{userId:i,setUserId:n}=Kt(),[s,p]=dr(null),{getFlowStatus:c}=Z(),{flows:a,userProperties:g,setIsNewGuestUser:d,flowResponses:x}=ep(K),[y,w]=dr([]),[P,f]=dr([]),{organizationId:E}=pr();Ao(()=>{if(!o&&t)for(let C=0;C<t.length;C++){let m=t[C],B=a.find(F=>F.slug===(m==null?void 0:m.flowId));if(B&&m&&m.shouldTrigger===!0&&B.type=="FORM"&&B.triggerType==="AUTOMATIC"&&!P.includes(B.slug)){setTimeout(()=>{b(m.flowId)},500);break}}},[o,t]),Ao(()=>{x.length>0&&r()},[x]);function b(C){let m=a.find(B=>B.slug===C);m&&m.triggerType==="AUTOMATIC"&&!P.includes(m.slug)&&(f([...P,m.slug]),w([m]))}function S(){if(!i){let C=localStorage.getItem(to);if(C){n(C);return}let m=localStorage.getItem(Ui);if(m){n(m);return}d(!0);let B=Et+tp();try{localStorage.setItem(Ui,B)}catch(F){console.log("Failed to save guest user id locally: Local storage unavailable",F)}n(F=>F||B)}}Ao(()=>{try{if(a){let C=[];a.forEach(m=>{if(m.data){let B=m.data.match(/"imageUri":"(.*?)"/g);B&&B.forEach(F=>{let T=F.replace('"imageUri":"',"").replace('"',"");if(C.includes(T))return;let O=new Image;O.src=T,C.push(T)})}})}}catch{}},[a]),Ao(()=>{if(i!==s&&e([]),p(i),i&&!i.startsWith(Et))try{localStorage.setItem(to,i)}catch(C){console.log("Failed to save user id locally: Local storage available",C)}i===null&&setTimeout(()=>{i===null&&S()},50)},[i,a,g]);function A(){return St.createElement(St.Fragment,null,y.map(C=>c(C.slug)!==$e?null:St.createElement("span",{key:C.slug},St.createElement($i,{flowId:C.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return St.createElement(St.Fragment,null,St.createElement(A,null))};import{ErrorBoundary as vp}from"react-error-boundary";import oo from"core-js-pure/actual/structured-clone";function cr(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function pt(...e){let t=e.shift(),o=e.length===1?e[0]:pt(...e);if(!cr(t)||!cr(o))throw new Error("deepmerge can only merge Objects");let r=oo(t);return Object.entries(o).forEach(([i,n])=>{cr(n)?r[i]!==void 0?Object.assign(r,{[i]:pt(r[i],oo(n))}):Object.assign(r,{[i]:oo(n)}):Array.isArray(n)?r[i]!==void 0?Object.assign(r,{[i]:[...r[i],...oo(n)]}):Object.assign(r,{[i]:oo(n)}):Object.assign(r,{[i]:n})}),r}var zi={colorPrimary:"colors.primary.background",colorText:"colors.neutral.foreground",colorBackground:"colors.neutral.background",colorBackgroundSecondary:"colors.secondary.background",colorTextOnPrimaryBackground:"colors.primary.foreground",colorTextSecondary:"colors.secondary.foreground",colorTextDisabled:"colors.gray700",colorBorder:"colors.gray800",colorTextError:"colors.negative.foreground",borderRadius:"radii.lg"};function op(e){if(!e)return;let t={};return Object.entries(e).forEach(([o,r])=>{if(zi[o]){let i=zi[o].split("."),n=t;i.forEach((s,p)=>{n[s]||(n[s]=p===i.length-1?r:{}),n=n[s]})}}),t}function rp(e){if(!e)return;let t=pt({},e),o={};return Object.keys(t).forEach(r=>{let i=`.fr-${r}`;o[i]=t[r]}),o}function Wi(e){let{theme:t,styleOverrides:o}=e,r=op(t),i=rp(o);return{overrides:r,css:i}}import hp from"styled-components";import{compose as Cp,variant as Vi}from"styled-system";import Hi from"react";import ip,{ThemeProvider as np,useTheme as sp}from"styled-components";import{border as lp,color as ap,compose as pp,get as dp,shadow as cp,space as mp,system as up,typography as fp}from"styled-system";var gp={width:{property:"width",scale:"sizes",transform:(e,t)=>dp(t,e,!(typeof e=="number"&&!isNaN(e))||e>1?e:e*100+"%")},height:{property:"height",scale:"sizes"},minWidth:{property:"minWidth",scale:"sizes"},minHeight:{property:"minHeight",scale:"sizes"},maxWidth:{property:"maxWidth",scale:"sizes"},maxHeight:{property:"maxHeight",scale:"sizes"},overflow:!0,overflowX:!0,overflowY:!0,display:!0,verticalAlign:!0},xp=ip("div")(({css:e})=>e,pp(lp,ap,cp,mp,fp,up(gp))),ro=({as:e,children:t,overrides:o,...r})=>{let i=sp(),n={border:"none",boxSizing:"border-box",m:0,p:0},s=()=>Hi.createElement(xp,{as:e,...n,...r},t);if(o!==void 0){let p=pt(i,o);return Hi.createElement(np,{theme:p},s())}return s()};var io={Primary:{backgroundColor:"primary.background",color:"primary.foreground","&:hover":{backgroundColor:"blue400"}},Secondary:{backgroundColor:"white",border:"1px solid",borderColor:"gray800",color:"neutral.foreground","&:hover":{backgroundColor:"blue900"}},Link:{backgroundColor:"transparent",color:"primary.inverted"},Plain:{backgroundColor:"transparent",color:"neutral.foreground"}},Sp={sm:{paddingX:4,paddingY:1},md:{paddingX:6,paddingY:2}},ji=hp(ro)(()=>({whiteSpace:"nowrap"}),Cp(Vi({scale:"components.Button",variants:"components.Button"}),Vi({prop:"size",variants:Sp})));import yp from"styled-components";import{variant as bp,system as wp}from"styled-system";var Io={Display1:{fontSize:"5xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"4xl"},Display2:{fontSize:"4xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"3xl"},H1:{fontSize:"3xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"2xl"},H2:{fontSize:"2xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"xl"},H3:{fontSize:"xl",fontWeight:"bold",letterSpacing:"md",lineHeight:"lg"},H4:{fontSize:"lg",fontWeight:"bold",letterSpacing:"md",lineHeight:"md"},Body1:{fontSize:"md",fontWeight:"regular",letterSpacing:"md",lineHeight:"md"},Body2:{fontSize:"sm",fontWeight:"regular",letterSpacing:"md",lineHeight:"md"},Caption:{fontSize:"xs",fontWeight:"regular",letterSpacing:"md",lineHeight:"sm"}};var Gi=yp(ro)(bp({scale:"components.Text",variants:"components.Text"}),wp({fontWeight:{property:"fontWeight",scale:"fontWeights"}}));var Ki=4,qi="px",Tp=20,Fp=Object.fromEntries(Array.from(Array(Tp+1),(e,t)=>t===0?[.5,`${.5*Ki}${qi}`]:[t,`${t*Ki}${qi}`])),Lt={black:"#000000",gray100:"#14161A",gray200:"#181B20",gray300:"#1F2329",gray400:"#2E343D",gray500:"#4C5766",gray600:"#5A6472",gray700:"#C5CBD3",gray800:"#E2E5E9",gray900:"#F1F2F4",white:"#ffffff",blue400:"#015AC6",blue500:"#0171F8",blue800:"#DBECFF",blue900:"#F5F9FF",green400:"#009E37",green500:"#00D149",green800:"#DBFFE8",transparent:"#FFFFFF00",red500:"#c00000"},mr={colors:{...Lt,neutral:{foreground:Lt.gray300},primary:{background:Lt.blue500,foreground:Lt.white,inverted:Lt.blue500},negative:{foreground:Lt.red500}},fonts:{default:"TT Interphases Pro, sans-serif"},fontSizes:{xs:"12px",sm:"14px",md:"16px",lg:"18px",xl:"20px","2xl":"24px","3xl":"30px","4xl":"36px","5xl":"48px"},fontWeights:{regular:400,semibold:500,bold:700},letterSpacings:{md:"0.02em"},lineHeights:{xs:"18px",sm:"22px",md:"24px",lg:"26px",xl:"30px","2xl":"38px","3xl":"46px","4xl":"60px"},radii:{md:"8px",lg:"20px",round:"50%"},shadows:{md:"0px 4px 20px rgba(0, 0, 0, 0.06)"},space:Fp,components:{Button:io,Text:Io}};var Yi="https://api.frigade.com",K=kp({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:()=>{},apiUrl:Yi,readonly:!1});function Bp(){Object.keys(localStorage).forEach(e=>{e.startsWith("frigade-")&&localStorage.removeItem(e)})}var Ep=({publicApiKey:e,userId:t,organizationId:o,config:r,children:i})=>{var fe,q;let[n,s]=Oe(t||null),[p,c]=Oe(o||null),[a,g]=Oe([]),[d,x]=Oe([]),[y,w]=Oe([]),[P,f]=Oe({}),[E,b]=Oe({}),[S,A]=Oe([]),[C,m]=Oe({}),[B,F]=Oe(!1),[T,O]=Oe(!1),[I,M]=Oe(!ee(e)),D=(W,H)=>{if(H==="_blank"){window.open(W,"_blank");return}setTimeout(()=>{window.location.href=W},50)},L={theme:{...qe.theme,...((fe=r==null?void 0:r.defaultAppearance)==null?void 0:fe.theme)??{}},styleOverrides:{...qe.styleOverrides,...((q=r==null?void 0:r.defaultAppearance)==null?void 0:q.styleOverrides)??{}}};function ee(W){return!!(W&&W.length>10&&W.substring(0,10)==="api_public")}No(()=>{t&&s(t)},[t]),No(()=>{n&&window&&window.localStorage&&window.localStorage.getItem(to)&&window.localStorage.getItem(to)!==n&&Bp()},[n]),No(()=>{o&&c(o)},[o]),No(()=>{if(ee(e))M(!1);else{console.error("Frigade SDK failed to initialize. API key provided is either missing or valid."),M(!0);return}},[e,M]);let U={publicApiKey:e,userId:n,setUserId:s,setFlows:g,flows:a,failedFlowResponses:d,setFailedFlowResponses:x,flowResponses:y,setFlowResponses:w,userProperties:P,setUserProperties:f,openFlowStates:E,setOpenFlowStates:b,completedFlowsToKeepOpenDuringSession:S,setCompletedFlowsToKeepOpenDuringSession:A,customVariables:C,setCustomVariables:m,isNewGuestUser:B,setIsNewGuestUser:F,hasActiveFullPageFlow:T,setHasActiveFullPageFlow:O,organizationId:p,setOrganizationId:c,navigate:r&&r.navigate?r.navigate:D,defaultAppearance:L,shouldGracefullyDegrade:I,setShouldGracefullyDegrade:M,apiUrl:r&&r.apiUrl?r.apiUrl:Yi,readonly:r&&r.readonly?r.readonly:!1};if(I)return yt.createElement(K.Provider,{value:U},i);let{overrides:J}=Wi(L);return yt.createElement(vp,{fallback:yt.createElement(yt.Fragment,null,i)},yt.createElement(K.Provider,{value:U},yt.createElement(Pp,{theme:pt(L.theme,mr,J??{},(r==null?void 0:r.theme)??{})},i,yt.createElement(_i,null))))};import Cd from"react";import de,{useEffect as Fs,useState as ks}from"react";import _e,{useState as qp}from"react";import Tt from"styled-components";import Do from"react";import bt from"react";import Ji from"styled-components";var Xi=Ji.span`
|
|
634
639
|
font-weight: 400;
|
|
635
640
|
font-size: 15px;
|
|
636
641
|
line-height: 20px;
|
|
@@ -639,7 +644,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
639
644
|
vertical-align: middle;
|
|
640
645
|
margin-left: 12px;
|
|
641
646
|
padding-right: 12px;
|
|
642
|
-
`,Ap=
|
|
647
|
+
`,Ap=Ji.div`
|
|
643
648
|
flex-direction: row;
|
|
644
649
|
justify-content: space-between;
|
|
645
650
|
display: flex;
|
|
@@ -647,17 +652,17 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
647
652
|
padding-bottom: 20px;
|
|
648
653
|
border-top: 1px solid ${e=>e.theme.colorBorder};
|
|
649
654
|
width: 100%;
|
|
650
|
-
`,Oo=({label:e,value:t,labelStyle:o={},labelPosition:r="right",style:i,primaryColor:n="#000000",checkBoxType:s="
|
|
655
|
+
`,Oo=({label:e,value:t,labelStyle:o={},labelPosition:r="right",style:i,primaryColor:n="#000000",checkBoxType:s="round",appearance:p})=>bt.createElement(bt.Fragment,null,bt.createElement(Ap,{className:l("checklistStepsContainer",p),appearance:p,style:{...i}},r==="left"&&e&&bt.createElement(Xi,{className:l("checklistStepLabel",p),style:o},e),bt.createElement(Ye,{appearance:p,value:t,type:s,primaryColor:n}),r==="right"&&e&&bt.createElement(Xi,{className:l("checklistStepLabel",p),style:o},e)),bt.createElement(re,{appearance:p}));import no from"styled-components";var Qi=no.div`
|
|
651
656
|
font-weight: 700;
|
|
652
657
|
font-size: 18px;
|
|
653
658
|
line-height: 22px;
|
|
654
|
-
`,
|
|
659
|
+
`,Zi=no.p`
|
|
655
660
|
font-weight: 700;
|
|
656
661
|
font-size: 18px;
|
|
657
662
|
line-height: 30px;
|
|
658
663
|
margin: 20px 0px 0px 0px;
|
|
659
664
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
660
|
-
`,
|
|
665
|
+
`,Ri=no.p`
|
|
661
666
|
font-weight: 400;
|
|
662
667
|
font-size: 15px;
|
|
663
668
|
line-height: 28px;
|
|
@@ -672,18 +677,18 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
672
677
|
height: 80%;
|
|
673
678
|
border-top-right-radius: 8px;
|
|
674
679
|
border-bottom-right-radius: 8px;
|
|
675
|
-
`,
|
|
680
|
+
`,en=no.div`
|
|
676
681
|
flex-direction: row;
|
|
677
682
|
justify-content: flex-start;
|
|
678
|
-
`;var
|
|
683
|
+
`;var tn=({data:e,index:t,isSelected:o,primaryColor:r,style:i,onClick:n,appearance:s})=>{var p,c;return Do.createElement("div",{style:{position:"relative",paddingLeft:"20px"},onClick:()=>{n()}},o&&Do.createElement(Lo,{className:l("checklistStepItemSelectedIndicator",s),layoutId:"checklis-step-selected",style:{backgroundColor:((p=s==null?void 0:s.theme)==null?void 0:p.colorPrimary)??r}}),Do.createElement(en,{className:l("checklistStepItem",s),key:`hero-checklist-step-${t}`,role:"listitem"},Do.createElement(Oo,{value:e.complete,labelPosition:"left",label:e.stepName??e.title,style:i,primaryColor:((c=s==null?void 0:s.theme)==null?void 0:c.colorPrimary)??r,appearance:s})))};import wt from"react";import ur from"styled-components";import Je from"styled-components";var Ux=Je.div`
|
|
679
684
|
background: #ffffff;
|
|
680
685
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
681
686
|
border-radius: 20px;
|
|
682
687
|
width: 385px;
|
|
683
688
|
padding: 24px 16px 16px 16px;
|
|
684
|
-
`,zx=Je.div`
|
|
685
|
-
/* Border bottom only on collapsable */
|
|
686
689
|
`,_x=Je.div`
|
|
690
|
+
/* Border bottom only on collapsable */
|
|
691
|
+
`,zx=Je.div`
|
|
687
692
|
display: flex;
|
|
688
693
|
flex-direction: row;
|
|
689
694
|
justify-content: space-between;
|
|
@@ -701,7 +706,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
701
706
|
display: flex;
|
|
702
707
|
justify-content: flex-start;
|
|
703
708
|
flex-direction: row;
|
|
704
|
-
`,
|
|
709
|
+
`,on=Je.div`
|
|
705
710
|
position: absolute;
|
|
706
711
|
left: 0;
|
|
707
712
|
top: 0;
|
|
@@ -709,7 +714,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
709
714
|
width: ${e=>e.fgWidth};
|
|
710
715
|
border-radius: 20px;
|
|
711
716
|
background-color: ${e=>e.theme.colorPrimary};
|
|
712
|
-
`,
|
|
717
|
+
`,rn=Je.div`
|
|
713
718
|
position: relative;
|
|
714
719
|
left: 0;
|
|
715
720
|
top: 0;
|
|
@@ -717,7 +722,8 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
717
722
|
min-width: 40px;
|
|
718
723
|
height: ${e=>e.barHeight};
|
|
719
724
|
border-radius: 20px;
|
|
720
|
-
background-color: ${e=>e.theme.
|
|
725
|
+
background-color: ${e=>e.theme.colorPrimary};
|
|
726
|
+
opacity: 0.12;
|
|
721
727
|
`;var Ip=ur.div`
|
|
722
728
|
display: flex;
|
|
723
729
|
flex-direction: ${e=>e.textLocation=="top"?"column":"row"};
|
|
@@ -731,20 +737,20 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
731
737
|
position: relative;
|
|
732
738
|
${e=>e.textLocation=="top"?"width: 100%;":""}
|
|
733
739
|
`,Op=ur.span`
|
|
734
|
-
font-weight:
|
|
735
|
-
font-size:
|
|
740
|
+
font-weight: 600;
|
|
741
|
+
font-size: 14px;
|
|
736
742
|
line-height: 18px;
|
|
737
743
|
padding-right: ${e=>e.padding};
|
|
738
|
-
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.
|
|
744
|
+
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
739
745
|
margin-bottom: ${e=>e.textLocation=="top"?"8px":"0px"};
|
|
740
746
|
${e=>Ke(e)}
|
|
741
|
-
`;var Le=({count:e,total:t,display:o="count",textLocation:r="left",style:i={},textStyle:n={},appearance:s})=>{if(t===0)return wt.createElement(wt.Fragment,null);let p=e===0?"10px":`${e/t*100}%`,c=o==="compact"?"5px":"10px",a=Math.round(e/t*100),g=o==="compact"?"5px":"
|
|
747
|
+
`;var Le=({count:e,total:t,display:o="count",textLocation:r="left",style:i={},textStyle:n={},appearance:s})=>{if(t===0)return wt.createElement(wt.Fragment,null);let p=e===0?"10px":`${e/t*100}%`,c=o==="compact"?"5px":"10px",a=Math.round(e/t*100),g=o==="compact"?"5px":"14px",d;return o==="count"?d=`${e}/${t}`:o==="compact"?d=`${a}%`:o==="percent"&&(d=`${a}% complete`),r==="top"&&(g="0px"),wt.createElement(Ip,{className:l("progressBarContainer",s),textLocation:r,styleOverrides:i},wt.createElement(Op,{className:l("progressBarStepText",s),style:{...n,fontSize:o==="compact"?12:14,fontWeight:o==="compact"?400:600},appearance:s,padding:g,textLocation:r},d),wt.createElement(Np,{textLocation:r,className:l("progressBar",s)},wt.createElement(on,{style:{zIndex:o=="compact"?1:5},fgWidth:p,barHeight:c,appearance:s,className:l("progressBarFill",s)}),wt.createElement(rn,{className:l("progressBarBackground",s),barHeight:c,appearance:s})))};import so from"react";import Dp from"styled-components";import Mo from"react";import $o from"react";var Dt=({stepData:e,appearance:t})=>$o.createElement($o.Fragment,null,$o.createElement(Zi,{appearance:t,className:l("checklistStepTitle",t),dangerouslySetInnerHTML:me(e.title)}),$o.createElement(Ri,{appearance:t,className:l("checklistStepSubtitle",t),dangerouslySetInnerHTML:me(e.subtitle)}));import fr from"react";var $t=({stepData:e,appearance:t})=>{let o=()=>{e.handlePrimaryButtonClick&&e.handlePrimaryButtonClick()},r=()=>{e.handleSecondaryButtonClick&&e.handleSecondaryButtonClick()};return fr.createElement(Fo,{className:l("ctaContainer",t)},e.secondaryButtonTitle&&fr.createElement(oe,{appearance:t,secondary:!0,title:e.secondaryButtonTitle,onClick:r,style:{width:"auto",marginRight:"12px"}}),fr.createElement(oe,{appearance:t,title:e.primaryButtonTitle,onClick:o}))};var Mt=({stepData:e,appearance:t})=>Mo.createElement(Mo.Fragment,null,Mo.createElement(Dt,{stepData:e,appearance:t}),Mo.createElement($t,{stepData:e,appearance:t}));import Lp from"react";function nn(e){return Lp.createElement(lt,{appearance:e.appearance,videoUri:e.videoUri})}var gr="default",$p=Dp.img`
|
|
742
748
|
border-radius: 4px;
|
|
743
749
|
max-height: 260px;
|
|
744
750
|
min-height: 200px;
|
|
745
|
-
`,
|
|
751
|
+
`,sn=({stepData:e,appearance:t})=>{if(e!=null&&e.StepContent){let o=e.StepContent;return so.createElement("div",null,o)}return so.createElement(Qi,{className:l("checklistStepContent",t)},e.imageUri?so.createElement($p,{className:l("checklistStepImage",t),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?so.createElement(nn,{videoUri:e.videoUri,appearance:t}):null,so.createElement(Mt,{stepData:e,appearance:t}))};import Ee,{useRef as Mp,useState as Up}from"react";import Ut from"styled-components";var ln=Ut.div`
|
|
746
752
|
display: block;
|
|
747
|
-
`,
|
|
753
|
+
`,_p=Ut.div`
|
|
748
754
|
display: flex;
|
|
749
755
|
flex-direction: row;
|
|
750
756
|
flex-wrap: wrap;
|
|
@@ -754,7 +760,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
754
760
|
align-content: center;
|
|
755
761
|
margin-top: 24px;
|
|
756
762
|
margin-bottom: 24px;
|
|
757
|
-
`,
|
|
763
|
+
`,zp=Ut.div`
|
|
758
764
|
display: flex;
|
|
759
765
|
align-items: center;
|
|
760
766
|
justify-content: flex-start;
|
|
@@ -787,7 +793,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
787
793
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
788
794
|
border-radius: 50%;
|
|
789
795
|
}
|
|
790
|
-
`,
|
|
796
|
+
`,an="videoCarousel",pn=({stepData:e,appearance:t})=>{var i;if(!((i=e.props)!=null&&i.videos))return Ee.createElement(ln,null,Ee.createElement(Mt,{stepData:e,appearance:t}));function o({video:n}){let s=Mp(),[p,c]=Up(!1);return Ee.createElement(zp,null,!p&&Ee.createElement(Vp,{onClick:()=>{c(!0),s.current.play()},appearance:t},Ee.createElement(ko,null)),Ee.createElement(Wp,{controls:p,ref:s,play:p,src:n.uri}),Ee.createElement(Hp,null,n.title))}let r=e.props;return r.videos?Ee.createElement(ln,null,Ee.createElement(Dt,{stepData:e,appearance:t}),Ee.createElement(_p,null,r.videos.map((n,s)=>Ee.createElement("span",{key:`${n.uri}-${s}`},Ee.createElement(o,{video:n})))),Ee.createElement($t,{stepData:e,appearance:t})):null};import Qe from"react";import Uo from"styled-components";var dn=Uo.div`
|
|
791
797
|
display: block;
|
|
792
798
|
`,jp=Uo.pre`
|
|
793
799
|
display: block;
|
|
@@ -812,23 +818,28 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
812
818
|
margin-top: 12px;
|
|
813
819
|
`,Kp=Uo.div`
|
|
814
820
|
margin-top: 24px;
|
|
815
|
-
`,
|
|
821
|
+
`,cn="codeSnippet",mn=({stepData:e,appearance:t})=>{var r;if(!((r=e.props)!=null&&r.codeSnippets))return Qe.createElement(dn,null,Qe.createElement(Mt,{stepData:e,appearance:t}));let o=e.props;return o.codeSnippets?Qe.createElement(dn,null,Qe.createElement(Dt,{stepData:e,appearance:t}),Qe.createElement(Kp,null,o.codeSnippets.map((i,n)=>Qe.createElement("div",{key:n},i.title?Qe.createElement(Gp,null,i.title):null,i.code?Qe.createElement(jp,null,i.code):null))),Qe.createElement($t,{stepData:e,appearance:t})):null};var Yp=Tt.div`
|
|
816
822
|
display: flex;
|
|
817
823
|
flex-direction: row;
|
|
818
|
-
min-width: ${e=>e.type!="modal"?"
|
|
824
|
+
min-width: ${e=>e.type!="modal"?"600px":"100%"};
|
|
819
825
|
background: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.colorBackground}};
|
|
820
|
-
|
|
821
|
-
border-radius: 8px;
|
|
826
|
+
border-radius: ${e=>{var t;return(t=e.appearance)==null?void 0:t.theme.borderRadius}}px;
|
|
822
827
|
`,Xp=Tt.h1`
|
|
823
|
-
font-size:
|
|
824
|
-
font-
|
|
828
|
+
font-size: 18px;
|
|
829
|
+
font-style: normal;
|
|
830
|
+
font-weight: 700;
|
|
831
|
+
line-height: 24px;
|
|
832
|
+
letter-spacing: 0.36px;
|
|
825
833
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
826
834
|
`,Jp=Tt.h2`
|
|
827
|
-
font-size:
|
|
828
|
-
|
|
829
|
-
|
|
835
|
+
font-size: 14px;
|
|
836
|
+
font-style: normal;
|
|
837
|
+
font-weight: 400;
|
|
838
|
+
line-height: 22px;
|
|
839
|
+
letter-spacing: 0.28px;
|
|
840
|
+
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
830
841
|
margin: 10px 0px 0px 0px;
|
|
831
|
-
`,
|
|
842
|
+
`,un=Tt.div`
|
|
832
843
|
padding-bottom: 16px;
|
|
833
844
|
`,Qp=Tt.div`
|
|
834
845
|
list-style: none;
|
|
@@ -843,30 +854,30 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
843
854
|
`,Rp=Tt.div`
|
|
844
855
|
flex: 2;
|
|
845
856
|
padding: 2rem;
|
|
846
|
-
`,ed=({title:e,subtitle:t,steps:o=[],style:r={},selectedStep:i,setSelectedStep:n,className:s="",customStepTypes:p=new Map,appearance:c,type:a})=>{let{mergeAppearanceWithDefault:g}=R();c=g(c);let x={...{[gr]:
|
|
857
|
+
`,ed=({title:e,subtitle:t,steps:o=[],style:r={},selectedStep:i,setSelectedStep:n,className:s="",customStepTypes:p=new Map,appearance:c,type:a})=>{let{mergeAppearanceWithDefault:g}=R();c=g(c);let x={...{[gr]:sn,[an]:pn,[cn]:mn},...p},[y,w]=qp(0),P=i??y,f=n??w,E=o.filter(S=>S.complete===!0).length,b=()=>{var S;return!((S=o[P])!=null&&S.type)||!x[o[P].type]?x[gr]({stepData:o[P],appearance:c}):x[o[P].type]({stepData:o[P],appearance:c})};return _e.createElement(Yp,{type:a,style:r,className:s,appearance:c},_e.createElement(un,{style:{flex:1}},_e.createElement(un,{style:{padding:"30px 0px 30px 30px",borderBottom:"none"}},_e.createElement(Xp,{className:l("checklistTitle",c),appearance:c},e),_e.createElement(Jp,{className:l("checklistSubtitle",c),appearance:c},t),_e.createElement(Le,{total:o.length,count:E,style:{marginTop:"24px"},appearance:c})),_e.createElement(Qp,{className:l("checklistStepsContainer",c)},o.map((S,A)=>_e.createElement(tn,{data:S,index:A,key:A,listLength:o.length,isSelected:A===P,primaryColor:c.theme.colorPrimary,style:{justifyContent:"space-between"},onClick:()=>{f(A)}})))),_e.createElement(Zp,{appearance:c,className:l("checklistDivider",c)}),_e.createElement(Rp,null,_e.createElement(b,null)))},xr=ed;import $,{useState as nd}from"react";import fn from"react";import td from"styled-components";var od=td.svg`
|
|
847
858
|
transition: 'transform 0.35s ease-in-out';
|
|
848
|
-
`,
|
|
859
|
+
`,_t=({color:e="#323232",style:t,className:o})=>fn.createElement(od,{width:"7",height:"10",viewBox:"0 0 9 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:t,className:o},fn.createElement("path",{d:"M1 13L7.5 7L0.999999 1",stroke:e,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));import ue from"styled-components";var hr={boxShadow:"0px 6px 25px rgba(0, 0, 0, 0.06)",padding:"32px",maxHeight:"700px",msOverflowStyle:"none",scrollbarWidth:"none",paddingBottom:"12px",minHeight:"610px"},gn=ue.div`
|
|
849
860
|
max-height: 350px;
|
|
850
861
|
padding-bottom: 40px;
|
|
851
|
-
`,
|
|
862
|
+
`,xn=ue.div`
|
|
852
863
|
display: flex;
|
|
853
864
|
flex-direction: column;
|
|
854
865
|
margin-top: 20px;
|
|
855
|
-
`,
|
|
866
|
+
`,hn=ue.h1`
|
|
856
867
|
font-style: normal;
|
|
857
868
|
font-weight: 600;
|
|
858
869
|
font-size: 30px;
|
|
859
870
|
line-height: 36px;
|
|
860
871
|
margin-bottom: 16px;
|
|
861
872
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
862
|
-
`,
|
|
873
|
+
`,Cn=ue.h2`
|
|
863
874
|
font-weight: 400;
|
|
864
875
|
font-size: 16px;
|
|
865
876
|
line-height: 20px;
|
|
866
877
|
margin-bottom: 16px;
|
|
867
878
|
padding-left: 1px;
|
|
868
879
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
869
|
-
`,
|
|
880
|
+
`,Sn=ue.div`
|
|
870
881
|
${e=>k(e)} {
|
|
871
882
|
border: 1px solid #fafafa;
|
|
872
883
|
}
|
|
@@ -876,11 +887,11 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
876
887
|
flex-direction: column;
|
|
877
888
|
min-height: 240px;
|
|
878
889
|
overflow: hidden;
|
|
879
|
-
`,
|
|
890
|
+
`,yn=ue.div`
|
|
880
891
|
display: flex;
|
|
881
892
|
flex-direction: row;
|
|
882
893
|
justify-content: space-between;
|
|
883
|
-
`,
|
|
894
|
+
`,bn=ue.p`
|
|
884
895
|
${e=>k(e)} {
|
|
885
896
|
font-weight: 400;
|
|
886
897
|
font-size: 10px;
|
|
@@ -889,12 +900,12 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
889
900
|
color: #8c8c8c;
|
|
890
901
|
margin: 20px;
|
|
891
902
|
}
|
|
892
|
-
`,
|
|
903
|
+
`,wn=ue.div`
|
|
893
904
|
display: flex;
|
|
894
905
|
flex-direction: row;
|
|
895
|
-
`,wn=ue.div`
|
|
896
|
-
flex: 1;
|
|
897
906
|
`,Tn=ue.div`
|
|
907
|
+
flex: 1;
|
|
908
|
+
`,Fn=ue.div`
|
|
898
909
|
${e=>k(e)} {
|
|
899
910
|
display: flex;
|
|
900
911
|
justify-content: center;
|
|
@@ -904,7 +915,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
904
915
|
padding-left: 8px;
|
|
905
916
|
padding-right: 8px;
|
|
906
917
|
}
|
|
907
|
-
`,
|
|
918
|
+
`,kn=ue.p`
|
|
908
919
|
${e=>k(e)} {
|
|
909
920
|
font-style: normal;
|
|
910
921
|
font-weight: 600;
|
|
@@ -916,7 +927,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
916
927
|
margin-top: 20px;
|
|
917
928
|
margin-bottom: 16px;
|
|
918
929
|
}
|
|
919
|
-
`,
|
|
930
|
+
`,Pn=ue.p`
|
|
920
931
|
${e=>k(e)} {
|
|
921
932
|
font-weight: 400;
|
|
922
933
|
font-size: 14px;
|
|
@@ -925,14 +936,14 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
925
936
|
color: ${e=>e.appearance.theme.colorTextSecondary};
|
|
926
937
|
margin-bottom: 8px;
|
|
927
938
|
}
|
|
928
|
-
`,
|
|
939
|
+
`,vn=ue.div`
|
|
929
940
|
${e=>k(e)} {
|
|
930
941
|
display: flex;
|
|
931
942
|
flex-direction: row;
|
|
932
943
|
justify-content: center;
|
|
933
944
|
gap: 8px;
|
|
934
945
|
}
|
|
935
|
-
`,
|
|
946
|
+
`,Bn=ue.div`
|
|
936
947
|
${e=>k(e)} {
|
|
937
948
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
938
949
|
background-color: ${e=>e.selected?"#FAFAFA":"#FFFFFF"};
|
|
@@ -952,7 +963,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
952
963
|
justify-content: space-between;
|
|
953
964
|
position: relative;
|
|
954
965
|
cursor: pointer;
|
|
955
|
-
`,
|
|
966
|
+
`,En=ue.p`
|
|
956
967
|
${e=>k(e)} {
|
|
957
968
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
958
969
|
color: ${e=>e.selected?"#434343":"#BFBFBF"};
|
|
@@ -961,12 +972,12 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
961
972
|
font-size: 14px;
|
|
962
973
|
line-height: 22px;
|
|
963
974
|
margin: 0;
|
|
964
|
-
`,
|
|
975
|
+
`,An=ue.div`
|
|
965
976
|
display: flex;
|
|
966
977
|
flex-direction: row;
|
|
967
978
|
justify-content: flex-end;
|
|
968
979
|
align-content: center;
|
|
969
|
-
`,
|
|
980
|
+
`,In=ue.div`
|
|
970
981
|
display: flex;
|
|
971
982
|
flex: 1;
|
|
972
983
|
flex-direction: row;
|
|
@@ -974,14 +985,14 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
974
985
|
align-content: center;
|
|
975
986
|
align-items: center;
|
|
976
987
|
margin-right: 20px;
|
|
977
|
-
`,
|
|
988
|
+
`,Nn=ue.div`
|
|
978
989
|
display: block;
|
|
979
990
|
width: 100%;
|
|
980
|
-
`;import rd from"styled-components";var
|
|
991
|
+
`;import rd from"styled-components";var On=rd.div`
|
|
981
992
|
flex-direction: column;
|
|
982
993
|
justify-content: center;
|
|
983
994
|
display: flex;
|
|
984
|
-
`;import Re from"react";import Ze from"styled-components";var
|
|
995
|
+
`;import Re from"react";import Ze from"styled-components";var Ln=Ze.div`
|
|
985
996
|
border: 1px solid #fafafa;
|
|
986
997
|
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
|
|
987
998
|
border-radius: 14px;
|
|
@@ -989,13 +1000,13 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
989
1000
|
display: flex;
|
|
990
1001
|
flex-direction: column;
|
|
991
1002
|
overflow: hidden;
|
|
992
|
-
`,
|
|
1003
|
+
`,Dn=Ze.div`
|
|
993
1004
|
display: flex;
|
|
994
1005
|
flex-wrap: wrap;
|
|
995
1006
|
justify-content: space-between;
|
|
996
1007
|
overflow: hidden;
|
|
997
1008
|
row-gap: 10px;
|
|
998
|
-
|
|
1009
|
+
`,$n=Ze.div`
|
|
999
1010
|
${e=>k(e)} {
|
|
1000
1011
|
color: #595959;
|
|
1001
1012
|
}
|
|
@@ -1005,7 +1016,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1005
1016
|
line-height: 12px;
|
|
1006
1017
|
letter-spacing: 0.09em;
|
|
1007
1018
|
margin-bottom: 12px;
|
|
1008
|
-
|
|
1019
|
+
`,Mn=Ze.div`
|
|
1009
1020
|
${e=>k(e)} {
|
|
1010
1021
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1011
1022
|
background: #ffffff;
|
|
@@ -1018,7 +1029,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1018
1029
|
|
|
1019
1030
|
max-width: 150px;
|
|
1020
1031
|
min-width: 200px;
|
|
1021
|
-
`,
|
|
1032
|
+
`,Un=Ze.div`
|
|
1022
1033
|
${e=>k(e)} {
|
|
1023
1034
|
background: radial-gradient(50% 50% at 50% 50%, #ffffff 0%, #f7f7f7 100%);
|
|
1024
1035
|
}
|
|
@@ -1030,7 +1041,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1030
1041
|
justify-content: center;
|
|
1031
1042
|
align-content: center;
|
|
1032
1043
|
align-items: center;
|
|
1033
|
-
`,
|
|
1044
|
+
`,_n=Ze.div`
|
|
1034
1045
|
font-weight: 600;
|
|
1035
1046
|
font-size: 20px;
|
|
1036
1047
|
line-height: 24px;
|
|
@@ -1045,20 +1056,20 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1045
1056
|
line-height: 17px;
|
|
1046
1057
|
margin-top: 12px;
|
|
1047
1058
|
margin-bottom: 8px;
|
|
1048
|
-
`,
|
|
1059
|
+
`,Wn=Ze.div`
|
|
1049
1060
|
${e=>k(e)} {
|
|
1050
1061
|
color: #8c8c8c;
|
|
1051
1062
|
}
|
|
1052
1063
|
font-weight: 400;
|
|
1053
1064
|
font-size: 12px;
|
|
1054
1065
|
line-height: 14px;
|
|
1055
|
-
`,
|
|
1066
|
+
`,Hn=Ze.a`
|
|
1056
1067
|
color: ${e=>e.color};
|
|
1057
1068
|
font-size: 12px;
|
|
1058
1069
|
line-height: 14px;
|
|
1059
1070
|
font-weight: 400;
|
|
1060
1071
|
cursor: pointer;
|
|
1061
|
-
`;var id=({steps:e,style:t,title:o,primaryColor:r,appearance:i,onButtonClick:n})=>{let{primaryCTAClickSideEffects:s}=ae();return Re.createElement(
|
|
1072
|
+
`;var id=({steps:e,style:t,title:o,primaryColor:r,appearance:i,onButtonClick:n})=>{let{primaryCTAClickSideEffects:s}=ae();return Re.createElement(Ln,{style:t,className:l("guideContainer",i)},Re.createElement($n,{className:l("guideTitle",i)},o),Re.createElement(Dn,{className:l("guideItemContainer",i)},e.map((p,c)=>Re.createElement(Mn,{key:`guide-${p.id??c}`,className:l("guideItem",i)},p.icon&&Re.createElement(Un,{className:l("guideIcon",i)},Re.createElement(_n,null,p.icon)),Re.createElement(zn,{className:l("guideItemTitle",i),dangerouslySetInnerHTML:me(p.title)}),Re.createElement(Wn,{className:l("guideItemSubtitle",i),dangerouslySetInnerHTML:me(p.subtitle)}),Re.createElement(Hn,{className:l("guideItemLink",i),color:r,onClick:()=>{p.primaryButtonUri&&s(p),n&&n(p)}},p.primaryButtonTitle)))))},lo=id;var sd=({steps:e,title:t,subtitle:o,stepsTitle:r,visible:i,onClose:n,selectedStep:s,setSelectedStep:p,customStepTypes:c,appearance:a,guideData:g,guideTitle:d,onGuideButtonClick:x})=>{let y=({stepData:m,handleSecondaryCTAClick:B,handleCTAClick:F})=>m?$.createElement(Fn,{className:l("checklistStepContainer",a),"data-testid":"checklistStepContainer"},$.createElement(kn,{appearance:a,className:l("checklistStepTitle",a),dangerouslySetInnerHTML:me(m.title)}),$.createElement(Pn,{appearance:a,className:l("checklistStepSubtitle",a),dangerouslySetInnerHTML:me(m.subtitle)}),$.createElement(vn,{className:l("checklistCTAContainer",a)},m.secondaryButtonTitle&&$.createElement(oe,{title:m.secondaryButtonTitle,onClick:B,appearance:a,secondary:!0}),$.createElement(oe,{title:m.primaryButtonTitle,onClick:F,appearance:a}))):$.createElement($.Fragment,null),P={...{default:m=>{var O;if((O=e[b])!=null&&O.StepContent){let I=e[b].StepContent;return $.createElement("div",null,I)}let B=e[b];return $.createElement(y,{stepData:m,handleCTAClick:()=>{B.handlePrimaryButtonClick&&B.handlePrimaryButtonClick()},handleSecondaryCTAClick:()=>{B.handleSecondaryButtonClick&&B.handleSecondaryButtonClick()}})}},...c},[f,E]=nd(0),b=s??f,S=p??E,A=()=>{var m;return e?!((m=e[b])!=null&&m.type)||!P[e[b].type]?P.default(e[b]):P[e[b].type]({stepData:e[b],primaryColor:a.theme.colorPrimary}):$.createElement($.Fragment,null)},C=e.filter(m=>m.complete).length;return i?(a.theme.modalContainer||(a.theme.borderRadius&&(hr.borderRadius=a.theme.borderRadius+"px"),a.theme.modalContainer=hr),$.createElement(rt,{onClose:n,visible:i,appearance:a},$.createElement(Nn,null,$.createElement(xn,null,$.createElement(hn,{appearance:a,className:l("checklistTitle",a)},t),$.createElement(Cn,{appearance:a,className:l("checklistSubtitle",a)},o)),$.createElement(gn,null,e&&e.length>0&&$.createElement(Sn,{className:l("stepsContainer",a)},$.createElement(yn,null,$.createElement("div",{style:{flex:3}},$.createElement(bn,{className:l("stepsTitle",a)},r)),$.createElement(In,null,$.createElement(Le,{style:{width:"100%"},count:C,total:e.length,appearance:a}))),$.createElement(wn,null,$.createElement(Tn,{className:l("checklistStepListContainer",a),appearance:a},e.map((m,B)=>{let F=b===B;return $.createElement(Bn,{selected:F,className:l(`checklistStepListItem${F?"Selected":""}`,a),key:`checklist-guide-step-${m.id??B}`,disabled:m.blocked,onClick:()=>{m.blocked||S(B)},title:m.blocked?"Finish remaining steps to continue":void 0},F&&$.createElement(Lo,{className:l("checklistStepItemSelectedIndicator",a),layoutId:"checklist-step-selected",style:{backgroundColor:a.theme.colorPrimary,borderRadius:0,height:"100%",top:"0%",width:"2px"}}),$.createElement(En,{selected:F,className:l(`checklistStepListStepName${F?"Selected":""}`,a)},m.stepName),$.createElement(An,null,$.createElement(Ye,{value:m.complete,type:"round",primaryColor:a.theme.colorPrimary,progress:m.progress,appearance:a}),$.createElement(On,null,$.createElement(_t,{style:{marginLeft:"10px"},color:a.theme.colorBackgroundSecondary}))))})),$.createElement(A,null))),g&&g.length>0&&$.createElement(lo,{steps:g,title:d,primaryColor:a.theme.colorPrimary,style:{border:"none",boxShadow:"none"},appearance:a,onButtonClick:m=>(x&&x(m),!0)}))))):$.createElement($.Fragment,null)},Cr=sd;import Fe,{useEffect as rs,useState as ld}from"react";import xe from"react";import et from"styled-components";var Vn=et.div`
|
|
1062
1073
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
1063
1074
|
border: 1px solid;
|
|
1064
1075
|
border-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -1070,41 +1081,41 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1070
1081
|
display: flex;
|
|
1071
1082
|
flex-direction: column;
|
|
1072
1083
|
transition: max-height 0.25s;
|
|
1073
|
-
`,
|
|
1084
|
+
`,jn=et.div`
|
|
1074
1085
|
display: flex;
|
|
1075
1086
|
margin-bottom: 20px;
|
|
1076
|
-
`,
|
|
1087
|
+
`,Gn=et.img`
|
|
1077
1088
|
border-radius: 4px;
|
|
1078
1089
|
max-height: 260px;
|
|
1079
1090
|
min-height: 200px;
|
|
1080
|
-
`,
|
|
1091
|
+
`,Kn=et.div`
|
|
1081
1092
|
display: flex;
|
|
1082
1093
|
flex-direction: row;
|
|
1083
1094
|
justify-content: space-between;
|
|
1084
1095
|
align-items: center;
|
|
1085
|
-
`,
|
|
1096
|
+
`,qn=et.p`
|
|
1086
1097
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
1087
1098
|
font-style: normal;
|
|
1088
1099
|
font-weight: 500;
|
|
1089
1100
|
font-size: 16px;
|
|
1090
1101
|
line-height: 18px;
|
|
1091
1102
|
margin-left: 8px;
|
|
1092
|
-
`,
|
|
1103
|
+
`,Yn=et.div`
|
|
1093
1104
|
cursor: pointer;
|
|
1094
1105
|
:hover {
|
|
1095
1106
|
opacity: 0.8;
|
|
1096
1107
|
}
|
|
1097
|
-
`,MC=et.div``,
|
|
1108
|
+
`,MC=et.div``,Xn=et.p`
|
|
1098
1109
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
1099
1110
|
font-weight: 400;
|
|
1100
1111
|
font-size: 14px;
|
|
1101
1112
|
line-height: 22px;
|
|
1102
|
-
`,
|
|
1113
|
+
`,Jn=et.div`
|
|
1103
1114
|
display: flex;
|
|
1104
1115
|
flex-direction: row;
|
|
1105
1116
|
justify-content: flex-start;
|
|
1106
1117
|
align-items: center;
|
|
1107
|
-
`;var
|
|
1118
|
+
`;var Qn=({stepData:e,collapsed:t,onClick:o,onPrimaryButtonClick:r,onSecondaryButtonClick:i,appearance:n,customStepTypes:s})=>{var d,x;let p=t?{}:{transform:"rotate(90deg)"},c=t?{overflow:"hidden",maxHeight:"0px",transition:"max-height 0.2s ease-out"}:{overflow:"hidden",maxHeight:"1000px",transition:"max-height 0.15s ease-in"};function a(){return xe.createElement(xe.Fragment,null,e.imageUri||e.videoUri?xe.createElement(jn,{className:l("stepMediaContainer",n)},e.imageUri?xe.createElement(Gn,{className:l("stepImage",n),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?xe.createElement(lt,{appearance:n,videoUri:e.videoUri}):null):null,xe.createElement(Xn,{className:l("stepSubtitle",n),appearance:n,dangerouslySetInnerHTML:me(e.subtitle)}),xe.createElement(Fo,{className:l("checklistCTAContainer",n)},e.secondaryButtonTitle?xe.createElement(oe,{secondary:!0,title:e.secondaryButtonTitle,onClick:()=>i(),appearance:n}):null,xe.createElement(oe,{title:e.primaryButtonTitle??"Continue",onClick:()=>r(),appearance:n})))}function g(){if(!s)return null;let y=s[e.type];return y?y(e,n):null}return xe.createElement(Vn,{"data-testid":`step-${e.id}`,className:l("checklistStepContainer",n),appearance:n},xe.createElement(Kn,{className:l("stepHeader",n)},xe.createElement(Jn,null,xe.createElement(Oo,{value:e.complete,style:{width:"auto",borderTop:0},primaryColor:(d=n==null?void 0:n.theme)==null?void 0:d.colorPrimary,appearance:n}),xe.createElement(qn,{appearance:n,className:l("stepTitle",n),dangerouslySetInnerHTML:me(e.title),onClick:()=>o()})),xe.createElement(Yn,{className:l("stepChevronContainer",n),onClick:()=>o()},xe.createElement(_t,{style:{...p,transition:"transform 0.1s ease-in-out"},color:(x=n==null?void 0:n.theme)==null?void 0:x.colorTextSecondary}))),xe.createElement("div",{key:e.id,style:{...c}},g()??a()))};import zt from"styled-components";var JC=zt.div`
|
|
1108
1119
|
background: #ffffff;
|
|
1109
1120
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
1110
1121
|
border-radius: 6px;
|
|
@@ -1118,48 +1129,50 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1118
1129
|
|
|
1119
1130
|
max-width: 800px;
|
|
1120
1131
|
min-width: 350px;
|
|
1121
|
-
`,
|
|
1132
|
+
`,Zn=zt.div`
|
|
1122
1133
|
display: flex;
|
|
1123
1134
|
flex-direction: column;
|
|
1124
|
-
`,
|
|
1135
|
+
`,Rn=zt.h1`
|
|
1125
1136
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
1126
1137
|
font-style: normal;
|
|
1127
1138
|
font-weight: 700;
|
|
1128
1139
|
font-size: 20px;
|
|
1129
1140
|
line-height: 24px;
|
|
1130
1141
|
margin-bottom: 8px;
|
|
1131
|
-
`,
|
|
1142
|
+
`,es=zt.h2`
|
|
1132
1143
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorTextSecondary}};
|
|
1133
1144
|
font-weight: 400;
|
|
1134
1145
|
font-size: 14px;
|
|
1135
1146
|
line-height: 23px;
|
|
1136
1147
|
margin: 2px 0 0 0;
|
|
1137
|
-
`,
|
|
1148
|
+
`,ts=zt.div`
|
|
1138
1149
|
display: block;
|
|
1139
1150
|
width: 100%;
|
|
1140
|
-
`,
|
|
1151
|
+
`,os=zt.div`
|
|
1141
1152
|
display: flex;
|
|
1142
1153
|
width: 100%;
|
|
1143
1154
|
flex-direction: column;
|
|
1144
1155
|
justify-content: space-between;
|
|
1156
|
+
padding: 24px;
|
|
1157
|
+
border-radius: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.borderRadius}}px;
|
|
1145
1158
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
1146
|
-
`;var ad=({title:e,subtitle:t,steps:o,onClose:r,visible:i,autoExpandFirstIncompleteStep:n=!0,autoCollapse:s=!0,autoExpandNextStep:p=!0,selectedStep:c,setSelectedStep:a,appearance:g,type:d,className:x,customStepTypes:y,style:w})=>{let P=o.filter(C=>C.complete).length,[f,E]=ld(Array(o.length).fill(!0));
|
|
1159
|
+
`;var ad=({title:e,subtitle:t,steps:o,onClose:r,visible:i,autoExpandFirstIncompleteStep:n=!0,autoCollapse:s=!0,autoExpandNextStep:p=!0,selectedStep:c,setSelectedStep:a,appearance:g,type:d,className:x,customStepTypes:y,style:w})=>{let P=o.filter(C=>C.complete).length,[f,E]=ld(Array(o.length).fill(!0));rs(()=>{let C=[...f];if(n){for(let m=0;m<o.length;m++)if(!o[m].complete){C[m]=!1;break}E(C)}},[]),rs(()=>{b(c)},[c]);let b=C=>{let m=[...f];if(s)for(let B=0;B<f.length;++B)B!==C&&(m[B]=!0);m[C]=!m[C],E(m)};if(!i&&d=="modal")return Fe.createElement(Fe.Fragment,null);let S=Fe.createElement(Fe.Fragment,null,Fe.createElement(Zn,null,Fe.createElement(Rn,{appearance:g,className:l("checklistTitle",g),dangerouslySetInnerHTML:me(e)}),Fe.createElement(es,{appearance:g,className:l("checklistSubtitle",g),dangerouslySetInnerHTML:me(t)})),Fe.createElement(Le,{display:"percent",count:P,total:o.length,style:{margin:"14px 0px 8px 0px"},appearance:g})),A=Fe.createElement(ts,{className:be(l("checklistContainer",g),x)},o.map((C,m)=>{let B=f[m];return Fe.createElement(Qn,{appearance:g,stepData:C,collapsed:B,key:`modal-checklist-${C.id??m}`,onClick:()=>{if(c===m){b(m);return}a(m)},onPrimaryButtonClick:()=>{C.handlePrimaryButtonClick&&C.handlePrimaryButtonClick(),p&&!C.completionCriteria&&m<f.length-1&&f[m+1]&&a(m+1)},onSecondaryButtonClick:()=>{C.handleSecondaryButtonClick&&C.handleSecondaryButtonClick()},customStepTypes:y})}));return d==="inline"?Fe.createElement(os,{appearance:g,className:be(l("checklistInlineContainer",g),x),style:w},S,A):Fe.createElement(Fe.Fragment,null,Fe.createElement(rt,{onClose:r,visible:i,appearance:g,style:{maxWidth:"600px"},headerContent:S},A))},Sr=ad;import se,{useEffect as yr,useRef as xd,useState as Ft}from"react";import{useEffect as pd,useState as dd}from"react";var is=()=>{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,r]=dd(t),i=null,n=()=>{i!==null?clearTimeout(i):s(),i=setTimeout(()=>{s()},16)},s=()=>{let p=Object.fromEntries(Object.entries(e).map(([c,a])=>{if(!window)return[c,!1];let g=window.matchMedia(a);return g.addEventListener("change",n),[c,g.matches]}));r(p)};return pd(()=>{s()},[]),o};import Wt from"react";import pe,{css as ns,keyframes as ss}from"styled-components";var ls=ns`
|
|
1147
1160
|
border: 1px solid ${({theme:e})=>e.colorBorder};
|
|
1148
|
-
`,cd=
|
|
1161
|
+
`,cd=ns`
|
|
1149
1162
|
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06);
|
|
1150
|
-
`,md=
|
|
1163
|
+
`,md=ss`
|
|
1151
1164
|
from {
|
|
1152
1165
|
opacity: 0;
|
|
1153
1166
|
} to {
|
|
1154
1167
|
opacity: 1;
|
|
1155
1168
|
}
|
|
1156
|
-
`,ud=
|
|
1169
|
+
`,ud=ss`
|
|
1157
1170
|
from {
|
|
1158
1171
|
opacity: 1;
|
|
1159
1172
|
} to {
|
|
1160
1173
|
opacity: 0;
|
|
1161
1174
|
}
|
|
1162
|
-
`,
|
|
1175
|
+
`,as=pe.div`
|
|
1163
1176
|
margin: 0 -20px;
|
|
1164
1177
|
overflow-x: auto;
|
|
1165
1178
|
padding-left: 20px;
|
|
@@ -1176,13 +1189,13 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1176
1189
|
::-webkit-scrollbar {
|
|
1177
1190
|
display: none;
|
|
1178
1191
|
}
|
|
1179
|
-
`,
|
|
1192
|
+
`,ps=pe.div`
|
|
1180
1193
|
display: flex;
|
|
1181
1194
|
flex-flow: row nowrap;
|
|
1182
1195
|
gap: 0 16px;
|
|
1183
1196
|
scroll-snap-align: center;
|
|
1184
1197
|
scroll-snap-stop: always;
|
|
1185
|
-
`,
|
|
1198
|
+
`,ds=pe.div`
|
|
1186
1199
|
animation: ${e=>e.reversed?ud:md} 0.25s ease-out;
|
|
1187
1200
|
background: linear-gradient(
|
|
1188
1201
|
to right,
|
|
@@ -1192,8 +1205,8 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1192
1205
|
position: absolute;
|
|
1193
1206
|
width: 64px;
|
|
1194
1207
|
z-index: 10;
|
|
1195
|
-
`,
|
|
1196
|
-
${
|
|
1208
|
+
`,cs=pe.button`
|
|
1209
|
+
${ls}
|
|
1197
1210
|
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
|
|
1198
1211
|
align-items: center;
|
|
1199
1212
|
border-radius: 50%;
|
|
@@ -1204,11 +1217,11 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1204
1217
|
justify-content: center;
|
|
1205
1218
|
position: absolute;
|
|
1206
1219
|
width: 48px;
|
|
1207
|
-
`,
|
|
1220
|
+
`,ms=pe.div`
|
|
1208
1221
|
border-radius: ${({theme:e})=>e.borderRadius}px;
|
|
1209
1222
|
padding: 20px;
|
|
1210
|
-
`,
|
|
1211
|
-
${
|
|
1223
|
+
`,us=pe(ms)`
|
|
1224
|
+
${ls}
|
|
1212
1225
|
background: ${({theme:e})=>e.colorBackground};
|
|
1213
1226
|
position: relative;
|
|
1214
1227
|
|
|
@@ -1220,12 +1233,12 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1220
1233
|
${e=>e.blocked?"":`border: 1px solid ${e.theme.colorPrimary};`}
|
|
1221
1234
|
${e=>e.blocked?"cursor: default":"cursor: pointer"}
|
|
1222
1235
|
}
|
|
1223
|
-
`,
|
|
1236
|
+
`,fs=pe.img`
|
|
1224
1237
|
border-radius: 50%;
|
|
1225
1238
|
height: 40px;
|
|
1226
1239
|
margin-bottom: 12px;
|
|
1227
1240
|
width: 40px;
|
|
1228
|
-
`,
|
|
1241
|
+
`,gs=pe(ms)`
|
|
1229
1242
|
${e=>k(e)} {
|
|
1230
1243
|
${cd}
|
|
1231
1244
|
|
|
@@ -1238,7 +1251,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1238
1251
|
align-items: center;
|
|
1239
1252
|
`,f0=pe.div`
|
|
1240
1253
|
white-space: nowrap;
|
|
1241
|
-
`,
|
|
1254
|
+
`,xs=pe.div`
|
|
1242
1255
|
background: #d8fed8;
|
|
1243
1256
|
border-radius: 6px;
|
|
1244
1257
|
float: right;
|
|
@@ -1250,9 +1263,9 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1250
1263
|
line-height: 22px;
|
|
1251
1264
|
letter-spacing: calc(18px * -0.01);
|
|
1252
1265
|
margin: 0;
|
|
1253
|
-
`,
|
|
1266
|
+
`,hs=pe(fd)`
|
|
1254
1267
|
margin-bottom: 4px;
|
|
1255
|
-
`,
|
|
1268
|
+
`,Cs=pe.div`
|
|
1256
1269
|
display: flex;
|
|
1257
1270
|
flex-flow: row nowrap;
|
|
1258
1271
|
align-items: center;
|
|
@@ -1263,7 +1276,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1263
1276
|
line-height: 20px;
|
|
1264
1277
|
letter-spacing: calc(16px * -0.01);
|
|
1265
1278
|
margin: 0;
|
|
1266
|
-
`,
|
|
1279
|
+
`,Ss=pe(gd)`
|
|
1267
1280
|
margin-bottom: 4px;
|
|
1268
1281
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1269
1282
|
`}
|
|
@@ -1273,7 +1286,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1273
1286
|
font-size: 14px;
|
|
1274
1287
|
line-height: 22px;
|
|
1275
1288
|
margin: 0;
|
|
1276
|
-
`,
|
|
1289
|
+
`,ys=pe.p`
|
|
1277
1290
|
color: ${({theme:e})=>e.colorText};
|
|
1278
1291
|
font-weight: 600;
|
|
1279
1292
|
font-size: 12px;
|
|
@@ -1285,21 +1298,21 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1285
1298
|
color: ${({theme:e})=>e.colorTextSecondary};
|
|
1286
1299
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1287
1300
|
`}
|
|
1288
|
-
`;var
|
|
1301
|
+
`;var bs=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:r}=R(),{primaryCTAClickSideEffects:i}=ae();o=r(o);let{imageUri:n=null,subtitle:s=null,title:p=null,complete:c=!1,blocked:a=!1}=e,g=e.primaryButtonTitle||e.secondaryButtonTitle,d=()=>{i(e)};return Wt.createElement(us,{className:l("carouselCard",o),onClick:a?null:d,style:t,blocked:a,complete:c},n&&Wt.createElement(fs,{className:l("carouselCardImage",o),src:n,alt:p,style:{opacity:c||a?.4:1}}),c&&Wt.createElement(xs,{className:l("carouselCompletedPill",o)},Wt.createElement(ys,{style:{color:"#108E0B"}},"Complete")),p&&Wt.createElement(Ss,{blocked:a,complete:c,className:l("carouselCardTitle",o)},p),s&&Wt.createElement(dt.Quiet,{blocked:a,complete:c,className:l("carouselCardSubtitle",o)},s))};var hd=()=>se.createElement("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},se.createElement("path",{d:"M14 6L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),se.createElement("path",{d:"M14 18L20 12",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"}),se.createElement("path",{d:"M4 12H20",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round"})),ws=({side:e="left",show:t=!1,onClick:o=()=>{}})=>{let[r,i]=Ft(!1),[n,s]=Ft(!1);yr(()=>{t===!0&&r===!1?i(!0):t===!1&&r===!0&&s(!0)},[t]);let p=()=>{i(!1),s(!1)},c=e=="left"?{top:0,bottom:0,left:-20,transform:"rotate(180deg)"}:{top:0,bottom:0,right:-20};return r?se.createElement(ds,{style:c,reversed:n,onAnimationEnd:n?p:null},se.createElement(cs,{onClick:()=>o(),style:{right:16,top:"calc(50% - 24px)"}},se.createElement(hd,null))):null},Ts=({flowId:e,appearance:t,customVariables:o,className:r})=>{let i=xd(null),[n,s]=Ft(!1),[p,c]=Ft(!1),[a,g]=Ft(null),[d,x]=Ft([]),[y,w]=Ft(0),{isSmall:P}=is(),f=P?1:3,{getFlowMetadata:E,getFlowSteps:b,getNumberOfStepsCompleted:S,updateCustomVariables:A,isLoading:C}=Z();yr(()=>{A(o)},[o,C]),yr(()=>{if(C)return;let I=E(e),M=S(e),D=b(e);g(I),I.data!==null&&(x(D.sort((L,ee)=>Number(L.complete)-Number(ee.complete))),c(D.length>f),w(M))},[C]);let m=[];for(let I=0;I<d.length;I+=f)m.push(d.slice(I,I+f));let B=I=>{let M=I.target,D=M.scrollWidth-M.clientWidth,L=Math.ceil(M.scrollLeft);L>0&&n===!1&&s(!0),L===0&&n===!0&&s(!1),L<D&&p===!1&&c(!0),L===D&&p===!0&&c(!1)},F=(I=!0)=>{let M=I?1:-1;i.current!==null&&i.current.scrollBy({left:i.current.clientWidth*M,behavior:"smooth"})},T=null,O=I=>{T!==null?clearTimeout(T):B(I),T=setTimeout(()=>{B(I)},16)};return C?null:se.createElement(gs,{className:be(l("carouselContainer",t),r)},se.createElement("div",{style:{display:"flex",justifyContent:P?"center":"space-between",marginBottom:20,flexWrap:P?"wrap":"nowrap",gap:P?16:20}},se.createElement("div",null,se.createElement(hs,{className:l("carouselTitle",t)},a==null?void 0:a.title),se.createElement(dt.Quiet,{className:l("carouselSubtitle",t)},a==null?void 0:a.subtitle)),se.createElement(Cs,{className:l("progressWrapper",t)},se.createElement(Le,{count:y,total:d.length,appearance:t}))),se.createElement("div",{style:{position:"relative"}},se.createElement(ws,{show:n,onClick:()=>F(!1)}),se.createElement(ws,{side:"right",show:p,onClick:F}),se.createElement(as,{ref:i,onScroll:O},m.map((I,M)=>se.createElement(ps,{key:M,style:{flex:`0 0 calc(100% - ${d.length>f?36:0}px)`}},I.map((D,L)=>se.createElement(bs,{key:L,stepData:D,style:{flex:d.length>f?`0 1 calc(100% / ${f} - 16px * 2 / ${f})`:1},appearance:t})))))),se.createElement(re,{appearance:t}))};var br=({flowId:e,title:t,subtitle:o,style:r,initialSelectedStep:i,className:n,type:s="inline",onDismiss:p,visible:c,customVariables:a,onStepCompletion:g,onButtonClick:d,appearance:x,hideOnFlowCompletion:y,setVisible:w,customStepTypes:P,checklistStyle:f="default",autoExpandFirstIncompleteStep:E,autoExpandNextStep:b,...S})=>{let{getFlow:A,getFlowSteps:C,markStepCompleted:m,getStepStatus:B,getNumberOfStepsCompleted:F,isLoading:T,targetingLogicShouldHideFlow:O,updateCustomVariables:I,getFlowMetadata:M,isStepBlocked:D,getFlowStatus:L,hasActiveFullPageFlow:ee,setHasActiveFullPageFlow:U}=Z(),{primaryCTAClickSideEffects:J,secondaryCTAClickSideEffects:fe}=ae(),{getOpenFlowState:q,setOpenFlowState:W}=Pe(),[H,he]=ks(i||0),[Ie,ye]=ks(!1),ce=c===void 0?q(e):c,Y=s==="modal",{mergeAppearanceWithDefault:ge}=R();if(x=ge(x),Fs(()=>{I(a)},[a,T]),Fs(()=>{c!==void 0&&(Y&&c===!0?U(!0):Y&&c===!1&&U(!1))},[c,w,ee]),T)return null;let te=A(e);if(!te||O(te))return null;let N=C(e);if(!N||y===!0&&L(e)===Q)return null;let V=M(e);if(V!=null&&V.title&&(t=V.title),V!=null&&V.subtitle&&(o=V.subtitle),!Ie&&i===void 0&&F(e)>0){let u=N.findIndex(h=>h.complete===!1);he(u>-1?u:N.length-1),ye(!0)}function j(){if(H+1>=N.length){Y&&W(e,!1);return}D(e,N[H+1].id)||he(H+1)}function ie(u,h,v){let z=H+1<N.length?N[H+1]:null;d&&d(u,H,h,z)===!0&&Y&&De(),g&&g(u,v,z),!g&&!d&&(u.primaryButtonUri||u.secondaryButtonUri)&&Y&&De()}function ne(){return N.map((u,h)=>({...u,handleSecondaryButtonClick:()=>{j(),fe(u),u.skippable===!0&&m(e,u.id,{skipped:!0}),ie(u,"secondary",h)},handlePrimaryButtonClick:()=>{(!u.completionCriteria&&(u.autoMarkCompleted||u.autoMarkCompleted===void 0)||u.completionCriteria&&u.autoMarkCompleted===!0)&&(m(e,u.id),j()),ie(u,"primary",h),J(u),B(e,u.id)===Me&&j()}}))}function le(){return de.createElement(re,{appearance:x})}let Ge={steps:ne(),title:t,subtitle:o,primaryColor:x.theme.colorPrimary,appearance:x,customStepTypes:P,type:s,className:n,autoExpandFirstIncompleteStep:E,autoExpandNextStep:b};function De(){W(e,!1),p&&p(),w&&w(!1)}function G(){return de.createElement(de.Fragment,null,de.createElement(le,null),de.createElement(Ts,{flowId:e,appearance:x,customVariables:a,className:n}))}function ke(){return de.createElement(de.Fragment,null,de.createElement(le,null),de.createElement(Sr,{visible:ce,onClose:()=>{De()},selectedStep:H,setSelectedStep:he,autoExpandNextStep:!0,appearance:x,...Ge}))}function jt(){let u=S.guideFlowId,h;return u&&A(u)&&(h=C(u)),de.createElement(de.Fragment,null,de.createElement(le,null),de.createElement(Cr,{visible:ce,stepsTitle:V.stepsTitle?V.stepsTitle:"Your quick start guide",onClose:()=>{De()},selectedStep:H,setSelectedStep:he,guideData:h,guideTitle:S.guideTitle??"Guide",appearance:x,title:t,subtitle:o,onGuideButtonClick:v=>{ie(v,"link",0)},customStepTypes:P,...Ge}))}function mo(){let u=de.createElement(xr,{flowId:e,style:r,selectedStep:H,setSelectedStep:he,appearance:x,type:s,...Ge});return Y?de.createElement(rt,{onClose:()=>{De()},visible:ce,appearance:x,style:{paddingTop:"0px",padding:"12px",paddingLeft:0}},de.createElement(le,null),u):de.createElement(de.Fragment,null,de.createElement(le,null),u)}switch(f){case"condensed":return ke();case"with-guide":return jt();case"default":return mo();case"carousel":return G();default:return mo()}};var Sd=e=>Cd.createElement(br,{type:"inline",...e});import mt,{useEffect as yd}from"react";import Ve from"react";import _o from"styled-components";var Ps=_o.div`
|
|
1289
1302
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1290
1303
|
border-radius: 8px;
|
|
1291
1304
|
padding: 6px 10px 6px 10px;
|
|
1292
1305
|
min-width: 160px;
|
|
1293
1306
|
cursor: pointer;
|
|
1294
1307
|
background-color: ${e=>e.appearance.theme.colorBackground}};
|
|
1295
|
-
`,
|
|
1308
|
+
`,vs=_o.div`
|
|
1296
1309
|
display: flex;
|
|
1297
1310
|
flex-direction: row;
|
|
1298
1311
|
justify-content: space-between;
|
|
1299
1312
|
align-items: center;
|
|
1300
1313
|
margin-bottom: 2px;
|
|
1301
1314
|
flex-grow: 2;
|
|
1302
|
-
`,
|
|
1315
|
+
`,Bs=_o.div`
|
|
1303
1316
|
text-overflow: ellipsis;
|
|
1304
1317
|
font-weight: 600;
|
|
1305
1318
|
font-size: 12px;
|
|
@@ -1307,13 +1320,13 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1307
1320
|
margin-right: ${e=>e.type==="condensed"?"8px":"0"};
|
|
1308
1321
|
text-align: ${e=>e.type==="condensed"?"left":"right"};
|
|
1309
1322
|
color: ${e=>e.appearance.theme.colorPrimary};
|
|
1310
|
-
`,
|
|
1323
|
+
`,Es=_o.div`
|
|
1311
1324
|
width: 20px;
|
|
1312
1325
|
margin-right: 8px;
|
|
1313
1326
|
display: flex;
|
|
1314
1327
|
height: 100%;
|
|
1315
1328
|
align-items: center;
|
|
1316
|
-
`;var
|
|
1329
|
+
`;var As=({title:e,count:t,total:o,onClick:r,style:i={},className:n,appearance:s,type:p="default"})=>Ve.createElement(Ve.Fragment,null,Ve.createElement(re,{appearance:s}),Ve.createElement(Ps,{onClick:()=>r!==void 0&&r(),style:{...p=="condensed"?{display:"flex",justifyContent:"space-between"}:{},...i},className:be(n??"",l("progressRingContainer",s)),appearance:s},p=="condensed"&&o&&o!==0&&Ve.createElement(Es,{className:l("progressRingContainer",s)},Ve.createElement(It,{size:19,percentage:t/o,fillColor:s.theme.colorPrimary,bgColor:s.theme.colorBackgroundSecondary})),Ve.createElement(vs,{type:p,className:l("badgeTitleContainer",s)},Ve.createElement(Bs,{type:p,appearance:s,className:l("badgeTitle",s)},e),r!==void 0&&Ve.createElement(_t,{className:l("badgeChevron",s),color:s.theme.colorPrimary})),p=="default"&&o&&o!==0&&Ve.createElement(Le,{display:"compact",count:t,total:o,bgColor:s.theme.colorBackgroundSecondary,style:{width:"100%"},appearance:s})));import ct from"react";import ao from"styled-components";var Is=ao.div`
|
|
1317
1330
|
display: flex;
|
|
1318
1331
|
flex-direction: row;
|
|
1319
1332
|
width: 100%;
|
|
@@ -1324,19 +1337,19 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1324
1337
|
border-width: 1px;
|
|
1325
1338
|
border-color: ${e=>e.appearance.theme.colorPrimary};
|
|
1326
1339
|
border-radius: 12px;
|
|
1327
|
-
`,
|
|
1340
|
+
`,Ns=ao.div`
|
|
1328
1341
|
${e=>k(e)} {
|
|
1329
1342
|
display: flex;
|
|
1330
1343
|
justify-content: center;
|
|
1331
1344
|
align-items: center;
|
|
1332
1345
|
margin-right: 16px;
|
|
1333
1346
|
}
|
|
1334
|
-
`,
|
|
1347
|
+
`,Os=ao.div`
|
|
1335
1348
|
display: flex;
|
|
1336
1349
|
flex-direction: column;
|
|
1337
1350
|
flex: 1;
|
|
1338
1351
|
margin-top: 0;
|
|
1339
|
-
`,
|
|
1352
|
+
`,Ls=ao.div`
|
|
1340
1353
|
display: flex;
|
|
1341
1354
|
flex-direction: column;
|
|
1342
1355
|
justify-content: center;
|
|
@@ -1351,7 +1364,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1351
1364
|
:hover {
|
|
1352
1365
|
opacity: 0.8;
|
|
1353
1366
|
}
|
|
1354
|
-
`;var
|
|
1367
|
+
`;var Ds=({title:e,subtitle:t,icon:o,appearance:r,count:i,total:n,className:s,style:p})=>ct.createElement(ct.Fragment,null,ct.createElement(Is,{appearance:r,className:be(l("fullWidthProgressBadgeContainer",r),s??""),style:p},o&&ct.createElement(Ns,{className:l("fullWidthProgressBadgeIcon",r)},o),ct.createElement(Os,null,ct.createElement(we,{size:"small",appearance:r,title:e,subtitle:t})),ct.createElement(Ls,{className:l("fullWidthProgressBadgeProgressContainer",r)},ct.createElement(Le,{count:i,total:n,display:"percent",textLocation:"top"}))));var bd=({flowId:e,title:t,subtitle:o,icon:r,style:i,onClick:n,className:s,customVariables:p,hideOnFlowCompletion:c,appearance:a,type:g="default"})=>{let{getFlow:d,getFlowSteps:x,getFlowStatus:y,getNumberOfStepsCompleted:w,isLoading:P,targetingLogicShouldHideFlow:f,updateCustomVariables:E}=Z(),{mergeAppearanceWithDefault:b}=R();a=b(a);let{setOpenFlowState:S,getOpenFlowState:A}=Pe();if(yd(()=>{E(p)},[p,P]),P)return null;let C=d(e);if(!C||f(C)||c===!0&&y(e)===Q)return null;let m=x(e),B=w(e);return g==="full-width"?mt.createElement(mt.Fragment,null,mt.createElement(re,{appearance:a}),mt.createElement(Ds,{title:t,subtitle:o,count:B,total:m.length,style:i,className:s,appearance:a,icon:r,onClick:()=>{}})):mt.createElement(mt.Fragment,null,mt.createElement(re,{appearance:a}),mt.createElement(As,{count:B,total:m.length,title:t,style:i,onClick:()=>{S(e,!0),n&&n()},type:g,className:s,appearance:a}))};import wd from"react";var Td=({flowId:e,style:t,appearance:o,...r})=>{let{getFlow:i,targetingLogicShouldHideFlow:n,getFlowSteps:s}=Z(),{mergeAppearanceWithDefault:p}=R();o=p(o);let c=i(e);if(!c||n(c))return null;let a=s(e);return wd.createElement(lo,{steps:a,style:t,appearance:o,...r})};import ut,{useContext as Ld,useEffect as Dd}from"react";import _,{useEffect as zo,useLayoutEffect as Ms,useRef as vd,useState as po}from"react";import co from"styled-components";import{useCallback as Fd,useEffect as kd,useState as Pd}from"react";var wr=(e,t,o,r={x:20,y:20},i)=>{let n=i=="fixed"?0:window.scrollY,s=i=="fixed"?0:window.scrollX;return t==="left"?{x:e.left-o+r.x+s,y:e.top-r.y+n}:t==="right"?{x:e.left+e.width+r.x+s,y:e.top-r.y+n}:{x:0,y:0}};function $s(e,t){let o="DOMRect"in globalThis?new DOMRect:{height:0,width:0,x:0,y:0,bottom:0,top:0,right:0,left:0,toJSON:()=>{}},[r,i]=Pd(o),n=Fd(()=>{e&&i(e.getBoundingClientRect())},[e]);return kd(()=>(n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)),[e,t]),r}var Us=300,_s=100,Bd=500,Ht=12,Ed=co.div`
|
|
1355
1368
|
width: 100%;
|
|
1356
1369
|
height: 100%;
|
|
1357
1370
|
border-radius: 9999px;
|
|
@@ -1392,7 +1405,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1392
1405
|
`,Nd=co(zs)`
|
|
1393
1406
|
width: ${Ht+12}px;
|
|
1394
1407
|
height: ${Ht+12}px;
|
|
1395
|
-
`,Od=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:r="auto",showHighlight:i=!0,primaryColor:n="#000000",offset:s={x:0,y:0},visible:p=!0,containerStyle:c={},selectedStep:a=0,customStepTypes:g,appearance:d,dismissible:x=!1,showHighlightOnly:y,showStepCount:w=!0,completedStepsCount:P=0,showFrigadeBranding:f=!1,cssPosition:E="absolute"})=>{var ne,le,Ge,De;let[b,S]=po(),[A,C]=po(new Date),m=vd(null),[B,F]=po(document.querySelector(e[a].selector)),T
|
|
1408
|
+
`,Od=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:r="auto",showHighlight:i=!0,primaryColor:n="#000000",offset:s={x:0,y:0},visible:p=!0,containerStyle:c={},selectedStep:a=0,customStepTypes:g,appearance:d,dismissible:x=!1,showHighlightOnly:y,showStepCount:w=!0,completedStepsCount:P=0,showFrigadeBranding:f=!1,cssPosition:E="absolute"})=>{var ne,le,Ge,De;let[b,S]=po(),[A,C]=po(new Date),m=vd(null),[B,F]=po(document.querySelector(e[a].selector)),T=$s(B,A),[O,I]=po(),[M,D]=po(!y),L=(le=(ne=e[a])==null?void 0:ne.props)!=null&&le.position?e[a].props.position:E,ee=((De=(Ge=e[a])==null?void 0:Ge.props)==null?void 0:De.zIndex)??90,U=(b==null?void 0:b.width)??Us,J=(b==null?void 0:b.height)??_s,fe=window.location.pathname.split("/").pop();Ms(()=>{m.current&&S({width:m.current.clientWidth,height:m.current.clientHeight})},[a,A,L]),zo(()=>{y||D(!0)},[a]);let q=()=>{let G=document.querySelector(e[a].selector);if(!G){I(void 0),F(null);return}O&&O===JSON.stringify(G==null?void 0:G.getBoundingClientRect())||(F(G),C(new Date),G&&I(JSON.stringify(G.getBoundingClientRect())))};if(zo(()=>{let G=new MutationObserver(q);return G.observe(document.body,{subtree:!0,childList:!0}),()=>G.disconnect()},[q]),zo(()=>{let G=new MutationObserver(q);return G.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["style","class"]}),()=>G.disconnect()},[q]),zo(()=>{let G=setInterval(()=>{q()},10);return()=>clearInterval(G)},[q]),Ms(()=>{setTimeout(()=>{q()},Bd),q()},[a,fe]),B===null||!p||T.height===0&&T.width===0&&L!=="fixed"&&E!=="static")return null;let W=r==="auto"?"right":r,H=wr(T,W,U,s,L),he=T.right+U>(window.innerWidth||document.documentElement.clientWidth),Ie=T.bottom+_s>(window.innerHeight||document.documentElement.clientHeight);he&&r==="auto"&&(H=wr(T,"left",U,s,L),W="left");let ye=()=>{let G=()=>{if(e[a].handlePrimaryButtonClick&&(e[a].handlePrimaryButtonClick(),D(!1),setTimeout(()=>{q()},30)),P===e.length-1)return o()},ke=()=>{e[a].handleSecondaryButtonClick&&(e[a].handleSecondaryButtonClick(),y&&!e[a].secondaryButtonUri&&D(!1))};return _.createElement(_.Fragment,null,w&&e.length>1&&_.createElement(Vr,null,_.createElement(Gr,{className:l("tooltipStepCounter",d)},a+1," of ",e.length)),_.createElement(jr,{showStepCount:w,className:l("tooltipCTAContainer",d)},e[a].secondaryButtonTitle&&_.createElement(oe,{title:e[a].secondaryButtonTitle,appearance:d,onClick:ke,size:"small",withMargin:!1,secondary:!0}),e[a].primaryButtonTitle&&_.createElement(oe,{title:e[a].primaryButtonTitle,appearance:d,onClick:G,withMargin:!1,size:"small"})))},ce=()=>_.createElement(_.Fragment,null,x&&_.createElement(_r,{"data-testid":"tooltip-dismiss",onClick:()=>{t&&t()},className:l("tooltipClose",d)},_.createElement(Be,null)),e[a].imageUri&&_.createElement(zr,{dismissible:x,appearance:d,src:e[a].imageUri,className:l("tooltipImageContainer",d)}),e[a].videoUri&&!e[a].imageUri&&_.createElement(Wr,{dismissible:x,appearance:d,className:l("tooltipVideoContainer",d)},_.createElement(lt,{appearance:d,videoUri:e[a].videoUri})),_.createElement(we,{appearance:d,title:e[a].title,subtitle:e[a].subtitle,size:"small"}),_.createElement(Hr,{className:l("tooltipFooter",d)},_.createElement(ye,null))),ge={...{default:G=>{var ke;if((ke=e[a])!=null&&ke.StepContent){let jt=e[a].StepContent;return _.createElement("div",null,jt)}return _.createElement(ce,null)}},...g},te=()=>{var G;return e?!((G=e[a])!=null&&G.type)||!ge[e[a].type]?ge.default(e[a]):ge[e[a].type]({stepData:e[a],primaryColor:n}):_.createElement(_.Fragment,null)};if(y&&e[a].complete===!0)return null;let N={top:(H==null?void 0:H.y)-Ht,left:(W=="left"?T.x+s.x:(H==null?void 0:H.x)-Ht)??0,cursor:y?"pointer":"default",position:L},V=()=>{let ke=N.left+(W=="left"?-U:24);return Math.min(Math.max(ke,20),window.innerWidth-U-20)},j=()=>{if(L==="fixed")return N.top;let G=N.top+J,ke=20;return G>window.innerHeight-ke?N.top+-J:N.top},ie=()=>{y&&(C(new Date),D(!M))};return _.createElement(Id,null,_.createElement(Nd,{style:N,zIndex:ee,className:l("tourHighlightContainer",d)},i&&e[a].showHighlight!==!1&&E!=="static"&&_.createElement(_.Fragment,null,_.createElement(Ad,{style:{position:L},onClick:ie,primaryColor:d.theme.colorPrimary,className:l("tourHighlightInnerCircle",d)}),_.createElement(Ed,{style:{position:"absolute"},onClick:ie,primaryColor:d.theme.colorPrimary,className:l("tourHighlightOuterCircle",d)}))),_.createElement(zs,{style:{...N,left:V(),top:j()},zIndex:ee+1,className:l("tooltipContainerWrapper",d)},M&&_.createElement(_.Fragment,null,_.createElement(go,{ref:m,layoutId:"tooltip-container",style:{position:"relative",width:"max-content",right:0,top:E!=="static"?12:0,...c},appearance:d,className:l("tooltipContainer",d),maxWidth:Us,zIndex:ee+10},_.createElement(te,null)),f&&_.createElement(qr,{className:l("poweredByFrigadeTooltipRibbon",d),appearance:d,zIndex:ee+10},_.createElement(xo,{appearance:d})))))},Wo=Od;import{Portal as $d}from"react-portal";var Md=({flowId:e,customVariables:t,appearance:o,onStepCompletion:r,onButtonClick:i,showTooltipsSimultaneously:n=!1,onDismiss:s,dismissible:p,tooltipPosition:c="auto",showHighlightOnly:a=!1,dismissBehavior:g="complete-flow",onComplete:d,skipIfNotFound:x=!1,cssPosition:y="absolute",...w})=>{let{getFlow:P,getFlowSteps:f,isLoading:E,targetingLogicShouldHideFlow:b,markStepCompleted:S,markStepStarted:A,markFlowCompleted:C,updateCustomVariables:m,getCurrentStepIndex:B,getStepStatus:F,isStepBlocked:T,getFlowStatus:O,getNumberOfStepsCompleted:I}=Z(),{isLoadingUserFlowStateData:M}=ve(),{primaryCTAClickSideEffects:D,secondaryCTAClickSideEffects:L}=ae(),{hasOpenModals:ee}=Pe(),U=B(e),{openFlowStates:J}=Ld(K),{mergeAppearanceWithDefault:fe}=R();if(o=fe(o),Dd(()=>{m(t)},[t,E]),M)return null;let q=P(e);if(!q||b(q)||O(e)==Q||ee())return null;let W=f(e);if(Object.keys(J).length>0){let N=Object.keys(J).find(V=>J[V]===!0);if(N!==void 0&&N!==e)return ut.createElement(ut.Fragment,null)}async function H(N){if(await S(e,N.id),W.map(V=>F(e,V.id)).every(V=>V===Me)){await C(e);return}if(!a&&U+1<W.length){if(T(e,W[U+1].id))return;await A(e,W[U+1].id)}}function he(N,V,j){let ie=U+1<W.length?W[U+1]:null;i&&i(N,U,V,ie),r&&r(N,j,ie)}function Ie(){return W.map(N=>({...N,handleSecondaryButtonClick:async()=>{L(N),N.skippable===!0&&await S(e,N.id,{skipped:!0}),he(N,"secondary",U)},handlePrimaryButtonClick:async()=>{(!N.completionCriteria&&(N.autoMarkCompleted||N.autoMarkCompleted===void 0)||N.completionCriteria&&N.autoMarkCompleted===!0)&&await H(N),he(N,"primary",U),D(N)}}))}async function ye(N){s&&s(),g==="complete-flow"?await C(e):await S(e,N.id)}function ce(){d&&d()}let Y=!document.querySelector(W[U].selector);function ge(){let N=W.findIndex(V=>!!document.querySelector(V.selector));return W.map((V,j)=>Y&&!n&&j!==N&&x?null:ut.createElement(Wo,{key:V.id,appearance:o,steps:Ie(),selectedStep:j,showTooltipsSimultaneously:n,dismissible:p,onDismiss:()=>ye(V),tooltipPosition:c,showHighlightOnly:a,completedStepsCount:I(e),onComplete:ce,cssPosition:y,...w}))}function te(){return ut.createElement(ut.Fragment,null,ut.createElement(re,{appearance:o}),n||Y&&x?ge():ut.createElement(Wo,{appearance:o,steps:Ie(),selectedStep:U,showTooltipsSimultaneously:n,dismissible:p,onDismiss:()=>ye(W[U]),tooltipPosition:c,completedStepsCount:I(e),showHighlightOnly:a,onComplete:ce,cssPosition:y,...w}))}return y==="static"?te():ut.createElement($d,null,te())};import Ae,{useEffect as Ud,useRef as _d,useState as zd}from"react";import{Portal as Wd}from"react-portal";import kt from"styled-components";var Ws=kt.button`
|
|
1396
1409
|
${e=>k(e)} {
|
|
1397
1410
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1398
1411
|
|
|
@@ -1410,17 +1423,17 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1410
1423
|
opacity: 0.8;
|
|
1411
1424
|
}
|
|
1412
1425
|
}
|
|
1413
|
-
`,
|
|
1426
|
+
`,Hs=kt.span`
|
|
1414
1427
|
${e=>k(e)} {
|
|
1415
1428
|
font-size: 12px;
|
|
1416
1429
|
display: inline-block;
|
|
1417
1430
|
}
|
|
1418
|
-
`,
|
|
1431
|
+
`,Vs=kt.span`
|
|
1419
1432
|
${e=>k(e)} {
|
|
1420
1433
|
font-size: 12px;
|
|
1421
1434
|
display: inline-block;
|
|
1422
1435
|
}
|
|
1423
|
-
`,
|
|
1436
|
+
`,js=kt.div`
|
|
1424
1437
|
position: fixed;
|
|
1425
1438
|
right: 0;
|
|
1426
1439
|
bottom: 0;
|
|
@@ -1430,7 +1443,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1430
1443
|
flex-direction: column;
|
|
1431
1444
|
align-items: flex-end;
|
|
1432
1445
|
z-index: 50;
|
|
1433
|
-
`,
|
|
1446
|
+
`,Gs=kt.button`
|
|
1434
1447
|
${e=>k(e)} {
|
|
1435
1448
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1436
1449
|
background-color: #ffffff;
|
|
@@ -1446,7 +1459,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1446
1459
|
0px 3px 6px -4px rgba(0, 0, 0, 0.12);
|
|
1447
1460
|
border-radius: 45px;
|
|
1448
1461
|
cursor: pointer;
|
|
1449
|
-
`,
|
|
1462
|
+
`,Ks=kt.div`
|
|
1450
1463
|
${e=>k(e)} {
|
|
1451
1464
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1452
1465
|
background: #ffffff;
|
|
@@ -1463,7 +1476,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1463
1476
|
position: ${e=>e.type=="inline"?"absolute":"relative"};
|
|
1464
1477
|
top: ${e=>e.type=="inline"?"68px":0};
|
|
1465
1478
|
margin-left: ${e=>e.type=="inline"?"-127px":0};
|
|
1466
|
-
`,
|
|
1479
|
+
`,qs=kt.button`
|
|
1467
1480
|
${e=>k(e)} {
|
|
1468
1481
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1469
1482
|
color: #434343;
|
|
@@ -1480,7 +1493,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1480
1493
|
font-size: 14px;
|
|
1481
1494
|
|
|
1482
1495
|
padding: 8px 12px;
|
|
1483
|
-
`;import
|
|
1496
|
+
`;import Ys from"react";var Xs=({style:e,className:t})=>Ys.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"none",viewBox:"0 0 18 18",style:e,className:t},Ys.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 Js from"react";var Qs=({style:e,className:t})=>Js.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"},Js.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 Hd=({flowId:e,style:t,onStepCompletion:o,visible:r=!0,type:i="inline",title:n="Help",appearance:s})=>{let{getFlow:p,getFlowSteps:c,markStepCompleted:a,getStepStatus:g,getNumberOfStepsCompleted:d,isLoading:x,targetingLogicShouldHideFlow:y}=Z(),{primaryCTAClickSideEffects:w}=ae(),P=_d(null),[f,E]=zd(!1),{mergeAppearanceWithDefault:b}=R();s=b(s),Ud(()=>(document.addEventListener("click",S,!1),()=>{document.removeEventListener("click",S,!1)}),[]);let S=F=>{P.current&&!P.current.contains(F.target)&&E(!1)};if(x)return null;let A=p(e);if(!A||y(A))return null;let C=c(e);if(!C||!r)return null;function m(F,T){!F.completionCriteria&&(F.autoMarkCompleted||F.autoMarkCompleted===void 0)&&a(e,F.id),w(F),o&&o(F,T),E(!1)}function B(){return f&&Ae.createElement(Ks,{className:l("floatingWidgetMenu",s),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.1},type:i},C.map((F,T)=>Ae.createElement(qs,{className:l("floatingWidgetMenuItem",s),key:T,onClick:()=>m(F,T)},F.title)))}return i=="inline"?Ae.createElement("span",{ref:P},Ae.createElement(Ws,{style:t,onClick:()=>{E(!f)},className:l("supportButton",s)},Ae.createElement(Vs,{className:l("supportIconContainer",s)},Ae.createElement(Qs,{className:l("supportIcon",s),style:{width:"18px",height:"18px"}})),Ae.createElement(Hs,{className:l("supportButtonTitle",s)},n)),Ae.createElement(B,null)):Ae.createElement(Wd,null,Ae.createElement(js,{style:t,ref:P},Ae.createElement(B,null),Ae.createElement(Gs,{onClick:()=>{E(!f)},whileHover:{scale:1.1},className:l("floatingWidgetButton",s)},Ae.createElement(Xs,{className:l("floatingWidgetButtonIcon",s),style:{display:"flex",width:"20px",height:"20px"}}))))};import je,{useEffect as Vd}from"react";import Ho from"styled-components";var Zs=Ho.div`
|
|
1484
1497
|
${e=>k(e)} {
|
|
1485
1498
|
display: flex;
|
|
1486
1499
|
flex-direction: column;
|
|
@@ -1495,17 +1508,17 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1495
1508
|
border-radius: 12px;
|
|
1496
1509
|
position: relative;
|
|
1497
1510
|
}
|
|
1498
|
-
`,
|
|
1511
|
+
`,Rs=Ho.div`
|
|
1499
1512
|
display: flex;
|
|
1500
1513
|
flex-direction: column;
|
|
1501
1514
|
flex: 1;
|
|
1502
|
-
`,
|
|
1515
|
+
`,el=Ho.div`
|
|
1503
1516
|
display: flex;
|
|
1504
1517
|
flex-direction: column;
|
|
1505
1518
|
justify-content: center;
|
|
1506
1519
|
align-items: flex-start;
|
|
1507
1520
|
margin-top: 16px;
|
|
1508
|
-
`,
|
|
1521
|
+
`,tl=Ho.div`
|
|
1509
1522
|
${e=>k(e)} {
|
|
1510
1523
|
position: absolute;
|
|
1511
1524
|
top: 16px;
|
|
@@ -1516,7 +1529,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1516
1529
|
opacity: 0.8;
|
|
1517
1530
|
}
|
|
1518
1531
|
}
|
|
1519
|
-
`;var jd=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:r,appearance:i,className:n,style:s,dismissible:p})=>{let{getFlow:c,markFlowCompleted:a,markStepCompleted:g,isLoading:d,targetingLogicShouldHideFlow:x,updateCustomVariables:y,getFlowSteps:w,getFlowStatus:P,getCurrentStepIndex:f}=Z(),{primaryCTAClickSideEffects:E}=ae(),{mergeAppearanceWithDefault:b}=R();if(i=b(i),Vd(()=>{y(o)},[o,d]),d)return null;let S=c(e);if(!S||x(S)||P(e)===Q)return null;let C=w(e)[f(e)];return je.createElement(je.Fragment,null,je.createElement(re,{appearance:i}),je.createElement(
|
|
1532
|
+
`;var jd=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:r,appearance:i,className:n,style:s,dismissible:p})=>{let{getFlow:c,markFlowCompleted:a,markStepCompleted:g,isLoading:d,targetingLogicShouldHideFlow:x,updateCustomVariables:y,getFlowSteps:w,getFlowStatus:P,getCurrentStepIndex:f}=Z(),{primaryCTAClickSideEffects:E}=ae(),{mergeAppearanceWithDefault:b}=R();if(i=b(i),Vd(()=>{y(o)},[o,d]),d)return null;let S=c(e);if(!S||x(S)||P(e)===Q)return null;let C=w(e)[f(e)];return je.createElement(je.Fragment,null,je.createElement(re,{appearance:i}),je.createElement(Zs,{appearance:i,className:be(l("embeddedTipContainer",i),n),style:s},(p===!0||C.dismissible)&&je.createElement(tl,{onClick:async()=>{await a(e),t&&t()},className:l("embeddedTipDismissButton",i)},je.createElement(Be,null)),je.createElement(Rs,null,je.createElement(we,{size:"small",appearance:i,title:C.title,subtitle:C.subtitle})),C.primaryButtonTitle&&je.createElement(el,{className:l("embeddedTipCallToActionContainer",i)},je.createElement(oe,{classPrefix:"embeddedTip",title:C.primaryButtonTitle,appearance:i,withMargin:!1,size:"medium",type:"inline",onClick:async()=>{C.handlePrimaryButtonClick(),E(C),!(r&&r(C,f(e),"primary")===!1)&&(await g(e,C.id),await a(e))}}))))};import Se,{useEffect as Gd}from"react";import Vt from"styled-components";var ol=Vt.div`
|
|
1520
1533
|
// use the :not annotation
|
|
1521
1534
|
${e=>k(e)} {
|
|
1522
1535
|
display: flex;
|
|
@@ -1526,23 +1539,21 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1526
1539
|
box-sizing: border-box;
|
|
1527
1540
|
align-items: ${e=>e.type==="square"?"unset":"center"};
|
|
1528
1541
|
background-color: ${e=>e.appearance.theme.colorBackground};
|
|
1529
|
-
border-width: 1px;
|
|
1530
|
-
border-color: ${e=>e.appearance.theme.colorPrimary};
|
|
1531
1542
|
border-radius: 12px;
|
|
1532
1543
|
}
|
|
1533
|
-
`,
|
|
1544
|
+
`,rl=Vt.div`
|
|
1534
1545
|
${e=>k(e)} {
|
|
1535
1546
|
display: flex;
|
|
1536
|
-
width:
|
|
1537
|
-
height:
|
|
1547
|
+
width: 46px;
|
|
1548
|
+
height: 46px;
|
|
1538
1549
|
}
|
|
1539
|
-
`,
|
|
1550
|
+
`,il=Vt.div`
|
|
1540
1551
|
display: flex;
|
|
1541
1552
|
flex-direction: column;
|
|
1542
1553
|
flex: 1;
|
|
1543
1554
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1544
1555
|
margin-top: ${e=>e.type==="square"?"12px":"0"};
|
|
1545
|
-
`,
|
|
1556
|
+
`,nl=Vt.div`
|
|
1546
1557
|
display: flex;
|
|
1547
1558
|
flex-direction: column;
|
|
1548
1559
|
justify-content: center;
|
|
@@ -1551,7 +1562,6 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1551
1562
|
display: flex;
|
|
1552
1563
|
justify-content: ${e=>e.type==="square"?"flex-end":"center"};
|
|
1553
1564
|
align-items: flex-end;
|
|
1554
|
-
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1555
1565
|
cursor: pointer;
|
|
1556
1566
|
:hover {
|
|
1557
1567
|
opacity: 0.8;
|
|
@@ -1561,27 +1571,25 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1561
1571
|
justify-content: ${e=>e.type==="square"?"flex-end":"center"};
|
|
1562
1572
|
align-items: flex-end;
|
|
1563
1573
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1564
|
-
`;import
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
1581
|
-
|
|
1582
|
-
|
|
1583
|
-
min-width: 550px;
|
|
1584
|
-
}
|
|
1574
|
+
`;import kr from"react";var sl=({style:e,className:t})=>kr.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"46",height:"46",fill:"none",viewBox:"0 0 46 46",style:e,className:t},kr.createElement("circle",{cx:"23",cy:"23",r:"23",fill:"#E6F1FF"}),kr.createElement("path",{stroke:"#0171F8",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.5",d:"M32 18.5l-2.25-1.313M32 18.5v2.25m0-2.25l-2.25 1.313M14 18.5l2.25-1.313M14 18.5l2.25 1.313M14 18.5v2.25m9 3l2.25-1.313M23 23.75l-2.25-1.313M23 23.75V26m0 6.75l2.25-1.313M23 32.75V30.5m0 2.25l-2.25-1.313m0-16.875L23 13.25l2.25 1.313M32 25.25v2.25l-2.25 1.313m-13.5 0L14 27.5v-2.25"}));var Kd=({flowId:e,title:t,subtitle:o,onDismiss:r,customVariables:i,onButtonClick:n,appearance:s,type:p="full-width",icon:c})=>{let{getFlow:a,markFlowCompleted:g,isLoading:d,targetingLogicShouldHideFlow:x,updateCustomVariables:y,getFlowMetadata:w,getFlowStatus:P,getFlowSteps:f,getCurrentStepIndex:E}=Z(),{primaryCTAClickSideEffects:b}=ae(),{mergeAppearanceWithDefault:S}=R();if(s=S(s),Gd(()=>{y(i)},[i,d]),d)return null;let A=a(e);if(!A||x(A)||P(e)===Q)return null;let C=f(e),m=C.length>0?C[E(e)]:w(e);return m!=null&&m.title&&(t=m.title),m!=null&&m.subtitle&&(o=m.subtitle),Se.createElement(Se.Fragment,null,Se.createElement(re,{appearance:s}),Se.createElement(ol,{type:p,appearance:s,className:l("bannerContainer",s)},p!="square"&&Se.createElement(rl,{className:l("bannerIconContainer",s)},c||Se.createElement(sl,null)),p==="square"&&m.dismissible&&Se.createElement(Fr,{type:p,className:l("bannerDismissButtonContainer",s)},Se.createElement(Tr,{type:p,onClick:async()=>{await g(e),r&&r()},className:l("bannerDismissButton",s)},Se.createElement(Be,null))),Se.createElement(il,{type:p},Se.createElement(we,{appearance:s,title:t,subtitle:o,classPrefix:"banner"})),(m==null?void 0:m.primaryButtonTitle)&&Se.createElement(nl,{type:p,className:l("bannerCallToActionContainer",s)},Se.createElement(oe,{title:m==null?void 0:m.primaryButtonTitle,appearance:s,onClick:()=>{b(m),n&&n(m,0,"primary")},classPrefix:"banner"})),p!=="square"&&m.dismissible&&Se.createElement(Fr,{type:p,className:l("bannerDismissButtonContainer",s)},Se.createElement(Tr,{type:p,onClick:async()=>{await g(e),r&&r()},className:l("bannerDismissButton",s)},Se.createElement(Be,null)))))};import X,{useEffect as qd}from"react";import{Portal as Yd}from"react-portal";import tt from"styled-components";var ll=tt.div`
|
|
1575
|
+
display: flex;
|
|
1576
|
+
flex-direction: column;
|
|
1577
|
+
width: 100%;
|
|
1578
|
+
max-width: 400px;
|
|
1579
|
+
padding: 28px 18px;
|
|
1580
|
+
box-sizing: border-box;
|
|
1581
|
+
align-items: unset;
|
|
1582
|
+
background-color: ${e=>e.appearance.theme.colorBackground};
|
|
1583
|
+
border-width: 1px;
|
|
1584
|
+
border-color: ${e=>e.appearance.theme.colorBorder};
|
|
1585
|
+
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
1586
|
+
position: ${e=>e.type=="modal"?"fixed":"relative"};
|
|
1587
|
+
left: 50%;
|
|
1588
|
+
transform: translate(-50%);
|
|
1589
|
+
bottom: 24px;
|
|
1590
|
+
z-index: 1000;
|
|
1591
|
+
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
|
|
1592
|
+
min-width: 550px;
|
|
1585
1593
|
`,al=tt.button`
|
|
1586
1594
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1587
1595
|
border-radius: 8px;
|
|
@@ -1603,20 +1611,23 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1603
1611
|
display: flex;
|
|
1604
1612
|
justify-content: center;
|
|
1605
1613
|
align-items: center;
|
|
1606
|
-
`,
|
|
1614
|
+
`,Pr=tt.div`
|
|
1607
1615
|
display: flex;
|
|
1608
|
-
justify-content:
|
|
1616
|
+
justify-content: space-between;
|
|
1609
1617
|
margin-top: 16px;
|
|
1610
1618
|
gap: 8px;
|
|
1611
1619
|
`,pl=tt.div`
|
|
1612
1620
|
display: flex;
|
|
1613
1621
|
justify-content: space-between;
|
|
1614
1622
|
margin-top: 8px;
|
|
1615
|
-
`,
|
|
1623
|
+
`,vr=tt.div`
|
|
1616
1624
|
font-size: 12px;
|
|
1617
|
-
line-height:
|
|
1625
|
+
line-height: 18px;
|
|
1618
1626
|
color: ${e=>e.appearance.theme.colorTextDisabled};
|
|
1619
|
-
|
|
1627
|
+
font-style: normal;
|
|
1628
|
+
font-weight: 400;
|
|
1629
|
+
letter-spacing: 0.24px;
|
|
1630
|
+
`,Br=tt.div`
|
|
1620
1631
|
display: flex;
|
|
1621
1632
|
flex-direction: column;
|
|
1622
1633
|
flex: 1;
|
|
@@ -1648,5 +1659,5 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1648
1659
|
opacity: 0.8;
|
|
1649
1660
|
}
|
|
1650
1661
|
}
|
|
1651
|
-
`;var Xd=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:r,appearance:i,className:n,style:s,type:p="modal"})=>{let{getFlow:c,markFlowCompleted:a,markStepCompleted:g,getNumberOfStepsCompleted:d,isLoading:x,targetingLogicShouldHideFlow:y,updateCustomVariables:w,getFlowSteps:P,getFlowStatus:f,getCurrentStepIndex:E}=Z(),{primaryCTAClickSideEffects:b}=ae(),{mergeAppearanceWithDefault:S}=R(),[A,C]=X.useState(null),[m,B]=X.useState(""),{hasOpenModals:F,setKeepCompletedFlowOpenDuringSession:T,shouldKeepCompletedFlowOpenDuringSession:O}=Pe();if(i=S(i),qd(()=>{w(o)},[o,x]),x)return null;let I=c(e);if(!I||y(I)||f(e)===Q||d(e)===1&&!O(e)||F())return null;let D=P(e)[
|
|
1662
|
+
`;var Xd=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:r,appearance:i,className:n,style:s,type:p="modal"})=>{let{getFlow:c,markFlowCompleted:a,markStepCompleted:g,getNumberOfStepsCompleted:d,isLoading:x,targetingLogicShouldHideFlow:y,updateCustomVariables:w,getFlowSteps:P,getFlowStatus:f,getCurrentStepIndex:E}=Z(),{primaryCTAClickSideEffects:b}=ae(),{mergeAppearanceWithDefault:S}=R(),[A,C]=X.useState(null),[m,B]=X.useState(""),{hasOpenModals:F,setKeepCompletedFlowOpenDuringSession:T,shouldKeepCompletedFlowOpenDuringSession:O}=Pe();if(i=S(i),qd(()=>{w(o)},[o,x]),x)return null;let I=c(e);if(!I||y(I)||f(e)===Q||d(e)===1&&!O(e)||F())return null;let D=P(e)[d(e)];function L(){return X.createElement(X.Fragment,null,X.createElement(Br,null,X.createElement(we,{size:"large",appearance:i,title:D.title,subtitle:D.subtitle})),X.createElement(Pr,{className:l("npsNumberButtonContainer",i),appearance:i},Array.from(Array(10).keys()).map(J=>X.createElement(al,{className:l("npsNumberButton",i),selected:A===J+1,key:J,onClick:async()=>{T(e),C(J+1),await g(e,D.id,{score:J+1})},appearance:i},J+1))),X.createElement(pl,{appearance:i},X.createElement(vr,{appearance:i},"Not likely at all"),X.createElement(vr,{appearance:i},"Extremely likely")))}function ee(){return X.createElement(X.Fragment,null,X.createElement(Br,null,X.createElement(we,{appearance:i,title:D.title??"Why did you choose this score?",size:"large"})),X.createElement(dl,{appearance:i,value:m,onChange:J=>{B(J.target.value)},placeHolder:"Add your optional fedback here..."}),X.createElement(Pr,{appearance:i,className:l("npsNumberButtonContainer",i)},X.createElement(oe,{size:"large",withMargin:!1,onClick:async()=>{await a(e),r&&r(D,1,"primary")},appearance:i,title:D.secondaryButtonTitle||"Skip",secondary:!0}),X.createElement(oe,{size:"large",withMargin:!1,onClick:async()=>{await g(e,D.id,{feedbackText:m}),await a(e),r&&r(D,1,"primary")},appearance:i,title:D.primaryButtonTitle||"Submit"})))}function U(){return d(e)>=2?null:X.createElement(X.Fragment,null,X.createElement(re,{appearance:i}),X.createElement(ll,{appearance:i,className:be(l("npsSurveyContainer",i),n),style:s,type:p},X.createElement(cl,{onClick:async()=>{await a(e),t&&t()},className:l("npsSurveyDismissButton",i)},X.createElement(Be,null)),d(e)==0&&L(),d(e)==1&&ee()))}return p==="inline"?U():X.createElement(Yd,null,U())};import*as Vo from"react";import ml from"react";var ul=({as:e="span",children:t,variant:o="Body1",...r})=>ml.createElement(Gi,{color:"neutral.foreground",fontFamily:"default",forwardedAs:e,variant:o,...r},t),Jd=Object.fromEntries(Object.keys(Io).map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=r=>ml.createElement(ul,{as:t,...r,variant:e},r.children);return o.displayName=`Text.${e}`,[e,o]})),Er=Object.assign(ul,Jd);var fl=({as:e="button",className:t,size:o="md",title:r,variant:i="Primary",...n})=>{var s;return Vo.createElement(ji,{className:`fr-button-${i.toLowerCase()}${t?` ${t}`:""}`,forwardedAs:e,variant:i,size:o,borderRadius:"md",...n},Vo.createElement(Er,{color:(s=io[i])==null?void 0:s.color,fontWeight:"semibold"},r))},Qd=Object.fromEntries(Object.keys(io).map(e=>{let t=o=>Vo.createElement(fl,{...o,variant:e});return t.displayName=`Button.${e}`,[e,t]})),Zd=Object.assign(fl,Qd);export{ro as Box,Zd as Button,Ye as CheckBox,nt as FormLabel,Ro as FormTextField,Kd as FrigadeBanner,br as FrigadeChecklist,qe as FrigadeDefaultAppearance,jd as FrigadeEmbeddedTip,Di as FrigadeForm,Td as FrigadeGuide,Sd as FrigadeHeroChecklist,Xd as FrigadeNPSSurvey,bd as FrigadeProgressBadge,Ep as FrigadeProvider,Hd as FrigadeSupportWidget,Md as FrigadeTour,It as ProgressRing,Er as Text,mr as tokens,Pe as useFlowOpens,Gt as useFlowResponses,Z as useFlows,pr as useOrganization,Kt as useUser,ve as useUserFlowStates};
|
|
1652
1663
|
//# sourceMappingURL=index.mjs.map
|