@frigade/react 1.35.23 → 1.35.24
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 +12 -1
- package/lib/index.js +16 -16
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +14 -14
- 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 bt,{createContext as Yp,useEffect as Uo,useState as De}from"react";import{ThemeProvider as Xp}from"styled-components";import St,{useContext as Tp,useEffect as $o,useState as wr}from"react";import{useCallback as ht,useContext as Yl,useEffect as Xl}from"react";import Xo,{useMemo as Gr}from"react";var Vr="1.35.23 ";var Le="NOT_STARTED_STEP",X="COMPLETED_FLOW",Co="ABORTED_FLOW",xt="STARTED_FLOW",Ue="NOT_STARTED_FLOW",ze="COMPLETED_STEP",yo="STARTED_STEP";function He(){let{publicApiKey:e,userId:t,apiUrl:o}=Xo.useContext(K);return{config:Gr(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":Vr,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:Gr(()=>`${o}/v1/public/`,[o])}}var $l="frigade-last-call-at-",Ml="frigade-last-call-data-";function Nt(){let{shouldGracefullyDegrade:e,readonly:t}=Xo.useContext(K);return async(o,i)=>{if(t&&(i.method==="POST"||i.method==="PUT"||i.method==="DELETE"))return It();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),It();let r=$l+o,n=Ml+o;if(window&&window.localStorage&&i&&i.body&&i.method==="POST"){let p=window.localStorage.getItem(r),c=window.localStorage.getItem(n);if(p&&c&&c==i.body){let l=new Date(p);if(new Date().getTime()-l.getTime()<1e3)return It()}window.localStorage.setItem(r,new Date().toISOString()),window.localStorage.setItem(n,i.body)}let s;try{s=await fetch(o,i)}catch(p){return It(p)}return s?s.ok?s:It(s.statusText):It()}}function It(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Ot(){let{publicApiKey:e,shouldGracefullyDegrade:t}=Xo.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 Gl,useState as Kr}from"react";import{useContext as zl,useEffect as Wl,useState as _l}from"react";import Hl from"swr";import{useContext as Ul}from"react";function ke(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:i,completedFlowsToKeepOpenDuringSession:r}=Ul(K);function n(d,x=!1){return e[d]??x}function s(d,x){t(F=>({...F,[d]:x}))}function p(d){t(x=>{let{[d]:F,...S}=x;return{...S}})}function c(d){r.includes(d)||i(x=>[...x,d])}function l(d){return r.includes(d)}function g(d){return Object.entries(e).some(([x,F])=>F&&x!=d)||o}return{getOpenFlowState:n,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:g,setKeepCompletedFlowOpenDuringSession:c,shouldKeepCompletedFlowOpenDuringSession:l}}import jl from"swr/immutable";var Vl="unknown";function Ae(){let{config:e,apiUrl:t}=He(),{publicApiKey:o,userId:i,organizationId:r,flows:n,setShouldGracefullyDegrade:s,readonly:p}=zl(K),{resetOpenFlowState:c}=ke(),[l,g]=_l(!1),d={data:n.map(w=>({flowId:w.id,flowState:X,lastStepId:null,userId:i,foreignUserId:i,stepStates:{},shouldTrigger:!1}))},x=w=>fetch(w,e).then(E=>{if(E.ok)return E.json();throw new Error("Failed to fetch user flow states")}).catch(E=>(console.log(`Error fetching ${w}: ${E}. Will gracefully degrade and hide Frigade`),s(!0),d)),F=o&&n&&i?`${t}userFlowStates?foreignUserId=${encodeURIComponent(i)}${r?`&foreignUserGroupId=${encodeURIComponent(r)}`:""}`:null,{data:S,isLoading:b,mutate:f,error:B}=p?jl(F,x):Hl(F,x,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>d,onLoadingSlow:()=>d}),T=S==null?void 0:S.data;Wl(()=>{!l&&!b&&T&&g(!0)},[T,l,b]);async function h(w){if(T&&!p){let E=T.find(O=>O.flowId===w);E&&E.flowState!==X&&(E.flowState=X),await f(Promise.resolve({...S,data:T}),{optimisticData:{...S,data:T},revalidate:!1,rollbackOnError:!1})}}async function I(w,E,O){if(T){let N=T.find(A=>A.flowId===w);N&&(N.stepStates[E]=O,N.flowState=xt),await f(Promise.resolve({...S,data:T}),{optimisticData:{...S,data:T},revalidate:!1,rollbackOnError:!1})}}async function y(w,E,O){if(T){let N=T.find(A=>A.flowId===w);N&&(N.lastStepId=E,N.stepStates[E]=O,N.flowState=xt),await f({...S,data:T},{optimisticData:{...S,data:T},revalidate:!1,rollbackOnError:!1})}}async function m(w){if(T){let E=T.find(O=>O.flowId===w);E&&E.flowState!==Ue&&(E.flowState=Ue,E.lastStepId=Vl,Object.keys(E.stepStates).forEach(O=>{E.stepStates[O].actionType=Le,E.stepStates[O].createdAt=new Date().toISOString()}),await f({...S,data:T},{optimisticData:{...S,data:T},revalidate:!1,rollbackOnError:!1}),c(w))}}async function P(w,E){if(T){let O=T.find(N=>N.flowId===w);O&&O.stepStates[E]!==Le&&(O.stepStates[E]=Le),await f({...S,data:T},{optimisticData:{...S,data:T},revalidate:!1,rollbackOnError:!1})}}return{userFlowStatesData:T,isLoadingUserFlowStateData:!l,mutateUserFlowState:f,optimisticallyMarkFlowCompleted:h,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:I,optimisticallyMarkStepNotStarted:P,optimisticallyMarkStepStarted:y,error:B}}function Zt(){let{config:e,apiUrl:t}=He(),{userFlowStatesData:o,mutateUserFlowState:i}=Ae(),{failedFlowResponses:r,setFailedFlowResponses:n,flowResponses:s,setFlowResponses:p}=Gl(K),[c,l]=Kr(new Set),[g,d]=Kr(new Set),x=Nt();function F(f){let B=JSON.stringify(f);if(c.has(B))return null;c.add(B),l(c),g.add(f),d(g);let T=s==null?void 0:s.find(h=>h.flowSlug===f.flowSlug&&h.stepId===f.stepId&&h.actionType===f.actionType&&h.createdAt===f.createdAt);return x(`${t}flowResponses`,{...e,method:"POST",body:B}).then(h=>{h.status!==200&&h.status!==201?(console.log("Failed to send flow response for step "+f.stepId+". Will retry again later."),n([...r,f])):T||p(I=>[...I??[],f])})}async function S(f){f.foreignUserId&&(f.actionType===xt||f.actionType===Ue?await F(f):f.actionType===X?await F(f):f.actionType===yo?await F(f):f.actionType===ze?await F(f):f.actionType===Co?await F(f):f.actionType===Le&&await F(f))}function b(){let f=[];return o==null||o.forEach(B=>{if(B&&B.stepStates&&Object.keys(B.stepStates).length!==0)for(let T in B.stepStates){let h=B.stepStates[T];f.push({foreignUserId:B.foreignUserId,flowSlug:B.flowId,stepId:h.stepId,actionType:h.actionType,data:{},createdAt:new Date(h.createdAt),blocked:h.blocked,hidden:h.hidden})}}),[...f,...s]}return{addResponse:S,setFlowResponses:p,getFlowResponses:b}}import Jl from"swr";var Kl=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,qr=e=>{let t=Kl.exec(e);if(t===null)return null;let o=null;return t.forEach((i,r)=>{let n=ql(i,"'","");n.startsWith("flow_")&&(o=n)}),o},ql=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function Jo(e){try{return JSON.parse(e)}catch(t){return console.error("Failed to parse Frigade config.yml to JSON",t),null}}var Qo=(l=>(l.CHECKLIST="CHECKLIST",l.FORM="FORM",l.TOUR="TOUR",l.SUPPORT="SUPPORT",l.CUSTOM="CUSTOM",l.BANNER="BANNER",l.EMBEDDED_TIP="EMBEDDED_TIP",l.NPS_SURVEY="NPS_SURVEY",l.ANNOUNCEMENT="ANNOUNCEMENT",l))(Qo||{});function J(){let{config:e,apiUrl:t}=He(),{flows:o,setFlows:i,userId:r,publicApiKey:n,customVariables:s,setCustomVariables:p,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:l,setFlowResponses:g,setShouldGracefullyDegrade:d,readonly:x}=Yl(K),F={data:[]},{verifySDKInitiated:S}=Ot(),{addResponse:b,getFlowResponses:f}=Zt(),B=u=>fetch(u,e).then(C=>C.ok?C.json():(console.log(`Error fetching ${u} (${C.status}): ${C.statusText}. .Will gracefully degrade and hide Frigade`),d(!0),F)).catch(C=>(console.log(`Error fetching ${u}: ${C}. Will gracefully degrade and hide Frigade`),d(!0),F)),{mutateUserFlowState:T,userFlowStatesData:h,isLoadingUserFlowStateData:I,optimisticallyMarkFlowCompleted:y,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:P,optimisticallyMarkStepNotStarted:w,optimisticallyMarkStepStarted:E}=Ae(),{data:O,error:N,isLoading:A}=Jl(n?`${t}flows${x?"?readonly=true":""}`:null,B,{keepPreviousData:!0});Xl(()=>{if(N){console.error(N);return}O&&O.data&&i(O.data)},[O,N]);function D(u){if(A)return null;let C=o.find(v=>v.slug===u);return!C&&o.length>0&&!I&&!A?(console.log(`Flow with id ${u} not found`),null):(C==null?void 0:C.active)===!1?null:C}function $(u){var W;if(!D(u))return[];let C=D(u).data;return C?(C=j(C),(((W=Jo(C))==null?void 0:W.data)??[]).map(pe=>{let Qt=ye(pe);return{handleSecondaryButtonClick:()=>{pe.skippable===!0&&re(u,pe.id,{skipped:!0})},...pe,complete:me(u,pe.id)===ze||Qt>=1,blocked:Fe(u,pe.id),hidden:L(u,pe.id),handlePrimaryButtonClick:()=>{(!pe.completionCriteria&&(pe.autoMarkCompleted||pe.autoMarkCompleted===void 0)||pe.completionCriteria&&pe.autoMarkCompleted===!0)&&re(u,pe.id)},progress:Qt}}).filter(pe=>pe.hidden!==!0)):[]}function j(u){return u.replaceAll(/\${(.*?)}/g,(C,v)=>s[v]===void 0?"":String(s[v]).replace(/[\u00A0-\u9999<>\&]/g,function(W){return"&#"+W.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 H(u){if(!D(u))return[];let C=D(u).data;return C?(C=j(C),JSON.parse(C)??{}):[]}function V(u,C){p(v=>({...v,[u]:C}))}function we(u){!I&&!A&&u&&JSON.stringify(s)!=JSON.stringify({...s,...u})&&Object.keys(u).forEach(C=>{V(C,u[C])})}let ce=ht(async(u,C,v)=>{if(!S())return;let W={foreignUserId:r,flowSlug:u,stepId:C,actionType:yo,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};ee(W)&&(await E(u,C,W),b(W))},[r,h]),G=ht(async(u,C,v)=>{if(!S())return;let W={foreignUserId:r,flowSlug:u,stepId:C,actionType:Le,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};ee(W)&&(await w(u,C),b(W))},[r,h]),re=ht(async(u,C,v)=>{if(!S())return;let W={foreignUserId:r,flowSlug:u,stepId:C,actionType:ze,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};ee(W)&&(await P(u,C,W),b(W))},[r,h]),Y=ht(async(u,C)=>{if(!S()||q(u)===Ue)return;let v={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:Ue,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};await m(u),ee(v)&&b(v)},[r,h]),Te=ht(async(u,C)=>{if(!S())return;let v={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:xt,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};ee(v)&&b(v)},[r,h]),le=ht(async(u,C)=>{if(!S())return;let v={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:X,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};ee(v)&&(await y(u),b(v))},[r,h]),he=ht(async(u,C)=>{if(!S())return;let v={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:Co,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};ee(v)&&(await y(u),b(v))},[r,h]);function ee(u){var C;if(!h&&u.actionType===Le)return!1;if(h){let v=h.find(W=>W.flowId===u.flowSlug);if(u.actionType===Le&&(!(v!=null&&v.stepStates[u.stepId])||v.stepStates[u.stepId].actionType===Le)||v&&((C=v.stepStates[u.stepId])==null?void 0:C.actionType)===u.actionType||v&&v.flowState===X&&u.actionType===X)return!1}return!0}function me(u,C){let v=U(u,C);return I?null:v?v.actionType:Le}function Fe(u,C){let v=U(u,C);return v?v.blocked:!1}function L(u,C){let v=U(u,C);return v?v.hidden:!1}function U(u,C){if(I)return null;let v=h==null?void 0:h.find(W=>W.flowId===u);return!v||!v.stepStates[C]?null:v.stepStates[C]??null}function Ce(u){var v;if(I||!h)return null;if(q(u)===Ue)return $(u)[0]??null;let C=(v=h.find(W=>W.flowId===u))==null?void 0:v.lastStepId;return C?$(u).find(W=>W.id===C):null}function z(u){let C=Ce(u);if(!C)return 0;let v=$(u).findIndex(W=>W.id===C.id)??0;return me(u,C.id)===ze&&v<$(u).length-1?v+1:v}function ye(u){if(!u.completionCriteria)return;let C=qr(u.completionCriteria);if(C===null)return;let v=fe(C),W=Me(C);return W===0?void 0:v/W}function q(u){let C=h==null?void 0:h.find(v=>v.flowId===u);return C?C.flowState:null}function fe(u){let C=$(u);return C.length===0?0:C.filter(W=>me(u,W.id)===ze).length}function Me(u){return $(u).length}function Et(u){let C=o.find(v=>v.slug===u);return C?Jo(C.data):null}function ft(u){if(x)return!1;if(I)return!0;if(u!=null&&u.targetingLogic&&h){let C=h.find(v=>v.flowId===u.slug);if(C)return C.shouldTrigger===!1}return!!(u!=null&&u.targetingLogic&&r&&r.startsWith("guest_"))}function At(u){return!ft(D(u))}function gt(){r&&T()}return{getFlow:D,getFlowData:Et,isLoading:I||A,getStepStatus:me,getFlowSteps:$,getCurrentStepIndex:z,markStepStarted:ce,markStepCompleted:re,markFlowNotStarted:Y,markFlowStarted:Te,markFlowCompleted:le,markFlowAborted:he,markStepNotStarted:G,getFlowStatus:q,getNumberOfStepsCompleted:fe,getNumberOfSteps:Me,targetingLogicShouldHideFlow:ft,setCustomVariable:V,updateCustomVariables:we,customVariables:s,getStepOptionalProgress:ye,getFlowMetadata:H,isStepBlocked:Fe,isStepHidden:L,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:l,isFlowAvailableToUser:At,refresh:gt}}import{useCallback as Zo,useContext as Ql,useEffect as Zl}from"react";var Lt="guest_";function Rt(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:i,shouldGracefullyDegrade:r}=Ql(K),{config:n,apiUrl:s}=He(),{mutateUserFlowState:p}=Ae(),c=Nt(),{verifySDKInitiated:l}=Ot();function g(S){return`frigade-user-registered-${S}`}Zl(()=>{if(e&&!t){if(e.startsWith(Lt))return;let S=g(e);localStorage.getItem(S)||(c(`${s}users`,{...n,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(S,"true"))}},[e,r,t]);let d=Zo(async S=>{if(!l())return;let b={foreignId:e,properties:S};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(b)}),i(f=>({...f,...S})),p()},[e,n,r,p]),x=Zo(async(S,b)=>{if(!l())return;let B={foreignId:e,events:[{event:S,properties:b}]};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(B)}),p()},[e,n,p]),F=Zo(async(S,b)=>{if(l())if(b){let f=g(S);localStorage.setItem(f,"true"),o(S);let B={foreignId:S,properties:b};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(B)}),i(T=>({...T,...b})),p()}else o(S)},[n,r,p]);return{userId:e,setUserId:o,setUserIdWithProperties:F,addPropertiesToUser:d,trackEventForUser:x}}import{v4 as Fp}from"uuid";import Ke,{useEffect as yp,useState as Sp}from"react";import We,{useEffect as rr,useState as la}from"react";import wo from"styled-components";import Rl from"react";import ea from"styled-components";var Yr="fr-",eo="cfr-";function a(e,t){let o=`${Yr}${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+" "+eo+e}return o}function k(e){if(!e.className||e.className.indexOf(eo)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(Yr)?"":`:not(${o.map(i=>`.${i}`).join(", ")})`}function Ro(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function Be(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Ro(t)}: ${e.styleOverrides[t]};`).join(" "):""}function ge(...e){return e.filter(Boolean).join(" ")}function to(e){return e.charAt(0).toUpperCase()+e.slice(1)}var ta=ea.div`
|
|
2
|
+
import bt,{createContext as Yp,useEffect as Uo,useState as $e}from"react";import{ThemeProvider as Xp}from"styled-components";import St,{useContext as Tp,useEffect as $o,useState as wr}from"react";import{useCallback as ht,useContext as Yl,useEffect as Xl}from"react";import Xo,{useMemo as Gr}from"react";var Vr="1.35.24 ";var De="NOT_STARTED_STEP",X="COMPLETED_FLOW",Co="ABORTED_FLOW",xt="STARTED_FLOW",Ue="NOT_STARTED_FLOW",ze="COMPLETED_STEP",yo="STARTED_STEP";function He(){let{publicApiKey:e,userId:t,apiUrl:o}=Xo.useContext(K);return{config:Gr(()=>({headers:{Authorization:`Bearer ${e}`,"Content-Type":"application/json","X-Frigade-SDK-Version":Vr,"X-Frigade-SDK-Platform":"React"}}),[e,t]),apiUrl:Gr(()=>`${o}/v1/public/`,[o])}}var $l="frigade-last-call-at-",Ml="frigade-last-call-data-";function Nt(){let{shouldGracefullyDegrade:e,readonly:t}=Xo.useContext(K);return async(o,i)=>{if(t&&(i.method==="POST"||i.method==="PUT"||i.method==="DELETE"))return It();if(e)return console.log(`Skipping ${o} call to Frigade due to error`),It();let r=$l+o,n=Ml+o;if(window&&window.localStorage&&i&&i.body&&i.method==="POST"){let p=window.localStorage.getItem(r),c=window.localStorage.getItem(n);if(p&&c&&c==i.body){let l=new Date(p);if(new Date().getTime()-l.getTime()<1e3)return It()}window.localStorage.setItem(r,new Date().toISOString()),window.localStorage.setItem(n,i.body)}let s;try{s=await fetch(o,i)}catch(p){return It(p)}return s?s.ok?s:It(s.statusText):It()}}function It(e){return e&&console.log("Call to Frigade failed",e),{json:()=>({})}}function Ot(){let{publicApiKey:e,shouldGracefullyDegrade:t}=Xo.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 Gl,useState as Kr}from"react";import{useContext as zl,useEffect as Wl,useState as _l}from"react";import Hl from"swr";import{useContext as Ul}from"react";function ke(){let{openFlowStates:e,setOpenFlowStates:t,hasActiveFullPageFlow:o,setCompletedFlowsToKeepOpenDuringSession:i,completedFlowsToKeepOpenDuringSession:r}=Ul(K);function n(d,x=!1){return e[d]??x}function s(d,x){t(F=>({...F,[d]:x}))}function p(d){t(x=>{let{[d]:F,...S}=x;return{...S}})}function c(d){r.includes(d)||i(x=>[...x,d])}function l(d){return r.includes(d)}function g(d){return Object.entries(e).some(([x,F])=>F&&x!=d)||o}return{getOpenFlowState:n,setOpenFlowState:s,resetOpenFlowState:p,hasOpenModals:g,setKeepCompletedFlowOpenDuringSession:c,shouldKeepCompletedFlowOpenDuringSession:l}}import jl from"swr/immutable";var Vl="unknown";function Ae(){let{config:e,apiUrl:t}=He(),{publicApiKey:o,userId:i,organizationId:r,flows:n,setShouldGracefullyDegrade:s,readonly:p}=zl(K),{resetOpenFlowState:c}=ke(),[l,g]=_l(!1),d={data:n.map(w=>({flowId:w.id,flowState:X,lastStepId:null,userId:i,foreignUserId:i,stepStates:{},shouldTrigger:!1}))},x=w=>fetch(w,e).then(E=>{if(E.ok)return E.json();throw new Error("Failed to fetch user flow states")}).catch(E=>(console.log(`Error fetching ${w}: ${E}. Will gracefully degrade and hide Frigade`),s(!0),d)),F=o&&n&&i?`${t}userFlowStates?foreignUserId=${encodeURIComponent(i)}${r?`&foreignUserGroupId=${encodeURIComponent(r)}`:""}`:null,{data:S,isLoading:b,mutate:f,error:B}=p?jl(F,x):Hl(F,x,{revalidateOnFocus:!0,revalidateIfStale:!0,keepPreviousData:!0,revalidateOnMount:!0,errorRetryInterval:1e4,errorRetryCount:3,onError:()=>d,onLoadingSlow:()=>d}),T=S==null?void 0:S.data;Wl(()=>{!l&&!b&&T&&g(!0)},[T,l,b]);async function h(w){if(T&&!p){let E=T.find(O=>O.flowId===w);E&&E.flowState!==X&&(E.flowState=X),await f(Promise.resolve({...S,data:T}),{optimisticData:{...S,data:T},revalidate:!1,rollbackOnError:!1})}}async function I(w,E,O){if(T){let N=T.find(A=>A.flowId===w);N&&(N.stepStates[E]=O,N.flowState=xt),await f(Promise.resolve({...S,data:T}),{optimisticData:{...S,data:T},revalidate:!1,rollbackOnError:!1})}}async function y(w,E,O){if(T){let N=T.find(A=>A.flowId===w);N&&(N.lastStepId=E,N.stepStates[E]=O,N.flowState=xt),await f({...S,data:T},{optimisticData:{...S,data:T},revalidate:!1,rollbackOnError:!1})}}async function m(w){if(T){let E=T.find(O=>O.flowId===w);E&&E.flowState!==Ue&&(E.flowState=Ue,E.lastStepId=Vl,Object.keys(E.stepStates).forEach(O=>{E.stepStates[O].actionType=De,E.stepStates[O].createdAt=new Date().toISOString()}),await f({...S,data:T},{optimisticData:{...S,data:T},revalidate:!1,rollbackOnError:!1}),c(w))}}async function P(w,E){if(T){let O=T.find(N=>N.flowId===w);O&&O.stepStates[E]!==De&&(O.stepStates[E]=De),await f({...S,data:T},{optimisticData:{...S,data:T},revalidate:!1,rollbackOnError:!1})}}return{userFlowStatesData:T,isLoadingUserFlowStateData:!l,mutateUserFlowState:f,optimisticallyMarkFlowCompleted:h,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:I,optimisticallyMarkStepNotStarted:P,optimisticallyMarkStepStarted:y,error:B}}function Zt(){let{config:e,apiUrl:t}=He(),{userFlowStatesData:o,mutateUserFlowState:i}=Ae(),{failedFlowResponses:r,setFailedFlowResponses:n,flowResponses:s,setFlowResponses:p}=Gl(K),[c,l]=Kr(new Set),[g,d]=Kr(new Set),x=Nt();function F(f){let B=JSON.stringify(f);if(c.has(B))return null;c.add(B),l(c),g.add(f),d(g);let T=s==null?void 0:s.find(h=>h.flowSlug===f.flowSlug&&h.stepId===f.stepId&&h.actionType===f.actionType&&h.createdAt===f.createdAt);return x(`${t}flowResponses`,{...e,method:"POST",body:B}).then(h=>{h.status!==200&&h.status!==201?(console.log("Failed to send flow response for step "+f.stepId+". Will retry again later."),n([...r,f])):T||p(I=>[...I??[],f])})}async function S(f){f.foreignUserId&&(f.actionType===xt||f.actionType===Ue?await F(f):f.actionType===X?await F(f):f.actionType===yo?await F(f):f.actionType===ze?await F(f):f.actionType===Co?await F(f):f.actionType===De&&await F(f))}function b(){let f=[];return o==null||o.forEach(B=>{if(B&&B.stepStates&&Object.keys(B.stepStates).length!==0)for(let T in B.stepStates){let h=B.stepStates[T];f.push({foreignUserId:B.foreignUserId,flowSlug:B.flowId,stepId:h.stepId,actionType:h.actionType,data:{},createdAt:new Date(h.createdAt),blocked:h.blocked,hidden:h.hidden})}}),[...f,...s]}return{addResponse:S,setFlowResponses:p,getFlowResponses:b}}import Jl from"swr";var Kl=/user.flow\(([^\)]+)\) == '?COMPLETED_FLOW'?/gm,qr=e=>{let t=Kl.exec(e);if(t===null)return null;let o=null;return t.forEach((i,r)=>{let n=ql(i,"'","");n.startsWith("flow_")&&(o=n)}),o},ql=function(e,t,o){return e.replace(new RegExp(t,"g"),o)};function Jo(e){try{return JSON.parse(e)}catch(t){return console.error("Failed to parse Frigade config.yml to JSON",t),null}}var Qo=(l=>(l.CHECKLIST="CHECKLIST",l.FORM="FORM",l.TOUR="TOUR",l.SUPPORT="SUPPORT",l.CUSTOM="CUSTOM",l.BANNER="BANNER",l.EMBEDDED_TIP="EMBEDDED_TIP",l.NPS_SURVEY="NPS_SURVEY",l.ANNOUNCEMENT="ANNOUNCEMENT",l))(Qo||{});function J(){let{config:e,apiUrl:t}=He(),{flows:o,setFlows:i,userId:r,publicApiKey:n,customVariables:s,setCustomVariables:p,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:l,setFlowResponses:g,setShouldGracefullyDegrade:d,readonly:x}=Yl(K),F={data:[]},{verifySDKInitiated:S}=Ot(),{addResponse:b,getFlowResponses:f}=Zt(),B=u=>fetch(u,e).then(C=>C.ok?C.json():(console.log(`Error fetching ${u} (${C.status}): ${C.statusText}. .Will gracefully degrade and hide Frigade`),d(!0),F)).catch(C=>(console.log(`Error fetching ${u}: ${C}. Will gracefully degrade and hide Frigade`),d(!0),F)),{mutateUserFlowState:T,userFlowStatesData:h,isLoadingUserFlowStateData:I,optimisticallyMarkFlowCompleted:y,optimisticallyMarkFlowNotStarted:m,optimisticallyMarkStepCompleted:P,optimisticallyMarkStepNotStarted:w,optimisticallyMarkStepStarted:E}=Ae(),{data:O,error:N,isLoading:A}=Jl(n?`${t}flows${x?"?readonly=true":""}`:null,B,{keepPreviousData:!0});Xl(()=>{if(N){console.error(N);return}O&&O.data&&i(O.data)},[O,N]);function D(u){if(A)return null;let C=o.find(v=>v.slug===u);return!C&&o.length>0&&!I&&!A?(console.log(`Flow with id ${u} not found`),null):(C==null?void 0:C.active)===!1?null:C}function $(u){var W;if(!D(u))return[];let C=D(u).data;return C?(C=j(C),(((W=Jo(C))==null?void 0:W.data)??[]).map(pe=>{let Qt=ye(pe);return{handleSecondaryButtonClick:()=>{pe.skippable===!0&&re(u,pe.id,{skipped:!0})},...pe,complete:me(u,pe.id)===ze||Qt>=1,blocked:Fe(u,pe.id),hidden:L(u,pe.id),handlePrimaryButtonClick:()=>{(!pe.completionCriteria&&(pe.autoMarkCompleted||pe.autoMarkCompleted===void 0)||pe.completionCriteria&&pe.autoMarkCompleted===!0)&&re(u,pe.id)},progress:Qt}}).filter(pe=>pe.hidden!==!0)):[]}function j(u){return u.replaceAll(/\${(.*?)}/g,(C,v)=>s[v]===void 0?"":String(s[v]).replace(/[\u00A0-\u9999<>\&]/g,function(W){return"&#"+W.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 H(u){if(!D(u))return[];let C=D(u).data;return C?(C=j(C),JSON.parse(C)??{}):[]}function V(u,C){p(v=>({...v,[u]:C}))}function we(u){!I&&!A&&u&&JSON.stringify(s)!=JSON.stringify({...s,...u})&&Object.keys(u).forEach(C=>{V(C,u[C])})}let ce=ht(async(u,C,v)=>{if(!S())return;let W={foreignUserId:r,flowSlug:u,stepId:C,actionType:yo,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};ee(W)&&(await E(u,C,W),b(W))},[r,h]),G=ht(async(u,C,v)=>{if(!S())return;let W={foreignUserId:r,flowSlug:u,stepId:C,actionType:De,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};ee(W)&&(await w(u,C),b(W))},[r,h]),re=ht(async(u,C,v)=>{if(!S())return;let W={foreignUserId:r,flowSlug:u,stepId:C,actionType:ze,data:v??{},createdAt:new Date,blocked:!1,hidden:!1};ee(W)&&(await P(u,C,W),b(W))},[r,h]),Y=ht(async(u,C)=>{if(!S()||q(u)===Ue)return;let v={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:Ue,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};await m(u),ee(v)&&b(v)},[r,h]),Te=ht(async(u,C)=>{if(!S())return;let v={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:xt,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};ee(v)&&b(v)},[r,h]),le=ht(async(u,C)=>{if(!S())return;let v={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:X,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};ee(v)&&(await y(u),b(v))},[r,h]),he=ht(async(u,C)=>{if(!S())return;let v={foreignUserId:r,flowSlug:u,stepId:"unknown",actionType:Co,data:C??{},createdAt:new Date,blocked:!1,hidden:!1};ee(v)&&(await y(u),b(v))},[r,h]);function ee(u){var C;if(!h&&u.actionType===De)return!1;if(h){let v=h.find(W=>W.flowId===u.flowSlug);if(u.actionType===De&&(!(v!=null&&v.stepStates[u.stepId])||v.stepStates[u.stepId].actionType===De)||v&&((C=v.stepStates[u.stepId])==null?void 0:C.actionType)===u.actionType||v&&v.flowState===X&&u.actionType===X)return!1}return!0}function me(u,C){let v=U(u,C);return I?null:v?v.actionType:De}function Fe(u,C){let v=U(u,C);return v?v.blocked:!1}function L(u,C){let v=U(u,C);return v?v.hidden:!1}function U(u,C){if(I)return null;let v=h==null?void 0:h.find(W=>W.flowId===u);return!v||!v.stepStates[C]?null:v.stepStates[C]??null}function Ce(u){var v;if(I||!h)return null;if(q(u)===Ue)return $(u)[0]??null;let C=(v=h.find(W=>W.flowId===u))==null?void 0:v.lastStepId;return C?$(u).find(W=>W.id===C):null}function z(u){let C=Ce(u);if(!C)return 0;let v=$(u).findIndex(W=>W.id===C.id)??0;return me(u,C.id)===ze&&v<$(u).length-1?v+1:v}function ye(u){if(!u.completionCriteria)return;let C=qr(u.completionCriteria);if(C===null)return;let v=fe(C),W=Me(C);return W===0?void 0:v/W}function q(u){let C=h==null?void 0:h.find(v=>v.flowId===u);return C?C.flowState:null}function fe(u){let C=$(u);return C.length===0?0:C.filter(W=>me(u,W.id)===ze).length}function Me(u){return $(u).length}function Et(u){let C=o.find(v=>v.slug===u);return C?Jo(C.data):null}function ft(u){if(x)return!1;if(I)return!0;if(u!=null&&u.targetingLogic&&h){let C=h.find(v=>v.flowId===u.slug);if(C)return C.shouldTrigger===!1}return!!(u!=null&&u.targetingLogic&&r&&r.startsWith("guest_"))}function At(u){return!ft(D(u))}function gt(){r&&T()}return{getFlow:D,getFlowData:Et,isLoading:I||A,getStepStatus:me,getFlowSteps:$,getCurrentStepIndex:z,markStepStarted:ce,markStepCompleted:re,markFlowNotStarted:Y,markFlowStarted:Te,markFlowCompleted:le,markFlowAborted:he,markStepNotStarted:G,getFlowStatus:q,getNumberOfStepsCompleted:fe,getNumberOfSteps:Me,targetingLogicShouldHideFlow:ft,setCustomVariable:V,updateCustomVariables:we,customVariables:s,getStepOptionalProgress:ye,getFlowMetadata:H,isStepBlocked:Fe,isStepHidden:L,hasActiveFullPageFlow:c,setHasActiveFullPageFlow:l,isFlowAvailableToUser:At,refresh:gt}}import{useCallback as Zo,useContext as Ql,useEffect as Zl}from"react";var Lt="guest_";function Rt(){let{userId:e,organizationId:t,setUserId:o,setUserProperties:i,shouldGracefullyDegrade:r}=Ql(K),{config:n,apiUrl:s}=He(),{mutateUserFlowState:p}=Ae(),c=Nt(),{verifySDKInitiated:l}=Ot();function g(S){return`frigade-user-registered-${S}`}Zl(()=>{if(e&&!t){if(e.startsWith(Lt))return;let S=g(e);localStorage.getItem(S)||(c(`${s}users`,{...n,method:"POST",body:JSON.stringify({foreignId:e})}),localStorage.setItem(S,"true"))}},[e,r,t]);let d=Zo(async S=>{if(!l())return;let b={foreignId:e,properties:S};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(b)}),i(f=>({...f,...S})),p()},[e,n,r,p]),x=Zo(async(S,b)=>{if(!l())return;let B={foreignId:e,events:[{event:S,properties:b}]};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(B)}),p()},[e,n,p]),F=Zo(async(S,b)=>{if(l())if(b){let f=g(S);localStorage.setItem(f,"true"),o(S);let B={foreignId:S,properties:b};await c(`${s}users`,{...n,method:"POST",body:JSON.stringify(B)}),i(T=>({...T,...b})),p()}else o(S)},[n,r,p]);return{userId:e,setUserId:o,setUserIdWithProperties:F,addPropertiesToUser:d,trackEventForUser:x}}import{v4 as Fp}from"uuid";import Ke,{useEffect as yp,useState as Sp}from"react";import We,{useEffect as rr,useState as la}from"react";import wo from"styled-components";import Rl from"react";import ea from"styled-components";var Yr="fr-",eo="cfr-";function a(e,t){let o=`${Yr}${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+" "+eo+e}return o}function k(e){if(!e.className||e.className.indexOf(eo)!==-1)return"";let o=e.className.replace(/\s+/g," ").split(" ");return o.length==1&&o[0].startsWith(Yr)?"":`:not(${o.map(i=>`.${i}`).join(", ")})`}function Ro(e){return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase()}function Be(e){return e!=null&&e.styleOverrides?Object.keys(e.styleOverrides).map(t=>`${Ro(t)}: ${e.styleOverrides[t]};`).join(" "):""}function ge(...e){return e.filter(Boolean).join(" ")}function to(e){return e.charAt(0).toUpperCase()+e.slice(1)}var ta=ea.div`
|
|
3
3
|
display: flex;
|
|
4
4
|
justify-content: center;
|
|
5
5
|
position: fixed;
|
|
@@ -658,7 +658,7 @@ import bt,{createContext as Yp,useEffect as Uo,useState as De}from"react";import
|
|
|
658
658
|
display: flex;
|
|
659
659
|
align-self: center;
|
|
660
660
|
`;var Gi=({stepData:e,setCanContinue:t,onSaveData:o,appearance:i})=>{let r=e.props,[n,s]=yr([]),[p,c]=yr(!1),[l,g]=yr(e.id);return Cr(()=>{n.length==0&&!p&&(c(!0),o({choice:[]}))},[p]),Cr(()=>{l!==e.id&&(g(e.id),s([]))},[e]),Cr(()=>{o({choice:n}),n.length>=r.minChoices?t(!0):t(!1)},[n]),Ze.createElement(Mi,{className:a("selectListContainer",i)},Ze.createElement(Ui,null,Ze.createElement(zi,{className:a("selectListTitle",i)},e.title),Ze.createElement(Wi,{appearance:i,className:a("selectListSubtitle",i)},e.subtitle)),r.options.map((d,x)=>{let F=n.includes(d.id);return Ze.createElement(_i,{key:`select-item-${x}`,onClick:()=>{if(n.includes(d.id)){s(n.filter(S=>S!==d.id));return}n.length<r.maxChoices?s([...n,d.id]):n.length==1&&r.maxChoices==1&&s([d.id])},hideBottomBorder:x===r.options.length-1,className:a("selectListSelectItem",i)},Ze.createElement(Hi,{className:a("selectListItemImage",i)},d.imageUri&&Ze.createElement(ji,{src:d.imageUri,alt:`select-icon-${x}`}),Ze.createElement(Vi,{appearance:i,className:a("selectListSelectItemText",i)},d.title)),Ze.createElement(Qe,{appearance:i,value:F,primaryColor:i.theme.colorPrimary}))}))};import Ie,{useEffect as Lo,useState as so}from"react";var hp=({children:e,id:t,shouldWrap:o=!1})=>Ie.createElement(Ie.Fragment,null,o?Ie.createElement("div",{key:t,style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,zIndex:1,overflowY:"auto"}},e):e),Do=({appearance:e,steps:t,selectedStep:o,customStepTypes:i,customVariables:r,onButtonClick:n,onStepCompletion:s,flowId:p,type:c,hideOnFlowCompletion:l,onComplete:g,setVisible:d,setShowModal:x,onDismiss:F,showPagination:S=!1,customFormElements:b,allowBackNavigation:f,validationHandler:B,onFormDataChange:T,showFooter:h,prefillData:I,updateUrlOnPageChange:y})=>{var Ce;let P={...{linkCollection:Di,multiInput:ki,callToAction:$i,selectList:Gi},...i},{primaryCTAClickSideEffects:w,secondaryCTAClickSideEffects:E}=ie(),[O,N]=so(!1),[A,D]=so({}),[$,j]=so(!1),[H,V]=so(!1),[we,ce]=so(null),G=t[o]??null,{markStepCompleted:re,markStepStarted:Y,isLoading:Te,updateCustomVariables:le,markFlowCompleted:he}=J();Lo(()=>{le(r)},[r,Te]),Lo(()=>{T&&T(A,ee(),t[o],o)},[A]),Lo(()=>{window&&f&&!H&&(window.location.hash=t[o].id,V(!0))},[f,H,V]),Lo(()=>{var z;if(window&&((z=window==null?void 0:window.location)!=null&&z.hash)&&window.location.hash.replace("#","")!==t[o].id){let ye=window.location.hash.replace("#",""),q=t.findIndex(fe=>fe.id===ye);q!==-1&&Y(p,t[q].id)}},[(Ce=window==null?void 0:window.location)==null?void 0:Ce.hash,Y,o,t]);function ee(){return{data:A[t[o].id]??{},stepId:t[o].id,customVariables:r}}function me(z,ye,q){let fe=o+1<t.length?t[o+1]:null;return s&&s(z,q,fe,A,ee()),n?n(z,o,ye,fe):!0}function Fe(z,ye){D(q=>{let fe={};return fe[z.id]=ye,{...q,...fe}})}function L(z){return z.selectedStep.imageUri?Ie.createElement(Ii,{image:z.selectedStep.imageUri,appearance:e,className:a("formContainerSidebarImage",e)}):null}let U=h&&Ie.createElement(Oi,{step:t[o],canContinue:O&&!$,formType:c,selectedStep:o,appearance:e,onPrimaryClick:async()=>{if(j(!0),B){let q=await B(t[o],o,t[o+1],A,ee());if(q||q===!1){ce(typeof q=="string"?q:null),j(!1);return}else ce(null)}let z={...ee()};await re(p,t[o].id,z),o+1<t.length&&await Y(p,t[o+1].id);let ye=me(t[o],"primary",o);if(o+1>=t.length&&(g&&g(),F&&F(),l&&ye&&(d&&d(!1),x(!1)),await he(p)),w(t[o]),j(!1),window&&f&&o+1<t.length&&(window.location.hash=t[o+1].id),window&&!f&&y&&o+1<t.length){let q=new URL(window.location.href);q.searchParams.set("p",t[o+1].id),window.history.pushState({},"",q.toString())}},onSecondaryClick:()=>{me(t[o],"secondary",o),E(t[o])},onBack:async()=>{o-1>=0&&(j(!0),await Y(p,t[o-1].id),j(!1))},steps:t,allowBackNavigation:f,errorMessage:we});return Ie.createElement(Ie.Fragment,null,Ie.createElement(Ei,{className:a("formContainer",e)},Ie.createElement(hp,{id:o,shouldWrap:c==="large-modal"},Ie.createElement(Ai,{key:G.id,type:c,className:a("formContent",e)},t.map(z=>{let ye=P[z.type];return G.id!==z.id?null:Ie.createElement(ye,{key:z.id,stepData:z,canContinue:O,setCanContinue:N,onSaveData:q=>{Fe(z,q)},appearance:e,customFormElements:b,flowId:p,prefillData:I})}),S&&Ie.createElement(Li,{className:a("formPagination",e),appearance:e,stepCount:t.length,currentStep:o}),U)),c=="large-modal"&&Ie.createElement(L,{selectedStep:t[o]})))};import lo from"react";import{createGlobalStyle as Cp}from"styled-components";function te({appearance:e}){if(!e||!e.styleOverrides)return lo.createElement(lo.Fragment,null);let t=Object.entries(e.styleOverrides).filter(([i,r])=>typeof r=="object");if(t.length===0)return lo.createElement(lo.Fragment,null);let o=Cp`
|
|
661
|
-
${i=>i.inlineStyles.map(([r,n])=>`.${eo}${r}.${eo}${r} { ${Object.entries(n).map(([s,p])=>`${Ro(s)}: ${p};`).join(" ")} }`).join(" ")}`;return lo.createElement(o,{inlineStyles:t})}var Ki=({flowId:e,customStepTypes:t={},type:o="inline",visible:i,setVisible:r,customVariables:n,customFormElements:s,onComplete:p,appearance:c,hideOnFlowCompletion:l=!0,onStepCompletion:g,onButtonClick:d,dismissible:x=!0,endFlowOnDismiss:F=!1,modalPosition:S="center",repeatable:b=!1,onDismiss:f,showPagination:B=!1,allowBackNavigation:T=!1,validationHandler:h,showFrigadeBranding:I=!1,onFormDataChange:y,showFooter:m=!0,prefillData:P={},updateUrlOnPageChange:w=!1})=>{let{getFlow:E,getFlowSteps:O,isLoading:N,targetingLogicShouldHideFlow:A,getFlowStatus:D,getCurrentStepIndex:$,markFlowCompleted:j,markFlowNotStarted:H}=J(),V=$(e),{mergeAppearanceWithDefault:we}=Q(),[ce,G]=Sp(!1),{setOpenFlowState:re,getOpenFlowState:Y,hasOpenModals:Te}=ke();c=we(c);let[le,he]=i!==void 0&&r!==void 0?[i,r]:[Y(e,!0),L=>re(e,L)];if(yp(()=>{!ce&&!N&&(G(!0),D(e)===X&&b&&(H(e),window&&window.localStorage&&Object.keys(window.localStorage).forEach(U=>{U.startsWith(gr)&&window.localStorage.removeItem(U)})),G(!0))},[ce,G,N]),N)return null;let ee=E(e);if(!ee||A(ee))return null;let me=O(e);if(!me||i!==void 0&&i===!1||D(e)===X&&l||(o=="modal"||o=="corner-modal")&&Te(e))return null;let Fe=()=>{he(!1),f&&f(),F===!0&&j(e)};if(S=="center"&&o==="modal"||o==="large-modal"){let L={padding:"24px"};return o==="large-modal"?(L.width="85%",L.height="90%",L.maxHeight="800px",L.minHeight="500px",L.padding="0"):L.width="400px",Ke.createElement(je,{appearance:c,onClose:Fe,visible:le,style:L,dismissible:x,showFrigadeBranding:I},Ke.createElement(te,{appearance:c}),Ke.createElement(Do,{appearance:c,steps:me,selectedStep:V,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:l,onComplete:p,setVisible:r,setShowModal:he,onDismiss:f,showPagination:B,customFormElements:s,allowBackNavigation:T,validationHandler:h,onFormDataChange:y,showFooter:m,prefillData:P,updateUrlOnPageChange:w}))}return o==="modal"&&S!=="center"?Ke.createElement(Fo,{appearance:c,onClose:Fe,visible:le,modalPosition:S},Ke.createElement(te,{appearance:c}),Ke.createElement(Do,{appearance:c,steps:me,selectedStep:V,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:l,onComplete:p,setVisible:r,setShowModal:he,onDismiss:f,showPagination:B,customFormElements:s,allowBackNavigation:T,validationHandler:h,onFormDataChange:y,showFooter:m,prefillData:P,updateUrlOnPageChange:w})):Ke.createElement(Ke.Fragment,null,Ke.createElement(te,{appearance:c}),Ke.createElement(Do,{appearance:c,steps:me,selectedStep:V,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:l,onComplete:p,setVisible:r,setShowModal:he,onDismiss:f,showPagination:B,customFormElements:s,allowBackNavigation:T,validationHandler:h,onFormDataChange:y,showFooter:m,prefillData:P,updateUrlOnPageChange:w}))},qi=Ki;import{useCallback as Sr,useContext as bp,useEffect as wp}from"react";function br(){let{organizationId:e,userId:t,setOrganizationId:o}=bp(K),{mutateUserFlowState:i}=Ae(),{config:r,apiUrl:n}=He(),s=Nt(),{verifySDKInitiated:p}=Ot();function c(x,F){return`frigade-user-group-registered-${x}-${F}`}wp(()=>{if(t&&e){if(t.startsWith(Lt))return;let x=c(t,e);localStorage.getItem(x)||(s(`${n}userGroups`,{...r,method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})}),localStorage.setItem(x,"true"))}},[t,e]);let l=Sr(async x=>{if(!p())return;if(!e||!t){console.error("Cannot add properties to organization: Organization ID and User ID must both be set.",{organizationIdInternal:e,userId:t});return}let F={foreignUserId:t,foreignUserGroupId:e,properties:x};await s(`${n}userGroups`,{...r,method:"POST",body:JSON.stringify(F)}),i()},[e,t,r,i]),g=Sr(async(x,F)=>{if(!p())return;if(!e||!t){console.error("Cannot track event for organization: Organization ID and User ID must both be set.",{organizationIdInternal:e,userId:t});return}let b={foreignUserId:t,foreignUserGroupId:e,events:[{event:x,properties:F}]};await s(`${n}userGroups`,{...r,method:"POST",body:JSON.stringify(b)}),i()},[e,t,r,i]),d=Sr(async(x,F)=>{if(p())if(F){let S=c(t,x);localStorage.setItem(S,"true"),o(x);let b={foreignUserId:t,foreignUserGroupId:x,properties:F};await s(`${n}userGroups`,{...r,method:"POST",body:JSON.stringify(b)}),i()}else o(x)},[t,r,i]);return{organizationId:e,setOrganizationId:o,setOrganizationIdWithProperties:d,addPropertiesToOrganization:l,trackEventForOrganization:g}}var Yi="frigade-xFrigade_guestUserId",ao="frigade-xFrigade_userId",Xi=({})=>{let{setFlowResponses:e}=Zt(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:i}=Ae(),{userId:r,setUserId:n}=Rt(),[s,p]=wr(null),{getFlowStatus:c}=J(),{flows:l,userProperties:g,setIsNewGuestUser:d,flowResponses:x}=Tp(K),[F,S]=wr([]),[b,f]=wr([]),{organizationId:B}=br();$o(()=>{if(!o&&t)for(let y=0;y<t.length;y++){let m=t[y],P=l.find(w=>w.slug===(m==null?void 0:m.flowId));if(P&&m&&m.shouldTrigger===!0&&P.type=="FORM"&&P.triggerType==="AUTOMATIC"&&!b.includes(P.slug)){setTimeout(()=>{T(m.flowId)},500);break}}},[o,t]),$o(()=>{x.length>0&&i()},[x]);function T(y){let m=l.find(P=>P.slug===y);m&&m.triggerType==="AUTOMATIC"&&!b.includes(m.slug)&&(f([...b,m.slug]),S([m]))}function h(){if(!r){let y=localStorage.getItem(ao);if(y){n(y);return}let m=localStorage.getItem(Yi);if(m){n(m);return}d(!0);let P=Lt+Fp();try{localStorage.setItem(Yi,P)}catch(w){console.log("Failed to save guest user id locally: Local storage unavailable",w)}n(w=>w||P)}}$o(()=>{try{if(l){let y=[];l.forEach(m=>{if(m.data){let P=m.data.match(/"imageUri":"(.*?)"/g);P&&P.forEach(w=>{let E=w.replace('"imageUri":"',"").replace('"',"");if(y.includes(E))return;let O=new Image;O.src=E,y.push(E)})}})}}catch{}},[l]),$o(()=>{if(r!==s&&e([]),p(r),r&&!r.startsWith(Lt))try{localStorage.setItem(ao,r)}catch(y){console.log("Failed to save user id locally: Local storage available",y)}r===null&&setTimeout(()=>{r===null&&h()},50)},[r,l,g]);function I(){return St.createElement(St.Fragment,null,F.map(y=>c(y.slug)!==Ue?null:St.createElement("span",{key:y.slug},St.createElement(qi,{flowId:y.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return St.createElement(St.Fragment,null,St.createElement(I,null))};import{ErrorBoundary as Jp}from"react-error-boundary";import po from"core-js-pure/actual/structured-clone";function Tr(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function dt(...e){let t=e.shift(),o=e.length===1?e[0]:dt(...e);if(!Tr(t)||!Tr(o))throw new Error("deepmerge can only merge Objects");let i=po(t);return Object.entries(o).forEach(([r,n])=>{Tr(n)?i[r]!==void 0?Object.assign(i,{[r]:dt(i[r],po(n))}):Object.assign(i,{[r]:po(n)}):Array.isArray(n)?i[r]!==void 0?Object.assign(i,{[r]:[...i[r],...po(n)]}):Object.assign(i,{[r]:po(n)}):Object.assign(i,{[r]:n})}),i}var Ji={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 kp(e){if(!e)return;let t={};return Object.entries(e).forEach(([o,i])=>{if(Ji[o]){let r=Ji[o].split("."),n=t;r.forEach((s,p)=>{n[s]||(n[s]=p===r.length-1?i:{}),n=n[s]})}}),t}function Pp(e){if(!e)return;let t=dt({},e),o={};return Object.keys(t).forEach(i=>{let r=`.fr-${i}`;o[r]=t[i]}),o}function Qi(e){let{theme:t,styleOverrides:o}=e,i=kp(t),r=Pp(o);return{overrides:i,css:r}}import Wp from"styled-components";import{compose as _p,variant as Ri}from"styled-system";import Zi from"react";import vp,{ThemeProvider as Bp,useTheme as Ep}from"styled-components";import{border as Ap,color as Ip,compose as Np,get as Op,shadow as Lp,space as Dp,system as $p,typography as Mp}from"styled-system";var Up={width:{property:"width",scale:"sizes",transform:(e,t)=>Op(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},zp=vp("div")(({css:e})=>e,Np(Ap,Ip,Lp,Dp,Mp,$p(Up))),co=({as:e,children:t,overrides:o,...i})=>{let r=Ep(),n={border:"none",boxSizing:"border-box",m:0,p:0},s=()=>Zi.createElement(zp,{as:e,...n,...i},t);if(o!==void 0){let p=dt(r,o);return Zi.createElement(Bp,{theme:p},s())}return s()};var mo={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"}},Hp={sm:{paddingX:4,paddingY:1},md:{paddingX:6,paddingY:2}},en=Wp(co)(()=>({whiteSpace:"nowrap"}),_p(Ri({scale:"components.Button",variants:"components.Button"}),Ri({prop:"size",variants:Hp})));import jp from"styled-components";import{variant as Vp,system as Gp}from"styled-system";var Mo={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 tn=jp(co)(Vp({scale:"components.Text",variants:"components.Text"}),Gp({fontWeight:{property:"fontWeight",scale:"fontWeights"}}));var on=4,rn="px",Kp=20,qp=Object.fromEntries(Array.from(Array(Kp+1),(e,t)=>t===0?[.5,`${.5*on}${rn}`]:[t,`${t*on}${rn}`])),Wt={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"},Fr={colors:{...Wt,neutral:{foreground:Wt.gray300},primary:{background:Wt.blue500,foreground:Wt.white,inverted:Wt.blue500},negative:{foreground:Wt.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:qp,components:{Button:mo,Text:Mo}};var nn="https://api.frigade.com",K=Yp({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:Je,shouldGracefullyDegrade:!1,setShouldGracefullyDegrade:()=>{},apiUrl:nn,readonly:!1,debug:!1});function Qp(){Object.keys(localStorage).forEach(e=>{e.startsWith("frigade-")&&localStorage.removeItem(e)})}var Zp=({publicApiKey:e,userId:t,organizationId:o,config:i,children:r})=>{var we,ce;let[n,s]=De(t||null),[p,c]=De(o||null),[l,g]=De([]),[d,x]=De([]),[F,S]=De([]),[b,f]=De({}),[B,T]=De({}),[h,I]=De([]),[y,m]=De({}),[P,w]=De(!1),[E,O]=De(!1),[N,A]=De(!j(e)),D=(G,re)=>{if(re==="_blank"){window.open(G,"_blank");return}setTimeout(()=>{window.location.href=G},50)},$={theme:{...Je.theme,...((we=i==null?void 0:i.defaultAppearance)==null?void 0:we.theme)??{}},styleOverrides:{...Je.styleOverrides,...((ce=i==null?void 0:i.defaultAppearance)==null?void 0:ce.styleOverrides)??{}}};function j(G){return!!(G&&G.length>10&&G.substring(0,10)==="api_public")}Uo(()=>{t&&s(t)},[t]),Uo(()=>{n&&window&&window.localStorage&&window.localStorage.getItem(ao)&&window.localStorage.getItem(ao)!==n&&Qp()},[n]),Uo(()=>{o&&c(o)},[o]),Uo(()=>{if(j(e))A(!1);else{console.error("Frigade SDK failed to initialize. API key provided is either missing or valid."),A(!0);return}},[e,A]);let H={publicApiKey:e,userId:n,setUserId:s,setFlows:g,flows:l,failedFlowResponses:d,setFailedFlowResponses:x,flowResponses:F,setFlowResponses:S,userProperties:b,setUserProperties:f,openFlowStates:B,setOpenFlowStates:T,completedFlowsToKeepOpenDuringSession:h,setCompletedFlowsToKeepOpenDuringSession:I,customVariables:y,setCustomVariables:m,isNewGuestUser:P,setIsNewGuestUser:w,hasActiveFullPageFlow:E,setHasActiveFullPageFlow:O,organizationId:p,setOrganizationId:c,navigate:i&&i.navigate?i.navigate:D,defaultAppearance:$,shouldGracefullyDegrade:N,setShouldGracefullyDegrade:A,apiUrl:i&&i.apiUrl?i.apiUrl:nn,readonly:i&&i.readonly?i.readonly:!1,debug:i&&i.debug?i.debug:!1};if(N)return bt.createElement(K.Provider,{value:H},r);let{overrides:V}=Qi($);return bt.createElement(Jp,{fallback:bt.createElement(bt.Fragment,null,r)},bt.createElement(K.Provider,{value:H},bt.createElement(Xp,{theme:dt($.theme,Fr,V??{},(i==null?void 0:i.theme)??{})},r,bt.createElement(Xi,null))))};import _d from"react";import de,{useEffect as Ls,useState as Ds}from"react";import _e,{useState as xd}from"react";import Ft from"styled-components";import _o from"react";import wt from"react";import ln from"styled-components";var sn=ln.span`
|
|
661
|
+
${i=>i.inlineStyles.map(([r,n])=>`.${eo}${r}.${eo}${r} { ${Object.entries(n).map(([s,p])=>`${Ro(s)}: ${p};`).join(" ")} }`).join(" ")}`;return lo.createElement(o,{inlineStyles:t})}var Ki=({flowId:e,customStepTypes:t={},type:o="inline",visible:i,setVisible:r,customVariables:n,customFormElements:s,onComplete:p,appearance:c,hideOnFlowCompletion:l=!0,onStepCompletion:g,onButtonClick:d,dismissible:x=!0,endFlowOnDismiss:F=!1,modalPosition:S="center",repeatable:b=!1,onDismiss:f,showPagination:B=!1,allowBackNavigation:T=!1,validationHandler:h,showFrigadeBranding:I=!1,onFormDataChange:y,showFooter:m=!0,prefillData:P={},updateUrlOnPageChange:w=!1})=>{let{getFlow:E,getFlowSteps:O,isLoading:N,targetingLogicShouldHideFlow:A,getFlowStatus:D,getCurrentStepIndex:$,markFlowCompleted:j,markFlowNotStarted:H}=J(),V=$(e),{mergeAppearanceWithDefault:we}=Q(),[ce,G]=Sp(!1),{setOpenFlowState:re,getOpenFlowState:Y,hasOpenModals:Te}=ke();c=we(c);let[le,he]=i!==void 0&&r!==void 0?[i,r]:[Y(e,!0),L=>re(e,L)];if(yp(()=>{!ce&&!N&&(G(!0),D(e)===X&&b&&(H(e),window&&window.localStorage&&Object.keys(window.localStorage).forEach(U=>{U.startsWith(gr)&&window.localStorage.removeItem(U)})),G(!0))},[ce,G,N]),N)return null;let ee=E(e);if(!ee||A(ee))return null;let me=O(e);if(!me||i!==void 0&&i===!1||D(e)===X&&l||(o=="modal"||o=="corner-modal")&&Te(e))return null;let Fe=()=>{he(!1),f&&f(),F===!0&&j(e)};if(S=="center"&&o==="modal"||o==="large-modal"){let L={padding:"24px"};return o==="large-modal"?(L.width="85%",L.height="90%",L.maxHeight="800px",L.minHeight="500px",L.padding="0"):L.width="400px",Ke.createElement(je,{appearance:c,onClose:Fe,visible:le,style:L,dismissible:x,showFrigadeBranding:I},Ke.createElement(te,{appearance:c}),Ke.createElement(Do,{appearance:c,steps:me,selectedStep:V,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:l,onComplete:p,setVisible:r,setShowModal:he,onDismiss:f,showPagination:B,customFormElements:s,allowBackNavigation:T,validationHandler:h,onFormDataChange:y,showFooter:m,prefillData:P,updateUrlOnPageChange:w}))}return o==="modal"&&S!=="center"?Ke.createElement(Fo,{appearance:c,onClose:Fe,visible:le,modalPosition:S},Ke.createElement(te,{appearance:c}),Ke.createElement(Do,{appearance:c,steps:me,selectedStep:V,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:l,onComplete:p,setVisible:r,setShowModal:he,onDismiss:f,showPagination:B,customFormElements:s,allowBackNavigation:T,validationHandler:h,onFormDataChange:y,showFooter:m,prefillData:P,updateUrlOnPageChange:w})):Ke.createElement(Ke.Fragment,null,Ke.createElement(te,{appearance:c}),Ke.createElement(Do,{appearance:c,steps:me,selectedStep:V,customStepTypes:t,customVariables:n,onButtonClick:d,onStepCompletion:g,flowId:e,type:o,hideOnFlowCompletion:l,onComplete:p,setVisible:r,setShowModal:he,onDismiss:f,showPagination:B,customFormElements:s,allowBackNavigation:T,validationHandler:h,onFormDataChange:y,showFooter:m,prefillData:P,updateUrlOnPageChange:w}))},qi=Ki;import{useCallback as Sr,useContext as bp,useEffect as wp}from"react";function br(){let{organizationId:e,userId:t,setOrganizationId:o}=bp(K),{mutateUserFlowState:i}=Ae(),{config:r,apiUrl:n}=He(),s=Nt(),{verifySDKInitiated:p}=Ot();function c(x,F){return`frigade-user-group-registered-${x}-${F}`}wp(()=>{if(t&&e){if(t.startsWith(Lt))return;let x=c(t,e);localStorage.getItem(x)||(s(`${n}userGroups`,{...r,method:"POST",body:JSON.stringify({foreignUserId:t,foreignUserGroupId:e})}),localStorage.setItem(x,"true"))}},[t,e]);let l=Sr(async x=>{if(!p())return;if(!e||!t){console.error("Cannot add properties to organization: Organization ID and User ID must both be set.",{organizationIdInternal:e,userId:t});return}let F={foreignUserId:t,foreignUserGroupId:e,properties:x};await s(`${n}userGroups`,{...r,method:"POST",body:JSON.stringify(F)}),i()},[e,t,r,i]),g=Sr(async(x,F)=>{if(!p())return;if(!e||!t){console.error("Cannot track event for organization: Organization ID and User ID must both be set.",{organizationIdInternal:e,userId:t});return}let b={foreignUserId:t,foreignUserGroupId:e,events:[{event:x,properties:F}]};await s(`${n}userGroups`,{...r,method:"POST",body:JSON.stringify(b)}),i()},[e,t,r,i]),d=Sr(async(x,F)=>{if(p())if(F){let S=c(t,x);localStorage.setItem(S,"true"),o(x);let b={foreignUserId:t,foreignUserGroupId:x,properties:F};await s(`${n}userGroups`,{...r,method:"POST",body:JSON.stringify(b)}),i()}else o(x)},[t,r,i]);return{organizationId:e,setOrganizationId:o,setOrganizationIdWithProperties:d,addPropertiesToOrganization:l,trackEventForOrganization:g}}var Yi="frigade-xFrigade_guestUserId",ao="frigade-xFrigade_userId",Xi=({})=>{let{setFlowResponses:e}=Zt(),{userFlowStatesData:t,isLoadingUserFlowStateData:o,mutateUserFlowState:i}=Ae(),{userId:r,setUserId:n}=Rt(),[s,p]=wr(null),{getFlowStatus:c}=J(),{flows:l,userProperties:g,setIsNewGuestUser:d,flowResponses:x}=Tp(K),[F,S]=wr([]),[b,f]=wr([]),{organizationId:B}=br();$o(()=>{if(!o&&t)for(let y=0;y<t.length;y++){let m=t[y],P=l.find(w=>w.slug===(m==null?void 0:m.flowId));if(P&&m&&m.shouldTrigger===!0&&P.type=="FORM"&&P.triggerType==="AUTOMATIC"&&!b.includes(P.slug)){setTimeout(()=>{T(m.flowId)},500);break}}},[o,t]),$o(()=>{x.length>0&&i()},[x]);function T(y){let m=l.find(P=>P.slug===y);m&&m.triggerType==="AUTOMATIC"&&!b.includes(m.slug)&&(f([...b,m.slug]),S([m]))}function h(){if(!r){let y=localStorage.getItem(ao);if(y){n(y);return}let m=localStorage.getItem(Yi);if(m){n(m);return}d(!0);let P=Lt+Fp();try{localStorage.setItem(Yi,P)}catch(w){console.log("Failed to save guest user id locally: Local storage unavailable",w)}n(w=>w||P)}}$o(()=>{try{if(l){let y=[];l.forEach(m=>{if(m.data){let P=m.data.match(/"imageUri":"(.*?)"/g);P&&P.forEach(w=>{let E=w.replace('"imageUri":"',"").replace('"',"");if(y.includes(E))return;let O=new Image;O.src=E,y.push(E)})}})}}catch{}},[l]),$o(()=>{if(r!==s&&e([]),p(r),r&&!r.startsWith(Lt))try{localStorage.setItem(ao,r)}catch(y){console.log("Failed to save user id locally: Local storage available",y)}r===null&&setTimeout(()=>{r===null&&h()},50)},[r,l,g]);function I(){return St.createElement(St.Fragment,null,F.map(y=>c(y.slug)!==Ue?null:St.createElement("span",{key:y.slug},St.createElement(qi,{flowId:y.slug,type:"modal",modalPosition:"center",endFlowOnDismiss:!0}))))}return St.createElement(St.Fragment,null,St.createElement(I,null))};import{ErrorBoundary as Jp}from"react-error-boundary";import po from"core-js-pure/actual/structured-clone";function Tr(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function dt(...e){let t=e.shift(),o=e.length===1?e[0]:dt(...e);if(!Tr(t)||!Tr(o))throw new Error("deepmerge can only merge Objects");let i=po(t);return Object.entries(o).forEach(([r,n])=>{Tr(n)?i[r]!==void 0?Object.assign(i,{[r]:dt(i[r],po(n))}):Object.assign(i,{[r]:po(n)}):Array.isArray(n)?i[r]!==void 0?Object.assign(i,{[r]:[...i[r],...po(n)]}):Object.assign(i,{[r]:po(n)}):Object.assign(i,{[r]:n})}),i}var Ji={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 kp(e){if(!e)return;let t={};return Object.entries(e).forEach(([o,i])=>{if(Ji[o]){let r=Ji[o].split("."),n=t;r.forEach((s,p)=>{n[s]||(n[s]=p===r.length-1?i:{}),n=n[s]})}}),t}function Pp(e){if(!e)return;let t=dt({},e),o={};return Object.keys(t).forEach(i=>{let r=`.fr-${i}`;o[r]=t[i]}),o}function Qi(e){let{theme:t,styleOverrides:o}=e,i=kp(t),r=Pp(o);return{overrides:i,css:r}}import Wp from"styled-components";import{compose as _p,variant as Ri}from"styled-system";import Zi from"react";import vp,{ThemeProvider as Bp,useTheme as Ep}from"styled-components";import{border as Ap,color as Ip,compose as Np,get as Op,shadow as Lp,space as Dp,system as $p,typography as Mp}from"styled-system";var Up={width:{property:"width",scale:"sizes",transform:(e,t)=>Op(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},zp=vp("div")(({css:e})=>e,Np(Ap,Ip,Lp,Dp,Mp,$p(Up))),co=({as:e,children:t,overrides:o,...i})=>{let r=Ep(),n={border:"none",boxSizing:"border-box",m:0,p:0},s=()=>Zi.createElement(zp,{as:e,...n,...i},t);if(o!==void 0){let p=dt(r,o);return Zi.createElement(Bp,{theme:p},s())}return s()};var mo={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"}},Hp={sm:{paddingX:4,paddingY:1},md:{paddingX:6,paddingY:2}},en=Wp(co)(()=>({whiteSpace:"nowrap"}),_p(Ri({scale:"components.Button",variants:"components.Button"}),Ri({prop:"size",variants:Hp})));import jp from"styled-components";import{variant as Vp,system as Gp}from"styled-system";var Mo={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 tn=jp(co)(Vp({scale:"components.Text",variants:"components.Text"}),Gp({fontWeight:{property:"fontWeight",scale:"fontWeights"}}));var on=4,rn="px",Kp=20,qp=Object.fromEntries(Array.from(Array(Kp+1),(e,t)=>t===0?[.5,`${.5*on}${rn}`]:[t,`${t*on}${rn}`])),Wt={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"},Fr={colors:{...Wt,neutral:{foreground:Wt.gray300},primary:{background:Wt.blue500,foreground:Wt.white,inverted:Wt.blue500},negative:{foreground:Wt.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:qp,components:{Button:mo,Text:Mo}};var nn="https://api.frigade.com",K=Yp({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:Je,shouldGracefullyDegrade:!1,setShouldGracefullyDegrade:()=>{},apiUrl:nn,readonly:!1,debug:!1});function Qp(){Object.keys(localStorage).forEach(e=>{e.startsWith("frigade-")&&localStorage.removeItem(e)})}var Zp=({publicApiKey:e,userId:t,organizationId:o,config:i,children:r})=>{var we,ce;let[n,s]=$e(t||null),[p,c]=$e(o||null),[l,g]=$e([]),[d,x]=$e([]),[F,S]=$e([]),[b,f]=$e({}),[B,T]=$e({}),[h,I]=$e([]),[y,m]=$e({}),[P,w]=$e(!1),[E,O]=$e(!1),[N,A]=$e(!j(e)),D=(G,re)=>{if(re==="_blank"){window.open(G,"_blank");return}setTimeout(()=>{window.location.href=G},50)},$={theme:{...Je.theme,...((we=i==null?void 0:i.defaultAppearance)==null?void 0:we.theme)??{}},styleOverrides:{...Je.styleOverrides,...((ce=i==null?void 0:i.defaultAppearance)==null?void 0:ce.styleOverrides)??{}}};function j(G){return!!(G&&G.length>10&&G.substring(0,10)==="api_public")}Uo(()=>{t&&s(t)},[t]),Uo(()=>{n&&window&&window.localStorage&&window.localStorage.getItem(ao)&&window.localStorage.getItem(ao)!==n&&Qp()},[n]),Uo(()=>{o&&c(o)},[o]),Uo(()=>{if(j(e))A(!1);else{console.error("Frigade SDK failed to initialize. API key provided is either missing or valid."),A(!0);return}},[e,A]);let H={publicApiKey:e,userId:n,setUserId:s,setFlows:g,flows:l,failedFlowResponses:d,setFailedFlowResponses:x,flowResponses:F,setFlowResponses:S,userProperties:b,setUserProperties:f,openFlowStates:B,setOpenFlowStates:T,completedFlowsToKeepOpenDuringSession:h,setCompletedFlowsToKeepOpenDuringSession:I,customVariables:y,setCustomVariables:m,isNewGuestUser:P,setIsNewGuestUser:w,hasActiveFullPageFlow:E,setHasActiveFullPageFlow:O,organizationId:p,setOrganizationId:c,navigate:i&&i.navigate?i.navigate:D,defaultAppearance:$,shouldGracefullyDegrade:N,setShouldGracefullyDegrade:A,apiUrl:i&&i.apiUrl?i.apiUrl:nn,readonly:i&&i.readonly?i.readonly:!1,debug:i&&i.debug?i.debug:!1};if(N)return bt.createElement(K.Provider,{value:H},r);let{overrides:V}=Qi($);return bt.createElement(Jp,{fallback:bt.createElement(bt.Fragment,null,r)},bt.createElement(K.Provider,{value:H},bt.createElement(Xp,{theme:dt($.theme,Fr,V??{},(i==null?void 0:i.theme)??{})},r,bt.createElement(Xi,null))))};import _d from"react";import de,{useEffect as Ls,useState as Ds}from"react";import _e,{useState as xd}from"react";import Ft from"styled-components";import _o from"react";import wt from"react";import ln from"styled-components";var sn=ln.span`
|
|
662
662
|
font-weight: 600;
|
|
663
663
|
font-size: 14px;
|
|
664
664
|
font-style: normal;
|
|
@@ -776,11 +776,11 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${eo}${r}.${eo}${r} { ${Object.entries(n).map
|
|
|
776
776
|
color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorText}};
|
|
777
777
|
margin-bottom: ${e=>e.textLocation=="top"?"8px":"0px"};
|
|
778
778
|
${e=>Be(e)}
|
|
779
|
-
`;var
|
|
779
|
+
`;var Ne=({count:e,total:t,display:o="count",textLocation:i="left",style:r={},textStyle:n={},appearance:s})=>{if(t===0)return Tt.createElement(Tt.Fragment,null);let p=e===0?"10px":`${e/t*100}%`,c=o==="compact"?"5px":"10px",l=Math.round(e/t*100),g=o==="compact"?"5px":"14px",d;return o==="count"?d=`${e}/${t}`:o==="compact"?d=`${l}%`:o==="percent"&&(d=`${l}% complete`),i==="top"&&(g="0px"),Tt.createElement(ed,{className:a("progressBarContainer",s),textLocation:i,styleOverrides:r},Tt.createElement(od,{className:a("progressBarStepText",s),style:{...n,fontSize:o==="compact"?12:14,fontWeight:o==="compact"?400:600},appearance:s,padding:g,textLocation:i},d),Tt.createElement(td,{textLocation:i,className:a("progressBar",s)},Tt.createElement(un,{style:{zIndex:o=="compact"?1:5},fgWidth:p,barHeight:c,appearance:s,className:a("progressBarFill",s)}),Tt.createElement(fn,{className:a("progressBarBackground",s),barHeight:c,appearance:s})))};import fo from"react";import id from"styled-components";import jo from"react";import Ho from"react";var _t=({stepData:e,appearance:t})=>Ho.createElement(Ho.Fragment,null,Ho.createElement(pn,{appearance:t,className:a("checklistStepTitle",t),dangerouslySetInnerHTML:ne(e.title)}),Ho.createElement(dn,{appearance:t,className:a("checklistStepSubtitle",t),dangerouslySetInnerHTML:ne(e.subtitle)}));import Pr from"react";var Ht=({stepData:e,appearance:t})=>{let o=()=>{e.handlePrimaryButtonClick&&e.handlePrimaryButtonClick()},i=()=>{e.handleSecondaryButtonClick&&e.handleSecondaryButtonClick()};return Pr.createElement(Ao,{className:a("ctaContainer",t)},Pr.createElement(Z,{appearance:t,title:e.primaryButtonTitle,onClick:o}),e.secondaryButtonTitle&&Pr.createElement(Z,{appearance:t,secondary:!0,title:e.secondaryButtonTitle,onClick:i,style:{width:"auto",marginRight:"12px"}}))};var jt=({stepData:e,appearance:t})=>jo.createElement(jo.Fragment,null,jo.createElement(_t,{stepData:e,appearance:t}),jo.createElement(Ht,{stepData:e,appearance:t}));import rd from"react";function gn(e){return rd.createElement(Ge,{appearance:e.appearance,videoUri:e.videoUri})}var vr="default",nd=id.img`
|
|
780
780
|
border-radius: 4px;
|
|
781
781
|
max-height: 260px;
|
|
782
782
|
min-height: 200px;
|
|
783
|
-
`,xn=({stepData:e,appearance:t})=>{if(e!=null&&e.StepContent){let o=e.StepContent;return fo.createElement("div",null,o)}return fo.createElement(an,{className:a("checklistStepContent",t)},e.imageUri?fo.createElement(nd,{className:a("checklistStepImage",t),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?fo.createElement(gn,{videoUri:e.videoUri,appearance:t}):null,fo.createElement(jt,{stepData:e,appearance:t}))};import
|
|
783
|
+
`,xn=({stepData:e,appearance:t})=>{if(e!=null&&e.StepContent){let o=e.StepContent;return fo.createElement("div",null,o)}return fo.createElement(an,{className:a("checklistStepContent",t)},e.imageUri?fo.createElement(nd,{className:a("checklistStepImage",t),src:e.imageUri,style:e.imageStyle}):null,e.videoUri?fo.createElement(gn,{videoUri:e.videoUri,appearance:t}):null,fo.createElement(jt,{stepData:e,appearance:t}))};import Oe,{useRef as sd,useState as ld}from"react";import Vt from"styled-components";var hn=Vt.div`
|
|
784
784
|
display: block;
|
|
785
785
|
`,ad=Vt.div`
|
|
786
786
|
display: flex;
|
|
@@ -825,7 +825,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${eo}${r}.${eo}${r} { ${Object.entries(n).map
|
|
|
825
825
|
box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.06);
|
|
826
826
|
border-radius: 50%;
|
|
827
827
|
}
|
|
828
|
-
`,Cn="videoCarousel",yn=({stepData:e,appearance:t})=>{var r;if(!((r=e.props)!=null&&r.videos))return
|
|
828
|
+
`,Cn="videoCarousel",yn=({stepData:e,appearance:t})=>{var r;if(!((r=e.props)!=null&&r.videos))return Oe.createElement(hn,null,Oe.createElement(jt,{stepData:e,appearance:t}));function o({video:n}){let s=sd(),[p,c]=ld(!1);return Oe.createElement(pd,null,!p&&Oe.createElement(md,{onClick:()=>{c(!0),s.current.play()},appearance:t},Oe.createElement(Io,null)),Oe.createElement(dd,{controls:p,ref:s,play:p,src:n.uri}),Oe.createElement(cd,null,n.title))}let i=e.props;return i.videos?Oe.createElement(hn,null,Oe.createElement(_t,{stepData:e,appearance:t}),Oe.createElement(ad,null,i.videos.map((n,s)=>Oe.createElement("span",{key:`${n.uri}-${s}`},Oe.createElement(o,{video:n})))),Oe.createElement(Ht,{stepData:e,appearance:t})):null};import et from"react";import Vo from"styled-components";var Sn=Vo.div`
|
|
829
829
|
display: block;
|
|
830
830
|
`,ud=Vo.pre`
|
|
831
831
|
display: block;
|
|
@@ -886,7 +886,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${eo}${r}.${eo}${r} { ${Object.entries(n).map
|
|
|
886
886
|
`,wd=Ft.div`
|
|
887
887
|
flex: 2;
|
|
888
888
|
padding: 2rem 2rem 2rem 0rem;
|
|
889
|
-
`,Td=({title:e,subtitle:t,steps:o=[],style:i={},selectedStep:r,setSelectedStep:n,className:s="",customStepTypes:p=new Map,appearance:c,type:l})=>{let{mergeAppearanceWithDefault:g}=Q();c=g(c);let x={...{[vr]:xn,[Cn]:yn,[bn]:wn},...p},[F,S]=xd(0),b=r??F,f=n??S,B=o.filter(h=>h.complete===!0).length,T=()=>{var h;return!((h=o[b])!=null&&h.type)||!x[o[b].type]?x[vr]({stepData:o[b],appearance:c}):x[o[b].type]({stepData:o[b],appearance:c})};return _e.createElement(hd,{type:l,styleOverrides:i,className:s,appearance:c},_e.createElement(Tn,{style:{flex:1}},_e.createElement(Tn,{style:{padding:"28px 0px 28px 28px",borderBottom:"1px solid #E5E5E5"}},_e.createElement(Cd,{className:a("checklistTitle",c),appearance:c},e),_e.createElement(yd,{className:a("checklistSubtitle",c),appearance:c},t),_e.createElement(
|
|
889
|
+
`,Td=({title:e,subtitle:t,steps:o=[],style:i={},selectedStep:r,setSelectedStep:n,className:s="",customStepTypes:p=new Map,appearance:c,type:l})=>{let{mergeAppearanceWithDefault:g}=Q();c=g(c);let x={...{[vr]:xn,[Cn]:yn,[bn]:wn},...p},[F,S]=xd(0),b=r??F,f=n??S,B=o.filter(h=>h.complete===!0).length,T=()=>{var h;return!((h=o[b])!=null&&h.type)||!x[o[b].type]?x[vr]({stepData:o[b],appearance:c}):x[o[b].type]({stepData:o[b],appearance:c})};return _e.createElement(hd,{type:l,styleOverrides:i,className:s,appearance:c},_e.createElement(Tn,{style:{flex:1}},_e.createElement(Tn,{style:{padding:"28px 0px 28px 28px",borderBottom:"1px solid #E5E5E5"}},_e.createElement(Cd,{className:a("checklistTitle",c),appearance:c},e),_e.createElement(yd,{className:a("checklistSubtitle",c),appearance:c},t),_e.createElement(Ne,{total:o.length,count:B,style:{marginTop:"24px",paddingRight:"40px"},appearance:c})),_e.createElement(Sd,{className:a("checklistStepsContainer",c)},o.map((h,I)=>_e.createElement(mn,{data:h,index:I,key:I,listLength:o.length,isSelected:I===b,primaryColor:c.theme.colorPrimary,style:{justifyContent:"space-between"},onClick:()=>{f(I)},appearance:c})))),_e.createElement(bd,{appearance:c,className:a("checklistDivider",c)}),_e.createElement(wd,null,_e.createElement(T,null)))},Br=Td;import M,{useState as Bd}from"react";import Fn from"react";import Fd from"styled-components";var kd=Fd.svg`
|
|
890
890
|
transition: 'transform 0.35s ease-in-out';
|
|
891
891
|
`,Gt=({style:e,className:t})=>Fn.createElement(kd,{width:"7",height:"10",viewBox:"0 0 9 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:e,className:t},Fn.createElement("path",{d:"M1 13L7.5 7L0.999999 1",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}));import ue from"styled-components";var Er={boxShadow:"0px 6px 25px rgba(0, 0, 0, 0.06)",padding:"32px",maxHeight:"700px",msOverflowStyle:"none",scrollbarWidth:"none",paddingBottom:"12px",minHeight:"610px"},kn=ue.div`
|
|
892
892
|
max-height: 350px;
|
|
@@ -1101,7 +1101,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${eo}${r}.${eo}${r} { ${Object.entries(n).map
|
|
|
1101
1101
|
line-height: 14px;
|
|
1102
1102
|
font-weight: 400;
|
|
1103
1103
|
cursor: pointer;
|
|
1104
|
-
`;var vd=({steps:e,style:t,title:o,primaryColor:i,appearance:r,onButtonClick:n})=>{let{primaryCTAClickSideEffects:s}=ie();return ot.createElement(Vn,{style:t,className:a("guideContainer",r)},ot.createElement(Kn,{className:a("guideTitle",r)},o),ot.createElement(Gn,{className:a("guideItemContainer",r)},e.map((p,c)=>ot.createElement(qn,{key:`guide-${p.id??c}`,className:a("guideItem",r)},p.icon&&ot.createElement(Yn,{className:a("guideIcon",r)},ot.createElement(Xn,null,p.icon)),ot.createElement(Jn,{className:a("guideItemTitle",r),dangerouslySetInnerHTML:ne(p.title)}),ot.createElement(Qn,{className:a("guideItemSubtitle",r),dangerouslySetInnerHTML:ne(p.subtitle)}),ot.createElement(Zn,{className:a("guideItemLink",r),color:i,onClick:()=>{p.primaryButtonUri&&s(p),n&&n(p)}},p.primaryButtonTitle)))))},go=vd;var Ed=({steps:e,title:t,subtitle:o,stepsTitle:i,visible:r,onClose:n,selectedStep:s,setSelectedStep:p,customStepTypes:c,appearance:l,guideData:g,guideTitle:d,onGuideButtonClick:x})=>{let F=({stepData:m,handleSecondaryCTAClick:P,handleCTAClick:w})=>m?M.createElement(Ln,{className:a("checklistStepContainer",l),"data-testid":"checklistStepContainer"},M.createElement(Dn,{appearance:l,className:a("checklistStepTitle",l),dangerouslySetInnerHTML:ne(m.title)}),M.createElement($n,{appearance:l,className:a("checklistStepSubtitle",l),dangerouslySetInnerHTML:ne(m.subtitle)}),M.createElement(Mn,{className:a("checklistCTAContainer",l)},m.secondaryButtonTitle&&M.createElement(Z,{title:m.secondaryButtonTitle,onClick:P,appearance:l,secondary:!0}),M.createElement(Z,{title:m.primaryButtonTitle,onClick:w,appearance:l}))):M.createElement(M.Fragment,null),b={...{default:m=>{var O;if((O=e[T])!=null&&O.StepContent){let N=e[T].StepContent;return M.createElement("div",null,N)}let P=e[T];return M.createElement(F,{stepData:m,handleCTAClick:()=>{P.handlePrimaryButtonClick&&P.handlePrimaryButtonClick()},handleSecondaryCTAClick:()=>{P.handleSecondaryButtonClick&&P.handleSecondaryButtonClick()}})}},...c},[f,B]=Bd(0),T=s??f,h=p??B,I=()=>{var m;return e?!((m=e[T])!=null&&m.type)||!b[e[T].type]?b.default(e[T]):b[e[T].type]({stepData:e[T],primaryColor:l.theme.colorPrimary}):M.createElement(M.Fragment,null)},y=e.filter(m=>m.complete).length;return r?(l.theme.modalContainer||(l.theme.borderRadius&&(Er.borderRadius=l.theme.borderRadius+"px"),l.theme.modalContainer=Er),M.createElement(je,{onClose:n,visible:r,appearance:l},M.createElement(Hn,null,M.createElement(Pn,null,M.createElement(vn,{appearance:l,className:a("checklistTitle",l)},t),M.createElement(Bn,{appearance:l,className:a("checklistSubtitle",l)},o)),M.createElement(kn,null,e&&e.length>0&&M.createElement(En,{className:a("stepsContainer",l)},M.createElement(An,null,M.createElement("div",{style:{flex:3}},M.createElement(In,{className:a("stepsTitle",l)},i)),M.createElement(_n,null,M.createElement(
|
|
1104
|
+
`;var vd=({steps:e,style:t,title:o,primaryColor:i,appearance:r,onButtonClick:n})=>{let{primaryCTAClickSideEffects:s}=ie();return ot.createElement(Vn,{style:t,className:a("guideContainer",r)},ot.createElement(Kn,{className:a("guideTitle",r)},o),ot.createElement(Gn,{className:a("guideItemContainer",r)},e.map((p,c)=>ot.createElement(qn,{key:`guide-${p.id??c}`,className:a("guideItem",r)},p.icon&&ot.createElement(Yn,{className:a("guideIcon",r)},ot.createElement(Xn,null,p.icon)),ot.createElement(Jn,{className:a("guideItemTitle",r),dangerouslySetInnerHTML:ne(p.title)}),ot.createElement(Qn,{className:a("guideItemSubtitle",r),dangerouslySetInnerHTML:ne(p.subtitle)}),ot.createElement(Zn,{className:a("guideItemLink",r),color:i,onClick:()=>{p.primaryButtonUri&&s(p),n&&n(p)}},p.primaryButtonTitle)))))},go=vd;var Ed=({steps:e,title:t,subtitle:o,stepsTitle:i,visible:r,onClose:n,selectedStep:s,setSelectedStep:p,customStepTypes:c,appearance:l,guideData:g,guideTitle:d,onGuideButtonClick:x})=>{let F=({stepData:m,handleSecondaryCTAClick:P,handleCTAClick:w})=>m?M.createElement(Ln,{className:a("checklistStepContainer",l),"data-testid":"checklistStepContainer"},M.createElement(Dn,{appearance:l,className:a("checklistStepTitle",l),dangerouslySetInnerHTML:ne(m.title)}),M.createElement($n,{appearance:l,className:a("checklistStepSubtitle",l),dangerouslySetInnerHTML:ne(m.subtitle)}),M.createElement(Mn,{className:a("checklistCTAContainer",l)},m.secondaryButtonTitle&&M.createElement(Z,{title:m.secondaryButtonTitle,onClick:P,appearance:l,secondary:!0}),M.createElement(Z,{title:m.primaryButtonTitle,onClick:w,appearance:l}))):M.createElement(M.Fragment,null),b={...{default:m=>{var O;if((O=e[T])!=null&&O.StepContent){let N=e[T].StepContent;return M.createElement("div",null,N)}let P=e[T];return M.createElement(F,{stepData:m,handleCTAClick:()=>{P.handlePrimaryButtonClick&&P.handlePrimaryButtonClick()},handleSecondaryCTAClick:()=>{P.handleSecondaryButtonClick&&P.handleSecondaryButtonClick()}})}},...c},[f,B]=Bd(0),T=s??f,h=p??B,I=()=>{var m;return e?!((m=e[T])!=null&&m.type)||!b[e[T].type]?b.default(e[T]):b[e[T].type]({stepData:e[T],primaryColor:l.theme.colorPrimary}):M.createElement(M.Fragment,null)},y=e.filter(m=>m.complete).length;return r?(l.theme.modalContainer||(l.theme.borderRadius&&(Er.borderRadius=l.theme.borderRadius+"px"),l.theme.modalContainer=Er),M.createElement(je,{onClose:n,visible:r,appearance:l},M.createElement(Hn,null,M.createElement(Pn,null,M.createElement(vn,{appearance:l,className:a("checklistTitle",l)},t),M.createElement(Bn,{appearance:l,className:a("checklistSubtitle",l)},o)),M.createElement(kn,null,e&&e.length>0&&M.createElement(En,{className:a("stepsContainer",l)},M.createElement(An,null,M.createElement("div",{style:{flex:3}},M.createElement(In,{className:a("stepsTitle",l)},i)),M.createElement(_n,null,M.createElement(Ne,{style:{width:"100%"},count:y,total:e.length,appearance:l}))),M.createElement(Nn,null,M.createElement(On,{className:a("checklistStepListContainer",l),appearance:l},e.map((m,P)=>{let w=T===P;return M.createElement(Un,{selected:w,className:a(`checklistStepListItem${w?"Selected":""}`,l),key:`checklist-guide-step-${m.id??P}`,disabled:m.blocked,onClick:()=>{m.blocked||h(P)},title:m.blocked?"Finish remaining steps to continue":void 0},w&&M.createElement(Wo,{className:a("checklistStepItemSelectedIndicator",l),layoutId:"checklist-step-selected",style:{backgroundColor:l.theme.colorPrimary,borderRadius:0,height:"100%",top:"0%",width:"2px"}}),M.createElement(zn,{selected:w,className:a(`checklistStepListStepName${w?"Selected":""}`,l)},m.stepName),M.createElement(Wn,null,M.createElement(Qe,{value:m.complete,type:"round",primaryColor:l.theme.colorPrimary,progress:m.progress,appearance:l}),M.createElement(jn,null,M.createElement(Gt,{style:{marginLeft:"10px"},color:l.theme.colorBackgroundSecondary}))))})),M.createElement(I,null))),g&&g.length>0&&M.createElement(go,{steps:g,title:d,primaryColor:l.theme.colorPrimary,style:{border:"none",boxShadow:"none"},appearance:l,onButtonClick:m=>(x&&x(m),!0)}))))):M.createElement(M.Fragment,null)},Ar=Ed;import Ee,{useEffect as us,useState as Ad}from"react";import xe from"react";import rt from"styled-components";var Rn=rt.div`
|
|
1105
1105
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
1106
1106
|
border: 1px solid;
|
|
1107
1107
|
border-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBorder}};
|
|
@@ -1193,7 +1193,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${eo}${r}.${eo}${r} { ${Object.entries(n).map
|
|
|
1193
1193
|
padding: 24px;
|
|
1194
1194
|
border-radius: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.borderRadius}}px;
|
|
1195
1195
|
background-color: ${e=>{var t,o;return(o=(t=e.appearance)==null?void 0:t.theme)==null?void 0:o.colorBackground}};
|
|
1196
|
-
`;var Id=({title:e,subtitle:t,steps:o,onClose:i,visible:r,autoExpandFirstIncompleteStep:n=!0,autoCollapse:s=!0,autoExpandNextStep:p=!0,selectedStep:c,setSelectedStep:l,appearance:g,type:d,className:x,customStepTypes:F,style:S})=>{let b=o.filter(y=>y.complete).length,[f,B]=Ad(Array(o.length).fill(!0));us(()=>{let y=[...f];if(n){for(let m=0;m<o.length;m++)if(!o[m].complete){y[m]=!1;break}B(y)}},[]),us(()=>{T(c)},[c]);let T=y=>{let m=[...f];if(s)for(let P=0;P<f.length;++P)P!==y&&(m[P]=!0);m[y]=!m[y],B(m)};if(!r&&d=="modal")return Ee.createElement(Ee.Fragment,null);let h=Ee.createElement(Ee.Fragment,null,Ee.createElement(as,null,Ee.createElement(ps,{appearance:g,className:a("checklistTitle",g),dangerouslySetInnerHTML:ne(e)}),Ee.createElement(ds,{appearance:g,className:a("checklistSubtitle",g),dangerouslySetInnerHTML:ne(t)})),Ee.createElement(
|
|
1196
|
+
`;var Id=({title:e,subtitle:t,steps:o,onClose:i,visible:r,autoExpandFirstIncompleteStep:n=!0,autoCollapse:s=!0,autoExpandNextStep:p=!0,selectedStep:c,setSelectedStep:l,appearance:g,type:d,className:x,customStepTypes:F,style:S})=>{let b=o.filter(y=>y.complete).length,[f,B]=Ad(Array(o.length).fill(!0));us(()=>{let y=[...f];if(n){for(let m=0;m<o.length;m++)if(!o[m].complete){y[m]=!1;break}B(y)}},[]),us(()=>{T(c)},[c]);let T=y=>{let m=[...f];if(s)for(let P=0;P<f.length;++P)P!==y&&(m[P]=!0);m[y]=!m[y],B(m)};if(!r&&d=="modal")return Ee.createElement(Ee.Fragment,null);let h=Ee.createElement(Ee.Fragment,null,Ee.createElement(as,null,Ee.createElement(ps,{appearance:g,className:a("checklistTitle",g),dangerouslySetInnerHTML:ne(e)}),Ee.createElement(ds,{appearance:g,className:a("checklistSubtitle",g),dangerouslySetInnerHTML:ne(t)})),Ee.createElement(Ne,{display:"percent",count:b,total:o.length,style:{margin:"14px 0px 8px 0px"},appearance:g})),I=Ee.createElement(cs,{className:ge(a("checklistContainer",g),x)},o.map((y,m)=>{let P=f[m];return Ee.createElement(ls,{appearance:g,stepData:y,collapsed:P,key:`modal-checklist-${y.id??m}`,onClick:()=>{if(c===m){T(m);return}l(m)},onPrimaryButtonClick:()=>{y.handlePrimaryButtonClick&&y.handlePrimaryButtonClick(),p&&!y.completionCriteria&&m<f.length-1&&f[m+1]&&l(m+1)},onSecondaryButtonClick:()=>{y.handleSecondaryButtonClick&&y.handleSecondaryButtonClick()},customStepTypes:F})}));return d==="inline"?Ee.createElement(ms,{appearance:g,className:ge(a("checklistInlineContainer",g),x),style:S},h,I):Ee.createElement(Ee.Fragment,null,Ee.createElement(je,{onClose:i,visible:r,appearance:g,style:{maxWidth:"600px"},headerContent:h},I))},Ir=Id;import se,{useEffect as Nr,useRef as zd,useState as kt}from"react";import{useEffect as Nd,useState as Od}from"react";var fs=()=>{let e={isSmall:"(max-width: 480px)",isMedium:"(min-width: 481px) AND (max-width: 1023px)",isLarge:"(min-width: 1025px)"},t=Object.fromEntries(Object.entries(e).map(([p])=>[p,!1])),[o,i]=Od(t),r=null,n=()=>{r!==null?clearTimeout(r):s(),r=setTimeout(()=>{s()},16)},s=()=>{let p=Object.fromEntries(Object.entries(e).map(([c,l])=>{if(!window)return[c,!1];let g=window.matchMedia(l);return g.addEventListener("change",n),[c,g.matches]}));i(p)};return Nd(()=>{s()},[]),o};import qt from"react";import ae,{css as gs,keyframes as xs}from"styled-components";var hs=gs`
|
|
1197
1197
|
border: 1px solid ${({theme:e})=>e.colorBorder};
|
|
1198
1198
|
`,Ld=gs`
|
|
1199
1199
|
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.06);
|
|
@@ -1335,7 +1335,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${eo}${r}.${eo}${r} { ${Object.entries(n).map
|
|
|
1335
1335
|
color: ${({theme:e})=>e.colorTextSecondary};
|
|
1336
1336
|
${e=>e.blocked||e.complete?"opacity: 0.4;":`
|
|
1337
1337
|
`}
|
|
1338
|
-
`;var Is=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:i}=Q(),{primaryCTAClickSideEffects:r}=ie();o=i(o);let{imageUri:n=null,subtitle:s=null,title:p=null,complete:c=!1,blocked:l=!1}=e,g=e.primaryButtonTitle||e.secondaryButtonTitle,d=()=>{r(e)};return qt.createElement(Ts,{className:a("carouselCard",o),onClick:l?null:d,style:t,blocked:l,complete:c},n&&qt.createElement(Fs,{className:a("carouselCardImage",o),src:n,alt:p,style:{opacity:c||l?.4:1}}),c&&qt.createElement(Ps,{className:a("carouselCompletedPill",o)},qt.createElement(As,{style:{color:"#108E0B"}},"Complete")),p&&qt.createElement(Es,{blocked:l,complete:c,className:a("carouselCardTitle",o)},p),s&&qt.createElement(ct.Quiet,{blocked:l,complete:c,className:a("carouselCardSubtitle",o)},s))};var Wd=()=>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"})),Ns=({side:e="left",show:t=!1,onClick:o=()=>{}})=>{let[i,r]=kt(!1),[n,s]=kt(!1);Nr(()=>{t===!0&&i===!1?r(!0):t===!1&&i===!0&&s(!0)},[t]);let p=()=>{r(!1),s(!1)},c=e=="left"?{top:0,bottom:0,left:-20,transform:"rotate(180deg)"}:{top:0,bottom:0,right:-20};return i?se.createElement(Ss,{style:c,reversed:n,onAnimationEnd:n?p:null},se.createElement(bs,{onClick:()=>o(),style:{right:16,top:"calc(50% - 24px)"}},se.createElement(Wd,null))):null},Os=({flowId:e,appearance:t,customVariables:o,className:i})=>{let r=zd(null),[n,s]=kt(!1),[p,c]=kt(!1),[l,g]=kt(null),[d,x]=kt([]),[F,S]=kt(0),{isSmall:b}=fs(),f=b?1:3,{getFlowMetadata:B,getFlowSteps:T,getNumberOfStepsCompleted:h,updateCustomVariables:I,isLoading:y}=J();Nr(()=>{I(o)},[o,y]),Nr(()=>{if(y)return;let N=B(e),A=h(e),D=T(e);g(N),N.data!==null&&(x(D.sort(($,j)=>Number($.complete)-Number(j.complete))),c(D.length>f),S(A))},[y]);let m=[];for(let N=0;N<d.length;N+=f)m.push(d.slice(N,N+f));let P=N=>{let A=N.target,D=A.scrollWidth-A.clientWidth,$=Math.ceil(A.scrollLeft);$>0&&n===!1&&s(!0),$===0&&n===!0&&s(!1),$<D&&p===!1&&c(!0),$===D&&p===!0&&c(!1)},w=(N=!0)=>{let A=N?1:-1;r.current!==null&&r.current.scrollBy({left:r.current.clientWidth*A,behavior:"smooth"})},E=null,O=N=>{E!==null?clearTimeout(E):P(N),E=setTimeout(()=>{P(N)},16)};return y?null:se.createElement(ks,{className:ge(a("carouselContainer",t),i)},se.createElement("div",{style:{display:"flex",justifyContent:b?"center":"space-between",marginBottom:20,flexWrap:b?"wrap":"nowrap",gap:b?16:20}},se.createElement("div",null,se.createElement(vs,{className:a("carouselTitle",t)},l==null?void 0:l.title),se.createElement(ct.Quiet,{className:a("carouselSubtitle",t)},l==null?void 0:l.subtitle)),se.createElement(Bs,{className:a("progressWrapper",t)},se.createElement(
|
|
1338
|
+
`;var Is=({stepData:e,style:t={},appearance:o})=>{let{mergeAppearanceWithDefault:i}=Q(),{primaryCTAClickSideEffects:r}=ie();o=i(o);let{imageUri:n=null,subtitle:s=null,title:p=null,complete:c=!1,blocked:l=!1}=e,g=e.primaryButtonTitle||e.secondaryButtonTitle,d=()=>{r(e)};return qt.createElement(Ts,{className:a("carouselCard",o),onClick:l?null:d,style:t,blocked:l,complete:c},n&&qt.createElement(Fs,{className:a("carouselCardImage",o),src:n,alt:p,style:{opacity:c||l?.4:1}}),c&&qt.createElement(Ps,{className:a("carouselCompletedPill",o)},qt.createElement(As,{style:{color:"#108E0B"}},"Complete")),p&&qt.createElement(Es,{blocked:l,complete:c,className:a("carouselCardTitle",o)},p),s&&qt.createElement(ct.Quiet,{blocked:l,complete:c,className:a("carouselCardSubtitle",o)},s))};var Wd=()=>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"})),Ns=({side:e="left",show:t=!1,onClick:o=()=>{}})=>{let[i,r]=kt(!1),[n,s]=kt(!1);Nr(()=>{t===!0&&i===!1?r(!0):t===!1&&i===!0&&s(!0)},[t]);let p=()=>{r(!1),s(!1)},c=e=="left"?{top:0,bottom:0,left:-20,transform:"rotate(180deg)"}:{top:0,bottom:0,right:-20};return i?se.createElement(Ss,{style:c,reversed:n,onAnimationEnd:n?p:null},se.createElement(bs,{onClick:()=>o(),style:{right:16,top:"calc(50% - 24px)"}},se.createElement(Wd,null))):null},Os=({flowId:e,appearance:t,customVariables:o,className:i})=>{let r=zd(null),[n,s]=kt(!1),[p,c]=kt(!1),[l,g]=kt(null),[d,x]=kt([]),[F,S]=kt(0),{isSmall:b}=fs(),f=b?1:3,{getFlowMetadata:B,getFlowSteps:T,getNumberOfStepsCompleted:h,updateCustomVariables:I,isLoading:y}=J();Nr(()=>{I(o)},[o,y]),Nr(()=>{if(y)return;let N=B(e),A=h(e),D=T(e);g(N),N.data!==null&&(x(D.sort(($,j)=>Number($.complete)-Number(j.complete))),c(D.length>f),S(A))},[y]);let m=[];for(let N=0;N<d.length;N+=f)m.push(d.slice(N,N+f));let P=N=>{let A=N.target,D=A.scrollWidth-A.clientWidth,$=Math.ceil(A.scrollLeft);$>0&&n===!1&&s(!0),$===0&&n===!0&&s(!1),$<D&&p===!1&&c(!0),$===D&&p===!0&&c(!1)},w=(N=!0)=>{let A=N?1:-1;r.current!==null&&r.current.scrollBy({left:r.current.clientWidth*A,behavior:"smooth"})},E=null,O=N=>{E!==null?clearTimeout(E):P(N),E=setTimeout(()=>{P(N)},16)};return y?null:se.createElement(ks,{className:ge(a("carouselContainer",t),i)},se.createElement("div",{style:{display:"flex",justifyContent:b?"center":"space-between",marginBottom:20,flexWrap:b?"wrap":"nowrap",gap:b?16:20}},se.createElement("div",null,se.createElement(vs,{className:a("carouselTitle",t)},l==null?void 0:l.title),se.createElement(ct.Quiet,{className:a("carouselSubtitle",t)},l==null?void 0:l.subtitle)),se.createElement(Bs,{className:a("progressWrapper",t)},se.createElement(Ne,{count:F,total:d.length,appearance:t}))),se.createElement("div",{style:{position:"relative"}},se.createElement(Ns,{show:n,onClick:()=>w(!1)}),se.createElement(Ns,{side:"right",show:p,onClick:w}),se.createElement(Cs,{ref:r,onScroll:O},m.map((N,A)=>se.createElement(ys,{key:A,style:{flex:`0 0 calc(100% - ${d.length>f?36:0}px)`}},N.map((D,$)=>se.createElement(Is,{key:$,stepData:D,style:{flex:d.length>f?`0 1 calc(100% / ${f} - 16px * 2 / ${f})`:1},appearance:t})))))),se.createElement(te,{appearance:t}))};var Or=({flowId:e,title:t,subtitle:o,style:i,initialSelectedStep:r,className:n,type:s="inline",onDismiss:p,visible:c,customVariables:l,onStepCompletion:g,onButtonClick:d,appearance:x,hideOnFlowCompletion:F,setVisible:S,customStepTypes:b,checklistStyle:f="default",autoExpandFirstIncompleteStep:B,autoExpandNextStep:T,...h})=>{let{getFlow:I,getFlowSteps:y,markStepCompleted:m,getStepStatus:P,getNumberOfStepsCompleted:w,isLoading:E,targetingLogicShouldHideFlow:O,updateCustomVariables:N,getFlowMetadata:A,isStepBlocked:D,getFlowStatus:$,hasActiveFullPageFlow:j,setHasActiveFullPageFlow:H}=J(),{primaryCTAClickSideEffects:V,secondaryCTAClickSideEffects:we}=ie(),{getOpenFlowState:ce,setOpenFlowState:G}=ke(),[re,Y]=Ds(r||0),[Te,le]=Ds(!1),he=c===void 0?ce(e):c,ee=s==="modal",{mergeAppearanceWithDefault:me}=Q();if(x=me(x),Ls(()=>{N(l)},[l,E]),Ls(()=>{c!==void 0&&(ee&&c===!0?H(!0):ee&&c===!1&&H(!1))},[c,S,j]),E)return null;let Fe=I(e);if(!Fe||O(Fe))return null;let L=y(e);if(!L||F===!0&&$(e)===X)return null;let U=A(e);if(U!=null&&U.title&&(t=U.title),U!=null&&U.subtitle&&(o=U.subtitle),!Te&&r===void 0&&w(e)>0){let u=L.findIndex(C=>C.complete===!1);Y(u>-1?u:L.length-1),le(!0)}function Ce(){if(re+1>=L.length){ee&&G(e,!1);return}D(e,L[re+1].id)||Y(re+1)}function z(u,C,v){let W=re+1<L.length?L[re+1]:null;d&&d(u,re,C,W)===!0&&ee&&Me(),g&&g(u,v,W),!g&&!d&&(u.primaryButtonUri||u.secondaryButtonUri)&&ee&&Me()}function ye(){return L.map((u,C)=>({...u,handleSecondaryButtonClick:()=>{Ce(),we(u),u.skippable===!0&&m(e,u.id,{skipped:!0}),z(u,"secondary",C)},handlePrimaryButtonClick:()=>{(!u.completionCriteria&&(u.autoMarkCompleted||u.autoMarkCompleted===void 0)||u.completionCriteria&&u.autoMarkCompleted===!0)&&(m(e,u.id),Ce()),z(u,"primary",C),V(u),P(e,u.id)===ze&&Ce()}}))}function q(){return de.createElement(te,{appearance:x})}let fe={steps:ye(),title:t,subtitle:o,primaryColor:x.theme.colorPrimary,appearance:x,customStepTypes:b,type:s,className:n,autoExpandFirstIncompleteStep:B,autoExpandNextStep:T};function Me(){G(e,!1),p&&p(),S&&S(!1)}function Et(){return de.createElement(de.Fragment,null,de.createElement(q,null),de.createElement(Os,{flowId:e,appearance:x,customVariables:l,className:n}))}function ft(){return de.createElement(de.Fragment,null,de.createElement(q,null),de.createElement(Ir,{visible:he,onClose:()=>{Me()},selectedStep:re,setSelectedStep:Y,autoExpandNextStep:!0,appearance:x,...fe}))}function At(){let u=h.guideFlowId,C;return u&&I(u)&&(C=y(u)),de.createElement(de.Fragment,null,de.createElement(q,null),de.createElement(Ar,{visible:he,stepsTitle:U.stepsTitle?U.stepsTitle:"Your quick start guide",onClose:()=>{Me()},selectedStep:re,setSelectedStep:Y,guideData:C,guideTitle:h.guideTitle??"Guide",appearance:x,title:t,subtitle:o,onGuideButtonClick:v=>{z(v,"link",0)},customStepTypes:b,...fe}))}function gt(){let u=de.createElement(Br,{flowId:e,style:i,selectedStep:re,setSelectedStep:Y,appearance:x,type:s,...fe});return ee?de.createElement(je,{onClose:()=>{Me()},visible:he,appearance:x,style:{paddingTop:"0px",padding:"12px",paddingLeft:0}},de.createElement(q,null),u):de.createElement(de.Fragment,null,de.createElement(q,null),u)}switch(f){case"condensed":return ft();case"with-guide":return At();case"default":return gt();case"carousel":return Et();default:return gt()}};var Hd=e=>_d.createElement(Or,{type:"inline",...e});import ut,{useEffect as jd}from"react";import qe from"react";import Go from"styled-components";var $s=Go.div`
|
|
1339
1339
|
border: 1px solid ${e=>e.appearance.theme.colorBorder};
|
|
1340
1340
|
border-radius: 8px;
|
|
1341
1341
|
padding: 6px 10px 6px 10px;
|
|
@@ -1363,7 +1363,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${eo}${r}.${eo}${r} { ${Object.entries(n).map
|
|
|
1363
1363
|
display: flex;
|
|
1364
1364
|
height: 100%;
|
|
1365
1365
|
align-items: center;
|
|
1366
|
-
`;var Ws=({title:e,count:t,total:o,onClick:i,style:r={},className:n,appearance:s,type:p="default"})=>qe.createElement(qe.Fragment,null,qe.createElement(te,{appearance:s}),qe.createElement($s,{onClick:()=>i!==void 0&&i(),style:{...p=="condensed"?{display:"flex",justifyContent:"space-between"}:{},...r},className:ge(n??"",a("progressRingContainer",s)),appearance:s},p=="condensed"&&o&&o!==0&&qe.createElement(zs,{className:a("progressRingContainer",s)},qe.createElement($t,{size:19,percentage:t/o,fillColor:s.theme.colorPrimary,bgColor:s.theme.colorBackgroundSecondary})),qe.createElement(Ms,{type:p,className:a("badgeTitleContainer",s)},qe.createElement(Us,{type:p,appearance:s,className:a("badgeTitle",s)},e),i!==void 0&&qe.createElement(Gt,{className:a("badgeChevron",s),color:s.theme.colorPrimary})),p=="default"&&o&&o!==0&&qe.createElement(
|
|
1366
|
+
`;var Ws=({title:e,count:t,total:o,onClick:i,style:r={},className:n,appearance:s,type:p="default"})=>qe.createElement(qe.Fragment,null,qe.createElement(te,{appearance:s}),qe.createElement($s,{onClick:()=>i!==void 0&&i(),style:{...p=="condensed"?{display:"flex",justifyContent:"space-between"}:{},...r},className:ge(n??"",a("progressRingContainer",s)),appearance:s},p=="condensed"&&o&&o!==0&&qe.createElement(zs,{className:a("progressRingContainer",s)},qe.createElement($t,{size:19,percentage:t/o,fillColor:s.theme.colorPrimary,bgColor:s.theme.colorBackgroundSecondary})),qe.createElement(Ms,{type:p,className:a("badgeTitleContainer",s)},qe.createElement(Us,{type:p,appearance:s,className:a("badgeTitle",s)},e),i!==void 0&&qe.createElement(Gt,{className:a("badgeChevron",s),color:s.theme.colorPrimary})),p=="default"&&o&&o!==0&&qe.createElement(Ne,{display:"compact",count:t,total:o,bgColor:s.theme.colorBackgroundSecondary,style:{width:"100%"},appearance:s})));import mt from"react";import xo from"styled-components";var _s=xo.div`
|
|
1367
1367
|
display: flex;
|
|
1368
1368
|
flex-direction: row;
|
|
1369
1369
|
width: 100%;
|
|
@@ -1401,7 +1401,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${eo}${r}.${eo}${r} { ${Object.entries(n).map
|
|
|
1401
1401
|
:hover {
|
|
1402
1402
|
opacity: 0.8;
|
|
1403
1403
|
}
|
|
1404
|
-
`;var Gs=({title:e,subtitle:t,icon:o,appearance:i,count:r,total:n,className:s,style:p})=>mt.createElement(mt.Fragment,null,mt.createElement(_s,{appearance:i,className:ge(a("fullWidthProgressBadgeContainer",i),s??""),style:p},o&&mt.createElement(Hs,{className:a("fullWidthProgressBadgeIcon",i)},o),mt.createElement(js,null,mt.createElement(ve,{size:"small",appearance:i,title:e,subtitle:t})),mt.createElement(Vs,{className:a("fullWidthProgressBadgeProgressContainer",i)},mt.createElement(
|
|
1404
|
+
`;var Gs=({title:e,subtitle:t,icon:o,appearance:i,count:r,total:n,className:s,style:p})=>mt.createElement(mt.Fragment,null,mt.createElement(_s,{appearance:i,className:ge(a("fullWidthProgressBadgeContainer",i),s??""),style:p},o&&mt.createElement(Hs,{className:a("fullWidthProgressBadgeIcon",i)},o),mt.createElement(js,null,mt.createElement(ve,{size:"small",appearance:i,title:e,subtitle:t})),mt.createElement(Vs,{className:a("fullWidthProgressBadgeProgressContainer",i)},mt.createElement(Ne,{count:r,total:n,display:"percent",textLocation:"top"}))));var Vd=({flowId:e,title:t,subtitle:o,icon:i,style:r,onClick:n,className:s,customVariables:p,hideOnFlowCompletion:c,appearance:l,type:g="default"})=>{let{getFlow:d,getFlowSteps:x,getFlowStatus:F,getNumberOfStepsCompleted:S,isLoading:b,targetingLogicShouldHideFlow:f,updateCustomVariables:B}=J(),{mergeAppearanceWithDefault:T}=Q();l=T(l);let{setOpenFlowState:h,getOpenFlowState:I}=ke();if(jd(()=>{B(p)},[p,b]),b)return null;let y=d(e);if(!y||f(y)||c===!0&&F(e)===X)return null;let m=x(e),P=S(e);return g==="full-width"?ut.createElement(ut.Fragment,null,ut.createElement(te,{appearance:l}),ut.createElement(Gs,{title:t,subtitle:o,count:P,total:m.length,style:r,className:s,appearance:l,icon:i,onClick:()=>{}})):ut.createElement(ut.Fragment,null,ut.createElement(te,{appearance:l}),ut.createElement(Ws,{count:P,total:m.length,title:t,style:r,onClick:()=>{h(e,!0),n&&n()},type:g,className:s,appearance:l}))};import Gd from"react";var Kd=({flowId:e,style:t,appearance:o,...i})=>{let{getFlow:r,targetingLogicShouldHideFlow:n,getFlowSteps:s}=J(),{mergeAppearanceWithDefault:p}=Q();o=p(o);let c=r(e);if(!c||n(c))return null;let l=s(e);return Gd.createElement(go,{steps:l,style:t,appearance:o,...i})};import Pt,{useContext as nc,useEffect as sc}from"react";import _,{useEffect as Ko,useLayoutEffect as Ys,useRef as Zd,useState as Yt}from"react";import ho from"styled-components";import{useCallback as qd,useEffect as Yd,useState as Xd}from"react";var Lr=(e,t,o,i={x:20,y:20},r)=>{let n=r=="fixed"?0:window.scrollY,s=r=="fixed"?0:window.scrollX;return t==="left"?{x:e.left-o+i.x+s,y:e.top-i.y+n}:t==="right"?{x:e.left+e.width+i.x+s,y:e.top-i.y+n}:{x:0,y:0}};function Ks(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:()=>{}},[i,r]=Xd(o),n=qd(()=>{e&&r(e.getBoundingClientRect())},[e]);return Yd(()=>(n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)),[e,t]),i}import{useContext as Jd,useState as Qd}from"react";function qs(){let{debug:e}=Jd(K),[t,o]=Qd([]);function i(n){e&&(t.find(s=>s===n)||(o([...t,n]),console.log(n)))}function r(n){e&&(t.find(s=>s===n)||(o([...t,n]),console.warn(n)))}return{logIfDebugMode:i,logErrorIfDebugMode:r}}var Xs=300,Js=100,Rd=500,Xt=12,ec=ho.div`
|
|
1405
1405
|
width: 100%;
|
|
1406
1406
|
height: 100%;
|
|
1407
1407
|
border-radius: 9999px;
|
|
@@ -1442,7 +1442,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${eo}${r}.${eo}${r} { ${Object.entries(n).map
|
|
|
1442
1442
|
`,rc=ho(Qs)`
|
|
1443
1443
|
width: ${Xt+12}px;
|
|
1444
1444
|
height: ${Xt+12}px;
|
|
1445
|
-
`,ic=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:i="auto",showHighlight:r=!0,primaryColor:n="#000000",offset:s={x:0,y:0},visible:p=!0,containerStyle:c={},selectedStep:l=0,customStepTypes:g,appearance:d,dismissible:x=!1,showHighlightOnly:F,showStepCount:S=!0,completedStepsCount:b=0,showFrigadeBranding:f=!1,cssPosition:B="absolute"})=>{var Me,Et,ft,At,gt,u,C,v,W,pe,Qt,jr;let{logErrorIfDebugMode:T}=qs(),[h,I]=Yt(),[y,m]=Yt(new Date),P=Zd(null),[w,E]=Yt(document.querySelector(e[l].selector)),O=Ks(w,y),[N,A]=Yt(),[D,$]=Yt(!F),j=(Et=(Me=e[l])==null?void 0:Me.props)!=null&&Et.position?e[l].props.position:B,H=((At=(ft=e[l])==null?void 0:ft.props)==null?void 0:At.zIndex)??90,V=(h==null?void 0:h.width)??Xs,we=(h==null?void 0:h.height)??Js,[ce,G]=Yt(new Date().getTime()),re=window.location.pathname.split("/").pop();Ys(()=>{P.current&&I({width:P.current.clientWidth,height:P.current.clientHeight})},[l,y,j]),Ko(()=>{F||$(!0)},[l]);let Y=()=>{let oe=document.querySelector(e[l].selector);if(!oe){A(void 0),E(null),T(`FrigadeTour: Could not find element with selector "${e[l].selector}" for step ${e[l].id}`);return}N&&N===JSON.stringify(oe==null?void 0:oe.getBoundingClientRect())||(E(oe),m(new Date),oe&&A(JSON.stringify(oe.getBoundingClientRect())))};if(Ko(()=>{let oe=new MutationObserver(Y);return oe.observe(document.body,{subtree:!0,childList:!0}),()=>oe.disconnect()},[Y]),Ko(()=>{let oe=new MutationObserver(Y);return oe.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["style","class"]}),()=>oe.disconnect()},[Y]),Ko(()=>{let oe=setInterval(()=>{Y()},10);return()=>clearInterval(oe)},[Y]),Ys(()=>{setTimeout(()=>{Y()},Rd),Y()},[l,re]),w===null||!p||O.height===0&&O.width===0&&j!=="fixed"&&B!=="static")return null;let Te=i==="auto"?"right":i,le=Lr(O,Te,V,s,j),he=O.right+V>(window.innerWidth||document.documentElement.clientWidth),ee=O.bottom+Js>(window.innerHeight||document.documentElement.clientHeight);he&&i==="auto"&&(le=Lr(O,"left",V,s,j),Te="left"),(u=(gt=e[l])==null?void 0:gt.props)!=null&&u.tooltipPosition&&((v=(C=e[l])==null?void 0:C.props)==null?void 0:v.tooltipPosition)!=="auto"&&(((pe=(W=e[l])==null?void 0:W.props)==null?void 0:pe.tooltipPosition)==="left"||((jr=(Qt=e[l])==null?void 0:Qt.props)==null?void 0:jr.tooltipPosition)==="right")&&(Te=e[l].props.tooltipPosition);let me=()=>{let oe=()=>{if(e[l].handlePrimaryButtonClick&&(e[l].handlePrimaryButtonClick(),$(!1),setTimeout(()=>{Y()},30)),b===e.length-1)return o()},nt=()=>{e[l].handleSecondaryButtonClick&&(e[l].handleSecondaryButtonClick(),F&&!e[l].secondaryButtonUri&&$(!1))};return _.createElement(_.Fragment,null,S&&e.length>1&&_.createElement(oi,null,_.createElement(ii,{className:a("tooltipStepCounter",d)},l+1," of ",e.length)),(e[l].primaryButtonTitle||e[l].secondaryButtonTitle)&&_.createElement(ri,{showStepCount:S,className:a("tooltipCTAContainer",d)},e[l].secondaryButtonTitle&&_.createElement(Z,{title:e[l].secondaryButtonTitle,appearance:d,onClick:nt,size:"small",withMargin:!1,secondary:!0}),e[l].primaryButtonTitle&&_.createElement(Z,{title:e[l].primaryButtonTitle,appearance:d,onClick:oe,withMargin:!1,size:"small"})))},Fe=()=>_.createElement(_.Fragment,null,x&&_.createElement(Qr,{"data-testid":"tooltip-dismiss",onClick:()=>{t&&t()},className:a("tooltipClose",d),hasImage:!!e[l].imageUri||!!e[l].videoUri},_.createElement(Pe,null)),e[l].imageUri&&_.createElement(Zr,{dismissible:x,appearance:d,src:e[l].imageUri,className:a("tooltipImageContainer",d)}),e[l].videoUri&&!e[l].imageUri&&_.createElement(Rr,{dismissible:x,appearance:d,className:a("tooltipVideoContainer",d)},_.createElement(Ge,{appearance:d,videoUri:e[l].videoUri})),_.createElement(ti,{className:a("tooltipContentContainer",d)},_.createElement(ve,{appearance:d,title:e[l].title,subtitle:e[l].subtitle,size:"small"}),_.createElement(ei,{className:a("tooltipFooter",d)},_.createElement(me,null)))),U={...{default:oe=>{var nt;if((nt=e[l])!=null&&nt.StepContent){let Dl=e[l].StepContent;return _.createElement("div",null,Dl)}return _.createElement(Fe,null)}},...g},Ce=()=>{var oe;return e?!((oe=e[l])!=null&&oe.type)||!U[e[l].type]?U.default(e[l]):U[e[l].type]({stepData:e[l],primaryColor:n}):_.createElement(_.Fragment,null)};if(F&&e[l].complete===!0||le.x==0&&le.y==0&&new Date().getTime()-ce<100)return null;let z={top:(le==null?void 0:le.y)-Xt,left:(Te=="left"?O.x+s.x:(le==null?void 0:le.x)-Xt)??0,cursor:F?"pointer":"default",position:j},ye=()=>{let nt=z.left+(Te=="left"?-V:24);return Math.min(Math.max(nt,20),window.innerWidth-V-20)},q=()=>{if(j==="fixed")return z.top;let oe=z.top+we,nt=20;return oe>window.innerHeight-nt?z.top+-we:z.top},fe=()=>{F&&(m(new Date),$(!D))};return _.createElement(oc,null,_.createElement(rc,{style:z,zIndex:H,className:a("tourHighlightContainer",d)},r&&e[l].showHighlight!==!1&&B!=="static"&&_.createElement(_.Fragment,null,_.createElement(tc,{style:{position:j},onClick:fe,primaryColor:d.theme.colorPrimary,className:a("tourHighlightInnerCircle",d)}),_.createElement(ec,{style:{position:"absolute"},onClick:fe,primaryColor:d.theme.colorPrimary,className:a("tourHighlightOuterCircle",d)}))),_.createElement(Qs,{style:{...z,left:ye(),top:q()},zIndex:H+1,className:a("tooltipContainerWrapper",d)},D&&_.createElement(_.Fragment,null,_.createElement(So,{ref:P,layoutId:"tooltip-container",style:{position:"relative",width:"max-content",right:0,top:B!=="static"?12:0,...c},appearance:d,className:a("tooltipContainer",d),maxWidth:Xs,zIndex:H+10},_.createElement(Ce,null)),f&&_.createElement(si,{className:a("poweredByFrigadeTooltipRibbon",d),appearance:d,zIndex:H+10},_.createElement(bo,{appearance:d})))))},Dr=ic;import{Portal as lc}from"react-portal";var ac=({flowId:e,customVariables:t,appearance:o,onStepCompletion:i,onButtonClick:r,showTooltipsSimultaneously:n=!1,onDismiss:s,dismissible:p,tooltipPosition:c="auto",showHighlightOnly:l=!1,dismissBehavior:g="complete-flow",onComplete:d,skipIfNotFound:x=!1,cssPosition:F="absolute",...S})=>{let{getFlow:b,getFlowSteps:f,isLoading:B,targetingLogicShouldHideFlow:T,markStepCompleted:h,markStepStarted:I,markFlowCompleted:y,updateCustomVariables:m,getCurrentStepIndex:P,getStepStatus:w,isStepBlocked:E,getFlowStatus:O,getNumberOfStepsCompleted:N}=J(),{isLoadingUserFlowStateData:A}=Ae(),{primaryCTAClickSideEffects:D,secondaryCTAClickSideEffects:$}=ie(),{hasOpenModals:j}=ke(),H=P(e),{openFlowStates:V}=nc(K),{mergeAppearanceWithDefault:we}=Q();if(o=we(o),sc(()=>{m(t)},[t,B]),A)return null;let ce=b(e);if(!ce||T(ce)||O(e)==X||j())return null;let G=f(e);if(Object.keys(V).length>0){let L=Object.keys(V).find(U=>V[U]===!0);if(L!==void 0&&L!==e)return Pt.createElement(Pt.Fragment,null)}async function re(L){if(await h(e,L.id),G.map(U=>w(e,U.id)).every(U=>U===ze)){await y(e);return}if(!l&&H+1<G.length){if(E(e,G[H+1].id))return;await I(e,G[H+1].id)}}function Y(L,U,Ce){let z=H+1<G.length?G[H+1]:null;r&&r(L,H,U,z),i&&i(L,Ce,z)}function Te(){return G.map(L=>({...L,handleSecondaryButtonClick:async()=>{$(L),L.skippable===!0&&await h(e,L.id,{skipped:!0}),Y(L,"secondary",H)},handlePrimaryButtonClick:async()=>{(!L.completionCriteria&&(L.autoMarkCompleted||L.autoMarkCompleted===void 0)||L.completionCriteria&&L.autoMarkCompleted===!0)&&await re(L),Y(L,"primary",H),D(L)}}))}async function le(L){s&&s(),g==="complete-flow"?await y(e):await h(e,L.id)}function he(){d&&d()}let ee=!document.querySelector(G[H].selector);function me(){let L=G.findIndex(U=>!!document.querySelector(U.selector));return G.map((U,Ce)=>ee&&!n&&Ce!==L&&x||!n&&Ce!==H?null:Pt.createElement(Dr,{key:U.id,appearance:o,steps:Te(),selectedStep:Ce,showTooltipsSimultaneously:n,dismissible:p,onDismiss:()=>le(U),tooltipPosition:c,showHighlightOnly:l,completedStepsCount:N(e),onComplete:he,cssPosition:F,...S}))}function Fe(){return Pt.createElement(Pt.Fragment,null,Pt.createElement(te,{appearance:o}),me())}return F==="static"?Fe():Pt.createElement(lc,null,Fe())};import
|
|
1445
|
+
`,ic=({steps:e=[],onDismiss:t,onComplete:o=()=>{},tooltipPosition:i="auto",showHighlight:r=!0,primaryColor:n="#000000",offset:s={x:0,y:0},visible:p=!0,containerStyle:c={},selectedStep:l=0,customStepTypes:g,appearance:d,dismissible:x=!1,showHighlightOnly:F,showStepCount:S=!0,completedStepsCount:b=0,showFrigadeBranding:f=!1,cssPosition:B="absolute"})=>{var Me,Et,ft,At,gt,u,C,v,W,pe,Qt,jr;let{logErrorIfDebugMode:T}=qs(),[h,I]=Yt(),[y,m]=Yt(new Date),P=Zd(null),[w,E]=Yt(document.querySelector(e[l].selector)),O=Ks(w,y),[N,A]=Yt(),[D,$]=Yt(!F),j=(Et=(Me=e[l])==null?void 0:Me.props)!=null&&Et.position?e[l].props.position:B,H=((At=(ft=e[l])==null?void 0:ft.props)==null?void 0:At.zIndex)??90,V=(h==null?void 0:h.width)??Xs,we=(h==null?void 0:h.height)??Js,[ce,G]=Yt(new Date().getTime()),re=window.location.pathname.split("/").pop();Ys(()=>{P.current&&I({width:P.current.clientWidth,height:P.current.clientHeight})},[l,y,j]),Ko(()=>{F||$(!0)},[l]);let Y=()=>{let oe=document.querySelector(e[l].selector);if(!oe){A(void 0),E(null),T(`FrigadeTour: Could not find element with selector "${e[l].selector}" for step ${e[l].id}`);return}N&&N===JSON.stringify(oe==null?void 0:oe.getBoundingClientRect())||(E(oe),m(new Date),oe&&A(JSON.stringify(oe.getBoundingClientRect())))};if(Ko(()=>{let oe=new MutationObserver(Y);return oe.observe(document.body,{subtree:!0,childList:!0}),()=>oe.disconnect()},[Y]),Ko(()=>{let oe=new MutationObserver(Y);return oe.observe(document.body,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["style","class"]}),()=>oe.disconnect()},[Y]),Ko(()=>{let oe=setInterval(()=>{Y()},10);return()=>clearInterval(oe)},[Y]),Ys(()=>{setTimeout(()=>{Y()},Rd),Y()},[l,re]),w===null||!p||O.height===0&&O.width===0&&j!=="fixed"&&B!=="static")return null;let Te=i==="auto"?"right":i,le=Lr(O,Te,V,s,j),he=O.right+V>(window.innerWidth||document.documentElement.clientWidth),ee=O.bottom+Js>(window.innerHeight||document.documentElement.clientHeight);he&&i==="auto"&&(le=Lr(O,"left",V,s,j),Te="left"),(u=(gt=e[l])==null?void 0:gt.props)!=null&&u.tooltipPosition&&((v=(C=e[l])==null?void 0:C.props)==null?void 0:v.tooltipPosition)!=="auto"&&(((pe=(W=e[l])==null?void 0:W.props)==null?void 0:pe.tooltipPosition)==="left"||((jr=(Qt=e[l])==null?void 0:Qt.props)==null?void 0:jr.tooltipPosition)==="right")&&(Te=e[l].props.tooltipPosition);let me=()=>{let oe=()=>{if(e[l].handlePrimaryButtonClick&&(e[l].handlePrimaryButtonClick(),$(!1),setTimeout(()=>{Y()},30)),b===e.length-1)return o()},nt=()=>{e[l].handleSecondaryButtonClick&&(e[l].handleSecondaryButtonClick(),F&&!e[l].secondaryButtonUri&&$(!1))};return _.createElement(_.Fragment,null,S&&e.length>1&&_.createElement(oi,null,_.createElement(ii,{className:a("tooltipStepCounter",d)},l+1," of ",e.length)),(e[l].primaryButtonTitle||e[l].secondaryButtonTitle)&&_.createElement(ri,{showStepCount:S,className:a("tooltipCTAContainer",d)},e[l].secondaryButtonTitle&&_.createElement(Z,{title:e[l].secondaryButtonTitle,appearance:d,onClick:nt,size:"small",withMargin:!1,secondary:!0}),e[l].primaryButtonTitle&&_.createElement(Z,{title:e[l].primaryButtonTitle,appearance:d,onClick:oe,withMargin:!1,size:"small"})))},Fe=()=>_.createElement(_.Fragment,null,x&&_.createElement(Qr,{"data-testid":"tooltip-dismiss",onClick:()=>{t&&t()},className:a("tooltipClose",d),hasImage:!!e[l].imageUri||!!e[l].videoUri},_.createElement(Pe,null)),e[l].imageUri&&_.createElement(Zr,{dismissible:x,appearance:d,src:e[l].imageUri,className:a("tooltipImageContainer",d)}),e[l].videoUri&&!e[l].imageUri&&_.createElement(Rr,{dismissible:x,appearance:d,className:a("tooltipVideoContainer",d)},_.createElement(Ge,{appearance:d,videoUri:e[l].videoUri})),_.createElement(ti,{className:a("tooltipContentContainer",d)},_.createElement(ve,{appearance:d,title:e[l].title,subtitle:e[l].subtitle,size:"small"}),_.createElement(ei,{className:a("tooltipFooter",d)},_.createElement(me,null)))),U={...{default:oe=>{var nt;if((nt=e[l])!=null&&nt.StepContent){let Dl=e[l].StepContent;return _.createElement("div",null,Dl)}return _.createElement(Fe,null)}},...g},Ce=()=>{var oe;return e?!((oe=e[l])!=null&&oe.type)||!U[e[l].type]?U.default(e[l]):U[e[l].type]({stepData:e[l],primaryColor:n}):_.createElement(_.Fragment,null)};if(F&&e[l].complete===!0||le.x==0&&le.y==0&&new Date().getTime()-ce<100)return null;let z={top:(le==null?void 0:le.y)-Xt,left:(Te=="left"?O.x+s.x:(le==null?void 0:le.x)-Xt)??0,cursor:F?"pointer":"default",position:j},ye=()=>{let nt=z.left+(Te=="left"?-V:24);return Math.min(Math.max(nt,20),window.innerWidth-V-20)},q=()=>{if(j==="fixed")return z.top;let oe=z.top+we,nt=20;return oe>window.innerHeight-nt?z.top+-we:z.top},fe=()=>{F&&(m(new Date),$(!D))};return _.createElement(oc,null,_.createElement(rc,{style:z,zIndex:H,className:a("tourHighlightContainer",d)},r&&e[l].showHighlight!==!1&&B!=="static"&&_.createElement(_.Fragment,null,_.createElement(tc,{style:{position:j},onClick:fe,primaryColor:d.theme.colorPrimary,className:a("tourHighlightInnerCircle",d)}),_.createElement(ec,{style:{position:"absolute"},onClick:fe,primaryColor:d.theme.colorPrimary,className:a("tourHighlightOuterCircle",d)}))),_.createElement(Qs,{style:{...z,left:ye(),top:q()},zIndex:H+1,className:a("tooltipContainerWrapper",d)},D&&_.createElement(_.Fragment,null,_.createElement(So,{ref:P,layoutId:"tooltip-container",style:{position:"relative",width:"max-content",right:0,top:B!=="static"?12:0,...c},appearance:d,className:a("tooltipContainer",d),maxWidth:Xs,zIndex:H+10},_.createElement(Ce,null)),f&&_.createElement(si,{className:a("poweredByFrigadeTooltipRibbon",d),appearance:d,zIndex:H+10},_.createElement(bo,{appearance:d})))))},Dr=ic;import{Portal as lc}from"react-portal";var ac=({flowId:e,customVariables:t,appearance:o,onStepCompletion:i,onButtonClick:r,showTooltipsSimultaneously:n=!1,onDismiss:s,dismissible:p,tooltipPosition:c="auto",showHighlightOnly:l=!1,dismissBehavior:g="complete-flow",onComplete:d,skipIfNotFound:x=!1,cssPosition:F="absolute",...S})=>{let{getFlow:b,getFlowSteps:f,isLoading:B,targetingLogicShouldHideFlow:T,markStepCompleted:h,markStepStarted:I,markFlowCompleted:y,updateCustomVariables:m,getCurrentStepIndex:P,getStepStatus:w,isStepBlocked:E,getFlowStatus:O,getNumberOfStepsCompleted:N}=J(),{isLoadingUserFlowStateData:A}=Ae(),{primaryCTAClickSideEffects:D,secondaryCTAClickSideEffects:$}=ie(),{hasOpenModals:j}=ke(),H=P(e),{openFlowStates:V}=nc(K),{mergeAppearanceWithDefault:we}=Q();if(o=we(o),sc(()=>{m(t)},[t,B]),A)return null;let ce=b(e);if(!ce||T(ce)||O(e)==X||j())return null;let G=f(e);if(Object.keys(V).length>0){let L=Object.keys(V).find(U=>V[U]===!0);if(L!==void 0&&L!==e)return Pt.createElement(Pt.Fragment,null)}async function re(L){if(await h(e,L.id),G.map(U=>w(e,U.id)).every(U=>U===ze)){await y(e);return}if(!l&&H+1<G.length){if(E(e,G[H+1].id))return;await I(e,G[H+1].id)}}function Y(L,U,Ce){let z=H+1<G.length?G[H+1]:null;r&&r(L,H,U,z),i&&i(L,Ce,z)}function Te(){return G.map(L=>({...L,handleSecondaryButtonClick:async()=>{$(L),L.skippable===!0&&await h(e,L.id,{skipped:!0}),Y(L,"secondary",H)},handlePrimaryButtonClick:async()=>{(!L.completionCriteria&&(L.autoMarkCompleted||L.autoMarkCompleted===void 0)||L.completionCriteria&&L.autoMarkCompleted===!0)&&await re(L),Y(L,"primary",H),D(L)}}))}async function le(L){s&&s(),g==="complete-flow"?await y(e):await h(e,L.id)}function he(){d&&d()}let ee=!document.querySelector(G[H].selector);function me(){let L=G.findIndex(U=>!!document.querySelector(U.selector));return G.map((U,Ce)=>ee&&!n&&Ce!==L&&x||!n&&Ce!==H?null:Pt.createElement(Dr,{key:U.id,appearance:o,steps:Te(),selectedStep:Ce,showTooltipsSimultaneously:n,dismissible:p,onDismiss:()=>le(U),tooltipPosition:c,showHighlightOnly:l,completedStepsCount:N(e),onComplete:he,cssPosition:F,...S}))}function Fe(){return Pt.createElement(Pt.Fragment,null,Pt.createElement(te,{appearance:o}),me())}return F==="static"?Fe():Pt.createElement(lc,null,Fe())};import Le,{useEffect as pc,useRef as dc,useState as cc}from"react";import{Portal as mc}from"react-portal";import vt from"styled-components";var Zs=vt.button`
|
|
1446
1446
|
${e=>k(e)} {
|
|
1447
1447
|
// Anything inside this block will be ignored if the user provides a custom class
|
|
1448
1448
|
|
|
@@ -1530,7 +1530,7 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${eo}${r}.${eo}${r} { ${Object.entries(n).map
|
|
|
1530
1530
|
font-size: 14px;
|
|
1531
1531
|
|
|
1532
1532
|
padding: 8px 12px;
|
|
1533
|
-
`;import nl from"react";var sl=({style:e,className:t})=>nl.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"none",viewBox:"0 0 18 18",style:e,className:t},nl.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 ll from"react";var al=({style:e,className:t})=>ll.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"},ll.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 uc=({flowId:e,style:t,onStepCompletion:o,visible:i=!0,type:r="inline",title:n="Help",appearance:s})=>{let{getFlow:p,getFlowSteps:c,markStepCompleted:l,getStepStatus:g,getNumberOfStepsCompleted:d,isLoading:x,targetingLogicShouldHideFlow:F}=J(),{primaryCTAClickSideEffects:S}=ie(),b=dc(null),[f,B]=cc(!1),{mergeAppearanceWithDefault:T}=Q();s=T(s),pc(()=>(document.addEventListener("click",h,!1),()=>{document.removeEventListener("click",h,!1)}),[]);let h=w=>{b.current&&!b.current.contains(w.target)&&B(!1)};if(x)return null;let I=p(e);if(!I||F(I))return null;let y=c(e);if(!y||!i)return null;function m(w,E){!w.completionCriteria&&(w.autoMarkCompleted||w.autoMarkCompleted===void 0)&&l(e,w.id),S(w),o&&o(w,E),B(!1)}function P(){return f&&
|
|
1533
|
+
`;import nl from"react";var sl=({style:e,className:t})=>nl.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"18",height:"18",fill:"none",viewBox:"0 0 18 18",style:e,className:t},nl.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 ll from"react";var al=({style:e,className:t})=>ll.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"},ll.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 uc=({flowId:e,style:t,onStepCompletion:o,visible:i=!0,type:r="inline",title:n="Help",appearance:s})=>{let{getFlow:p,getFlowSteps:c,markStepCompleted:l,getStepStatus:g,getNumberOfStepsCompleted:d,isLoading:x,targetingLogicShouldHideFlow:F}=J(),{primaryCTAClickSideEffects:S}=ie(),b=dc(null),[f,B]=cc(!1),{mergeAppearanceWithDefault:T}=Q();s=T(s),pc(()=>(document.addEventListener("click",h,!1),()=>{document.removeEventListener("click",h,!1)}),[]);let h=w=>{b.current&&!b.current.contains(w.target)&&B(!1)};if(x)return null;let I=p(e);if(!I||F(I))return null;let y=c(e);if(!y||!i)return null;function m(w,E){!w.completionCriteria&&(w.autoMarkCompleted||w.autoMarkCompleted===void 0)&&l(e,w.id),S(w),o&&o(w,E),B(!1)}function P(){return f&&Le.createElement(rl,{className:a("floatingWidgetMenu",s),initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.1},type:r},y.map((w,E)=>Le.createElement(il,{className:a("floatingWidgetMenuItem",s),key:E,onClick:()=>m(w,E)},w.title)))}return r=="inline"?Le.createElement("span",{ref:b},Le.createElement(Zs,{style:t,onClick:()=>{B(!f)},className:a("supportButton",s)},Le.createElement(el,{className:a("supportIconContainer",s)},Le.createElement(al,{className:a("supportIcon",s),style:{width:"18px",height:"18px"}})),Le.createElement(Rs,{className:a("supportButtonTitle",s)},n)),Le.createElement(P,null)):Le.createElement(mc,null,Le.createElement(tl,{style:t,ref:b},Le.createElement(P,null),Le.createElement(ol,{onClick:()=>{B(!f)},whileHover:{scale:1.1},className:a("floatingWidgetButton",s)},Le.createElement(sl,{className:a("floatingWidgetButtonIcon",s),style:{display:"flex",width:"20px",height:"20px"}}))))};import Ye,{useEffect as fc}from"react";import qo from"styled-components";var pl=qo.div`
|
|
1534
1534
|
${e=>k(e)} {
|
|
1535
1535
|
display: flex;
|
|
1536
1536
|
flex-direction: column;
|
|
@@ -1763,5 +1763,5 @@ ${i=>i.inlineStyles.map(([r,n])=>`.${eo}${r}.${eo}${r} { ${Object.entries(n).map
|
|
|
1763
1763
|
height: 100%;
|
|
1764
1764
|
min-height: 200px;
|
|
1765
1765
|
border-radius: ${e=>e.appearance.theme.borderRadius}px;
|
|
1766
|
-
`;function Il({stepData:e,appearance:t,classPrefix:o=""}){return e.videoUri?Al.createElement(Ge,{appearance:t,videoUri:e.videoUri}):e.imageUri?Al.createElement(wc,{className:a(`${o}image`,t),appearance:t,src:e.imageUri}):null}var Fc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:r,className:n,style:s,dismissible:p=!0,modalPosition:c})=>{let{getFlow:l,markFlowCompleted:g,markStepCompleted:d,isLoading:x,targetingLogicShouldHideFlow:F,updateCustomVariables:S,getFlowSteps:b,getFlowStatus:f,getCurrentStepIndex:B}=J(),{primaryCTAClickSideEffects:T,secondaryCTAClickSideEffects:h}=ie(),{mergeAppearanceWithDefault:I}=Q(),{setOpenFlowState:y,getOpenFlowState:m,hasOpenModals:P}=ke(),[w,E]=[m(e,!0),H=>y(e,H)];if(r=I(r),Tc(()=>{S(o)},[o,x]),x)return null;let O=l(e);if(!O||F(O)||f(e)===X||P())return null;let A=b(e)[B(e)],D=()=>{E(!1),t&&t(),g(e)};function $(){return be.createElement(be.Fragment,null,be.createElement(te,{appearance:r}),be.createElement(Tl,{appearance:r,className:ge(a("announcementContainer",r),n),style:s},(p===!0||A.dismissible)&&c=="inline"&&be.createElement(vl,{onClick:async()=>{await g(e),t&&t()},className:a("announcementDismissButton",r)},be.createElement(Pe,null)),be.createElement(Fl,null,be.createElement(Bl,{appearance:r,className:a("announcementTitle",r),dangerouslySetInnerHTML:ne(A.title)}),A.subtitle&&be.createElement(El,{appearance:r,className:a("announcementSubtitle",r),dangerouslySetInnerHTML:ne(A.subtitle)})),(A.imageUri||A.videoUri)&&be.createElement(Pl,{className:a("announcementMediaContainer",r)},be.createElement(Il,{appearance:r,stepData:A})),(A.primaryButtonTitle||A.secondaryButtonTitle)&&be.createElement(kl,{className:a("announcementCTAContainer",r)},A.secondaryButtonTitle&&be.createElement(Z,{classPrefix:"announcement",title:A.secondaryButtonTitle,appearance:r,withMargin:!1,size:"small",type:"full-width",onClick:async()=>{A.handleSecondaryButtonClick(),h(A),i&&i(A,B(e),"secondary")},secondary:!0}),A.primaryButtonTitle&&be.createElement(Z,{classPrefix:"announcement",title:A.primaryButtonTitle,appearance:r,withMargin:!1,size:"small",type:"full-width",onClick:async()=>{A.handlePrimaryButtonClick(),T(A),!(i&&i(A,B(e),"primary")===!1)&&(await d(e,A.id),await g(e))}}))))}let j={padding:"24px",maxWidth:"400px"};return c==="inline"?$():c!=="center"?be.createElement(Fo,{modalPosition:c,onClose:D,visible:w,dismissible:p,appearance:r},$()):be.createElement(je,{appearance:r,onClose:D,visible:w,style:j,dismissible:p},$())};import*as Yo from"react";import Nl from"react";var Ol=({as:e="span",children:t,variant:o="Body1",...i})=>Nl.createElement(tn,{color:"neutral.foreground",fontFamily:"default",forwardedAs:e,variant:o,...i},t),kc=Object.fromEntries(Object.keys(Mo).map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=i=>Nl.createElement(Ol,{as:t,...i,variant:e},i.children);return o.displayName=`Text.${e}`,[e,o]})),Hr=Object.assign(Ol,kc);var Ll=({as:e="button",className:t,size:o="md",title:i,variant:r="Primary",...n})=>{var s;return Yo.createElement(en,{className:`fr-button-${r.toLowerCase()}${t?` ${t}`:""}`,forwardedAs:e,variant:r,size:o,borderRadius:"md",...n},Yo.createElement(Hr,{color:(s=mo[r])==null?void 0:s.color,fontWeight:"semibold"},i))},Pc=Object.fromEntries(Object.keys(mo).map(e=>{let t=o=>Yo.createElement(Ll,{...o,variant:e});return t.displayName=`Button.${e}`,[e,t]})),vc=Object.assign(Ll,Pc);export{co as Box,vc as Button,Qe as CheckBox,Qo as FlowType,lt as FormLabel,dr as FormTextField,Fc as FrigadeAnnouncement,hc as FrigadeBanner,Or as FrigadeChecklist,Je as FrigadeDefaultAppearance,gc as FrigadeEmbeddedTip,Ki as FrigadeForm,Kd as FrigadeGuide,Hd as FrigadeHeroChecklist,Sc as FrigadeNPSSurvey,Vd as FrigadeProgressBadge,Zp as FrigadeProvider,uc as FrigadeSupportWidget,ac as FrigadeTour,$t as ProgressRing,Hr as Text,Fr as tokens,ke as useFlowOpens,Zt as useFlowResponses,J as useFlows,br as useOrganization,Rt as useUser,Ae as useUserFlowStates};
|
|
1766
|
+
`;function Il({stepData:e,appearance:t,classPrefix:o=""}){return e.videoUri?Al.createElement(Ge,{appearance:t,videoUri:e.videoUri}):e.imageUri?Al.createElement(wc,{className:a(`${o}image`,t),appearance:t,src:e.imageUri}):null}var Fc=({flowId:e,onDismiss:t,customVariables:o,onButtonClick:i,appearance:r,className:n,style:s,dismissible:p=!0,modalPosition:c})=>{let{getFlow:l,markFlowCompleted:g,markStepCompleted:d,isLoading:x,targetingLogicShouldHideFlow:F,updateCustomVariables:S,getFlowSteps:b,getFlowStatus:f,getCurrentStepIndex:B}=J(),{primaryCTAClickSideEffects:T,secondaryCTAClickSideEffects:h}=ie(),{mergeAppearanceWithDefault:I}=Q(),{setOpenFlowState:y,getOpenFlowState:m,hasOpenModals:P}=ke(),[w,E]=[m(e,!0),H=>y(e,H)];if(r=I(r),Tc(()=>{S(o)},[o,x]),x)return null;let O=l(e);if(!O||F(O)||f(e)===X||P())return null;let A=b(e)[B(e)],D=()=>{E(!1),t&&t(),g(e)};function $(){return be.createElement(be.Fragment,null,be.createElement(te,{appearance:r}),be.createElement(Tl,{appearance:r,className:ge(a("announcementContainer",r),n),style:s},(p===!0||A.dismissible)&&c=="inline"&&be.createElement(vl,{onClick:async()=>{await g(e),t&&t()},className:a("announcementDismissButton",r)},be.createElement(Pe,null)),be.createElement(Fl,null,be.createElement(Bl,{appearance:r,className:a("announcementTitle",r),dangerouslySetInnerHTML:ne(A.title)}),A.subtitle&&be.createElement(El,{appearance:r,className:a("announcementSubtitle",r),dangerouslySetInnerHTML:ne(A.subtitle)})),(A.imageUri||A.videoUri)&&be.createElement(Pl,{className:a("announcementMediaContainer",r)},be.createElement(Il,{appearance:r,stepData:A})),(A.primaryButtonTitle||A.secondaryButtonTitle)&&be.createElement(kl,{className:a("announcementCTAContainer",r)},A.secondaryButtonTitle&&be.createElement(Z,{classPrefix:"announcement",title:A.secondaryButtonTitle,appearance:r,withMargin:!1,size:"small",type:"full-width",onClick:async()=>{A.handleSecondaryButtonClick(),h(A),i&&i(A,B(e),"secondary")},secondary:!0}),A.primaryButtonTitle&&be.createElement(Z,{classPrefix:"announcement",title:A.primaryButtonTitle,appearance:r,withMargin:!1,size:"small",type:"full-width",onClick:async()=>{A.handlePrimaryButtonClick(),T(A),!(i&&i(A,B(e),"primary")===!1)&&(await d(e,A.id),await g(e))}}))))}let j={padding:"24px",maxWidth:"400px"};return c==="inline"?$():c!=="center"?be.createElement(Fo,{modalPosition:c,onClose:D,visible:w,dismissible:p,appearance:r},$()):be.createElement(je,{appearance:r,onClose:D,visible:w,style:j,dismissible:p},$())};import*as Yo from"react";import Nl from"react";var Ol=({as:e="span",children:t,variant:o="Body1",...i})=>Nl.createElement(tn,{color:"neutral.foreground",fontFamily:"default",forwardedAs:e,variant:o,...i},t),kc=Object.fromEntries(Object.keys(Mo).map(e=>{let t=["H1","H2","H3","H4"].includes(e)?e.toLowerCase():void 0,o=i=>Nl.createElement(Ol,{as:t,...i,variant:e},i.children);return o.displayName=`Text.${e}`,[e,o]})),Hr=Object.assign(Ol,kc);var Ll=({as:e="button",className:t,size:o="md",title:i,variant:r="Primary",...n})=>{var s;return Yo.createElement(en,{className:`fr-button-${r.toLowerCase()}${t?` ${t}`:""}`,forwardedAs:e,variant:r,size:o,borderRadius:"md",...n},Yo.createElement(Hr,{color:(s=mo[r])==null?void 0:s.color,fontWeight:"semibold"},i))},Pc=Object.fromEntries(Object.keys(mo).map(e=>{let t=o=>Yo.createElement(Ll,{...o,variant:e});return t.displayName=`Button.${e}`,[e,t]})),vc=Object.assign(Ll,Pc);export{co as Box,vc as Button,Qe as CheckBox,Qo as FlowType,lt as FormLabel,dr as FormTextField,Fc as FrigadeAnnouncement,hc as FrigadeBanner,Or as FrigadeChecklist,Je as FrigadeDefaultAppearance,gc as FrigadeEmbeddedTip,Ki as FrigadeForm,Kd as FrigadeGuide,Hd as FrigadeHeroChecklist,Sc as FrigadeNPSSurvey,Vd as FrigadeProgressBadge,Zp as FrigadeProvider,uc as FrigadeSupportWidget,ac as FrigadeTour,Ne as ProgressBar,$t as ProgressRing,Hr as Text,Fr as tokens,ke as useFlowOpens,Zt as useFlowResponses,J as useFlows,br as useOrganization,Rt as useUser,Ae as useUserFlowStates};
|
|
1767
1767
|
//# sourceMappingURL=index.mjs.map
|