@frigade/react 1.34.5 → 1.35.0
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 +104 -95
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +215 -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.0 ";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="square",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:
|
|
323
|
+
`,Ye=({value:e,type:t="square",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="square",appearance:p})=>bt.createElement(bt.Fragment,null,bt.createElement(Ap,{className:l("checklistStepsContainer",p),appearance:p,style:{...i}},r==="left"&&e&&bt.createElement(
|
|
655
|
+
`,Oo=({label:e,value:t,labelStyle:o={},labelPosition:r="right",style:i,primaryColor:n="#000000",checkBoxType:s="square",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,48 @@ ${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;
|
|
1145
1156
|
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));
|
|
1157
|
+
`;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
1158
|
border: 1px solid ${({theme:e})=>e.colorBorder};
|
|
1148
|
-
`,cd=
|
|
1159
|
+
`,cd=ns`
|
|
1149
1160
|
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06);
|
|
1150
|
-
`,md=
|
|
1161
|
+
`,md=ss`
|
|
1151
1162
|
from {
|
|
1152
1163
|
opacity: 0;
|
|
1153
1164
|
} to {
|
|
1154
1165
|
opacity: 1;
|
|
1155
1166
|
}
|
|
1156
|
-
`,ud=
|
|
1167
|
+
`,ud=ss`
|
|
1157
1168
|
from {
|
|
1158
1169
|
opacity: 1;
|
|
1159
1170
|
} to {
|
|
1160
1171
|
opacity: 0;
|
|
1161
1172
|
}
|
|
1162
|
-
`,
|
|
1173
|
+
`,as=pe.div`
|
|
1163
1174
|
margin: 0 -20px;
|
|
1164
1175
|
overflow-x: auto;
|
|
1165
1176
|
padding-left: 20px;
|
|
@@ -1176,13 +1187,13 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1176
1187
|
::-webkit-scrollbar {
|
|
1177
1188
|
display: none;
|
|
1178
1189
|
}
|
|
1179
|
-
`,
|
|
1190
|
+
`,ps=pe.div`
|
|
1180
1191
|
display: flex;
|
|
1181
1192
|
flex-flow: row nowrap;
|
|
1182
1193
|
gap: 0 16px;
|
|
1183
1194
|
scroll-snap-align: center;
|
|
1184
1195
|
scroll-snap-stop: always;
|
|
1185
|
-
`,
|
|
1196
|
+
`,ds=pe.div`
|
|
1186
1197
|
animation: ${e=>e.reversed?ud:md} 0.25s ease-out;
|
|
1187
1198
|
background: linear-gradient(
|
|
1188
1199
|
to right,
|
|
@@ -1192,8 +1203,8 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1192
1203
|
position: absolute;
|
|
1193
1204
|
width: 64px;
|
|
1194
1205
|
z-index: 10;
|
|
1195
|
-
`,
|
|
1196
|
-
${
|
|
1206
|
+
`,cs=pe.button`
|
|
1207
|
+
${ls}
|
|
1197
1208
|
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
|
|
1198
1209
|
align-items: center;
|
|
1199
1210
|
border-radius: 50%;
|
|
@@ -1204,11 +1215,11 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1204
1215
|
justify-content: center;
|
|
1205
1216
|
position: absolute;
|
|
1206
1217
|
width: 48px;
|
|
1207
|
-
`,
|
|
1218
|
+
`,ms=pe.div`
|
|
1208
1219
|
border-radius: ${({theme:e})=>e.borderRadius}px;
|
|
1209
1220
|
padding: 20px;
|
|
1210
|
-
`,
|
|
1211
|
-
${
|
|
1221
|
+
`,us=pe(ms)`
|
|
1222
|
+
${ls}
|
|
1212
1223
|
background: ${({theme:e})=>e.colorBackground};
|
|
1213
1224
|
position: relative;
|
|
1214
1225
|
|
|
@@ -1220,12 +1231,12 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1220
1231
|
${e=>e.blocked?"":`border: 1px solid ${e.theme.colorPrimary};`}
|
|
1221
1232
|
${e=>e.blocked?"cursor: default":"cursor: pointer"}
|
|
1222
1233
|
}
|
|
1223
|
-
`,
|
|
1234
|
+
`,fs=pe.img`
|
|
1224
1235
|
border-radius: 50%;
|
|
1225
1236
|
height: 40px;
|
|
1226
1237
|
margin-bottom: 12px;
|
|
1227
1238
|
width: 40px;
|
|
1228
|
-
`,
|
|
1239
|
+
`,gs=pe(ms)`
|
|
1229
1240
|
${e=>k(e)} {
|
|
1230
1241
|
${cd}
|
|
1231
1242
|
|
|
@@ -1238,7 +1249,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1238
1249
|
align-items: center;
|
|
1239
1250
|
`,f0=pe.div`
|
|
1240
1251
|
white-space: nowrap;
|
|
1241
|
-
`,
|
|
1252
|
+
`,xs=pe.div`
|
|
1242
1253
|
background: #d8fed8;
|
|
1243
1254
|
border-radius: 6px;
|
|
1244
1255
|
float: right;
|
|
@@ -1250,9 +1261,9 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1250
1261
|
line-height: 22px;
|
|
1251
1262
|
letter-spacing: calc(18px * -0.01);
|
|
1252
1263
|
margin: 0;
|
|
1253
|
-
`,
|
|
1264
|
+
`,hs=pe(fd)`
|
|
1254
1265
|
margin-bottom: 4px;
|
|
1255
|
-
`,
|
|
1266
|
+
`,Cs=pe.div`
|
|
1256
1267
|
display: flex;
|
|
1257
1268
|
flex-flow: row nowrap;
|
|
1258
1269
|
align-items: center;
|
|
@@ -1263,7 +1274,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1263
1274
|
line-height: 20px;
|
|
1264
1275
|
letter-spacing: calc(16px * -0.01);
|
|
1265
1276
|
margin: 0;
|
|
1266
|
-
`,
|
|
1277
|
+
`,Ss=pe(gd)`
|
|
1267
1278
|
margin-bottom: 4px;
|
|
1268
1279
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1269
1280
|
`}
|
|
@@ -1273,7 +1284,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1273
1284
|
font-size: 14px;
|
|
1274
1285
|
line-height: 22px;
|
|
1275
1286
|
margin: 0;
|
|
1276
|
-
`,
|
|
1287
|
+
`,ys=pe.p`
|
|
1277
1288
|
color: ${({theme:e})=>e.colorText};
|
|
1278
1289
|
font-weight: 600;
|
|
1279
1290
|
font-size: 12px;
|
|
@@ -1285,21 +1296,21 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1285
1296
|
color: ${({theme:e})=>e.colorTextSecondary};
|
|
1286
1297
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1287
1298
|
`}
|
|
1288
|
-
`;var
|
|
1299
|
+
`;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
1300
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1290
1301
|
border-radius: 8px;
|
|
1291
1302
|
padding: 6px 10px 6px 10px;
|
|
1292
1303
|
min-width: 160px;
|
|
1293
1304
|
cursor: pointer;
|
|
1294
1305
|
background-color: ${e=>e.appearance.theme.colorBackground}};
|
|
1295
|
-
`,
|
|
1306
|
+
`,vs=_o.div`
|
|
1296
1307
|
display: flex;
|
|
1297
1308
|
flex-direction: row;
|
|
1298
1309
|
justify-content: space-between;
|
|
1299
1310
|
align-items: center;
|
|
1300
1311
|
margin-bottom: 2px;
|
|
1301
1312
|
flex-grow: 2;
|
|
1302
|
-
`,
|
|
1313
|
+
`,Bs=_o.div`
|
|
1303
1314
|
text-overflow: ellipsis;
|
|
1304
1315
|
font-weight: 600;
|
|
1305
1316
|
font-size: 12px;
|
|
@@ -1307,13 +1318,13 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1307
1318
|
margin-right: ${e=>e.type==="condensed"?"8px":"0"};
|
|
1308
1319
|
text-align: ${e=>e.type==="condensed"?"left":"right"};
|
|
1309
1320
|
color: ${e=>e.appearance.theme.colorPrimary};
|
|
1310
|
-
`,
|
|
1321
|
+
`,Es=_o.div`
|
|
1311
1322
|
width: 20px;
|
|
1312
1323
|
margin-right: 8px;
|
|
1313
1324
|
display: flex;
|
|
1314
1325
|
height: 100%;
|
|
1315
1326
|
align-items: center;
|
|
1316
|
-
`;var
|
|
1327
|
+
`;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
1328
|
display: flex;
|
|
1318
1329
|
flex-direction: row;
|
|
1319
1330
|
width: 100%;
|
|
@@ -1324,19 +1335,19 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1324
1335
|
border-width: 1px;
|
|
1325
1336
|
border-color: ${e=>e.appearance.theme.colorPrimary};
|
|
1326
1337
|
border-radius: 12px;
|
|
1327
|
-
`,
|
|
1338
|
+
`,Ns=ao.div`
|
|
1328
1339
|
${e=>k(e)} {
|
|
1329
1340
|
display: flex;
|
|
1330
1341
|
justify-content: center;
|
|
1331
1342
|
align-items: center;
|
|
1332
1343
|
margin-right: 16px;
|
|
1333
1344
|
}
|
|
1334
|
-
`,
|
|
1345
|
+
`,Os=ao.div`
|
|
1335
1346
|
display: flex;
|
|
1336
1347
|
flex-direction: column;
|
|
1337
1348
|
flex: 1;
|
|
1338
1349
|
margin-top: 0;
|
|
1339
|
-
`,
|
|
1350
|
+
`,Ls=ao.div`
|
|
1340
1351
|
display: flex;
|
|
1341
1352
|
flex-direction: column;
|
|
1342
1353
|
justify-content: center;
|
|
@@ -1351,7 +1362,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1351
1362
|
:hover {
|
|
1352
1363
|
opacity: 0.8;
|
|
1353
1364
|
}
|
|
1354
|
-
`;var
|
|
1365
|
+
`;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
1366
|
width: 100%;
|
|
1356
1367
|
height: 100%;
|
|
1357
1368
|
border-radius: 9999px;
|
|
@@ -1392,7 +1403,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1392
1403
|
`,Nd=co(zs)`
|
|
1393
1404
|
width: ${Ht+12}px;
|
|
1394
1405
|
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
|
|
1406
|
+
`,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
1407
|
${e=>k(e)} {
|
|
1397
1408
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1398
1409
|
|
|
@@ -1410,17 +1421,17 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1410
1421
|
opacity: 0.8;
|
|
1411
1422
|
}
|
|
1412
1423
|
}
|
|
1413
|
-
`,
|
|
1424
|
+
`,Hs=kt.span`
|
|
1414
1425
|
${e=>k(e)} {
|
|
1415
1426
|
font-size: 12px;
|
|
1416
1427
|
display: inline-block;
|
|
1417
1428
|
}
|
|
1418
|
-
`,
|
|
1429
|
+
`,Vs=kt.span`
|
|
1419
1430
|
${e=>k(e)} {
|
|
1420
1431
|
font-size: 12px;
|
|
1421
1432
|
display: inline-block;
|
|
1422
1433
|
}
|
|
1423
|
-
`,
|
|
1434
|
+
`,js=kt.div`
|
|
1424
1435
|
position: fixed;
|
|
1425
1436
|
right: 0;
|
|
1426
1437
|
bottom: 0;
|
|
@@ -1430,7 +1441,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1430
1441
|
flex-direction: column;
|
|
1431
1442
|
align-items: flex-end;
|
|
1432
1443
|
z-index: 50;
|
|
1433
|
-
`,
|
|
1444
|
+
`,Gs=kt.button`
|
|
1434
1445
|
${e=>k(e)} {
|
|
1435
1446
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1436
1447
|
background-color: #ffffff;
|
|
@@ -1446,7 +1457,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1446
1457
|
0px 3px 6px -4px rgba(0, 0, 0, 0.12);
|
|
1447
1458
|
border-radius: 45px;
|
|
1448
1459
|
cursor: pointer;
|
|
1449
|
-
`,
|
|
1460
|
+
`,Ks=kt.div`
|
|
1450
1461
|
${e=>k(e)} {
|
|
1451
1462
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1452
1463
|
background: #ffffff;
|
|
@@ -1463,7 +1474,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1463
1474
|
position: ${e=>e.type=="inline"?"absolute":"relative"};
|
|
1464
1475
|
top: ${e=>e.type=="inline"?"68px":0};
|
|
1465
1476
|
margin-left: ${e=>e.type=="inline"?"-127px":0};
|
|
1466
|
-
`,
|
|
1477
|
+
`,qs=kt.button`
|
|
1467
1478
|
${e=>k(e)} {
|
|
1468
1479
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1469
1480
|
color: #434343;
|
|
@@ -1480,7 +1491,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1480
1491
|
font-size: 14px;
|
|
1481
1492
|
|
|
1482
1493
|
padding: 8px 12px;
|
|
1483
|
-
`;import
|
|
1494
|
+
`;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
1495
|
${e=>k(e)} {
|
|
1485
1496
|
display: flex;
|
|
1486
1497
|
flex-direction: column;
|
|
@@ -1495,17 +1506,17 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1495
1506
|
border-radius: 12px;
|
|
1496
1507
|
position: relative;
|
|
1497
1508
|
}
|
|
1498
|
-
`,
|
|
1509
|
+
`,Rs=Ho.div`
|
|
1499
1510
|
display: flex;
|
|
1500
1511
|
flex-direction: column;
|
|
1501
1512
|
flex: 1;
|
|
1502
|
-
`,
|
|
1513
|
+
`,el=Ho.div`
|
|
1503
1514
|
display: flex;
|
|
1504
1515
|
flex-direction: column;
|
|
1505
1516
|
justify-content: center;
|
|
1506
1517
|
align-items: flex-start;
|
|
1507
1518
|
margin-top: 16px;
|
|
1508
|
-
`,
|
|
1519
|
+
`,tl=Ho.div`
|
|
1509
1520
|
${e=>k(e)} {
|
|
1510
1521
|
position: absolute;
|
|
1511
1522
|
top: 16px;
|
|
@@ -1516,7 +1527,7 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1516
1527
|
opacity: 0.8;
|
|
1517
1528
|
}
|
|
1518
1529
|
}
|
|
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(
|
|
1530
|
+
`;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
1531
|
// use the :not annotation
|
|
1521
1532
|
${e=>k(e)} {
|
|
1522
1533
|
display: flex;
|
|
@@ -1526,23 +1537,21 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1526
1537
|
box-sizing: border-box;
|
|
1527
1538
|
align-items: ${e=>e.type==="square"?"unset":"center"};
|
|
1528
1539
|
background-color: ${e=>e.appearance.theme.colorBackground};
|
|
1529
|
-
border-width: 1px;
|
|
1530
|
-
border-color: ${e=>e.appearance.theme.colorPrimary};
|
|
1531
1540
|
border-radius: 12px;
|
|
1532
1541
|
}
|
|
1533
|
-
`,
|
|
1542
|
+
`,rl=Vt.div`
|
|
1534
1543
|
${e=>k(e)} {
|
|
1535
1544
|
display: flex;
|
|
1536
|
-
width:
|
|
1537
|
-
height:
|
|
1545
|
+
width: 46px;
|
|
1546
|
+
height: 46px;
|
|
1538
1547
|
}
|
|
1539
|
-
`,
|
|
1548
|
+
`,il=Vt.div`
|
|
1540
1549
|
display: flex;
|
|
1541
1550
|
flex-direction: column;
|
|
1542
1551
|
flex: 1;
|
|
1543
1552
|
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1544
1553
|
margin-top: ${e=>e.type==="square"?"12px":"0"};
|
|
1545
|
-
`,
|
|
1554
|
+
`,nl=Vt.div`
|
|
1546
1555
|
display: flex;
|
|
1547
1556
|
flex-direction: column;
|
|
1548
1557
|
justify-content: center;
|
|
@@ -1551,7 +1560,6 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1551
1560
|
display: flex;
|
|
1552
1561
|
justify-content: ${e=>e.type==="square"?"flex-end":"center"};
|
|
1553
1562
|
align-items: flex-end;
|
|
1554
|
-
margin-left: ${e=>e.type==="square"?"0px":"16px"};
|
|
1555
1563
|
cursor: pointer;
|
|
1556
1564
|
:hover {
|
|
1557
1565
|
opacity: 0.8;
|
|
@@ -1561,27 +1569,25 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1561
1569
|
justify-content: ${e=>e.type==="square"?"flex-end":"center"};
|
|
1562
1570
|
align-items: flex-end;
|
|
1563
1571
|
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
|
-
}
|
|
1572
|
+
`;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`
|
|
1573
|
+
display: flex;
|
|
1574
|
+
flex-direction: column;
|
|
1575
|
+
width: 100%;
|
|
1576
|
+
max-width: 400px;
|
|
1577
|
+
padding: 28px 18px;
|
|
1578
|
+
box-sizing: border-box;
|
|
1579
|
+
align-items: unset;
|
|
1580
|
+
background-color: ${e=>e.appearance.theme.colorBackground};
|
|
1581
|
+
border-width: 1px;
|
|
1582
|
+
border-color: ${e=>e.appearance.theme.colorBorder};
|
|
1583
|
+
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
1584
|
+
position: ${e=>e.type=="modal"?"fixed":"relative"};
|
|
1585
|
+
left: 50%;
|
|
1586
|
+
transform: translate(-50%);
|
|
1587
|
+
bottom: 24px;
|
|
1588
|
+
z-index: 1000;
|
|
1589
|
+
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
|
|
1590
|
+
min-width: 550px;
|
|
1585
1591
|
`,al=tt.button`
|
|
1586
1592
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1587
1593
|
border-radius: 8px;
|
|
@@ -1603,20 +1609,23 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1603
1609
|
display: flex;
|
|
1604
1610
|
justify-content: center;
|
|
1605
1611
|
align-items: center;
|
|
1606
|
-
`,
|
|
1612
|
+
`,Pr=tt.div`
|
|
1607
1613
|
display: flex;
|
|
1608
|
-
justify-content:
|
|
1614
|
+
justify-content: space-between;
|
|
1609
1615
|
margin-top: 16px;
|
|
1610
1616
|
gap: 8px;
|
|
1611
1617
|
`,pl=tt.div`
|
|
1612
1618
|
display: flex;
|
|
1613
1619
|
justify-content: space-between;
|
|
1614
1620
|
margin-top: 8px;
|
|
1615
|
-
`,
|
|
1621
|
+
`,vr=tt.div`
|
|
1616
1622
|
font-size: 12px;
|
|
1617
|
-
line-height:
|
|
1623
|
+
line-height: 18px;
|
|
1618
1624
|
color: ${e=>e.appearance.theme.colorTextDisabled};
|
|
1619
|
-
|
|
1625
|
+
font-style: normal;
|
|
1626
|
+
font-weight: 400;
|
|
1627
|
+
letter-spacing: 0.24px;
|
|
1628
|
+
`,Br=tt.div`
|
|
1620
1629
|
display: flex;
|
|
1621
1630
|
flex-direction: column;
|
|
1622
1631
|
flex: 1;
|
|
@@ -1648,5 +1657,5 @@ ${r=>r.inlineStyles.map(([i,n])=>`.${qt}${i}.${qt}${i} { ${Object.entries(n).map
|
|
|
1648
1657
|
opacity: 0.8;
|
|
1649
1658
|
}
|
|
1650
1659
|
}
|
|
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)[
|
|
1660
|
+
`;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
1661
|
//# sourceMappingURL=index.mjs.map
|